body { 
background-color: #C0C0C0;
}

.forms {
background-color: #9BB7D2;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}



.myaccount {
background-color: #9BB7D2;
font: normal 12px arial,verdana;
padding: 2px 5px;
border: 1px solid #CAE4FF;
}

a {
color: #03c;
}

.main {
font: normal 12px arial,verdana;
padding: 2px;
margin: 2px;
}
 
.titlehdr {
 font: normal 22px arial, verdana;
 color: #FFFF00;
 border-bottom: 1px solid #FFFF00;
}

.articletitle {
 font: normal 18px arial, verdana;
 color: #FFFF00;
 border-bottom: 1px solid #FFFF00;
}

#rtitle a {
  font: normal 18px arial, verdana;
  color: #FFFF00;
  border-bottom: 1px solid #FFFF00;
}

.articlebody {
 background-color: #9BB7D2;
 font: normal 14px arial, verdana;
 color: black;
}

.articlefooter {
 font: normal 10px arial, verdana;
 color: #FFFF00;
 border-bottom: 1px solid #FFFF00;
}

.result_ctrl {
 font: normal 12px arial, verdana;
}
 
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
 
 .example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}

.loginform {
font: 16px normal arial;
background-color: #9BB7D2;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}

.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}

#tabs{
	padding-right:20px;	/* The right most tab will be padded 20px from its right */
	margin:0px;
	float:right;		/* For right aligned tabs */
}
#tabs a{
	background:#000 url(images/left_tab.gif) top left no-repeat;	/* Background image is positioned top, left */
	color:#FFF;
	padding-left:5px;	/* Change this padding according to the size of image slices used to create tab */
	text-decoration:none;
}
#tabs a:hover{
	background:#9BB7D2 url(images/selected_left_tab.gif) top left no-repeat;
	color:#000;
	text-decoration:none;
}
#tabs a span{
	background:#000 url(images/right_tab.gif) top right no-repeat;	/* Note the position of background image */
	color:#FFF;
	padding-right:15px;
}
#tabs a:hover span{
	background:#9BB7D2 url(images/selected_right_tab.gif) top right no-repeat;
	color:#000;
}
#tabs li{
	list-style:none;
	float:left;
	padding-left:3px;
}
#tabs b{
	background:#9BB7D2 url(images/selected_left_tab.gif) top left no-repeat;
	color:#FFF;
	padding-left:5px;	
	font-weight:normal;
}
#tabs b span{
	background:#9BB7D2 url(images/selected_right_tab.gif) top right no-repeat;
	color:#000;
	padding-right:15px;	
}
#tabs span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px;
	cursor:pointer;
}
#tabs a,#tabs a span,#tabs b,#tabs b span{
	display:block;		/* Set display to block, otherwise background images will not work*/
	float:left;
}