/* table level rules */
.grid
{
	font-family: tahoma;
	font-size: 11px;
	border: solid 1px #7f7f7f;
    border-collapse:collapse;	
    width:auto;
    margin-top:4px;
    margin-left:2px;
    margin-right:2px;
    color: #333333;
}


/* header column rules */
.grid th 
{
    background: url(../../App_Global/Images/Grid/sprite.gif) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: bottom;
    text-align:left;
}  

.grid th a
{
	color:#333333;
    font-weight: bold;
	text-decoration: none;
	display: block;
    padding-right: 10px;
}

/* data cell and data row rules */
.grid tr.row td, .grid tr.alternateRow td, .grid tr.selectedRow td
{
	color:#333333;
    padding: 4px 10px 4px 10px;
    border-bottom: solid 1px #BBD9EE;
}

.grid .alternateRow
{
    background-color: #DFE8F6;
} 

.grid .row
{
    background-color: #fff;
}  

.grid .rowNum
{
    text-align:center;
    padding-left:0px;
    font-weight:bold;
    color:#333333;
    width:3%;
}

 .grid .row:hover, .grid .alternateRow:hover
{
    background-color:#EBECEE;
color:#000;
}

.grid .row:hover .first, .grid .alternateRow:hover .first
{
    background-repeat:no-repeat;   
background-image:url(../../App_Global/Images/Grid/bullet.gif);
} 

.grid .selectedRow
{
    background-color: #cccccc;
}  

.grid th:hover
{
    background: url(../../App_Global/Images/Grid/hd.gif) repeat-x 0px 0px;
    
} 
/**for inner form **/
.grid td table {
    border-color: #7f7f7f;
    border-style: none none solid none;
    border-width: 1px;
}
.grid td table tr td.form_fieldLabel,.grid td table tr td.form_fieldSeparator {
	padding: 4px;
	margin: 0px;
}

.grid td table tr td.form_fieldValue {
	padding: 2px;
	margin: 0px;
}