/* Standard headers in three levels */
H1 { font-size: 16px; color: #004488; font-weight: bold; margin: 0px 0px 10px 0px; }
H2 { font-size: 14px; color: #004488; font-weight: bold; margin: 0px; }
H3 { font-size: 12px; color: #004488; font-weight: bold; margin: 0px; }

/* Field sets */

FIELDSET {
	border-radius: 3px; 
	border-color:gainsboro;
	padding: 1px 0px 1px 5px;
}

FIELDSET.filter{
	background-color: white;
}

FIELDSET LEGEND{
	font-weight: bold;
}

/* TABLE.input_form class is used for displaying and editing data in most places */

TABLE.input_form TR.header TH{
	background-color : royalblue;
	font-size: 11px;;
	color:white;
}

/*  Second level header with softer colors */

TABLE.input_form TH, TABLE.input_form TR.header {
	background-color : #A6CBE0;
	border : 1px solid gray ;
	padding: 2px 2px 2px 2px;
}

/* Next two classes are intended for alternatin background colors in eve and odd rows in  table */

.odd { background-color: #EEEEEE; }
.even {	background-color: Ivory; }

/* Standard properties */
TABLE.input_form TD {
	vertical-align: top;
	/*
	border : 1px solid #A3B0CB;
	border : 1px solid gray;
	*/
	padding : 3px;
	-moz-min-height: 22px;
	-moz-height: 22px;
}

TABLE.tight TD{padding:1px 3px;}

/* Some reference can be presented as buttons within a table cell */
TABLE.input_form A {
	text-decoration: underline;
	cursor: pointer;
	color:#004488;
}

TABLE.input_form A:HOVER {
	 color: #213F87;
 }

 TR.separator{
	max-height:3px;
	height:3px;
	background-color:gray;
}

 TR.separator TH. TR.separator TD {
	height:100%;
}

BUTTON, INPUT[type="submit"], INPUT[type="button"]{
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	background-color: gainsboro;
	border: 1px solid gray;
	min-height: 25px;
	height: 25px;
	padding: 5px 10px 5px 10px;
	font-size: 11px;
	top: 0px;
}

SPAN.button{
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	color: black;
	background-color: gainsboro;
	border: 1px solid gray;
	min-height: 22px;
	height: 22px;
	padding: 5px 10px 5px 10px;
	margin: 2px;
	font-size: 11px;
	position:relative;
	top: 0px;
}

SPAN.button A{text-decoration:none;color:black;}

SPAN.button:hover, BUTTON:hover, INPUT:hover[type="submit"]{
	background-color:#A6F4FF;
}

/* MenuBar  */


DIV.menu {
	/*margin: 0px -10px 0px -10px;*/
	color: #004488;
	height: 30px;
	/*_height: 30px;*/
	padding: 2px 5px 4px 5px;
	font-weight: bold;
	font-size: 12px;
}
DIV.menu A { color: #004444; font-size: 13px; font-style: normal; text-decoration: none;  font-weight: bold;;}
DIV.menu A:HOVER { color: #AA3300;; background-color: #A3B0CB; }

/* auto-hidding submenu */

TABLE.submenu { position: absolute; margin-top: -11px; margin-left: -6px; background-color: inherit; z-index: 10; border-style: none;}
.submenu TH{background-color:silver;border: 1 gray solid; max-height:20px;}
.submenu TH.close{background: URL('images/16x16/TurnOff.png') no-repeat center;}
.submenu TD {height:18px;border:none;padding: 0px 0px 0px 5px;cursor:pointer;}
.submenu A { width: 100%; font-size: 13px; text-decoration: none; font-weight: bold; color: #004488;}
.submenu A:HOVER { color: #AA3300; }
A.popmenu{ background-color: #B9C4DA; padding: 2px 2px 2px 2px;display:block; margin-left:4px;}
.submenu A:HOVER DIV { background-color: #A3B0CB; }