/* PAGE STRUCTURE */
html,body {margin:5px; padding:0;}
body { font-size: 12px; line-height:18px; color: #000000; font-family: Arial, Helvetica, sans-serif;}

div#header { margin:0;  padding:0 }
div#banner { margin:5px 0 0 0; padding:0 }
div#menu { width: 100%; margin:5px 0 0 0; padding:0; line-height:normal}
div#wrapper {width:100%}
div#content{padding: 0; background-color:#ffffff}
div#footer{padding: 4px; text-align: center}
/* ======================================================================= */

/* MENU ITEMS */
#menu ul { margin:0; padding:0 ; list-style:none }
#menu li { float:left; margin:0; padding:0 0 0 5px;  }
#menu a { float:left; display:block; background:url("../img/nav_divider3.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color: White }
#menu a:hover { color: #EAF5FF}
#menu #current { background-color: #3E7DB0}

/* ======================================================================= */

form { margin-bottom:0;}

/* ======================================================================= */
/* CONTENT AREA */
/* ======================================================================= */

div#username{
padding: 3px;
float: right;
}
div#buttonbar{
padding: 3px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%; 
border: 1px solid #B0B0B0;
background-color: #F5F5F5; }
/* END STRUCTURE STYLE */

/* START STANDARD ELEMENTS */
p {margin: 5px;}
h1 {margin:5px; font-size: 1.4em; color:#505050;}
h2 {margin:5px; font-size: 1.1em; color: Black;}
td {font-size: 0.75em;}
a{color: #3366CC; text-decoration: underline}
a:hover{color: #6E92D9; text-decoration: underline}
a img {border: none; } 
img { border: none;  }
textarea { FONT-FAMILY: Arial, Helvetica, sans-serif; } 
ul {margin-top:0;margin-bottom:0;
}
/* END STANDARD ELEMENTS */

a.button {
	color: Black;
	text-decoration: none; 
	border: 1px dotted #4682b4; 
	font-weight: bold; 
	background-color: #F6F6F6;
	padding: 5px;
}
a.button:hover	{
	color: Black; 
	text-decoration: none;  
	border: 1px dotted #FFD700; 
	font-weight: bold; 
	background-color: #F6F6F6; 
	padding: 5px;
}

/* STANDARD DISPLAY GRID */
table.list {
	margin-bottom:10px;
	border-collapse: collapse;
   border: #D0D0D0 1px solid;

}

td.listheader {
   padding: 3px;
   font-weight: bold;
   border-bottom: #D0D0D0 1px solid;
	vertical-align: bottom;
	text-align: left;
	color: White;
	background-image: url(../img/hdr.gif);
	background-color: #5D98C8;
	background-repeat: repeat-x;
}

td.listrow
{
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
	vertical-align:top;
	background: #FCFCFC;
}

td.listrow2
{
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
	vertical-align:top;
	background: #FAFAFC;
}


td.listht {
   background-color: #DDF3FE;
   padding: 3px;
   font-weight: bold;
   border-top: 1px solid #D0D0D0;
   border-bottom: 1px solid #D0D0D0;
}
td.listhtr {
   background-color: #DDF3FE;
   padding: 3px;
   font-weight: bold;
   border-top: 1px solid #D0D0D0;
   border-right: 1px solid #D0D0D0;
}

td.listhr {
   background-color: #DDF3FE;
   padding: 3px;
   font-weight: bold;
   border-top: 1px solid #D0D0D0;
   border-bottom: 1px solid #D0D0D0;
	vertical-align: bottom;
}

td.topten
{
   padding: 1px 1px 5px 1px;
	vertical-align:top;
}

td.topten2
{
   padding: 1px 1px 5px 1px;
	vertical-align:top;
	font-size: 2em;
   color: #505050;
	text-align: center;
}

/* NO BORDER */
td.listrownb
{
   padding: 3px;
	vertical-align:top;
}
td.listrownb2
{
   padding: 3px;
	vertical-align:top;
	background: #FAFAFA;
}


td.listrowsml
{
	font-size: 0.7em;
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
   border-right: 1px solid #D0D0D0;
	vertical-align:top;
}

td.listrowsmln
{
	font-size: 0.7em;
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
   border-right: 1px solid #D0D0D0;
	vertical-align:top;
	white-space: nowrap;
}

td.listrow1
{
	font-size: 0.7em;
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
	vertical-align:top;
}

td.listrow1a
{
	font-size: 0.7em;
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
	vertical-align:top;
	text-align: center;
}

td.listrow1b
{
	font-size: 0.7em;
   padding: 2px;
   border-bottom: 1px solid #D0D0D0;
   border-right: 1px solid #D0D0D0;
	vertical-align:top;
	text-align: center;
}

tr.ruleroff {
	background-color: #FFFFFF;
}

tr.ruleron
{
   background-color: #F5F5F5;
}

/* DATA ENTRY FORMS */
table.form {
	width: 600px;
	margin-bottom:10px;
	border-collapse: collapse;
   border: #D0D0D0 1px solid;
	

}

td.formheader {
   padding: 3px;
   font-weight: bold;
   border-bottom: #D0D0D0 1px solid;
	vertical-align: bottom;
	text-align: left;
	color: White;
	background-image: url(../img/hdr.gif);
	background-color: #5D98C8;
	background-repeat: repeat-x;
}

td.form
{
   background-color: #f5f5f5;
   padding: 3px;
	vertical-align:top;
}

/* MESSAGE/ERROR STYLES */
div#submenu {
	padding: 1px;
	padding-left:5px;
	padding-bottom:5px;
	margin-top: 0;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom: 5px;
	border-bottom: 2px dashed #F5F5F5;
	color: white;
}

.error {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin: 15px;
   background-color: #FFF6F6;
   border: 1px solid #FF0000;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/warn.gif);
}

.info {
	padding: 5px;
	margin: 15px;
   background-color: #FFFFF0;
	border: 1px dotted #B0B0B0;
}

.confirmed {
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	margin-bottom: 5px;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/tick.gif);
   background-color: #FFFFF0;
}

.hint {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin: 15px;
	background-color: #F5F5F5;
	background-position: 10px 10px;
	background-repeat: no-repeat;
	background-image: url(../img/bulb.gif);
   background-color: #FFFFF0;
	border: 1px dotted #B0B0B0;
 }

/* NOTES AND MESSAGES */

span.small
{
    font-size: 0.8em;
}
span.smallnote
{
    font-size: 0.8em;
    color: gray
}

span.note
{
    color: gray
}

span.quote
{
    color: #dc143c;
    font-style: italic;
}
span.current
{
	color: #339900;
    font-style: italic;
}

span.highlight
{
	color: #dc143c;
}


.buttonbar {
	font-size: 80%;
}

select.grid {
	margin-top: -2;
	margin-bottom: -1;
}

input.grid {
	margin-top: -3;
	margin-bottom: -3;
}

input.gridbtn {
	margin-top: -3;
	margin-bottom: -1;
	font-size: 90%;
}