/*-- GRID BODY --*/

.grid 
{ 
    /*font-family: Verdana;*/
    font-size: 9pt;
    vertical-align: top;
    padding: 0px;
    border-collapse:collapse;
}

.grid .datatable
{
    border: 1px solid #C0C0C0;
    border-bottom: solid 2px #bbd9ee;
    width: 100%;
    padding: 0px;
}

/*-- GRID COLUMN HEADINGS --*/

.grid .datatable TH
{
    height: 26px;
    letter-spacing: 0px;
    text-align: left;
    padding: 2px 0px 0px 0px;
    color: #333333;
    border-bottom: solid 2px #bbd9ee;
    font-variant: small-caps;
}

/*-- GRID SORTABLE COLUMN HEADINGS --*/

.grid .datatable TH A
{
	text-decoration: underlime;
	padding-right: 15px;
	color: #0066cc;
}

.grid .datatable TH.sortasc A { background: url(../img/asc.gif) right center no-repeat; }
.grid .datatable TH.sortdesc A { background: url(../img/desc.gif) right center no-repeat; }

/*-- GRID ROWS NORMAL --*/

.grid .datatable .row
{
    text-align: left;
    padding: 2px 2px 0px 0px;
    height: 22px;
    /*cursor: pointer;*/
}

/*-- GRID ROWS ALT --*/

.grid .datatable .rowAlt
{
    text-align: left;
    padding: 2px 2px 0px 0px;
    background-color: #E6E6E6; /*D6E3F7;*/
    height: 22px;
    /*cursor: pointer;*/
}

.grid .datatable .rowHierarchy
{
   background-color: #4d6d8b;
   color: white;
}

/*-- GRID ROWS EMPTY --*/

.grid .datatable .rowEmpty
{
    text-align: center;
    padding: 2px 2px 0px 0px;
    height: 30px;
    width: 100%;
}

/*-- GRID ROWS HOVER --*/

.grid .datatable .row:hover, .grid .datatable .rowAlt:hover
{
   background-color: #6F9CC7;
   color: white;
}

/*-- GRID ROW SELECT --*/

.grid .datatable .rowSelect
{
    text-align: left;
    padding: 2px 2px 0px 0px;
    background-color: #FFCC99; /*#6F9CC7;*/
    height: 22px;
    /*color: white;*/
}

/*-- GRID COLUMN FOOTER --*/

.grid .datatable .footer
{
    height: 20px;
    letter-spacing: 0px;
    text-align: left;
    padding: 2px 2px 0px 0px;
    color: #333333;
    font-weight: bold;
    vertical-align: middle;
}

.totals
{
    height: 26px;
    text-align: left;
    padding: 0px 5px 0px 5px;
    color: #333333;
    vertical-align: middle;
    border: solid 1px #C0C0C0;
    border-top-width: 0px;
    font-variant: small-caps;
}