html, body {
  background:#fff url('images/body.jpg') no-repeat center top;
  font-family:Verdana;
  margin:0;
  padding:0;
  height:100%;
}            
form {
  margin: 0;
}    
table.full {
  width: 940px;
}
#login, #password {
  width: 205px;
}
p {     
  margin:0; 
  padding:10px;      
  text-align:justify;
  line-height:1.5em;
font-size: 11px;
}

#content {
  background:#fff url('images/content.jpg') no-repeat center top;
}

#header {
  background:#fff url('images/header.jpg') no-repeat center top;
  height:115px;
}        

#page {    
  width:960px;
  position:relative;
  margin-left:-480px;
  left:50%;
}             
  
#footer {
  padding:10px; 
  background:#eee;      
  clear:both;
  margin-top:160px;
} 

#header form {    
  float:right;
  clear:right;
  padding:10px; 
  margin:0;
}      
#door {
  margin:12px 1px 0;
}
#header div {
  font-size:15px;   
  height:30px;   
  float:right;
  clear:right;           
}
#header form input {
  border:1px solid #ccc;   
  font-size:15px;
  padding:2px;  
}
#header form input[type=submit] {     
  background:#ddd;
}               
#sidebar {
  width: 240px;            
  float: left;          
  border-right:1px solid #eee;
}                           
#main {
  margin:0 0 0 240px;
  padding: 10px;
}
#wide {
  padding: 10px;
}


#sidebar ul {
  margin:0;
  padding:10px 10px 3px;
  list-style:none;
}                
#sidebar li {
  margin-bottom:7px;   
  padding:5px;          
  background:#f8f8f8; 
  border:1px solid #ccc;
}
#sidebar a {
  text-decoration:none;
  color:#333;
}           
#sidebar a img {        
  float:left;    
}
#sidebar a span {  
  display:block;
  font-size:16px;
  margin-left:36px;
  padding:6px;     
}              
#sidebar li:hover {
  background:#fff;
}   
#nav ul {     
  height:52px;
  margin:0;
  border-bottom:1px solid #eee;
  padding:10px 10px 3px;
  list-style:none;
}                
#nav li {
  margin-right:10px;   
  padding:5px;          
  background:#f8f8f8; 
  border:1px solid #ccc;
  float:left;
}
#nav a {
  text-decoration:none;
  color:#333;
}           
#nav a img {        
  float:left;    
}
#nav a span {  
  display:block;
  font-size:16px;
  margin-left:36px;
  padding:6px;     
}              
#nav li:hover {
  background:#fff;
}       
table.form.gradient td ul {
  list-style:none;
  padding:0;
  margin:0;
}
table.form.gradient td ul li {
  border:1px solid #f00;
  float:left;
  width:100px;
}
table.form.gradient {
  clear: right;
  margin-left:240px;  
  margin-bottom:10px;
  width:700px;
}
table.form.gradient input[type=reset],
table.form.gradient input[type=button],
table.form.gradient input[type=submit]  {
  background: #b9c9fe url('images/gradhead.png') repeat-x top;
  padding:5px;
  cursor:pointer;
	border:1px solid #b9c9fe;
}
table.form.gradient input[type=text], table.form.gradient textarea {
  border:1px solid #b9c9fe;
  padding:5px;
}
.submenu {
  float: right;
  margin-bottom: 10px;
}
.b {
  vertical-align: bottom;
}
.r {
  text-align: right;
}
.actions a {
  padding:4px 8px;
  cursor:pointer;
  border:1px solid #669;
  color:#000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  background: #d0dafd url('images/gradhover.png') repeat-x;
}
table td table.plain tr td {
  background:transparent !important;
  border:none;
}                         
table td table.plain tr td {
  padding:0 25px 0 0;
}
table.form.gradient th.actions a {
  background: #e8edff url('images/gradback.png') repeat-x top;
  color:#000;
}
table.form.gradient th input[type=reset],
table.form.gradient th input[type=button],
table.form.gradient th input[type=submit] {
  background: #e8edff url('images/gradback.png') repeat-x top;
  padding:5px;
  cursor:pointer;
  border:1px solid #669;
}                             
table.form.gradient tbody tr:hover td
{
	background: #e8edff url('images/gradback.png') repeat-x;
	color: #669;
}
a {outline:0;}
a img {border:0;}

.clear {
  clear:both;
}
#result {
  clear:both;
}
table.gradient
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;                
	text-align: left;
	border-collapse: collapse;
}
table.gradient td.label {
  text-align:right;          
  vertical-align:top;
}              
table.gradient .third {
  width:33%;
}           
      
table.gradient th.label
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}
table.gradient tr.label td
{
  background: #d0dafd url('images/gradhover.png') repeat-x;
  font-weight: bold;
  text-align: center;
}
table.gradient td.label span
{
display: block;
margin-right: 22px;
}
table.gradient th.title
{
   text-align:center;
}
table.gradient th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
table.gradient td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('images/gradback.png') repeat-x;
}
table.gradient th {
  font-weight:bold;
}
table.gradient th.ok {
	border-bottom: 2px solid #d3ddff;
	background: #e8ffed url('images/gradgreen.png') repeat-x;
  text-align:center;
  color:#333;
}
table.gradient th.err {
	border-bottom: 2px solid #d3ddff;
	background: #ffede8 url('images/gradred.png') repeat-x;
  text-align:center;
  color:#333;
}
table.gradient th.warn {
	border-bottom: 2px solid #d3ddff;
	background: #ffffe8 url('images/gradyellow.png') repeat-x;
  text-align:center;
  color:#333;
}
table.gradient a {
  text-decoration:none;
  color:#039;
}

table.gradient thead tr img {
  vertical-align:top;
}
table.gradient tbody tr img {
  vertical-align:middle;
}
.loading {
  display: none;
}
table.gradient tfoot tr td
{           
  text-align:right;            
	background: #b9c9fe url('images/gradhead.png') repeat-x;
	font-size: 13px;
	color: #669;         
	font-weight:bold;
}                     
table.gradient tfoot span {
  float:left;         
  font-weight:normal;
}
table.gradient tfoot a
{
	color: #039;
}
table.gradient tbody tr:hover td
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}
.centered {
	text-align: center;
}
label.error { display:block; color:#f00; }



/*Below is the styling for Rounded Corners*/
/* set the image to use and establish the lower-right position */

 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 
{ 
background: transparent url(/images/rc/demobox.png) no-repeat bottom right;
 }

 .cssbox
 { width: 600px !important; /* intended total box width - padding-right(next) */
 width: 585px; /* IE Win = width - padding */
 padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
 margin: 4px auto; /* use to position the box */ 
}


 /* set the top-right image */
 .cssbox_head 
{
 background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
 padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 


/* set the top-left image */
 .cssbox_head h2 
{
 background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
	font-size: 13px;
	color: black;         
	font-weight: normal;
padding: 15px 0 15px 40px; /* 
padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */
 } 


/* set the lower-left corner image */ 
.cssbox_body 
{ 
background-position: bottom left; 
margin-right: 25px; /* interior-padding right */ 
padding: 5px 0 15px 40px; /* mirror .cssbox_head right/left */ 
	font-size: 12px;
	color: #669;     
}