/* ********** */      
/* Data Grids */   

.gridToolContainer {
    margin:0;
    overflow-x:auto;
    border:1px solid #ccc; 
    background:#eee url(../images/grid/grid-head-bg.gif) top repeat-x;
}

.gridContainer {
    width:99%;
    margin:0;
    overflow-x:auto;
    border:1px solid #ccc; 
    background:#eee url(../images/grid/grid-head-bg.gif) top repeat-x;
    padding-bottom:30px;
}
	
#gridHeader {
	height:24px;
	font:11px/12px Tahoma Arial;	
	border-top:1px solid #ccc;
	text-align:left;
	padding: 4px 10px 0 10px;
}
		
#gridHeader input,  #gridHeader select {font-size:11px;}   
#gridHeader label {}
#gridHeader .recsPerPage {float:right;}
#gridHeader .recsPerPage select {font-size:11px;}

#totalRecordsCont {float:left;position:relative;top:8px;left:10px;}
#recordsPerPageCont {position:relative;top:5px;right:10px;}
#recordsPerPageCont select {font-size:11px;}
	
/* Generic Grid Styles */
.dataGrid {margin: 0;background:#fff; border: none;}  
	
.dataGrid th {
	font:bold 11px Tahoma;
	color:#333;
	background:#eee url(../Images/grid/blue-drop-bg.gif) top repeat-x;	
	white-space:nowrap;
	border:1px solid #ccc;
	vertical-align:middle; 
	margin: 0;
	height: 22px;}
			
.dataGrid th a {color:#4460a0;text-decoration:none;}
.dataGrid th a:HOVER {color:#4460a0;text-decoration:underline;}    
.dataGrid td {border-right:1px solid #ccc;font-size: 11px;padding:5px 8px;color:#333;vertical-align:top;}  
.dataGrid td input, 
.dataGrid td textarea,
.dataGrid td select {font:11px Tahoma;color:#000;}  
.dataGrid td.gridLastColumn {border-right:none;}
.dataGrid td.gridEditColumn {background:#eee;border-right:none;border-top:0;}
.dataGrid td.gridEditColumnFooter {border-right:none;}
.dataGrid tr { font: 12px Tahoma;	}
.dataGrid tr.editRow {background:#f8f8f8;}
.dataGrid tr.editRow td {}          
.dataGrid tr.editRow td.gridLastColumn {border-right:none;padding:5px 8px;}
.dataGrid tr.editRow td.gridEditColumn {border-right:none;padding:5px 8px;}
.dataGrid td.wrap {white-space:normal;}
.dataGrid td.nowrap {white-space:nowrap;}

.dataGrid td .adminButton
{
	background: url(../images/grey_button_bg.gif) no-repeat 25% 50% #333;
	border: 1px solid #333;
	margin-bottom: 3px;
	color: #FFF;
	text-align: right;
	height: 20px;
	padding: 0 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
}

.dataGrid td .adminInput
{
	border: 1px solid #acacac;
	width: 250px;
	font-family: Arial Tahoma;
	font-size:11px;
}

.dataGrid td .adminInputNoWidth
{
	border: 1px solid #acacac;
	font-family: Arial Tahoma;
	font-size:11px;
}

/*.rowStripe {background:#e2e9ed;} */
.rowStripe {background:#f3f3f3;}	
	
.gridFooter {background:#eff7fc; border-top:1px solid #ccc;}
.gridFooter td {vertical-align:top;padding-top:6px;}  
	
/* Grid Pager styles */
.gridPager {text-align:left;background:#eee url(../Images/grid/gry-drop-bg.gif) top repeat-x; }
.gridPager td {border:none;} 
.gridPager td table tr td {padding:2px;} 
.gridPager a {
	background:#fff;
	color:#666;
	display:block;
	padding:1px 6px;
	border:1px solid #999;
	text-decoration:none;
	}        
.gridPager a:hover {color:#fff;background:#4460a0;text-decoration:none;}  
	
/* Sorted column styles */
th.sortedColumnHeader {background:#e0e0e0 url(../Images/grid/grid-sort-bg.gif) top repeat-x;}          
td.sortedColumn {color:#000;} 
.sortArrow {margin-left:4px;}
	
.gridFilterCont {border:1px solid #ccc;border-top:none;padding:8px;margin-right:10px;}

.data0 {border:none;padding:8px;margin-right:10px;}

.data1 {border:none;padding:8px;margin-right:10px;}

.green {
    color: green;
}

.red {
    color: red;
}

.blueviolet {
    color:blueviolet;
}

.blue {
    color: darkblue;
}

.grey {
    color:darkgray;
}