﻿.grid { font-family: Arial, Helvetica, verdana, ms sans serif; }

.grid .mid { padding: 3px 0px 0px 0px; }

.gridfooter {
    padding-bottom: 10px;
    padding-top: 10px;
}

.grid .datatable {
    color: #666;
    width: 100%;
}

.grid .datatable TH {
    border-bottom: solid 2px #bbd9ee;
    color: #0066cc;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
}

.grid .datatable TH A {
    color: #0066cc;
    padding-right: 18px;
    text-decoration: none;
}

.grid .datatable TH.sortasc A { background: url(../Images/asc.gif) right center no-repeat; }

.grid .datatable TH.sortdesc A { background: url(../Images/desc.gif) right center no-repeat; }

.grid .datatable .row TD {
    border-bottom: solid 1px #bbd9ee;
    font-size: 11px;
    text-align: left;
}

.grid .datatable .row:hover {
    background-color: #e4e7e4;
    color: #000;
}

.grid .datatable .row TD.first { padding-left: 10px; }

.grid .datatable TH.first { padding-left: 10px; }

.grid .datatable .row:hover .first {
    background-image: url(../Images/bullet.gif);
    background-repeat: no-repeat;
}  

/* Data Pager Styles */

.grid TR.pager-row TD { border-top: solid 2px #bbd9ee; }

.grid .pager {
    font-family: arial, sans-serif;
    font-size: 18px;
    padding: 6px;
    text-align: center;
}

.grid .pager SPAN.command,
.grid .pager SPAN.current,
.grid .pager A.command,
.grid TR.pager-row TD A {
    border: none;
    color: #5a90ce;
    padding: 0px 5px;
    text-decoration: none;
}

.grid .pager A.command:hover,
.grid TR.pager-row TD A:hover {
    background-color: #59A5D1;
    border: solid 2px #408BB6;
    color: #fff;
    padding: 0px 3px;
    text-decoration: none;
}

.grid .pager SPAN.current,
.grid TR.pager-row TD SPAN {
    border: none;
    color: #3e3e3e;
    font-weight: bold;
    padding: 0px 6px;
}

.grid TR.pager-row TD {
    border-top: none;
    text-align: center;
}

.grid TR.pager-row TABLE {
    height: 35px;
    margin: 0 auto 0 auto;
}

.LargeText {
    color: #006699;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.CenterItem {
    border-bottom: solid 1px #bbd9ee;
    font-size: 11px;
    text-align: center;
}

.LeftItem {
    border-bottom: solid 1px #bbd9ee;
    font-size: 11px;
    text-align: left;
}

.CenterHeader {
    border-bottom: solid 2px #bbd9ee;
    color: #0066cc;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: center;
}

.LeftHeader {
    border-bottom: solid 2px #bbd9ee;
    color: #0066cc;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
}