/*
table, tr, td { ... } means apply this style to all table, tr and td tags. 
div p { ... } means apply this style to p tags that are inside a div 

Which leads to a very useful technique: 
table.MyClass tr { ... } means to apply this style to tr tags only when the 
table has a class of "MyClass" 
*/

FORM, HTML
{
	height: 100%;
}

BODY, DIV, SPAN, P, TEXTAREA, TABLE
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Arial;
	color: Black;
	letter-spacing: normal;

}

/* Hyperlinks */

a:link, a:visited
{
	color: #5E65B6;
}


/* Classes I defined */

.clsText
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	color: Black;
	letter-spacing: normal;
	background-color: white;
	background-image: none;
}


.clsTextBox
{
	background-color: #EEEEEE;
	border: 1px solid;
	border-color: Black;
}

.clsLabel /* Used for all Normal Labels e.g. Email */
{
	font-weight: bold;
	font-size: 10pt;
}

.clsSmallLabel /* Used for Small labels */
{
	font-size: 8pt;
}


.clsTableLabel /* This is used for Labels above Grids */
{
	font-weight: bold;
	color: #06826A;
}


.clsRequiredPanel
{
	width: 200px;
	height: 128px;
	padding: 1px;
	vertical-align: middle;
	background: transparent url(  "images/required.gif" );
	background-repeat: no-repeat; /*  	background-color: White;  	border-style: solid;  	border-color: Black; 	border-width: 2px; 	 	text-align: center;  */
}



/* DataGrid Classes */

.datagrid
{
	border: 1px solid #CCCCCC; /* Border color of Grids */
	color: black;
	
}

.datagridheadercell
{
	font-weight: bold;
	color: white;
	background-color: #06826A;
}
/* Grid Header Background Color */
.datagrid TR TD
{
	vertical-align: middle;
	padding-left: 4px;
}
.datagriditemcell
{
	background-color: white;
}
/* Row Color */
.datagridalternatingitemcell
{
	background-color: #EEEEEE;
}
/* Alternating Row Color */
.datagridedititemcell
{
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	background-color: #F7F7DE;
	border-bottom-style: solid;
}

/* GridView Classes */

.gridview
{
	border-width: 1px;
	border-color: #06826A;
}
.gridviewAlternatingRow
{
	background-color: #EEEEEE;
}
.gridviewHeader
{
	font-weight: bold;
	color: white;
	background-color: #06826A;
}
.gridviewSelectedRow
{
	background-color: #CCCA77;
}
.gridviewPager
{
	font-size: 10pt;
}

/* MasterPage Classes */

.masterSideCol
{
	background-color: #D2D2D2;
	width: 50%;
}

.masterMainCol
{
	background-color: white;
	vertical-align: top;
}