/*** INFOMAT ::: monitors style ***/
/* based on 960 grid */

/* GENERAL: colors 
	
	grey0: #CCCCCC;
	grey1: #D6D6D6;
	grey2: #E6E6E6;
	grey3: #F0F0F0;
	dgrey: #505050

	lite green: #9BBF00;
	dark green: #718B01;

*/

/* grey bg */
.grey0 { background-color: #CCCCCC; }
.grey1 { background-color: #D6D6D6; }
.grey2 { background-color: #E6E6E6; }
.grey3 { background-color: #F0F0F0; }
.grey4 { background-color: #F7F7F7; }
.dgrey { background-color: #505050; }
/**/
.fgrey0 { color: #CCCCCC; }
.fgrey1 { color: #D6D6D6; }
.fgrey2 { color: #E6E6E6; }
.fgrey3 { color: #F0F0F0; }
.fdgrey { color: #505050; }
.fblack { color: #000000; }
/**/

/* green bg */
.green1 { background-color: #9BBF00; }
.green2 { background-color: #718B01; }

.fgreen1 { color: #9BBF00; }
.fgreen2 { color: #718B01; }

/* borders */
.lb { border-left: 1px solid #9BBF00; }
.rb { border-right: 1px solid #9BBF00; }
.bb { border-bottom: 1px solid #9BBF00; }
.tb { border-top: 1px solid #9BBF00; }
.tbg { border-top: 1px solid #CCCCCC; padding-top: 5px; }

.container_12 div.lb { margin-left: 9px; }
.container_12 div.rb { margin-right: 9px; }

h1, menu li a, .leftcol ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;

}

a {
	color: inherit;
}
h1 a { color: #718B01; }

/* GENERAL: menu items */
li {
	display: block;
	list-style: none;
	margin: 0;
}
li a, li s {
	display: block;
	text-decoration: none;
}
li a {
	text-indent: 0px;
	color: #505050;
	font-weight: bold;
}
li a:hover, li a.s {
	text-decoration: underline;
}
li s {
	width: 10px;
	margin: 0 -5px;
	float: left;
	color: #9BBF00;	
	letter-spacing: -2px;
	font-weight: normal;
	position: relative;
	z-index: 3;
}

.left { float: left; }

/* BODY */
body {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
}
/* HEADER */
.header {
	background-image:url(../images/infomat_header_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
.headimg {
	display: block;
	float: left;
}

/* MAIN MENU ( root level ) */
menu {
	width: 699px;
	float: left;
	margin: 0;
	padding: 0 10px 0 20px;
	border-left: 1px solid #9BBF00;
	border-top: 8px solid #9BBF00;
	border-bottom: 4px double #9BBF00;
}
menu li { float: left; } 
menu li a, menu li s { line-height: 15px; }
menu li a {
	float: left;
	padding: 7px 20px 3px;
	border-top: 8px solid #9BBF00;
	margin-top: -8px;
	font-size: 12px;
	position: relative;
	z-index: 2;
}

menu li a:hover, menu li a.s { border-color: #718B01; }
menu li a.s { text-decoration: none; }
menu li s { padding: 4px 0; }

/* SUBMENU TREE ( 1st level ) */

.leftcol {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
	max-width: 230px;
	min-width: 230px;
}
.leftcol .bb { 
	text-align: center; 
	margin-bottom: 10px; 
	padding-bottom: 5px;
}

.leftcol ul {
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

.leftcol ul li a {
	padding: 3px 10px;
	background-repeat: no-repeat;
	/**/
	text-transform: uppercase;
	background-image:url(../images/circ_gr0.gif);
	background-position: left 3px;
	padding-left: 20px;
}
/* 2nd level */
.leftcol ul ul li a {
	text-transform: none;
	background-image:url(../images/circ_gr1.gif);
	background-position: 15px 3px;
	padding-left: 35px;
}
/* 3rd level */
.leftcol ul ul ul li a {
	font-weight: normal;
	background-image:url(../images/circ_gr2.gif);
	background-position: 30px 3px;
	padding-left: 50px;
}
/* 4th level */
.leftcol ul ul ul ul li a {
	font-weight: normal;
	background-image:url(../images/circ_g2.gif);
	background-position: 45px 3px;
	padding-left: 65px;
}

/**/
.leftcol form {
	padding-bottom: 5px;
}
.leftcol h1 {
	text-transform: uppercase;
	font-size: 13px;

}
/* */
.infolabel {
	margin-bottom: 5px;
}
ul.pager {
	
}
.pager li {
	float: left;
	display: inline;
	margin-bottom: 10px;
}
.pager li a {
	padding: 0 4px;
}


/* CONTENT */

.container {
	margin-left: 0px;
	border-left: 1px solid #9BBF00;
	padding-left: 19px;
	min-height: 500px;
	height: 500px;
	padding-top: 20px;
} html>body .container { height: auto; }

.container h1 {
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.container h2 {
	font-size: 11px;
	margin-bottom: 5px;
}
.container th {
	text-align: left;
	padding: 0;
}

.container p a { color: #718B01; }