/* page layout elements */

body {
	color:  #000000;
	background-color:  #4175AA;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
div#page-container {
	margin:  0px auto;
	padding: 0;
	text-align:  center;
	width:  780px;
	background:  URL(../images/top-gradient.jpg) top left repeat-x #FFFFFF;
	color:  inherit;
	position:  relative;
}
div#content-container {
	text-align:  justify;
	padding:  260px 10px 10px 10px;
	margin: 0;
	font-size:  71%;
}
div#admin-container {
	text-align:  justify;
	padding:  49px 0 0 0;
	margin: 0 10px;
	font-size:  71%;
	background-color:  #FFFFFF;
	color:  inherit;
}
ul#admin-main-menu {
	width:  760px;
	height:  2em;
	background-color:  #4175AA;
	color:  #FFFFFF;
	font-weight:  bold;
	margin:  0;
	padding: 0;
	list-style-type:  none;
}
ul#admin-main-menu li {
	float:  left;
	border-right:  1px solid #FFFFFF;
	margin:  0;
	padding: 0;
}
ul#admin-main-menu li#logout {
	float:  right;
	border-right:  none;
	border-left:  1px solid #FFFFFF;
}
ul#admin-main-menu li a {
	display:  block;
	color:  #FFFFFF;
	background-color:  inherit;
	padding: 0.5em;
	text-decoration:  none;
}
ul#admin-main-menu li a:hover {
	color:  #4175AA;
	background-color:  #FFFFFF;
}
div#admin-content {
	margin:  10px;
}
div#logo {
	position:  absolute;
	top:  0;
	left:  10px;
	width:  760px;
	height:  49px;
	text-align:  left;
	overflow:  hidden;
	background-color:  #000000;
	color: inherit;
}
div#menu-panel {
	position:  absolute;
	top:  49px;
	left:  10px;
	background:  URL(../images/eecn-top-background.jpg) top left no-repeat;
	width:  760px;
	height:  200px;
	overflow:  hidden;
}
div#menu-panel ul {
	padding:  0 0 0 153px;
	margin:  170px 0 0 0;
	list-style-type:  none;
	width:  607px;
	height:  30px;
	background:  URL(../images/menu-background.jpg) top left no-repeat;
	overflow:  hidden;
	color:  inherit;
}
div#menu-panel ul.admin-menu {
	padding:  0 0 0 422px;
	margin:  170px 0 0 0;
	list-style-type:  none;
	width:  338px;
	height:  30px;
	background:  URL(../images/menu-background.jpg) top left no-repeat;
	overflow:  hidden;
	color:  inherit;
}
div#menu-panel ul li {
	float:  left;
	margin: 0;
	padding: 0;
}
div.col-item {
	float:  left;
	width:  140px;
	padding:  5px;
	margin: 0;
	text-align:  left;
}
div.col-value {
	float: left;
	padding: 5px;
	margin: 0;
}
div.program-detail {
	margin:  5px;
	border:  1px solid #4175AA;
	padding: 5px;
	height:  1%;
}
th {
	font-size:  110%;
	color:  #FFFFFF;
	background-color:  #4175AA;
	font-weight:  bold;
	border-bottom:  1px solid #DDDDDD;
}
tr.bg0 {
	background-color:  #FFFFFF;
	color:  inherit;
}
tr.bg1 {
	background-color:  #F0F0F0;
	color:  inherit;
	border-right:  1px solid #DDDDDD;
}
tr.bg0 td, tr.bg1 td {
	border-bottom:  1px solid #DDDDDD;
}
td.left-border {
	border-left:  1px solid #DDDDDD;
	position:  relative;
}
td.right-border {
	border-right:  1px solid #DDDDDD;
}
div.contractor-description {
	position:  absolute;
	left:  5px;
	background-color:  #4175AA;
	font-weight:  bold;
	color:  #FFFFFF;
	width:  440px;
	padding:  5px;
	display:  none;
	z-index:  1;
}
/* font elements */
a {
	color:  #4175AA;
	background-color:  inherit;
	text-decoration:  underline;
	font-weight:  bold;
}
a:hover {
	color: #B30F00;
	background-color: inherit;
	text-decoration: none;
}
h1 {
	margin: 0 0 1em 0;
	padding: 0;
	font-size:  163.6%;
	font-weight:  bold;
	color:  #4175AA;
	background-color:  inherit;
}
h2 {
	margin:  1em 0;
	padding: 0;
	font-size:  137%;
	color:  #CC0000;
	text-align:  center;
	font-weight:  bold;
}
h2#confirm-message {
	font-size:  150%;
	color:  #FF0000;
}
h3 {
	margin:  1em 0 0 0;
	padding: 0;
	font-size:  120%;
	color:  #4175AA;
	font-weight:  bold;
}
h4 {
	margin: 0.75em 0;
	padding:  0;
	font-size:  110%;
	font-weight:  bold;
	color:  #164778;
}
.program-count {
	color:  #CC0000;
	background-color:  inherit;
}
div.program-detail ul {
	margin: 0;
	padding:  0 2em;
}
div.program-detail ul li {
	margin: 0.5em 0;
	padding: 0;
}
/* form elements */
input {
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
}
input.button {
	color:  #FFFFFF;
	background-color:  #4175AA;
	text-align:  center;
	font-weight:  bold;
}
input.button-contractor {
	background-color:  #FFFFFF;
	color:  #4175AA;
	border:  1px solid #4175AA;
	text-decoration:  underline;
	font-weight:  bold;
	text-align:  center;
	padding:  1px 3px;
}
input.button-contractor-current {
	color:  #FFFFFF;
	background-color:  #4175AA;
	border:  1px solid #4175AA;
	text-decoration:  underline;
	font-weight:  bold;
	text-align:  center;
	padding:  1px 3px;
}
input.button-contractor:hover, input.button-contractor-current:hover {
	color:  #FFFFFF;
	background-color:  #B30F00;
	border:  1px solid #B30F00;
	text-decoration: none;
}
a.trade-tooltip {
	color:  #B30F00;
	font-weight:  normal;
}