body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	background-color: white;
}
a:link {
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
  color: #3366AA;
}
a:visited {
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
  color: #3366AA;
}
a:hover {
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
  color: #c00;
}
a:active {
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
  color: #3366AA;
}
a img {
	border: none;
}

/* Form elements */
input.formElementStyle, select.formElementStyle, select.textarea {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 380px;
	height: 55px;
	margin: 0px;
	color: white;
	vertical-align: top;
	font-size: 16pt;
	padding: 5px 0px 5px 5px;
	z-index:2;
}
h1 .subhead {
	font-size: 10px;
	font-weight: normal;
	color: #09f;
	}
h2 {
	color: #3366AA;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	border-bottom: 3px ridge #7193CA;
	margin-bottom: 4px;
	margin-top: 4px;
	}
h3 {
	font-size: 11pt;
	}
/* page sections */
#header {
	position: relative;
	width: 100%;
	height: 48px;
	padding:0px;
	margin: 0px;
	background: white;
	z-index: 1;
}
#mainMenu {
	position: relative;
	width: 100%;
	height: 16px;
	padding-top: 2px;
        padding-left: 10px;
        padding-bottom: 3px;
	font-size: 14px;
	margin: 1px;
	background: #FFF;
	z-index: 100;
	background: #3366AA url("../images/bluebk.jpg") repeat-x;
	color: white;
}


#mainMenu a:link  {
  text-decoration: none;
  font-weight: bold;
  color: white;
}
#mainMenu a:visited {
  text-decoration: none;
  font-weight: bold;
  color: white;
}
#mainMenu a:hover {
  text-decoration: none;
  font-weight: bold;
  text-decoration: underline;
  color: white;
}
#mainMenu a:active {
  text-decoration: none;
  font-weight: bold;
  color: white;
}



#userEnv {
	position:absolute;
	top:   25px;
	left:  250px;
	font-size: 11px;
	font-weight: bold;
        z-index: 99;
	}

#userEnv a:link  {
  font-weight: bold;
  color: #3366AA;
  text-decoration: underline;
  z-index: 99;
}
#userEnv a:visited {
  font-weight: bold;
  text-decoration: underline;
  color: #3366AA;
  z-index: 99;
}
#userEnv a:hover {
  text-decoration: underline;
  color : #c00;
  z-index: 99;
}
#userEnv a:active {
  font-weight: bold;
  text-decoration: underline;
  color: #3366AA;
  z-index: 99;
}

#content {
	width: auto;
	padding: 0px 10px 10px 10px;
	vertical-align:top;
	background: white;
}
#detailNav {
	width: 2%;
	padding: 3px 0px 0px 0px;
	vertical-align: top;
	background-color: white;
}
#detailNav table.nav {
	width: auto;
	border: 0px;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px; /* Center table */
}
.nav td.navHeader {
	padding: 3px;
	margin: 3px;
	vertical-align: top;
	border-bottom: 1px solid #666;
	font-size: 12px;
	background-color: #3366AA;
	font-weight: bold;
	text-align: left;
	color: white;
	width: 400px;
}
hr.hrNav {
	border: 0px solid #eee;
	width: 220px;
	height: 0px;
	margin: 10px auto 0 0;
	text-align: left;
	color: #eee;
}
#container {
	padding-right: 3px ;
	padding-left: 3px ;
	width: 100%;
	}
#footer {
	position: relative;
/*	width: 100%; */
	border-top: 3px solid #36a;
	margin-top: 10px;
	padding: 3px;
	}
ul#navlist {
	 margin: 10px 2px 0px 5px;
	 padding: 0px;
	list-style-type: none;
	}
ul#navlist li {
	display: block;
	margin: 8px 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid #f30;
}
ul#navlist ul li {
	border: none;
	margin: 0px;
	padding: 0px;
	}
ul#navlist ul {
	 margin: 0px;
	 padding: 0px;
	}
a.search {
	display: block;
	border-bottom: 1px solid #400;
	border-top: 1px solid #d00;
	text-align: center;
	padding: 3px 0px 3px 0px;
	margin: 0px;
	}
/* table styles */
div.centered {
        text-align: center;
        }
div.centered table {
        margin: 0 auto;
        text-align: left;
}
#content table.detail {
	width: auto;
	border: 2px solid #3366AA;
	border-collapse: collapse;
	/*margin: 0 auto 2px auto;  Center table */
	}
