::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    background: gray;
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.5);
}


::-moz-scrollbar {
    width: 9px;
}

/* Track */
::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.3);
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

/* Handle */
::-moz-scrollbar-thumb {
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.5);
}

.sscroll {
    height: auto;
}

.trHeaderMain {
    background-color: #2095f4;
    height: 20px;
    text-align: left;
}

.button {
    FONT-SIZE: 12px;
    background-color: #2095f4;
    cursor: pointer;
    FONT-FAMILY: verdana;
    color: #FFFFFF;
    TEXT-DECORATION: none;
    font-weight: bold;
    left: auto;
    top: auto;
    height: 25px;
    border-radius: 3px;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btnxl {
    FONT-SIZE: 12px;
    background-color: #7db343;
    cursor: pointer;
    FONT-FAMILY: verdana;
    color: #FFFFFF;
    TEXT-DECORATION: none;
    font-weight: bold;
    left: auto;
    top: auto;
    height: 25px;
    border-radius: 3px;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btnx {
    FONT-SIZE: 12px;
    background-color: #f5c03e;
    cursor: pointer;
    FONT-FAMILY: verdana;
    color: #FFFFFF;
    TEXT-DECORATION: none;
    font-weight: bold;
    left: auto;
    top: auto;
    height: 25px;
    border-radius: 3px;
    padding: 3px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.box {
    border: 2px solid #456879;
    border-radius: 5px;
    Width: 95px;
    height: 30px;
    margin-bottom: 0px;
    padding: 0px;
    border: 1px solid #39C;
    font-size: 15px;
    text-align: right;
}


.dgHeader {
    background: #198BD2;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.TitleHeader {
    background-color: #353535;
    color: white;
    font-weight: bold;
    text-align: left;
    height: 20px;
}

.trheaderSky {
    background: #198bd2 none repeat scroll 0 0;
    color: White;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.trheaderSkylight {
    background: #DBEAF9 none repeat scroll 0 0;
    color: black;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    vertical-align: middle;
}

.trheaderBlack {
    background: #000 none repeat scroll 0 0;
    color: White;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
/* ------------------------------------------------------------------------GRID VIEW -------------------------------------------------------*/
.mydatagrid {
    width: 100%;
    min-width: 80%;
}

.header {
    background-color: #353535;
    color: white;
    font-weight: bold;
    text-align: left;
}

.rows {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: left;
    border: none 0px transparent;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: black;
    text-decoration: none;
}


.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/ {
    color: black;
}

.pager {
    background-color: #646464;
    font-family: Arial;
    color: White;
    height: 30px;
    text-align: left;
}

/*.mydatagrid td {
    padding: 5px;
}*/
/*.mydatagrid th {
    padding: 5px;
}*/
.mydatagrid tr.alternate {
    background-color: #eaeaea;
}

/* ------------------------------------------------------------------------GRID VIEW -------------------------------------------------------*/
.brt {
    font-weight: bold;
    font-size: 8px;
}

.borderAll {
    border-width: 1px;
    border-color: black;
    border-style: solid;
}

.borderRight {
    border-right-width: 1px;
    border-right-color: black;
    border-right-style: solid;
}

.borderLeft {
    border-left-width: 1px;
    border-left-color: black;
    border-left-style: solid;
}

.borderTop {
    border-top-width: 1px;
    border-top-color: black;
    border-top-style: solid;
}

.borderBottom {
    border-bottom-width: 1px;
    border-bottom-color: black;
    border-bottom-style: solid;
}

.borderAllWhite {
    border-top: solid 1px white;
    border-Bottom: solid 1px black;
    border-right: solid 1px white;
    border-left: solid 1px white;
}

.borderLeftblack {
    border-top: solid 1px white;
    border-Bottom: solid 1px black;
    border-right: solid 1px white;
    border-left: solid 1px black;
}

.borderRightblack {
    border-top: solid 1px white;
    border-Bottom: solid 1px black;
    border-right: solid 1px black;
    border-left: solid 1px white;
}

.trSubHeader {
    font-size: 12px;
    color: White;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    font-family: Verdana, Helvetica, sans-serif;
    background-color: #198bd2;
}

.tdHeaderRed {
    background-color: #FB3636;
    color: #FFFFFF;
    font-family: verdana;
    font-size: 12px;
    text-align: center;
}

.OuterTableCellOverlay {
    background-color: Gray;
    opacity: 0.5;
    z-index: 999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
}

.InnerTableCellOverlay {
    border: 1px solid black;
    padding: 10px;
    background-color: #eee;
    z-index: 998;
    background-color: #eee;
    filter: alpha(opacity=80);
    position: Absolute;
    top: 30%;
    left: 45%;
    text-align: center;
}