a {	
	color: #3366CC;	
	text-decoration: none
}
body {	
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	line-height: 1em;	
	color: #336699;
	margin-top: 0.1em;
	margin-right: 0.1em;
	margin-bottom: 0.1em;
	margin-left: 0.1em
	}
h2 {
	color: #CCCCCC
	}
h3 {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 1.15em;	
	background-color: #006666;  	
	color: #DCDCDC
	}
h4 {
	color: #000000
	}
table {

	}
td, th {	

	}
textarea {
	 overflow:auto; width:100%; height:100%;  border: 1px solid #E6E6FA; font-family:Arial; font-size:0.8em; color:gray;
	}
ul {	
	padding:0px; margin:0px;
	}
.spacer {
	clear:both;
	width:100%;
}
.control  {
	width:100%; clear:both
}	
.controlleft  {
	width:49%; float:left  
}
.controlright  {
	width:49%; float:right; text-align:left;
}
.hrthin {
	border: 0.06em solid #E6E6FA; width:80%;
}
.sitetext  {
	 text-align:left; font-family:Arial; font-size:0.6em; font-weight:bold; color:gray;
}
.hrmed {
	border: 0.2em solid #E6E6FA; width:80%;
}
.hrthick {
	border: 0.5em solid #E6E6FA; width:80%;
}
.areaheader {
	font-family:Arial; font-size:0.6em; font-weight:normal; color:gray; text-align:center;  width:100%;  
}
.areaheaderleft {
	text-align:left; float:left; clear:left;  width:50%; font-family:Arial; font-size:1.2em; font-weight:bold; color:#ccccff; text-align:left; 
}
.areaheaderright {
	text-align:left; float:right; width:49%; font-family:Arial; font-size:0.6em; font-weight:normal; color:gray; 
}
.togglearea {
	font-family:Arial;  color:gray; float:right; font-size: 1.0em; font-weight: bold; vertical-align: middle; padding: 0.5em 1em 0.5em 1em; cursor:pointer;
}
.headermain {
	clear:both; height:1.3em; width:100%; font-family:arial; font-size:1.2em; font-weight:bold; color:#ffffff; 
}
.bannerstatus {
	 height:2.5em; font-family:arial; font-size:1.0em; font-weight:bold; font-style:italic; color:#CCCCff; text-align:left; margin: 1em;
}
.waitstatus {
	 font-family:arial; font-size:1.0em; font-weight:bold; font-style:italic; color:#CCCCff; text-align:left; margin: 1em; background:#ffffff url('images/ajax-loader.gif') no-repeat center;
}
.loginstatus  {
	display:none; height:2.5em; font-family:arial; font-size:0.6em;  color:gray; text-align:left; font-weight:bold;
}
.fleft {
	float:left;
} 
.fright  {
	float:right; vertical-align: middle;
}
.selectbox1  {
	width:100%; font-family:Arial; font-size:1.1em; border: 1px solid #E6E6FA; border-collapse:collapse; color: #336699; overflow:auto;
}
.selectdrop  {
	width:15em; border: 1px solid #E6E6FA; border-collapse:collapse;font-family:Arial; font-size:0.7em;  color: #336699;
}
.selectdiv  {
	text-align:right; float:right; width:75%;  border: vertical-align:top; overflow:auto;
}
.lab1  {
	font-family:Arial; font-size:0.7em; font-weight: bold; color:#777777;
}
.inp1  {
	font-family:Arial; font-size:0.7em; font-weight: bold; color:#777777; cursor:pointer;
}
.inp2  {
	font-family:Arial; font-size:1.1em; font-weight: bold; color:#777777; cursor:pointer;
}
.bordered    {
	border: 1px solid #E6E6FA; border-collapse:collapse;
}
.backgrey   {
	background-color:#E6E6FA; padding: 1px;  margin:0px; text-align: top; vertical-align: middle; border: 0.06em solid #ccccff;
}
.backred   {
	background-color:#ffeeee; padding: 1px;  margin:0px; text-align: top; vertical-align: middle; border: 0.06em solid #ffcccc;
}
.fontitalic {
	font-style: italic; 
}
.fontbold   {
	font-weight: bold;
}
.fontoblique {
	font-style: oblique;
}
.fontmiddle	 {
	vertical-align: middle; 
}
.offright  {
	margin-right: 2em;
}
.displayresult  {
	width:50%; overflow:auto; border: 1px solid #E6E6FA;
}
.displaymenu  {
	width:49%; overflow:auto; border: 1px solid #E6E6FA;
}
.displaynone {
	display:none;
}
.displayoptions  {
	float:left; width:15%; vertical-align:top; padding:2em;
}
.footer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	font-style: italic;
	font-weight: bold;
	line-height: 0.8em;
	color: #bbbbbb;
	background-color: #eeeeee;
	text-align:center;
	}
a:hover {	
	text-decoration: underline; cursor:pointer;
	}