﻿

/* Div Freez*/

/* Div container to wrap the datagrid */
div#div-datagrid {
width: 763px;
height: 580px;
overflow: auto;
}

.Grid{font-family:Arial,Verdana;font-size:11px;font-weight:normal;color:#DEA226;text-align:center}
/* Locks the left column */
 th.locked 
 {
	background-color:#DEA226;
	color: #0f0000;
	line-height:24px;
	font-family:Arial,Verdana;
	font-size: 11px;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
	
	border-top:solid 1px #FFFFFF;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-right:solid 1px #FFFFFF;

	border-left-style:none;
	position:relative;
	cursor: default;
	/*IE5+ only*/
	left: expression(document.getElementById("div-datagrid").scrollLeft-0);
}
th.locked1 
 {
	background-color:#DEA226;
	color: #0f0000;
	line-height:24px;
	font-family:Arial,Verdana;
	font-size: 11px;
	text-align:left;
	font-weight:bold;
	padding-left:10px;
	
	border-top:solid 1px #FFFFFF;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-right:solid 1px #FFFFFF;

	border-left-style:none;
	position:relative;
	cursor: default;
	/*IE5+ only*/
	left: expression(document.getElementById("div-datagrid").scrollLeft-0);
}

td.locked
{
	BORDER-RIGHT: #ffffff 1px solid;	
	PADDING-RIGHT: 10px;	BORDER-TOP: #ffffff 1px solid;
		FONT-SIZE: 11px;	BORDER-LEFT: #ffffff 1px solid;	COLOR: #3e4b5e;	LINE-HEIGHT: 20px;	
		background-image:url('../HomeCommon/Homeimages/DOTLINE.gif');background-position: bottom;
	background-repeat: repeat-x;	FONT-FAMILY: Verdana,Arial;	BACKGROUND-COLOR: #ffffff;	TEXT-ALIGN: left
	;position:relative;
	cursor: default;	
	/*IE5+ only*/
	left: expression(document.getElementById("div-datagrid").scrollLeft+0);
}
td.locked1
{
	BORDER-RIGHT: #ffffff 1px solid;	
	PADDING-RIGHT: 10px;	BORDER-TOP: #ffffff 1px solid;
		FONT-SIZE: 11px;	BORDER-LEFT: #ffffff 1px solid;	COLOR: #3e4b5e;	LINE-HEIGHT: 20px;	
		background-image:url('../HomeCommon/Homeimages/DOTLINE.gif');background-position: bottom;
	background-repeat: repeat-x;	FONT-FAMILY: Verdana,Arial;	BACKGROUND-COLOR: #F0F4DB;	TEXT-ALIGN: left
	;position:relative;
	cursor: default;	
	/*IE5+ only*/
	left: expression(document.getElementById("div-datagrid").scrollLeft+0);
}
/* Locks table header */
th {
	background-color:#DEA226;
	color:#FFFFFD;
	line-height:24px;
	font-family:Arial,Verdana;
	font-size: 11px;
	text-align:left;
	font-weight:bold;
	padding-left:25px;
	border-bottom:solid 1px #FFFFFF;
	border-top:solid 1px #FFFFFF;
	border-top-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-right:solid 1px #FFFFFF;
	border-left-style:none;
	position:relative;
	cursor: default;
	
	z-index: 10;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}
th.locked1 {z-index: 99;}
/* DataGrid Item and AlternatingItem Style*/
.GridRow {font-size: 10pt; color: black; font-family: Arial; 
             background-color:#ffffff; height:35px;}
.GridAltRow {font-size: 10pt; color: black; font-family: Arial; 
             background-color:#eeeeee; height:35px;}

/*End*/



