/* Table of Contents:

	Overall Layout
	Header Layout
	Middle Layout
	Footer Layout
	
*/

/* Overall Layout
--------------------------------------------------------------------------------------- */
.hiddenPic {
	display: none;
}

body {
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #3b3a3a;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #00559e;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.top {
	background-image: url(images/topbar.gif);
	background-repeat: repeat-x;
	height: 102px;
	width: 100%;
}

.middle {
	background-repeat: repeat-x;
	width: 100%;
	background-color: #FFFFFF;
}

.titlebar {
	background-color: #004280;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tableborder td{
	padding: 5px;
	border: #CCC solid 1px;
}

.tableborder2{
	border: #CCC solid 1px;
}

.test{
	border: red solid 1px;
}

.tableborder2 td{
	padding: 2px 5px 2px 5px;
}

.bottom {
	background-image: url(images/bottombg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	background-color: #3b3a3a;
}

.mainbuttonleft {
	background-image: url(images/main_button_left_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 6px;
	background-position: 0px 5px;
}
.mainbuttonmiddle {
	background-image: url(images/main_button_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	text-transform: uppercase;
	text-align: center;
	background-position: 0px 5px;
}

.mainbuttonright {
	background-image: url(images/main_button_right_bg.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 6px;
	background-position: 0px 5px;
}
a.mainbutton, a.mainbutton:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}

a.mainbutton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #c7fc7e;
	padding-top: 5px; 
	padding-right: 5px; 
	padding-left: 5px;
	text-decoration: none;
}

.logo_bottom {
	background-image: url(images/logo_bottom.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 357px;
}

.client_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: top;
}

.user_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding-top: 10px;
	padding-right: 5px;
	vertical-align: top;
}

.content_table {
	background-color: #FFFFFF;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	border-bottom-color: #d6d6d6;
	border-left-color: #d6d6d6;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.content_spacing {
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
}

.table_title {
	background-image: url(images/table_title.gif);
	background-repeat: repeat-x;
	height: 27px;
	width: 100%;
}

.title_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
}

.title_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004280;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;

	float: right;
	padding-right: 10px;
	padding-top: 3px;

}

.title_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;

	float: right;
	padding-right: 10px;
	padding-top: 3px;

}

.data_table {
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #50504f;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
}

.whiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #004280;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

a.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #057EC7;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

a.link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
	text-align: left;
	font-weight: bold;
}

/* Form Elements
--------------------------------------------------------------------------------------- */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	margin: 0px 5px 5px 0px;
}


.dropdowninput {

}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align: left;
	margin: 0px 5px 5px 0px;
	width: 140px;
}

/* Footer Layout
--------------------------------------------------------------------------------------- */

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: normal;
	margin-left: 20px;
}

a.logotext, a.logotext:link, a.logotext:visited {
	font-family: Century Gothic, Apple Gothic, Arial, sans-serif - p, t
	font-size: 8pt;
	color: #fff;
	vertical-align: middle;
	margin-bottom: 10px;
	font-weight: normal;
	text-decoration: none;
}

/* Show/Hide Menu stuff
--------------------------------------------------------------------------------------- */
#nav, #nav ul{
  list-style:none;
  margin:0px;
  padding: 0px;
}
#nav ul{
  	padding-top: 2px;
}
#nav li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color: #0582CD;
	width: 200px;
	margin: 0;
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	border-top-color:#000066;
	border-top-style: solid;
	border-top-width: 1px;
}

#nav li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding-left: 0;
}


#nav li ul{
	padding-top: 2px;
}

#nav li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding-left: 14px;
}

#nav li ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 0;
	margin-left: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color:#0582CD;
	background-image: url(images/menubg2.gif);
	background-repeat: no-repeat;
}

#nav li ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding-left: 20px;
}

#nav li ul li ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 0;
	margin-left: 0;
	color: #ffffff;
	text-decoration: none;
	text-align: left;
	background-color:#0582CD;
	background-image: url(images/menubg3.gif);
	background-repeat: no-repeat;
}

#nav li ul li ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding-left: 28px;
}

