/*
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" 
*/


BODY,DIV,SPAN,P,TEXTAREA 
{
	font-weight: normal;
	font-size: 11pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: white;
}


/* Classes I defined */

.clsIntroText /* This is used for text a top of page */
{
	font-weight: normal;
	font-size: 11pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: white;
}

.clsFancyText 
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family:  Comic Sans MS;
	letter-spacing: normal;
	background-color: #cbfe33;
}


.clsControls
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: white;
}

.clsTextBox 
{
	font-weight: normal;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: #eeeeee;
	BORDER: 1px solid;
	border-color:Black;
}

.clsLabel /* Used for all Normaol Labels e.g. Email */
{
	font-weight: bold;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: white;
}

.clsTableLabel /* Used for all Normaol Labels e.g. Email */
{
	font-weight: bold;
	font-size: 10pt;
	word-spacing: normal;
	text-transform: none;
	color: #5E65B6;
	font-family: Verdana;
	letter-spacing: normal;
	background-color: white;
}


/* DataGrid Classes */

.datagrid 
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10pt; 
	Width: 588px;
	BORDER: 1px solid #cccccc /* Border color of Grids */
	COLOR: black;
} 

.datagridheadercell { FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #5E65B6} /* 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
} 
.datagridfootercell { BACKGROUND-COLOR: #cccc99 } 
.datagridpagercell { BACKGROUND-COLOR: #f7f7de; text-align: right; } 
.datagridpagercell A { } 
.datagridselecteditemcell { FONT-WEIGHT: bold; COLOR: white; BACKGROUND-COLOR: #ce5d5a } /* Selected Item Color */ 
.datagrid TR TD INPUT { FONT-SIZE: 8pt; FONT-FAMILY: verdana } 
.datagrid TR TD TEXTAREA { FONT-SIZE: 8pt; FONT-FAMILY: verdana } 
.datagrid TR TD SELECT { FONT-SIZE: 8pt; FONT-FAMILY: verdana } 
.datagridheadercell TD A:hover, .datagridheadercell TD A:visited, .datagridheadercell TD A:link { COLOR: white } 



