/*
	FORM STYLES 
*/

.GroupLabel
{ 
	height:23px;
	width:100%;
	text-align:left;
	font-family:Verdana;
	font-size:12pt;
	font-weight:bold;
	padding-top:8px;
	color:Black;
	/*padding-left:20px;	*/
}

.dhtmltooltip
{
    background-color:White;
    z-index:500;
    position:absolute;
    border:solid 1px black;
    padding:5px;
    margin-bottom:4px;
     width:150px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

}

.DataLabelColumn
{
	vertical-align:top;
	font-family: Tahoma;
	font-size:12pt;
	color: Black;
	padding-right:0px;
	padding-top:8px;
	padding-left:20px;
	text-align:left;
}

.DataFieldColumn
{
	vertical-align: top;
	text-align: left;
	font-family: Tahoma;
	font-size:12pt;
	color: #444444;
	padding-top: 6px;
	padding-left: 0px;
	padding-right:20px;
}

.FilterLabelColumn
{
	font-family: Tahoma;
	font-size:12pt;
	color: Black;
	padding-left:8px;
	padding-right:2px;
}

.ReadOnlyTextField
{
	width:250px;
	padding-top:2px;
	font-family: Tahoma;
	font-size: 10pt;
	padding-left:0px;
	background-color: lavender;
}
.NumericTextField
{
	font-family: Tahoma;	
	text-align: right;
	font-size: 12pt;
	padding-bottom:6px;
	padding-left:8px;
    height:15px;
    padding:0px;
    margin:0px;
    width:173px;
}

SELECT
{
    font-family: Tahoma;	
	text-align: left;
	font-size: 12pt;	
	padding-bottom:0px;
	
}

.DataTextField
{
	width:250px;
	padding-top:2px;
	font-family:Verdana;
	font-size:12pt;
	padding-left:0px;
}

.Asterisk
{
	color:Red;
}
.Note
{
	font-family:Verdana;
	font-size:10pt;
	text-align:right;
	color:dimgray;
	padding-right:20px;
	
}
.Message
{
	text-align:left;
	vertical-align: top;
	font-family: Verdana;
	font-size: 12pt;
	color: #444444;
	padding-top: 6px;
	padding-left: 0px;
}

/*
	GRID STYLES 
*/
.Grid
{
	vertical-align:top;
	font-size: 8pt; 
	text-align:left;  
	font-family: Tahoma; 
	font-weight:normal;
	width:100%;
	border:solid 1px ;
}

.GridHeader
{
	vertical-align: top;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: normal;
	
	text-align: left;
	background: #b0d1ff;
	padding-left:4px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:3px;
}

.GridHeaderRight
{
	vertical-align: top;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;	
	text-align: right;
	background: #d6e7ff;
	padding-left:4px;
	padding-right:2px;
}

.GridRow
{
	color:black;
	padding-left:3px;
	padding-right:2px;
	vertical-align:top;		
	font-family: Tahoma;
	font-size: 8pt;
	font-weight:normal;
	padding-top:3px;
	padding-bottom:3px;
	text-align:left;
}

.GridRowRight
{
	padding-left:3px;
	padding-right:2px;
	vertical-align:top;		
	font-family: Verdana;
	font-size: 8pt;
	font-weight:normal;
	text-align:right;
}

.GridRowCenter
{
	padding-left:3px;
	padding-right:2px;
	vertical-align:top;		
	font-family: Verdana;
	font-size: 8pt;
	font-weight:normal;
	text-align:center;
	padding-top:3px;
}

.GridAlternatingRow
{
   font-family: Tahoma;
	font-size: 8pt;
}

.GridEditRow
{
    font-size:x-small;
    font-family:Verdana;
}

.GridSelectedRow
{
	font-size:x-small;
    font-family:Verdana;
}

.GridEmptyRow
{	
    font-size: 8pt; 
    font-family: Verdana;
    text-align:center;
    color:#CF4342;
}

.GridFooter
{
	background-color: #F7F6F3;
	color: #000000;
	font-family: Verdana;
	font-size: 8pt;
	font-weight:normal;
	text-align:right;
	
}
.GridPager
{
    color: #444444;
	background-color: #ecf7fc;
	font-size: x-small;
	font-family: Tahoma;
	padding-top:7px;
	padding-bottom:7px;
	border-top: cornflowerblue 1px dotted;
	border-bottom: cornflowerblue 1px dotted;
} 

/*
	MODAL POPUP FORM  STYLES
*/

.ModalBackground 
{
	background-color: gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
	margin-left:0px;
	margin-top:0px;
	overflow:hidden;
}
.ModalBackgroundTransparent
{
	background-color:Gray;
	filter: alpha(opacity=2);
	opacity: 0.5;
	margin-left: 0px;
	margin-top: 0px;
	overflow:hidden;
}


.ModalPanelProcess
{
	z-index: 500;
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
	margin-left:0px;
	margin-top:0px;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
	vertical-align:middle;
}
	
.ModalPanel
{
	z-index: 500;
	border: solid 1px #000000;
	position: absolute;
	border-collapse: collapse;
	background-color: #ffffff;
}
.ModalPanelTransparent
{
	z-index: 500;
	border: solid 1px #000000;
	position: absolute;
	border-collapse: collapse;
	background-color:#ffffff;
	overflow:hidden;
}
.ConfirmModalPanel
 {
	z-index: 600;
	border: solid 1px #000000;
	position: absolute;
	border-collapse: collapse;
	background-color:#ffffff;
	text-align:center;
}
.ModalPanelTitle
{

	margin-bottom:10px;
	font-size: 0.9em;
	cursor: pointer;
	color: black;
	height:15px;
	font-family: Verdana;
	background-color: #b0d1ff;
	text-align: left;
	padding:2px;
}

.CommandButtonRow
{
	vertical-align:top;
 	padding-left:20px;
 	padding-bottom:20px;
	padding-right:20px;
}
.ListItem
{
	border-bottom: lightgrey 1px solid;
	color: black;
	padding-left: 3px;
	padding-right: 2px;
	vertical-align: top;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}