.gridRowSelector {
    background-color: #b3d7ff;
    border: 1px solid white;
    border-right-color: #d4d0c8;
    border-bottom-color: #d4d0c8;
    text-align: center;
    vertical-align: middle;
}

.gridBorder {
    background-color: #0054e3;
}

.gridTitlebar {
    padding-left: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Trebuchet MS, arial, verdana, sans-serif;
    background: #0054e3 url( ../../images/grid/taskBarBG.gif ) repeat-x;
    line-height: 25px;
}

.gridCellLines {
    BACKGROUND-COLOR: #d4d0c8;
}

.gridHeader {
    background-color: #b3d7ff;
    border: 1px solid white;
    border-right-color: #00008b;
    border-bottom-color: #00008b;
    COLOR: #0054e3;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Trebuchet MS, tahoma, arial, verdana, sans-serif;
    line-height: 19px;
}

A.gridHeader {
    COLOR: #00008b;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: underline;
}

A.gridHeader:hover {
    COLOR: #5c7ed8;
}

.gridRowOff {
    padding: 2px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #e8eff9;
    text-overflow: ellipsis;
    overflow: hidden;
}

A.gridRowOff:hover, A.gridRowOn:hover {
    COLOR: #5c7ed8;
}

.gridRowOn {
    padding: 2px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gridSelectedRow {
    padding: 2px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    COLOR: #000000;
    BACKGROUND-COLOR: #B0C4DE;
}

.gridRowHilite {
    padding: 2px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
    text-overflow: ellipsis;
    overflow: hidden;
}

A.gridRowHilite:hover {
    COLOR: #5c7ed8;
}

.gridRowNotSelectable {
    padding: 2px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    COLOR: #d4d0c8;
    BACKGROUND-COLOR: #ffffff;
    FONT-STYLE: italic;
}

.gridSubtotal {
    FONT-SIZE: 8pt;
    TEXT-INDENT: 0px;
    LINE-HEIGHT: 10pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #B0C4DE;
}

.gridTotal {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    LINE-HEIGHT: 12pt;
    FONT-FAMILY: Trebuchet MS, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #3474d3;
}

.gridActionBar {
    padding-top: 3px;
    padding-bottom: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #ffffcc;
}

.gridActionButton {
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial, verdana, sans-serif;
    border: 1px solid white;
    border-right-color: gray;
    border-bottom-color: gray;
    BACKGROUND-COLOR: #ffffbb;
}

.gridActionButtonHover {
    FONT-SIZE: 8pt;
    FONT-FAMILY: arial, verdana, sans-serif;
    border: 1px solid #000080;
    BACKGROUND-COLOR: #B0C4DE;
}

.gridPager {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffc73c;
    LINE-HEIGHT: 14pt;
    FONT-FAMILY: Trebuchet MS, tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #1184E1;
}

A.gridPager {
    COLOR: #ffc73c;
    TEXT-DECORATION: underline;
}

A.gridPager:hover {
    COLOR: #fff2d5;
}

.gridPagerSelectedPage {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffc73c;
    LINE-HEIGHT: 14pt;
    FONT-FAMILY: Trebuchet MS, tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #1184E1;
}

.gridPagerSummary {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffc73c;
    LINE-HEIGHT: 14pt;
    FONT-FAMILY: Trebuchet MS, tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #1184E1;
}

.gridBlankLine {
    border-color: white;
    border-right-width: 0px;
    border-left-width: 0px;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    LINE-HEIGHT: 10pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

.gridButton {
    border: thin solid #cccccc;
    border-right-color: #333333;
    border-bottom-color: #333333;
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    PADDING-TOP: 3px;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    BACKGROUND-COLOR: #0f0f4c;
}

.customStyle {
    FONT-WEIGHT: bold;
    padding-right: 4px;
    padding-left: 4px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: tahoma, arial, verdana, sans-serif;
    COLOR: green;
    BACKGROUND-COLOR: #eeffff;
}