/*
	name:	default.css
	dir:	htdocs/includes
	by: 	Iterate Pte Ltd
	func:	provides the basic style selections for the site, optimized for 96 dpi
			displays (eg- most Windows environments and Mac IE v5.xx)
	rev: 	20011202, wmc, restructured and commented, based on Wen Qiang's earlier style sheet
*/

	/* provide the basic style definitions for body, paragraph and table cell elements */
.heading {
	font-family:helvetica, arial, sans-serif; 
	font-size:14pt; 
	font-weight:bold; 
	color:#0066ff;
}
.body {
	font-family:helvetica, arial, sans-serif; 
	font-size:10pt; 
	color:#000000;
}
html, body				{font-family: Verdana, Arial, Helvetica, sans-serif; 
						color: #000000; font-size: 8.5pt; background-attachment: fixed}
p 						{font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 8.5pt; line-height: 11pt; text-transform: none}
div, td, div td			{font-family: Verdana, Arial, Helvetica, sans-serif; 
						color: #000000; font-size: 8.5pt}
td.term 				{font-family: Verdana, Arial, Helvetica, sans-serif; 
						color: #000000; font-size: 8.5pt; font-weight: bold}
td.tablecell 			{font-family: Verdana, Arial, Helvetica, sans-serif; 
						color: #000000; font-size: 7.5pt}
form 					{margin: 0; padding: 0}
input, select, option, 
textarea 				{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt}
ul,ol					{padding:15px; margin-left:5; margin-top:5; margin-bottom:5}	/* margin:5,5,0,5; */
li						{margin-bottom: 5px;}
h1 					{font:2.5em georgia,"times new roman",helvetica,verdana,"sans serif"; color:#FFCC00;}

	/* define hyperlink pseudo classes in a particular order to inherit the basic (unvisited) link  */
A:link 					{font-family: Verdana, Arial, Helvetica, sans-serif; color: #0066cc;  
						font-size: 7.5pt; text-decoration: underline} 
A:visited 				{color: #000099; font-size: 7.5pt; text-decoration: underline}
A:hover 				{color: #0066cc; font-size: 7.5pt; text-decoration: underline}	
						/* does not appear in NN4.xx */
A:active 				{color: #0066cc; font-size: 7.5pt; text-decoration: underline}

	/* these are custom class definitions for page headings, footer and main form */
.superheading			{font-size: 18pt; font-weight: bold}
.heading				{color: #3399cc; font-size: 16pt; font-weight: bold}
.heading_dkgrey			{color: #71879a; font-size: 16pt; font-weight: bold}
.heading_dkgrey_rev		{background-color: #71879a; color: #ffffff; font-size: 16pt; font-weight: bold}
.subheading				{font-size: 12pt; font-weight: bold}
.subheading_blue		{color: #000099; font-size: 12pt; font-weight: bold}
.subheading_gold		{color: #ff9900; font-family: verdana, sans-serif; font-size: 12pt; font-weight: bold}
.title					{font-size: 10pt; font-weight: bold}
.title_blue				{color: #006699; font-size: 11pt; font-weight: bold}
.title_gold				{color: #ff9900; font-size: 11pt; font-weight: bold}
.subtitle				{font-size: 10pt}
.subtitle_grey			{font-size: 10pt; color: #71879a; font-weight: bold;}
.subtitle_reverse		{font-size: 9pt; color: #ffffff}
.subtitle_gold			{font-size: 9pt; color: #ffd700}
.subtitle_blue			{font-size: 9pt; color: #006699; font-weight: bold;}
.instruction			{background-color: #0099ff; font-size: 12pt; font-weight: bold; color: #ffffff}
.standby				{font-size: 14pt; font-weight: bold; color: #c2c2c2}
.subtle_hint			{font-size: 11pt; font-weight: bold; color: #c2c2c2}
.pull_quote				{font-size: 10pt; font-weight: bold; color: #666666}
.bodytext				{font-size: 8pt; font-weight: normal}
.mainform_top			{background-color: #9999cc}
.mainform_middle		{background-color: #ffffcc}
.mainform_bottom		{background-color: #ffffcc}
.formfield_name			{font-size: 11px; font-weight: bold}
.formfield_value		{font-size: 11px}
.formfield_notes		{font-size: 11px}
.reverse				{background-color: #cccc99; color: #000000}
.reverse_blue			{background-color: #0099cc; color: #ffffff; font-weight: bold}
.reverse_gold			{background-color: #fae78b; color: #333333;}
.footer_light			{font-size: 10px; color: #c2c2c2; font-weight: bold}
.footer_reverse			{font-size: 10px; color: #ffffff}
.footer					{font-size: 10px; color: #666666}			/* pixels provide better cross-browser consistency with small fonts */
.progress_bar			{font-size: 12px; text-align: center; margin-top: 1px}

	/* define custom class definitions, for use with tabular displays of listed records */
.tabletop				{background-color: #0099ff; font-weight: bold; color: #ffffff}
.tablerow				{background-color: #ffffff}
.tablerow_sub			{background-color: #ffffff}
.tablerow_altcolor		{background-color: #eeeeee}
#top_row				{font-size: 12px}
#bot_row				{font-size: 10px; color: #666666}
.divider				{font-size: 10pt; font-weight: bold; color: #ffffff}

	/* define custom anchor classes, for use with tabular displays of listed records */
A.tabletop:link 		{background-color: #0099ff; color: #ffffff; text-decoration: none; 
						font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; 
						font-weight: bold} 
A.tabletop:visited 		{background-color: #0099ff; color: #ffffff; text-decoration: none;
						font-size: 8pt;} 
A.tabletop:hover 		{background-color: #0099ff; color: #ffcc66; text-decoration: underline;
						font-size: 8pt;}	
A.tabletop:active 		{background-color: #0099ff; color: #ffcc66; font-size: 8pt;
						font-size: 8pt;}				

	/* define custom anchor classes, for use with homepage options */
A.menu:link 			{font-family: Verdana, Arial, Helvetica, sans-serif; color: #006699; 
						font-size: 10pt; font-weight: bold; text-decoration: none} 
A.menu:visited 			{color: #006699; font-size: 10pt; font-weight: bold;
						text-decoration: none} 
A.menu:hover 			{color: #0066cc; font-size: 10pt; font-weight: bold;
						text-decoration: underline}	
A.menu:active 			{color: #006699; font-size: 10pt; font-weight: bold;
						text-decoration: none}				

	/* define custom anchor classes, for use with dark backgrounds */
A.light:link 			{font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; 
						font-size: 10pt; font-weight: bold; text-decoration: none} 
A.light:visited 			{color: #ffffff; font-size: 10pt; font-weight: bold;
						text-decoration: none} 
A.light:hover 			{color: #ffffff; font-size: 10pt; font-weight: bold;
						text-decoration: underline}	
A.light:active 			{color: #ffffff; font-size: 10pt; font-weight: bold;
						text-decoration: none}				

	/* define custom menu text elements */
menu 					{background-color: #ffffff; font-size: 9pt}
menuHi 					{background-color: #ffffff; font-size: 9pt}
menuBar 				{background-color: #ffffff; font-size: 9pt; color: white}
menuBarHi 				{background-color: #ffffff; font-size: 9pt; color: #ffcc66}