﻿.datagrid
{
	font-size: 13px;	
	overflow :auto;
	overflow-y :hidden;
	height: auto;
	width : 100%;
}

.datagrid th
{
	border: 1px solid #7F9DB9;
	min-height: 21px;
	background-color:#99ccff ;
}

.datagrid table
{
	border: 0px none;
}

.datagrid table tr td
{
	border-bottom: dotted 1px #dcdcdc;
}

/*datalist*/
.datalist
{
	font-size: 13px;	
}


.datalist table
{
	border: 0px none;
}

.datalist table tr td
{
	border-bottom: dotted 1px #dcdcdc;
}

.datagrid th
{
	border: 1px solid #7F9DB9;
	min-height: 21px;
	background-color:#99ccff ;
}

/*datalist*/

/*datagrid inside Tabpage */
.tabDatagrid
{
	font-size: 13px;	
	overflow :auto;
	overflow-y :hidden;
	height: auto;
	width : 100%;
}


.tabDatagrid table
{
	border: 0px none;
}

.tabDatagrid table tr td
{
	border-bottom: solid 1px #dcdcdc;
}

/*end datagrid inside Tabpage */


.gridtable table tr td
{
	font-size:13px;
	border-bottom :0px none white; 
}

.gridtable br
{
	line-height:10px;
}

.datagridheader
{
	font-size :13px;
	font-weight:bold;
	border: 1px solid #7F9DB9;
	
	background-color:#99ccff ;
	min-height: 21px;
	color:#FFFFFF;
	text-align :center;
	letter-spacing : 1px;
}

.datagridheader a
{
	/*color:white;*/
	color:#FFFFFF;
	text-decoration :none;
}

.datagridheader a:hover
{
	text-decoration :underline;
}

.gridNavItem
{
	color:Blue;
}

.gridFieldRightStyle
{
	height:20px;
	vertical-align :middle;
	text-align :Right;
	padding-Right :5px;
	text-decoration :none;
}

.gridFieldCenterStyle
{
	height:20px;
	vertical-align :middle;
	text-align :center;
	text-decoration :none;
}

.gridFieldCenterStyle a:hover
{
	color:red;
	text-decoration :none;
}

.gridFieldCenterStyle a:visited
{
	color: purple ;
}

.gridFieldCenterStyle a:visited:hover
{
	color: red ;
}

.gridFieldLeftStyle
{
	height:20px;
	vertical-align :middle;
	text-align :Left;
	padding-left :5px;
	text-decoration :none;
}


.gridItemStyle
{
	font-size: 13px;	
	vertical-align :middle;
	text-decoration :none;
}

.gridItemStyle:hover
{
	font-size: 13px;	
	color:orange;
	vertical-align :middle;
	text-decoration :none;
}

.gridItemStyle a:hover
{
	color:red;
	text-decoration :none;
}

.gridItemStyle a:visited
{
	color: purple ;
}

.gridItemStyle a:visited:hover
{
	color: red ;
}

.gridAlternating
{
	font-size: 13px;	
	background-color:#ccffff;
	vertical-align :middle;
}

.gridAlternating a
{
	font-size: 13px;	
	color:blue;
	text-decoration :none;
}

.gridAlternating a:hover
{
	color:red;
}

.gridAlternating a:visited
{
	color:purple;
}

.gridAlternating a:visited:hover
{
	color:red;
}

.gridCommandlink
{
	font-size: 13px;	
	color:blue;
	text-decoration :none;
}

.gridCommandlink:hover
{
	color:red;
}

.gridCommandlink a
{
	font-size: 13px;	
	color:blue;
	text-decoration :none;
}

.gridCommandlink a:hover
{
	color:red;
}

.gridCommandlink a:visited
{
	color:blue;
}

.gridCommandlink a:visited:hover
{
	color:red;
}


.gridPager
{
	font-size : 13px;	
	text-align:right; 
	height:30px;
	border-bottom :0px none white; 
}

.gridEmpty
{
	font-size: 13px;	
	font-weight :bold ;
	color: Gray ;
	font-style :italic ;
	text-align : center ;
/*    border-bottom: solid 1px #dcdcdc;*/
}

.gridEmpty hr
{
	line-height:normal;
	border-style: dashed; 
	color: #dcdcdc; 
	width: 100%;
}

.gridSelectedRowStyle
{
	font-size: 13px;	
	background-color: MistyRose;
	vertical-align :middle;
}

.gridSelectedRowStyle a
{
	font-size: 13px;	
	color:blue;
	text-decoration :none;
}

.gridSelectedRowStyle a:hover
{
	color:red;
	text-decoration :none;
}

.gridSelectedRowStyle a:visited
{
	color:purple;
	text-decoration :none;
}

.gridSelectedRowStyle a:visited:hover
{
	color:red;
	text-decoration :none;
}

.gridHoverRowStyle
{
	background-color: MistyRose;
	cursor :hand;
	text-decoration :none;
}

.gridHoverOutRowStyle
{
	background-color: #ffffff;
	cursor :pointer;
	text-decoration :none;
}


.datalistTwoCol
{
	border-left : dotted 1px #dcdcdc;
	padding-left:5px;
}