/*========================================================*/
/* CSS for Tables                                                                                         */
/*========================================================*/
.HeaderStyle
{
	color: #E7E7FF;
background-image: url(http://www.sftto.org/images/grnBlueBkgrd.gif);
	font-size:large;
	font-family:Arial;
	font-size: 10pt;	
	font-weight:normal;
	background-color: darkblue;
}

.selecteditemstyle
{ 
	color:#F7F7F7;
	background-color:#738A9C;
	font-family:Arial;
	font-size:smaller;
	font-weight:bold;
}
.ItemStyle
{
	color:#4A3C8C;
	background-color:white;
	font-family:Arial;

}
.AlternatingItemStyle
{
	color: #F7F7F7;
	background-color:gainsboro;
	font-family:Arial;

}

.FooterStyle
{
	color: #4A3C8C;
	background-color: #E7E7FF;
	 text-align: right;
}

/*========================================================*/
/* CSS for Web Form Titles and Subtitles                                                       */
/*========================================================*/
.WelcomeTitle
{
	color: DarkBlue;
	font-size:20pt;
	font-family:Arial;
	font-weight:normal;
}



.PageTitle
{
	font-size: 14pt;
	color: #5788bf;
	font-family: 'Kristen ITC' , verdana;
}
.PageSubTitle
{
	background:#DCED8C;
	font-size: 12pt;
	color: #5788bf;
	font-family: 'Kristen ITC' , verdana;
}

.PageSubTitleBlack
{
	font-size: 10pt;
	color: black;
	font-family: 'Kristen ITC' , verdana;
}


.PageHeader
{
	font-weight: bold;
	font-size: 12pt;
	color: #003399;
	font-family: tahoma, verdana, arial;
}

.SectionHeader
{
	font-weight: bold;
	font-size: 11pt;
	font-family: tahoma, verdana, arial;
	background-color: #669966;
	color:Black;
}


.inputSectionSubHeader 
{
	color:000033;
	font-size:10pt;
	font-family:verdana;
	height:20px;
		
}


.userPageHeading
{
	font-weight: bold;
	font-size: small;
	font-family: tahoma, verdana, arial;
	background-color: #669966;
	color:Black;
}


.userPageTitle
{
	font-weight: bold;
	font-size: 20pt;
	font-family: tahoma, verdana, arial;
	color:steelblue;
}

.userPageSubTitle
{
	font-weight: bold;
	font-size: 14pt;
	font-family: tahoma, verdana, arial;
	color:steelblue;
}

.userPageText
{
	font-weight: bold;
	font-size: 12pt;
	font-family: tahoma, verdana, arial;
	color:steelblue;
}

.inputSectionHeader
{
	font-size: 12pt;
	background: steelblue;
	background-image: url(http://www.sftto.org/images/grnBlueBkgrd.gif);
	color: #ffffff;
	font-family: verdana;
	height: 20px;
}


/*========================================================*/
/* CSS for Web Form HTML Elements                                                           */
/*========================================================*/

.flatTextBoxReadonly 
{
	border-top:1px solid buttonhighlight;
	border-left:1px solid buttonhighlight;
	border-right:1px solid buttonshadow;
	border-bottom:1px solid buttonshadow;
	border:1px solid buttonshadow;
	background:menu;
	color:black;
	font-size:9pt;
	font-family:verdana;
	height:20px;
}
.flatTextBox 
{
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-right:1px solid buttonshadow;
	border-bottom:1px solid buttonshadow;
	background:#efefef;
	color:black;
	font-size:9pt;
	font-family:verdana;
	height:20px;
}
.flatDropDown 
{
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-right:1px solid buttonshadow;
	border-bottom:1px solid buttonshadow;
	background:#efefef;
	color:black;
	font-size:9pt;
	font-family:verdana;
	height:20px;
}
.flatRadioButton 
{
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-right:1px solid buttonshadow;
	border-bottom:1px solid buttonshadow;
	background:#efefef;
	color:black;
	font-size:9pt;
	font-family:verdana;
	height:20px;
}
.flatButton 
{
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-right:1px solid black;
	border-bottom:1px solid black;
	border: 1px solid buttonshadow;
	font-size:10pt;
	font-family:verdana;
	height:20px;
	color:black;
	background:#efefef;
}


.flatTextArea 
{
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-right:1px solid buttonhighlight;
	border-bottom:1px solid buttonhighlight;
	border:1px solid buttonshadow;
	background:white;
	color:black;
	font-size:9pt;
	font-family:verdana;
}

.flatTextBoxRequired 
{
	border-top:1px solid buttonshadow;
	border-left:1px solid buttonshadow;
	border-right:1px solid buttonshadow;
	border-bottom:1px solid buttonshadow;
	background:#efefef;
	color:black;
	font-size:9pt;
	font-family:verdana;
	height:20px;
	background-image:url(http://www.sftto.org/images/required-tick.gif);
        background-position: right top;
	background-repeat: no-repeat;
}

.flatLabel
{ 
	background:white;
	color:black;
	font-size:9pt;
	font-weight:bold;
	font-family:verdana;
	height:11px;
}
.flatLabelHdr
{ 
	background:white;
	color:steelblue;
	font-size:11pt;
	font-family:verdana;
	height:11px;
}

.tblMain
{
	border-right: #ffffff thin solid;
	border-top: #ffffff thin solid;
	border-left: #ffffff thin solid;
	border-bottom: #ffffff thin solid;
}


.tblFooter
{
	font-weight: normal;
	font-size: xx-small;
	color: #ffffff;
	font-family: verdana, arial, tahoma;
	background-color: #669966;
}



/*========================================================*/
/* CSS for General HTML Elements and Menu                                                */
/*========================================================*/

body
{
	font-size: x-small;
	margin: 0px;
	color: #000000;
	font-family: tahoma, verdana, arial;
}


.leftnavhead
{
	color: #003399;
	font-weight: bold;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}



.leftNavTitle
{
	font-weight: bold;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	background-color: #669966;
}
A.leftnavhead
{
	font-weight: bold;
	font-size: x-small;
	color: #003399;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavhead:active
{
	font-weight: bold;
	color: #006666;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavhead:hover
{
	font-weight: bold;
	color: #003399;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavhead:link
{
	font-weight: bold;
	color: #003399;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavhead:visited
{
	font-weight: bold;
	color: #003399;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}

.leftnavtask
{
	
	color: #003399;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}

A.leftnavtask
{
	
	font-size: x-small;
	color: #003399;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavtask:active
{
	
	color: #006666;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavtask:hover
{
	
	color: #006666;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavtask:link
{
	
	color: #006666;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
A.leftnavtask:visited
{
	
	color: #006666;
	font-size: x-small;
	font-family: tahoma, verdana, arial;
	text-decoration: none;
}
TD
{
	font-size: x-small;
	color: #000000;
	font-family: tahoma, verdana, arial;
}


H1 	{FONT-SIZE: 15px; COLOR: #8b0000; FONT-FAMILY: verdana;}

.BodyText 
{
	color:000033;
	font-size:9pt;
	font-family:verdana;
}