.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

.MainGridView 
{
    width: 100%;
    height: 100% !important;    
    clear: both;
    margin: 0px;
    float: left;
    
	scrollbar-3dlight-color: #4E5D6A;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: transparent;
	scrollbar-darkshadow-color: #4E5D6A;
	scrollbar-face-color: #CAD1D7;
	scrollbar-highlight-color: #fff;
	scrollbar-track-color: #C7CDD2;
	scrollbar-shadow-color: #85939D;	
}

/*********************************/
/* Main table and Header classes */
/*********************************/

.MainGridView .Lite-GridView 
{    
    width: 100%;
    height: 100% !important;
    padding:0;
    margin:0;
}

/* All data cells in grid */
.MainGridView .Lite-GridView tbody tr td
{    
    padding:0;
    text-align: right;
}

.MainGridView .Lite-GridView .MainContainer
{
	vertical-align:top;
}

.MainGridView .Lite-GridView .MainContainer td
{
	/* BORDER-LEFT-WIDTH: 0px! important; 
	BORDER-RIGHT-WIDTH: 0px! important;	*/
}

.MainGridView .Lite-GridView .MainContainer .Container
{
	width:100%;	
	_height:300px;
	overflow-x:auto;
	overflow-y:auto;
	position:relative;
	background-color:White;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow
{
	color: #fff;
    font-size:11px;
	font-family:tahoma;
	font-weight:bold;
	text-align:left;
	background:url(img/grid/grid_header.jpg) repeat-x;
	background-color: #738da4;
	height:30px;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow th
{
	border: solid 1px #6788be !important;		
	text-align: left;
}

/* Sorting link */
.MainGridView .Lite-GridView .MainContainer .HeaderRow a
{
    color: #F7F6F3;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow .CheckBoxCssClass
{
	width:30px !important;
	text-align:center;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow .SortImage
{
	margin: 0px 2px 0px 2px;
	white-space:nowrap !important;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow .AutoGeneratedCol
{	
	padding-left:2px;
	white-space:nowrap !important;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow .AutoGeneratedCol .SortContainer
{	
	white-space:nowrap !important;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow a:link, 
.MainGridView .Lite-GridView .MainContainer .HeaderRow a:active, 
.MainGridView .Lite-GridView .MainContainer .HeaderRow a:visited
{
	color:#023053;
}

.MainGridView .Lite-GridView .MainContainer .HeaderRow a:hover
{
	color:#05A;
}

/**********************/
/* Data table classes */
/**********************/

.MainGridView .Lite-GridView .MainContainer .Container
{
}

.MainGridView .Lite-GridView .MainContainer .Container table
{
    border: solid 1px #CCCCCC;
    background-color:White;
    width: 100%;
}

.MainGridView .Lite-GridView .MainContainer .Container table thead th
{
	position:relative; 
	width: 0px;
	padding-left: 10px;
	fix1: expression(FixedGridHeader(this));	
}
.MainGridView .Lite-GridView .MainContainer .Container .Item 
{
	background-color:White;
	border-bottom:solid 1px #cccccc;
	color:#333333;
	cursor:hand;
	height: 30px;
	cursor: default;
}

.MainGridView .Lite-GridView .MainContainer .Container .Item:hover
{
	background-color:#ffffcc;
}

.MainGridView .Lite-GridView .MainContainer .Container .Item td
{
	font-family:tahoma;
	font-size:11px;
	border-bottom:1px solid #c7ccd1;
	text-align:left;		  
    padding: 2px 2px 2px 10px;
}

.MainGridView .Lite-GridView .MainContainer .Container .Item .CheckBoxCssClass
{
	width:30px !important;
	text-align:center;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem 
{
	background-color:#003399;
	border-bottom:solid 1px #cccccc;
	color:White;
	cursor:hand;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem:hover
{
	background:#03c;
	color:#fff;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem td
{
	font-family:tahoma;
	font-size:11px;
	border-bottom:1px solid #c7ccd1;
	text-align:left;	
    padding: 2px 2px 2px 2px;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem .CheckBoxCssClass
{
	width:30px !important;
	text-align:center;
}

.MainGridView .Lite-GridView .MainContainer .Container .RowClickedItem 
{
}

.MainGridView .Lite-GridView .MainContainer .Container .RowClickedItem .AutoGeneratedItem
{
	font-weight:bold;
}

.MainGridView .Lite-GridView .MainContainer .Container .RowUnClickedItem 
{
}

.MainGridView .Lite-GridView .MainContainer .Container .RowUnClickedItem .AutoGeneratedItem
{
	font-weight:normal;
}

.MainGridView .Lite-GridView .MainContainer .Container .RowVisitedItem 
{
}

.MainGridView .Lite-GridView .MainContainer .Container .RowVisitedItem .AutoGeneratedItem
{
	text-decoration:underline;
}

.MainGridView .Lite-GridView .MainContainer .Container .EmptyItem 
{	
	
}

.MainGridView .Lite-GridView .MainContainer .Container .EmptyItem td
{
	font-family:tahoma;
	font-size:11px;
}

.MainGridView .Lite-GridView .MainContainer .Container .GroupHeaderRow
{
    height:28px;
    background:url(img/grid/bgd_grouping.gif) repeat-x;
}

.MainGridView .Lite-GridView .MainContainer .Container .GroupHeaderRow td
{
	padding:0px;
	border-bottom-color:#eee !important;
	border-bottom-style:inset !important;
	border-bottom-width:3px !important;   	
}

.MainGridView .Lite-GridView .MainContainer .Container .GroupHeaderRow .GroupHeaderTitle
{
	/* widht set to auto due to col width sizing - if not set then we get cols with too wide cells */
	width:auto !important;
	padding-left:2px; 
    text-align:left;
    font-family:Tahoma;
    font-size:11px;
    font-weight:700;
    color:#666;
}


/**********************/
/* Pager classes      */
/**********************/

.MainGridView .Lite-GridView .Pager
{
	vertical-align:bottom;
}

.MainGridView .Lite-GridView .Pager:hover
{
 
}

/**********************/
/* Footer classes     */
/**********************/

.MainGridView .Lite-GridView .Footer
{
}

.MainGridView .Lite-GridView .Footer td
{
	border-top:solid 1px #cccccc;
}


/**********************/
/* DM & WF classes    */
/**********************/

.MainGridView .Lite-GridView .MainContainer .HeaderRow .MenuColumnCssClass
{
	width:30px !important;
	text-align:center;
}

.MainGridView .Lite-GridView .MainContainer .Container .HeaderRow .IndexLinksItem
{
	border-top:solid 0px !important;
	border-bottom:solid 0px !important;
	border-right:solid 1px #C1C7CE !important;
	border-left:solid 1px #EBEFF2 !important;
}

.MainGridView .Lite-GridView .MainContainer .Container .HeaderRow .WorkflowLinksItem
{
	border-top:solid 0px !important;
	border-bottom:solid 0px !important;
	border-right:solid 1px #C1C7CE !important;
	border-left:solid 1px #EBEFF2 !important; 
}

.MainGridView .Lite-GridView .MainContainer .Container .Item .MenuColumnCssClass
{
	width:30px !important;
	text-align:center;
}

.MainGridView .Lite-GridView .MainContainer .Container .Item .IndexLinksItem
{
	text-align:right !important;
}

.MainGridView .Lite-GridView .MainContainer .Container .Item .WorkflowLinksItem
{
	text-align:right !important;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem .MenuColumnCssClass
{
	width:30px !important;
	text-align:center;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem .IndexLinksItem
{
	text-align:right !important;
}

.MainGridView .Lite-GridView .MainContainer .Container .SelectedItem .WorkflowLinksItem
{
	text-align:right !important;
}

.MainGridView .Lite-GridView .MainContainer .Container .Footer td
{
	font-family:tahoma;
	font-size:11px;
	border-bottom:1px solid #c7ccd1;
	text-align:left;		  
    padding: 2px 2px 2px 2px;
}
.MainGridView .Arrow
{
	background-image: url(img/grid/Grid_arrow.gif);
	width: 16px;
	height: 16px;
	display: block;		
}