body
{
    scrollbar-base-color: #dff1fb;
}

/*---- FIELDSET -----*/
fieldset
{
    font-size: 11px;
    border-radius: 6px;
    border-width: 0px;
    border: solid 1px #95bcd6;
}

    fieldset.withBgColor
    {
        background-color: #dff1fb;
    }

    fieldset.withBgPointsColor
    {
        background-color: #f0f6f8;
    }

/*---- TABLE -----*/
table
{
    border-color: #95bcd6;
}

    table.radius
    {
        border: solid 1px #95bcd6;
        border-radius: 6px;
        padding-left: 2px;
        padding-right: 2px;
    }

        table.radius td
        {
            border-width: 0px;
        }

    table.matchTable
    {
        font-size: 11px;
        font-family: Tahoma, sans-serif;
    }

    table.matchHeader
    {
        font-family: Verdana;
        background-color: #6586BA;
        border-radius: 5px;
        padding: 0 2px 0 2px;
        height: 25px;
    }

    table.statistic
    {
        width: 100%;
        height: 20px;
        font-size: 11px;
        font-weight: bold;
        padding: 0 3 0 0px;
    }

    table.tableNoStyle1
    {
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        font-family: Tahoma, sans-serif;
        border: none 0px black;
        border-spacing: 0px;
        padding: 0px;
        width: 100%;
    }

        table.tableNoStyle1 tbody tr td
        {
            font-style: normal;
            font-weight: normal;
            border: none 0px black;
            padding: 0px;
        }

        table.tableNoStyle1 thead tr td
        {
            background-image: none;
            font-style: normal;
            font-weight: normal;
            border: none 0px black;
            padding: 0px;
        }

    table.matchScore
    {
        padding: 1 0 1 0px;
        border-radius: 6px;
    }

    /* Rows, Cells */
    table tr.top
    {
        vertical-align: top;
    }

    table td.left
    {
        text-align: left;
    }

    table td.center
    {
        text-align: center;
    }

    table td.right
    {
        text-align: right;
    }

    table td.top
    {
        vertical-align: top;
    }


/*---- DROPDOWNLIST -----*/
.dropDownList
{
    padding: 0 0 0 0 px;
    border: solid 1px #95bcd6;
    height: 20px;
}

/*---- RADIOBUTTONLIST -----*/
.radioButtonList td
{
    padding-left: 0px;
    vertical-align: middle;
    border-width: 0px;
}

.radioButtonList input
{
    padding: 0px 3px 0px 0px;
    margin-left: 0px;
}

.radioButtonList label
{
    vertical-align: top;
    line-height: 20px;
    padding-right: 10px;
}

/*---- TEXTBOX -----*/
input.score
{
    font-size: 11px;
    text-align: center;
    border-radius: 6px;
    border-width: 0px;
    border: solid 1px #95bcd6;
    width: 24px;
    height: 16px;
}

.textBox
{
    border: solid 1px #95bcd6;
}


/*---- CHECKBOX -----*/
.chkStyle
{
    zoom: 85%;
    -moz-transform: scale(0.85);
    -o-transform: scale(0.85);
    padding-left: 0px;
    margin-left: 0px;
}

    .chkStyle input
    {
        margin-left: 0px;
        margin-top: 5px;
    }

.chkBox input
{
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}

.chkBox label
{
    margin-left: 5px;
    vertical-align: top;
}

/*---- CHECKBOXLIST -----*/
.chkBoxList
{
}

    .chkBoxList label
    {
        width: 140px !important;
        display: inline-block;
    }

/*---- BUTTON -----*/
input.button
{
    background-color: #FFF;
    line-height: normal;
    height: 23px;
    font-size: 11px;
    border: solid 1px #95bcd6;
    padding: 2px 3px 3px 3px;
}

/*---- LABEL -----*/
.infoLabel
{
    color: #00b281;
    font-size: 13px;
}

.errorLabel
{
    color: red;
    font-size: 12px;
}

.refresh
{
    width: 18px;
    margin-right: 10px;
}