#nav li ul li ul li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	text-decoration: none;
	text-align: left;
	margin: 0;
	padding-left: 28px;
}


#nav a{
	text-decoration:none;
}
#nav a:hover{
  color:#CCCCCC;
}
//This gets rid of the default bullet
#nav .expandable{ 
  padding-left:0px;
  background-image:none;
}
//Gives a little padding between the new image and the text
#nav .expandable img{ 
  margin-right: 0;
}
//To make the expand/collapse stand out
#expandAll, #collapseAll {
  font-weight:bold;
}

.hand{
	cursor: pointer;
}

/* code for jstTable */
.jstMainTable{
	width: 652px;
	width: 652px !important;
	float: left;
}

.jstTable{
	width: 652px;
	width: 652px !important;
	float: left;
}

.jstTableHeader{
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	float:center;
	background-color:#004A8F;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	text-decoration:underline;
}

.jstTableLink{
	font-family: Arial, Helvetica, sans-serif;
	color: #1c7629;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.jstTableLink:hover{
	font-family: Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

.jstPage{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
.jstTableData{
	font-family: Arial, Helvetica, sans-serif;
	color: #004580;
	background-color: #fff;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	border:#D6D6D6 solid 1px;
}

.jstTableData1{
	font-family: Arial, Helvetica, sans-serif;
	color: #004580;
	background-color:#E6E6E6;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	border:#D6D6D6 solid 1px;
}

.jstButton{
}

.jstFilterTable{
}

.jstTableFilterLabel{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 5px;
}

.jstTableFilterSpace{
}

.jstFilterSelect{
}

.errmsg {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000099;
}

.floatright {
	float: right;
	padding-right: 2px;
	padding-top: 3px;
}

/* John adds these for survey */

.part {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #00376a;
	text-decoration: underline;
	padding: 20px 0px 10px 0px;
	font-weight: bold;
}

.section {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00376a;
	text-decoration: none;
	font-weight: bold;
}

.numbers {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5191ce;
	text-decoration: none;
	font-weight: bold;
}

.survansw {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5191ce;
	text-decoration: none;
	padding-left: 20px;
	font-weight: bold;
}

.percent {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

.questions {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00376a;
	text-decoration: none;
	font-weight: bold;
}

.numbers2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5191ce;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	display: block;
}

.test {
	border: red solid 1px;
}

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
}

label strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0582CD;
}

/* for progress bar */
img.percentImage1 {
 background: white url(images/percentImage_back1.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage2 {
 background: white url(images/percentImage_back2.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage3 {
 background: white url(images/percentImage_back3.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

img.percentImage4 {
 background: white url(images/percentImage_back4.png) top left no-repeat;
 padding: 0;
 margin: 5px 0 0 0;
 background-position: 1px 0;
}

/* MultiSelect 
-------------------------------------------------------------------------------------------------------------------*/

		.asmContainer {
			/* container that surrounds entire asmSelect widget */
			
		}
		
		.asmSelect {
			/* the newly created regular 'select' */
			display: block; 
		}
		
		.asmOptionDisabled {
			/* disabled options in new select */
			color: #999; 
		}
		
		.asmHighlight {
			/* the highlight span */
			padding: 0;
			margin: 0 0 0 1em;
		}
		
		.asmList {
			/* html list that contains selected items */
			margin: 0.25em 0 0 0; 
			position: relative;
			display: block;

			list-style: none; 
		}
		
		.asmListItem {
			/* li item from the html list above */
			position: relative; 
			margin-left: 0;
			padding-left: 0;
			list-style: none;
			background: #fff;
			border: 1px solid #bbb; 
			width: 300px; 
			margin: 0 0 -1px 0; 
			line-height: 1em;
		}
		
		.asmListItem:hover {
			background-color: #f8f8f8;
		}
		
		.asmListItemLabel {
			/* this is a span that surrounds the text in the item, except for the remove link */
			padding: 5px; 
			display: block;
		}
		
		.asmListSortable .asmListItemLabel {
			cursor: move; 
		}
		
		.asmListItemRemove {
			/* the remove link in each list item */
			position: absolute;
			right: 0; 
			top: 0;
			padding: 5px; 
		}