File: style.css

/*
<-- Default Class names --> 

"tbl" - for the table
"heading_radio" - heading for a radio group 
"heading_select" - heading for a group of select fields 
"label_select" - label for a select field 
"heading_check" - heading for a checkbox group 
"data_select" - the actual select box 
"label_lr" - radio label if label is left 
"label_rl" - radio label if label is right
"label_lc" - checkbox label if label is left 
"label_cl" - checkbox label if label is right

"lrn" - label left checkbox no tbl
"hsn" - heading for groups no label
<-- Other values -->
"btn_s" - button submit
"btn_r" - button reset
"btn_b" - button back
"variable" - Error message

*/

.tbl 
{
background-color:#A4C2CC;
border:2px;
border-style:ridge;
border-color:#568C9E;
}

.heading_radio, 
.heading_select,
.heading_check
	{
	text-align:center;
	color:#000080;
	font-family: "Times New Roman", Times, serif;
	background-color:#568C9E;
	padding-left: 10px;
	padding-right: 0px;	
	margin-left: 0px;
	margin-right: 0px;
	background-position:center;
	font-weight:bold;
	}

.label_lr,
.label_lc,
.label_select
	{
	text-align:right;
	color:#000080;
	}

.label_cl,
.label_rl
	{
	text-align:left;
	color:#000080;
	}


.btn_s 
	{
	color:#000080;
	background-color:#416976;
	font-weight:bold;
	border-color: #86afbc;
		
	}

.data_select
	{
	background-color:#FFFFCC;
	color:#000080;
 	width: 120px;
	} 
.hsn
	{
	color:#000080;
	font-size:16px;
	font-weight:bolder;
	background-color:#CCCCCC;
	width:120px;}


.rln,
.cln 
	{
	width: 120px;
	color:#000080;
	text-align:left;
	}

.lrn,
.lcn
	{
	width: 120px;
	color:#000080;
	text-align:right;
	}
	
.lsn
	{
	width:120px;
	color:#000080;
	text-align:right;
	}
  
.variable /*this formats the errormessage*/
	{
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align:center;
	}