.detail th, .detail td {
	/*padding: 3px;*/
	margin: 3px;
	vertical-align: top;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 5px 5px 5px 3px;
	font-size: 12px;
	}
.detail th {
	background-color: #D1D7DC;
	font-weight: bold;
	text-align: right;
	}
.detail td {
	background-color: #eee;
	color: black;
	}
.detail td.tableheader {
	color: white;
	font-size: 12px;
	background: #3366AA url("../images/bluebk.jpg") repeat-x;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	}

.popupTable {
	width: 100%;
	border: 1px solid #666;
}
.popupTable td {
	padding: 1px;
	margin: 1px;
	vertical-align: top;
	font-size: 11px;
	background-color: #eee;
	color: black;
}
.popupTable td.tableheader {
	color: white;
        font-size: 12px;
	border-bottom: 1px solid #666;
	background: #3366AA url("../images/bluebk.jpg") repeat-x;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	}
/* table styles */
#content table.summary {
	width: auto;
	border: 1px solid #666;
	border-collapse: collapse;
	}
.summary th, .summary td {
	padding: 5px;
	margin: 3px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	vertical-align: top;
	}
.summary th {
	background-color: #D1D7DC;
	font-weight: bold;
	text-align: right;
	font-size: 12px;
	}
.summary td {
	background-color: #eee;
	color: black;
	font-size: 11px;
	}
.summary td.summaryheader {
	color: white;
	font-size: 12px;
	background: #3366AA url("../images/bluebk.jpg") repeat-x;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	}
#content table.detail_buttons {
	      width: auto;
	margin: 0 auto 2px auto; /* Center table */
	}
.detail_buttons td {
	padding: 3px;
	margin: 3px;
	text-align: left;
	}
table.profile {
	border: 1px solid #000;
	width: 340px;
	}
.profile th {
	text-align: right;
	}
.profile thead th {
	text-align: center;
	background: #adf;
	}
table.login {
	border: 1px solid #000;
	}
.login th {
	text-align: right;
	}
.login thead th {
	text-align: center;
	background: #adf;
	}

/* form styles */
form {
	margin: 0px;
}
.formbuttons {
	text-align: center;
	}
.formbuttons input submit {
	margin-top: 10px;
	font-weight: bold;
	}
.buttonlinks {
	text-align: center;
	font-size: 10px;
	padding: 1px;
	margin: 0px;
	}
.label {
	font-weight: bold;
	}
/* other */
.section1 {
	padding: 5px;
	border: 2px solid #3366AA;
	      background-color: #eee;
	}
#content table.section1_table {
	      width: auto;
	margin: 0 auto 2px auto; /* Center table */
	}
.linklist li {
	margin-bottom: 5px;
	list-style-type: disc;
}
#results h3 {
	font-size: 12pt;
	text-align: center;
	border-top: 3px ridge #09f;
	padding-top: 5px;
	width: 100%;
	}
#results h4 {
	color: #900;
	font-size: 10pt;
	}

.para {
	      font-size: 11px;
	padding: 1px;
	      margin: 1px;
	border-color: #b7bcc3;
	border-width: 1px;
	border-style: solid;
	background-color: #D1D7DC;
	text-align: left;
}

.help {
        font-size: 11px;
	padding: 1px;
	margin: 1px;
	border: 1px solid #b7bcc3;
	background-color: #D1D7DC;
	text-align: left;
}
.resitem {
	border: 1px dashed #999;
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
	}
table.percent {
	padding: 0px;
	width: 50px;
	height: 10px;
}
.percent td.blank {
	      background-color: #ddd;

	font-size: 1px;
}
.percent td.filler {
	      background-color: #39f;
	font-size: 1px;
}

.pctCompleteTable td {
	padding: 0px;
	margin: 0px;
	border-bottom: none;
}

#changeCompany {
	position: absolute;
	top: 2px;
	right: 12px;
	font-size: 11px;
	font-weight: bold;
        color: black;

	      z-index: 98;
	}
.changeCompanySelect {
	font-size: 11px;
	color: black;
	}
.changeCompanyButton {
	font-size: 11px;
	font-weight: bold;
	background: #ccc;
	color: #900;
	}
.actionButtons {
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: verdana, arial, helvetica, sans-serif;
		background-color: #D1D7DC;
	display: block;
}

.breadcrumb {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.breadcrumb a {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
fieldset {
  border: 1px solid #3366AA;
}
legend {
	padding: 0.2em 0.5em;
	color: #3366AA;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
  }
