.datagrid {background-color:silver;
          color:black;
          border: solid 1px gray;
          font-size:1em;}

.inactive {background-color:gray;
           color:#FFF;}

.reconciled {background-color:green;
             color:#FFF;}

.outstanding {background-color:white;}

.redflagstatus {background-color:Yellow;}             
                         
.cleared {background-color:lightblue;}                                      
            
.exported {background-color:yellow;}                                                  

.void {background-color:gray;}                                      

.datagrid td  {border: solid 1px gray;
                color:Black;
                font-size:1em;}

.datagrid th {background-color:silver;
                color:Black;
                font-size:1.4em;
                font-weight:bold;}   

.datagrid table td
{
	border: 1px solid #CCC;
	border-collapse:collapse;
    font:Verdana,Arial
}
.datagrid table
{
	border:1px solid #CCC;
	height:50%;
	overflow:scroll;
	background-color:#FFF;
}

.datagrid thead th,
.datagrid tbody th
{
    background-color:#FFF;
    color:#666;  
	padding:5px 10px;
    border-left: 1px solid #CCC;
}
.datagrid tbody th
{
  background:#fafafb;
  border-top:1px solid #CCC;
  text-align:left;
  font-weight:normal;
}
.datagrid tbody tr td
{
  padding:  5px 10px;
  color: #666;
  background-color:#FFF;
}
.datagrid tbody tr:hover /*won't work in IE???*/
{
  background-color:#FFF;
}

.datagrid tbody tr:hover td
{
  color: #454545;
}

.datagrid tfoot td,
.datagrid tfoot th
{
  border-left:none;
  border-top:1px solid #CCC;
  padding:4px;
  background-color:#FFF;
  color:#666;
}
.datagrid caption
{
	text-align: left;
	font-size: 120%;
	padding: 10px 0;
	color: #666;
}
.datagrid table a:link
{
	color:#666;
}
.datagrid table a:visited
{
	color:#666;
}
.datagrid table a:hover
{
	color: #003366;
	text-decoration:none;
}
.datagrid table a:active
{
	color:#003366;
}