/*GridViewCSS Soft Grey Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#91a7b4 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(../images/YahooSprite.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#d1dbe0;
}
.HeaderStyle th
{
    padding: 5px;
    color: #16387c;
}
.HeaderStyle a
{
    text-decoration:none;
    color:#16387c;
    display:block;
    text-align:left;
    font-weight:normal;
    
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
    
}
.PagerStyle table td
{
    border:0px;
    padding:2px;
    text-align:center;
}
.PagerStyle td
{
    border-top: #91a7b4 1px solid;
    text-align:center;
}
.PagerStyle a
{
    color:#16387c;
    text-decoration:none;
    padding:3px;
    border-top:solid 1px #fff;
    border-right:solid 1px #91a7b4;
    border-bottom:solid 1px #91a7b4;
    border-left:solid 1px #fff;
    text-align:center;
}
.PagerStyle span
{
    font-weight:bold;
    color:#16387c;
    text-decoration:none;
    padding:2px 2px 2px 2px;
    text-align:center;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 2px;
    border-right: solid 1px #91a7b4;
}
.RowStyle td
{
    background-color: #f1f5f6;
}
.AltRowStyle td
{
    background-color: #9ab2ca;
	background-image: url(../images/YahooSprite.gif);
    background-position:0 -80px;
    background-repeat:repeat-x;
}
.SelectedRowStyle td
{
    background-color: #fcb814;
	background-image: url(../images/YahooSprite.gif);
    background-position:center;
    background-repeat:repeat-x;
}

.detail
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	background-color:#fff;
	border:solid 2px #000;
	padding:4px;
}
.detail .footer
{
	text-align:right;
	padding:8px;
}

div#divdatagrid1 {
height: 400px;
overflow: auto;
}
/* Locks the left column */
th.locked1 {
text-align: left;
position:relative;
cursor: default; 
left: expression(document.getElementById("divdatagrid1").scrollLeft-2); /*IE5+ only*/
} 
/* Locks table header */
div#divdatagrid1 th {
/*text-align: center;*/
position:relative;
cursor: default; 
top: expression(document.getElementById("divdatagrid1").scrollTop-2); /*IE5+ only*/
z-index: 10;
}
/* Keeps the header as the top most item. Important for top left item*/
th.locked1 {z-index: 99;}