.saveFinalScore
{
    width: 14px;
    margin-right: 10px;
}

.ellipsis
{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

/*---- OTHER -----*/
.linkMessage
{
    color: Red;
    cursor: hand;
    cursor: pointer;
    text-decoration: underline;
}

a.external
{
    color: #35709E !important;
}

    a.external:hover
    {
        font-weight: bold;
    }

.notVisible
{
    display: none;
}

.ui-datepicker-trigger
{
    height: 13px;
    padding: 0px 0px 0px 3px !important;
}

div.loadingCover
{
    position: absolute;
    z-index: 10000;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #AAA;
    opacity: 0.1;
}

.textCover
{
    color: #7F7F7F !important; /*font-style: italic;*/
}

div.clear
{
    clear: both;
}

div.absolute
{
    position: absolute !important;
}

img.shadow
{
    -moz-box-shadow: 0px 0px 5px 1px #BEBFC1;
    -webkit-box-shadow: 0px 0px 5px 1px #BEBFC1;
    box-shadow: 0px 0px 5px 1px #BEBFC1;
}

.middle
{
    vertical-align: middle;
    margin-left: 0px;
    margin-top: 0px;
}

/*===== Ajax Loader ======*/
div.ajaxLoader
{
    display: none;
    position: relative;
    text-align: center;
    vertical-align: middle;
    z-index: 1000;
}

    div.ajaxLoader img.middle
    {
        height: 35px;
    }

    div.ajaxLoader img.small
    {
        height: 20px;
    }

    div.ajaxLoader img.smaller
    {
        height: 15px;
    }

/*========================
========== Master ========
========================*/
div.messageBar
{
    vertical-align: top;
    text-align: center;
}

div.mainPlaceHolder
{
    min-height: 650px;
    height: 100%;
}

/* PAGE HEADER */
td.headerBackground
{
    background-image: url(../../App_Themes/Images/header.png);
}

td.leftMenuBackground
{
    background-image: url(../../App_Themes/Images/line.png);
    background-repeat: repeat-y;
    height: 100%;
}

td.headerBackground div.homeLink
{
    position: relative;
    top: 33px;
    left: 83px;
    width: 70px;
    height: 70px;
    cursor: pointer;
    outline: 0 !important;
}

span.headerTopMenu
{
    font-size: 13px;
    font-weight: bold;
    color: #025ca7;
    cursor: hand;
    cursor: pointer;
    letter-spacing: 1px;
    font-family: Tahoma, sans-serif;
    margin-left: 20px;
    outline: none;
}

    span.headerTopMenu:hover
    {
        color: #ffc000;
    }

/* PAGE DEFAULT */
table.page-default
{
    width: 100%;
    height: 100%;
}
  
    table.page-default span.headerBottomMenu
    {
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
        cursor: hand;
        cursor: pointer;
        letter-spacing: 2px;
        font-family: Tahoma, sans-serif;
        text-transform: uppercase;
    }

        table.page-default span.headerBottomMenu:hover
        {
            color: #ffc000;
        }

    table.page-default div.volume
    {
        background-image: url(../../App_Themes/Images/Icons/volume.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 20px;
        width: 20px;
        line-height: 50px;
        cursor: pointer;
        margin-left: 8px;  
    }

    table.page-default div.volume-muted
    {
        background-position: 0px -20px !important;
    }

/* LEFT MENU */
div.leftMenu
{
    font-size: 13px;
    width: 100%;
    font-family: Tahoma, sans-serif;
}

    div.leftMenu div.empty
    {
        height: 30px;
    }
    
    div.leftMenu ul.accordion li.hidden
    {
        display: none;
    }

select.combo
{
    width: 100%;
}

/* CLOCK BAR */
table.clock
{
    margin-right: 50px;
    font-family: Tahoma, sans-serif;
}

    table.clock td.date
    {
        vertical-align: middle;
        color: #FFF;
        font-size: 13px;
        font-weight: bold;
        padding-right: 10px;
    }

    table.clock td.hour
    {
        vertical-align: middle;
        text-align: center;
        color: #FFF;
        font-size: 13px;
        font-weight: bold;
    }

    table.clock td.colon
    {
        padding-top: 3px;
    }

    table.clock label.clock
    {
        border: 0px;
        padding-left: 7px;
        display: none;
    }

/* HORIZONAL BAR */
div.horizonalBar
{
    width: 950px;
    height: 50px;
    text-align: center;
}

    div.horizonalBar div.userProfile
    {
        float: left;
        width: 44%;
    }

        /* Image */
        div.horizonalBar div.userProfile div.image 
        {
            float: left;
            text-align: center;
            padding: 6px 15px 0px 0px;
        }
        
            div.horizonalBar div.userProfile div.image  img
            {
                height: 40px;
                width: auto;
                border-radius: 6px;
                display: none;
            }
            
        /* Name */
        div.horizonalBar div.userProfile div.name
        {
            float: left;
            text-align: left;
            line-height: 50px;
        }

            div.horizonalBar div.userProfile span
            {
                border: 0px;
                color: #FFF;
                font-size: 14px;
                font-weight: bold;
                font-family: Tahoma, sans-serif;
            }
        
         /* Name */
        div.horizonalBar div.userProfile div.userRating
        {
            float: left;
            text-align: left;
            line-height: 50px;
            padding-top: 10px;
        }
            
            div.horizonalBar div.userProfile div.userRating div
            {           
                background-image: url(../../App_Themes/Images/rating.png);
                background-size: 75px 165px;
                background-repeat: no-repeat;
                height: 15px;
                width: 75px;
                margin: 6px 15px;
            }
            

    div.horizonalBar div.headerPlaceHolder
    {
        float: right;
        line-height: 50px;
        width: 55%;
    }

/* User Account Photo (Upload) */
div.userAccountPhoto div.userProfilePhoto
{
    float: left;
    text-align: center;
    border: solid 1px #95bcd6;
    border-radius: 6px;
    line-height: 100px;
    width: 100px;
    height: 100px;
}

    div.userAccountPhoto div.userProfilePhoto img
    {
        max-width: 96px;
        max-height: 96px;
        margin: 2px;
        cursor: default;
    }

    div.userAccountPhoto div.userProfilePhoto:hover
    {
        border-color: #417496;
    }

div.userAccountPhoto div.delete
{
    float: left;
    vertical-align: top;
    position: relative;
    left: -14px;
    width: 10px;
    margin-top: 3px;
    z-index: 10000 !important;
}

    div.userAccountPhoto div.delete img
    {
        cursor: hand;
        cursor: pointer;
        height: 10px;
    }

/* Image Upload */
div.userAccountPhoto div.fileUpload
{
    float: right;
    text-align: left;
    line-height: 100px;
    width: 40px;
    height: 100px;
}

    div.userAccountPhoto div.fileUpload div.fileInputs
    {
        position: relative;
        line-height: 30px;
        width: 30px;
        height: 30px;
    }

        div.userAccountPhoto div.fileUpload div.fileInputs input.file
        {
            position: relative;
            text-align: right;
            top: 35px;
            width: 30px !important;
            height: 30px !important;
            padding: 0px;
            margin: 0;
            -moz-opacity: 0;
            filter: alpha(opacity: 0);
            opacity: 0;
            z-index: 9999999 !important;
            cursor: pointer;
        }

        div.userAccountPhoto div.fileUpload div.fileInputs div.fakefile
        {
            position: relative;
            top: 0px;
            left: 0px;
            width: 30px;
            height: 30px;
            padding: 0px;
            margin: 0px;
            z-index: 1 !important;
            cursor: pointer;
        }

            div.userAccountPhoto div.fileUpload div.fileInputs div.fakefile img.userProfileAddImage
            {
                height: 25px;
                cursor: pointer;
            }

/* PAGE BOTTOM */
div.pageBottom
{
    text-align: right;
    width: 950px;
    height: 40px;
    margin-top: 5px;
}

    /* FACEBOOK */
    div.pageBottom div.fb-like
    {
        float: left;
    }

    /* BANNER */
    div.pageBottom div.banner
    {
        float: right;
        text-align: right;
    }

div.banner a
{
    text-decoration: none;
}

div.banner img
{
    height: 30px;
    border: 0px;
    border-radius: 6px;
}

/* PAGE FOOTER */
div.pageFooter
{
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif;
    font-size: 11px;
    color: #0d5995;
    border-color: #0d5995;
    border-top: 1px solid #0d5995;
    padding-top: 3px;
    width: 950px;
}

/*========================
======= GRID STYLES ======
========================*/
.gridView
{
    width: 100%;
}

    .gridView td
    {
        padding-left: 1px;
    }

tr.gridHeader
{
    border: solid 1px #95BCD6;
    background-color: #b2dff4;
    color: Black;
    font-size: 11px;
    height: 25px;
}

    tr.gridHeader a
    {
        outline: 0 !important;
    }

tr.gridRow
{
    border-width: 1px;
    background-color: White;
}

tr.gridAlternativeRow
{
    border-width: 1px;
    background-color: #efffff;
}

tr.gridSelectedRow
{
    color: #FFF;
    border-width: 1px;
    background-color: #48546F;
}

tr.gridEmptyRow td
{
    border-radius: 6px;
    padding-left: 2px;
    padding-right: 2px;
}

tr.gridPager
{
    border: solid 1px #c3c6c8;
}

th.gridColumnHeader
{
    color: Black !important;
    border: solid 1px #95BCD6;
}

    th.gridColumnHeader a
    {
        color: Black !important;
    }

td.gridColumnItem
{
    border: solid 1px #95BCD6;
    height: 15px;
}

td.gridColumnThickItem
{
    border: solid 1px #95BCD6;
    height: 20px;
}

td.gridColumnItemWithPadding
{
    border: solid 1px #95BCD6;
    height: 15px;
    padding: 5px;
}

td.userGridColumnItem
{
    border: solid 1px #95BCD6;
    height: 17px;
}

td.pointsGridColumnItem
{
    height: 14px;
    border: solid 1px #95BCD6;
}

.gridFontStyle
{
    font-size: 12px;
    font-family: Tahoma, sans-serif;
}

div.emptyData
{
    border: solid 0px #95bcd6;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 30px;
}

div.emptyDataWithBgColor
{
    background-color: #dff1fb;
    border: solid 0px #95bcd6;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 30px;
    padding-top: 10px;
}

/************************/
/******* DIALOGS ********/
/************************/
/* Message */
div.messageDialog
{
    overflow: hidden;
    display: none;
    z-index: 999999 !important;
}

    div.messageDialog div.image
    {
        float: left;
        width: 30px;
        height: 30px;
        padding: 5px;
    }

    div.messageDialog div.message
    {
        float: left;
        width: 270px;
        height: 30px;
        padding: 10px;
    }

    div.messageDialog img
    {
        height: 30px;
    }

    div.messageDialog span
    {
        font-size: 11px;
    }


/* Chart */
div.chartDialog
{
    padding-top: 0px;
    overflow: hidden;
    display: none;
}

.view-type input,
.view-type label
{
    cursor: pointer;
}

/* Rating types */
div.rate-00
{
    background-position: 0px 0px;
}

div.rate-05
{
    background-position: 0px -15px;
}

div.rate-10
{
    background-position: 0px -30px;
}

div.rate-15
{
    background-position: 0px -45px;
}

div.rate-20
{
    background-position: 0px -60px;
}

div.rate-25
{
    background-position: 0px -75px;
}

div.rate-30
{
    background-position: 0px -90px;
}

div.rate-35
{
    background-position: 0px -105px;
}

div.rate-40
{
    background-position: 0px -120px;
}

div.rate-45
{
    background-position: 0px -135px;
}

div.rate-50
{
    background-position: 0px -150px;
}