/*
	name:	default.css
	dir:	htdocs/includes
	by: 	OpenAsia Solutions 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 */
body 					{font-family: Verdana, Arial, Helvetica, sans-serif; 
						color: #000000; font-size: 8.5pt; line-height: 120%; background-attachment: fixed}
p 						{font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 8.5pt; line-height: 100%; text-transform: none}
div, td, div td			{font-family: Verdana, Arial, Helvetica, sans-serif; 
						color: #000000; font-size: 8.5pt; line-height: 100%}
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						{border-style: none; border-color: #c2c2c2; marign-left: -10pt;}
ul, li	 				{list-style-position: outside; text-indent: -0pt; text-align: left; padding-left: 0pt; padding-bottom:3pt;}
ul.blue_dot				{list-style-position: outside; list-style-image: url(/oa_global_htdocs/images/blue_dot_tiny.gif);}


	/* 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; line-height: 120%}
.subheading				{font-size: 12pt; font-weight: bold}
.subheading_blue		{color: #006699; 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: #ffcc33; font-size: 11pt; font-weight: bold}
.subtitle				{font-size: 10pt; padding-bottom:1pt}
.subtitle_reverse		{font-size: 9pt; color: #ffffff}
.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}
.bodytext				{font-size: 8pt; font-weight: normal}
.emphasized				{font-size: 9pt; 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: #0099ff; color: #ffffff; font-weight: bold}
.footer					{font-size: 10px; color: #666666}			/* pixels provide better cross-browser consistency with small fonts */
.fine					{font-size: 10px; color: #000000}			/* pixels provide better cross-browser consistency with small fonts */

	/* define custom class definitions, for use with tabular displays of listed records */
.tabletop				{background-color: #0099ff; font-weight: bold; color: #ffffff}
.tabletop_altcolor		{background-color: #0099ff; font-weight: bold; color: #c9c9c9}
.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: #000000}

	/* 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 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}

