/*------------------------------------------------------*
 | general purpose					|
 *------------------------------------------------------*/
body	{
		background:	#ffffff; 
		font-family:	arial, helvetica, sans-serif;
		color:		#000000; 
		margin-top:	0;
		margin-left:	3px;	/* cheat on this a bit - it looks better than 0*/
	}

/*netscrape 4 doesn't recognize 'font-family' in 'body'*/
body,p,th,td,caption,ul,ol,li,dl,dt,dd,div,span,a,dir,blockquote,cite,h1,h2,h3,h4,h5,h6
	{	font-family: arial, helvetica, sans-serif; 
		font-size: 10pt;
	}

/* I don't like to use absolute font sizes, but you have to
use them to make it work on Netscape, since the 'cascade'
mechanism is broken. Alternatively, you could use separate
style sheets for the 2 browser types. */
body,p,td,th,ol,ul,li,dl,dt,dd,div,span,a,dir,blockquote,cite { font-size: 10pt; }

/*h1 & h2 are the same as esst_pagetitle, esst_pagetitle2*/
h1 { font-size: 14pt; color: #003366;}
h2 { font-size: 12pt;}
h3 { font-size: 11pt;}
h4 { font-size: 10pt;}
h5 { font-size: 9pt;}
h6 { font-size: 8pt;}


h1,h2,h3,h4,h5,h6,dir,ul,ol {	margin-bottom: 		0;}
ol,ul {				margin-top:		0; }


caption {	font-weight: bold; }
dt {		font-weight: bold; }

/*'hover' MUST appear after 'link' & 'visited' */
a:link		{	color:		#336699;
			font-weight:	bold;
		}

a:visited	{	color:		#9999cc;
			font-weight:	bold;
		}

a:active 	{	color:		#993300;
			font-weight:	bold;
		}

a:hover		{	color:		 #336699;
			text-decoration: none;
		}


a.simplelink:link {	font-weight:	normal}
a.simplelink:hover {	color:		#336699;
			text-decoration:none; }



/*------------------------------------------------------*
 | top CLF nav bar					|
 | - 1=top black bar, 2=bottom blue bar			|
 | - 'w' - smaller text for long text links		|
 |							|
 | The 'td' styles govern the appearance of the cell	|
 | The 'a' styles govern the appearance of the link text|
 *------------------------------------------------------*/
/* cell colours */
td.clfbar1,td.clfbar1w {
		color:			white;
		background-color:     	black;
		/*
		border-left:		black 1px solid;
		border-top:		black 1px solid;
		border-bottom:		black 1px solid;
		border-right:		black 1px solid;
		*/
		text-align:		left;
	}

td.clfbar2,td.clfbar2w {
		color:			white;
		background-color:     	#336699;
		/*
		border-left:		#6699cc 1px solid;
		border-top:		#6699cc 1px solid;
		border-bottom:		black 1px solid;
		border-right:		black 1px solid;
		*/
		text-align:		left;

	}

a.clfbar1,a.clfbar2,a.clfbar1w,a.clfbar2w,
span.clfbar1,span.clfbar2,span.clfbar1w,span.clfbar2w
	{
		font-family:		arial,helvetica,sans-serif;
		font-weight:		bold;
		text-decoration: 	none;
	}

a.clfbar1,a.clfbar2,span.clfbar1,span.clfbar2
	{	font-size:		11px;	}	/* normal text size*/

a.clfbar1w,a.clfbar2w,span.clfbar1w,span.clfbvar2w
	{	font-size:		10px;	}	/* smaller font for longer text*/


a.clfbar1,a.clfbar2,a.clfbar1w,a.clfbar2w
	{	width:			100%; }

/* link text colour for top bar */
a.clfbar1, a.clfbar1:link, a.clfbar1:active, a.clfbar1:visited, a.clfbar1:hover,
a.clfbar1w,a.clfbar1w:link,a.clfbar1w:active,a.clfbar1w:visited,a.clfbar1w:hover,
span.clfbar1,span.clfbar1w
	{
		color:			white;
		background-color:	black;
		text-decoration: 	none;
	}

/* link text colour for bottom bar */
a.clfbar2, a.clfbar2:link, a.clfbar2:active, a.clfbar2:visited, a.clfbar2:hover,
a.clfbar2w,a.clfbar2w:link,a.clfbar2w:active,a.clfbar2w:visited,a.clfbar2w:hover,
span.clfbar2,span.clfbar2w	{
		color: 			white;
		background-color:	#336699;
		text-decoration: 	none;
	}

span.clfbar1,span.clfbar2,span.clfbar1w,span.clfbar2w
	{
		cursor:			default;
	}


span.clfbar1_inline,
a.clfbar1_inline,
a.clfbar1_inline:link,
a.clfbar1_inline:active,
a.clfbar1_inline:visited,
a.clfbar1_inline:hover
	{
		color:			white;
		background-color:     	black;
		border-left:		black 1px solid;
		border-top:		black 1px solid;
		border-bottom:		black 1px solid;
		border-right:		black 1px solid;
		font-family:		arial,helvetica,sans-serif;
		font-weight:		bold;
		text-decoration: 	none;
		font-size:		12px;
	}

span.clfbar2_inline,
a.clfbar2_inline,
a.clfbar2_inline:link,
a.clfbar2_inline:active,
a.clfbar2_inline:visited,
a.clfbar2_inline:hover
	{
		color:			white;
		background-color:     	#336699;
		border-left:		#6699cc 1px solid;
		border-top:		#6699cc 1px solid;
		border-bottom:		black 1px solid;
		border-right:		black 1px solid;
		font-family:		arial,helvetica,sans-serif;
		font-weight:		bold;
		text-decoration: 	none;
		font-size:		12px;
	}



span.highlight_text,
span.highlight_text_yellow{
		color:			black;
		background-color:	#ffff00;
}
span.highlight_text_cyan{
		color:			black;
		background-color:	#00ffff;
}
span.highlight_text_magenta{
		color:			black;
		background-color:	#ff88ff;	/*ff00ff is too dark*/
}
span.highlight_text_green{
		color:			black;
		background-color:	#00ff00;
}



/*------------------------------------------------------*
 | left & right side					|
 *------------------------------------------------------*/
.esst_highlights_framecolour{
	background-color: #336699;
}

.esst_highlights_panelcolour{
	background-color: white;
}

.esst_highlights_title {
			color:			#000066;
			background-color:	#fff0c0;
			font-weight:		bold;
			font-size:		14px;
			font-style:		italic;
			border-left:		#ffcc99 1px solid;
			border-top:		#ffcc99 1px solid;
			border-bottom:		#cc9900 1px solid;
			border-right:		#cc9900 1px solid;
		}


.esst_leftside_menutitle {
			color:			white;
			background-color:	#336699;
			font-weight:		bold;
			font-size:		14px;
			width:			100%;
		}

.esst_leftside_grouptitle,
a.esst_leftside_grouptitle,
a.esst_leftside_grouptitle:link,
a.esst_leftside_grouptitle:active,
a.esst_leftside_grouptitle:visited
	{
			color:			white;
			background-color:	#336699;
			font-weight:		bold;
			font-size:		12px;
			width:			100%;
			text-decoration: 	none;
			border-width:		1px;
			border-color:		#336699;
			border-style:		solid;
			padding:		0px;
	}

a.esst_leftside_grouptitle:hover
	{
			color:			#336699;
			background-color:	white;
			font-weight:		bold;
			font-size:		12px;
			width:			100%;
			text-decoration: 	none;
			border-width:		1px;
			border-color:		#336699;
			border-style:		solid;
			padding:		0px;
	}


a.esst_leftside_link {
			color:			#336699;
			font-weight:		bold;
			font-size:		12px;
			text-decoration:	none;
		}

a.esst_leftside_link:hover {
			color:			white;
			background-color:	#336699;
			/*text-decoration:	none; */
		}

.esst_leftside_self {
			color:			#993300;
			font-weight:		bold;
			font-size:		12px;
		}

.esst_leftside_text {
			color:			black;
			font-size:		12px;
		}

.esst_leftside_menutitle_button
	{
	}

.esst_leftside_grouptitle_button,a.esst_leftside_grouptitle_button
	{
	}

.esst_leftside_link_button,a.esst_leftside_link_button
	{
	}

.esst_leftside_self_button,a.esst_leftside_self_button
	{
	}

.esst_leftside_text_button,a.esst_leftside_text_button
	{
	}


hr	{		color:			#993300;
			height:			1px;
	}

hr.belowbreadcrumbs {
			color:			#ffcc00;	/* 993300*/
			height:			1px;
		}

hr.esst_leftside_hr {
			color:			#993300;
			height:			1px;
		}

hr.esst_leftside2_hr {
			color:			#336699;
			height:			2px;
		}

hr.esst_footer_hr {
			color:			#336699;
			height:			2px;
		}



a.esst_linktop, a.esst_linktop:link, a.esst_linktop:active, a.esst_linktop:visited, a.esst_linktop:hover
	{
		color:			white;
		background-color:     	#336699;
		font-family:		arial,helvetica,sans-serif;
		font-weight:		bold;
		text-decoration: 	none;
		font-size:		8pt;
	}


/*netscape ignores the colours but does the rest*/
.esst_leftside_selector
		{
			background-color:	white;
			color:			#336699;
			font-weight:		bold;
			font-family:		arial,helvetica,sans-serif;
			font-size:		10px;
		}

form.esst_form_nomargins
		{
			margin-top:		0;
			margin-bottom:		0;
		}


/*--------------------------------------*
 | page titles				|
 *--------------------------------------*/			
.esst_pagetitle	{
			color:			#003366;
			font-size:		14pt;
			font-family:		arial,helvetica,sans-serif;
			font-weight:		bold;
			text-align:		center;
		}

.esst_pagetitle2	{
			color:			black;
			font-size:		12pt;
			font-family:		arial,helvetica,sans-serif;
			font-weight:		bold;
			text-align:		center;
		}

.esst_pagetitle2left {
			color:			black;
			font-size:		13pt;
			font-family:		arial,helvetica,sans-serif;
			font-weight:		bold;
			text-align:		left;
		}

/*leave the 'caption' element normal size - only small for td/th*/
.esst_small,table.esst_table_small td, table.esst_table_small th {
			font-size:		8pt;
		}

.esst_smallest,table.esst_table_smallest td, table.esst_table_smallest th{
			font-size:		7pt;
		}



table.esst_table, table.esst_table_small, table.esst_table_smallest
		{
			background-color:	#fffffd;
			border-width:		1px;
			border-color:		#ffcc66;
			padding:		2px;
		}

table.esst_table th, table.esst_table_small th, table.esst_table_smallest th, tr.esst_datatable_header
		{
			color:			#000066;
			background-color:	#fff0c0; /*#ffcc66;*/
			border-left:		#ffcc99 1px solid;
			border-top:		#ffcc99 1px solid;
			border-bottom:		#cc9900 1px solid;
			border-right:		#cc9900 1px solid;
		}

/*used by _showtabledata.php */
/*tr.esst_datatable_header - see above */
tr.esst_datatable_oddrow {	background-color:	#fffffd;	color: black;}
tr.esst_datatable_evenrow{	background-color:	#fffff0;	color: black;}
td.esst_datatable_sortcol{	background-color:	#f8ffff;	color: black;}

option.textdivider{
	background-color:	#ffcc66;
	color:			#000099;
	font-weight:		bold;
}

/* planned, but never implemented
.esst_sidebarcontent{
			border-width:		1px;
			border-color:		#336699;
			border-style:		solid;
			color:			black;
			background-color:	white;
			width:			100%;
			padding:		2px;
}
*/

/*----------------------------------------------------------------------*
 | styles for form controls to ensure width is the same for both	|
 | browsers								|
 | (a) style 'width' (% or px) is ok in MSIE, but Netscape ignores it	|
 | (b) MSIE uses the requested font type, Netscape ignores it and always|
 |     uses fixed-pitch font						|
 *----------------------------------------------------------------------*/
input.esst_textinput {	font-family: Courier New, monospace; }

input.badparameter {	background-color:	red;
			color:		 	white;
		}

 
/*----------------------------------------------------------------------*
 | special boxes							|
 *----------------------------------------------------------------------*/
.esst_alert		{
			border-width:		1px;
			border-color:		red;
			border-style:		solid;
			color:			black;
			background-color:	white;
			width:			98%;
			padding:		2px;
		}

.esst_alert2		{
			margin-top:		10px;
			margin-bottom:		10px;
			border-width:		1px;
			border-color:		red;
			border-style:		solid;
			color:			red;
			font-weight:		bold;
			background-color:	white;
			width:			98%;
			padding:		2px;
		}


.esst_tip	{
			border-width:		1px;
			border-color:		#996600;
			border-style:		dotted;
			color:			black;
			background-color:	white;
			width:			98%;
			margin:			0;
			padding:		2px;
		}


.esst_youwerehere	{
			border-width:		1px;
			border-color:		red;
			border-style:		solid;
			color:			red;
			background-color:	white;
		/*	width:			100%;	truncates on right in MSIE*/
			padding:		2px;
		}

.esst_youarehere	{
			border-width:		1px;
			border-color:		#993300;
			border-style:		solid;
			color:			#993300;
			background-color:	white;
			padding:		2px;
		}

.esst_downloadsize {
		color:			black;
		background-color:	#eeeeee;
		/*font-weight:		bold; */
		cursor:			help;
		font-size:		8pt;
	}

acronym {
		color:			black;
		background-color:	#eeeeee;
		/*font-weight:		bold; */
		cursor:			help;
	}


/* horizontal bar for page sections. Use as follows:
	<p><table border=0 cellpadding=0 cellspacing=0 width="100%">
	<tr><td class=esst_bar>&nbsp;YOUR TEXT HERE</td></tr></table>
*/
div.esst_bar,tr.esst_bar,th.esst_bar,td.esst_bar
	{
		background-color:	#336699;
		color:			white;
		font-weight:		bold;
		font-style:		italic;
		border-left:		#6699cc 2px solid;
		border-top:		#6699cc 2px solid;
		border-bottom:		black 2px solid;
		border-right:		black 2px solid;
		width:			100%;
	}

.esst_new, .esst_requiredfield{
		color:			red;
		font-family:		'comic sans ms',fantasy,sans-serif;
		font-weight:		bold;
		font-style:		italic;
	}

.esst_updated{
		color:			red;
		font-family:		'comic sans ms',fantasy,sans-serif;
		font-weight:		bold;
		font-style:		italic;
	}		

.esst_new,.esst_updated {
		font-size:		8pt;
	}



/*----------------------------------------------------------------------*
 | generic styles							|
 *----------------------------------------------------------------------*/
.textcenter,.textcentre
		{	text-align:	center;	}
.textright	{	text-align:	right;	}
.dirindent	{	margin-left:	30px	}
.strong		{	font-weight:	bold;	}
.italic		{	font-style:	italic;	}

.breadcrumb	{	font-size:	8pt;	}

.redbold	{	color:		red;
			font-weight:	bold;
		}


/*----------------------------------------------------------------------*
 | 3d buttons on splash page						|
 *----------------------------------------------------------------------*/
td.splashpage_button	{	color:			  white;
				background-color:	  #ff0000;
				border-top:     3px solid #ff9090;
				border-left:    3px solid #ff9090;
				border-right:   3px solid #800000;
				border-bottom:  3px solid #800000;
			}

td.splashpage_button a,
a.splashpage_button:link,
a.splashpage_button:visited,
a.splashpage_button:active,
a.splashpage_button:hover
			{	color:			white;
				background-color:	#ff0000;
				font-weight:		bold;
				font-family:		arial,helvetica,sans-serif;
				text-decoration:	none;
			}

.splashpage_subtitle	{	color:			#000066;
				font-family:		arial,helvetica,sans-serif;
				font-weight:		bold;
				font-size:		11pt;
			}

a.splashpage_noticelink {	font-size:		8pt; }


div.testbox{
	background-color:	#fffffc;
	color:			#000080;
	border:			1px dashed #336699;
	padding:		4px;
	width:			100%;
}


/*----------------------------------------------------------------------*
 | MSIE5+ - specific styles						|
 | scrollbar-base-color includes the scroll box, track, & scroll arrows |
 *----------------------------------------------------------------------*/
/*
body	{
	scrollbar-base-color:  #336699;
	}

.bannergradient {
	filter:		"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#e6e6b8')";
	}
*/