/* CSS Document */
#Home{
	float: right;
	margin: 57px 15px 0 0;
	font: 19px Myriad Pro;	
}
#uwmlogo{
	float:left; 
	background-image:url(../images/03.jpg); 
	width:216px; height:87px; 
	padding-left:25px; padding-top:20px;
}

#nsflogo{
	float:left; background-image:url(../images/04.jpg);  
	width:93px; height:97px; 
	padding-left:30px; padding-top: 10px;
}

#banner3{
	float:left; 
	background-image:url(../images/05.jpg); 
	width:480px; height:107px;
}

#contactuslogo{
	float:left; background-image:url(../images/06.jpg); 
	width:117px; height:32px; padding-top:75px; padding-left:5px;
}#faqlogo{
	float:left; background-image:url(../images/07.jpg); 
	width:52px; height:32px; padding-top:75px; padding-left:5px;
}

#navigation{ 
	clear:left; 
	width:1023px; 
	height:40px; 
	font-family:'Myriad Pro'; 
	font-size:15px; 
	text-transform: uppercase; 
	background-color:#ffffff; 
	font-weight:bold;
}

#main{
	vertical-align:middle; 
	margin-left:auto; 
	margin-right:auto; 
	width:1024px;
	/*height: 800px;*/
}

#banner{
	width:1023px; 
	height:107px;
	margin-bottom: -4px;
}

#header{
	clear:left; 
	width: 1023px; 
	height:143px;
}

#footer{
	background-color: white;
	clear:left; 
	width: 1023px; 
	height:55px;
	padding: 20px 0px 10px 0px;
}
#ruler{
	width: 95%;
	color: white;
	background-color: gray;
}
#footer_left{
	float:left; width:496px; padding-left:15px;
	background-color:#ffffff; color: #777777; 
	font-family: Verdana; font-size:9px; 
}
#footer_right{
	float:right; width:492px; padding-right:20px;
	background-color:#ffffff; color: #777777;
	font-family: Verdana; font-size:9px; 
	text-align:right; 
}

table {
	font-size: 14px;
}

table h3{
	font-size: 14px;
}

.oddquest{
	background-color: white;
}

.evenquest{
	background-color: #EEE;
}

.clr {
	clear: both;
}

.bold{
	font-weight:bold;
}

.italic{
	font-style:italic;
}

.likertprompt{
	font:italic bold 14px/20px georgia;
}

.likertprompt2{
	font:normal bold 14px/20px georgia;
}

.outline {
	border: 1px solid black;
	background: #FFFFFF;
	padding: 10px 2px 14px 12px;
}

#pathway_outer {
	width: 635px;
	float: left;
	margin-bottom: 2px;
	margin-right: 2px;
}

#pathway_inner {
	float: none !important;
	float: left;
	border: 1px solid #000000;
	height: 21px;
}

#pathway_text {
	overflow: hidden;
	float: left;
	display: block;
	padding-top: 4px;
	height: 18px;
	padding-left: 5px;
}

a.pathway {
}

#buttons {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 50%;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	display: block;
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	width: auto !important;
	width: 15%;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px solid #000000;
}

ul#mainlevel-nav li a
{
	width: 100%;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #000000;
	background: transparent;
}

#buttons>#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #3F7358;
	background: #4F4F4F;
}


#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #000000;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #1E3614;
}

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#top_outer{
	float: left;
	width: 801px;
}

#top_inner {
  /*border: 1px solid #000000;
	height: 113px !important;
	height: 150px;
	overflow: hidden;
	float: none !important;
	float: left;*/
	padding-right: 12px;
	text-align: right;
}

#menu_outer {
	float: left;
	margin-top: 2px;
	width: 285px;
	height: 100px;
	font-family: Trebuchet, Trebuchet MS, Verdana;
}

#menu_inner {
	background-color: #EEE;
	position: absolute;
	border: 1px solid #476683;
	padding: 2px;
	width: 864px;
	height: 31px; 
	float: none !important;
	float: left;
	margin-bottom: 8px;
	margin-left: 35px;
}

#content{
width:1023px;
}

#content_inner{
	float: none !important;
	float: left;
	padding: 2px 0px 0px 20px;
	margin: 0px;
	height: 571px;
	width: 1003px;
	overflow:auto;
	background-color: white;
}
/* #content_outer {
	padding: 0px;
	margin-top: 75px;
	margin-left: 2px;
	float: left;
	width: 790px;
} */



table.content_table {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #476683;
  padding: 2px;
}

table td.body_outer {
	padding: 1em 1.5em;
	margin: 0px;
	border: 1px solid #476683;
	border: 0px;
	font-size: 12px;
}

.padbottom {
	padding: 0 0 12px 0;
}

#active_menu {
	color:#4F4F4F;
	font-weight: bold;
	text-decoration:underline;
}

#active_menuimportant
{
	background-position: 0px -25px;
}

a#active_menu:hover {
	color: #4F4F4F;
}

.error {
  font-weight: bold;
  color: red;
  font-size: 14px;
  font-weight: bold;
}

.success {
	font-weight: bold;
	color: green;
	font-size: 14px;
	font-weight: bold;
}

body {
	margin: 8px;
	height: 100%;
	padding: 0px;
	font-family: Georgia, Times New Roman;
	font-size: 14px;
	text-align: left;
	color: #333;
	/* background: #ffffff url(../images/background.png) repeat; */
}

table { text-align: left; }

p {
	margin: 1em 0px;
}

a img {border: none;}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Trebuchet, Trebuchet MS;
	font-weight: bolder;
	color: #000066;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.1em;
}

h1 {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
	padding-bottom: .2em;
}

h2 {
	text-decoration: underline;
	padding: 0px;
	padding-top: .2em;
	margin-top: .75em;
	margin-right: 4px;
}

h3 {
	border-bottom: 1px dashed #ccc;
	padding: 0px;
	padding-bottom: .2em;
	margin-right: 16px;
}

h5 {
	margin-top: 0;
	margin-bottom: 0.25em;
	color: gray;
	}
	
.ruled th {
	text-align: left;
	font-weight: bold;
}

.style4 {
	color: #FFCC00;
}


/* mambo core stuff */
a:link, a:visited {
	color: #476683; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #3F7358;	text-decoration: none;
	font-weight: bold;
}


table.profileform {
	border-collapse: collapse;
	/*border-spacing: 10px 2px; -- Handled with margins due to browser non-support*/
	border: none;
}
table.profileform td {
	padding-top: 3px;
	padding-bottom: 3px;
}
table.profileform td.label {
	text-align: right;
	font-size: 11px;
	vertical-align: middle;
	padding: 2px 10px;
	height: 1em;
}
table.profileform td.control {
    width: 60%;
	text-align: left;
	font-size: 11px;
	vertical-align: middle;
	padding: 0px;
}

table.profileform td[align="center"] {
	text-align: center;
}

form#boardform input#profilesubmit, input#add {
	margin-top: 1em;
}

.componentheading {
	margin: 0px;
	margin-left: -1.6em;
	margin-right: -1.6em;
	margin-top: -1em;
	margin-bottom: 1.2em;

	/* background: url(../images/subhead_background.png) repeat-x; */
	color: #666666;
	text-align: left;
	padding: 0px;
	padding-top: 4px;
	padding-left: 7px;
	height: 21px;
	font-family: Trebuchet, Trebuchet MS, Verdana, sans serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;

}

.moduletable {
	font-family: Trebuchet, Trebuchet MS, Verdana;
	width: 100%;
	padding: 4px;
	margin: 0px 5px 0px 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.moduletable h3 {
	margin-right: 5px;
}

.moduletable input{
	font-size: 12px;
	font-weight: bold;
	margin: 0 12px 0 0px;
	padding: 0;
}

input.moduletable:hover{
	font-style: italic;	
}

.smallcolwidth{
	width: 100px;
}
	
.small {
	color: #999999;
	font-size: 9px;
	font-weight: bold;
}



a.mainlevel:link, a.mainlevel:visited {
	/*display: block;
	background: url(../images/menu_background.png) no-repeat; 
	vertical-align: middle; */
	font-size: 12px;
	font-weight: bold;
	color: #4F4F4F;
	text-align: left;
	padding-top: 5px;
	padding-left: 3px;
	margin-left: 12px;
	height: 20px !important;
	height: 25px;
	width: auto;
	text-decoration: none;
}

a.mainlevelimportant:link, a.mainlevelimportant:visited {
	/* display: block; */
	/* background: url(../images/menu_bg.png) no-repeat; 
	vertical-align: middle; */
	font-size: 11px;
	font-weight: bold;
	color: #4F4F4F;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: auto;
	text-decoration: none;
}

a.mainlevel:hover, a.mainlevelimportant:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #4F4F4F;
}

table.profilemenu {
	font-family: Trebuchet, Trebuchet MS, Verdana, sans serif;
	font-size: 11px;
	float: right;
	margin: 1em;
	margin-top: .5em;
	margin-right: -.55em;
	border-collapse: collapse;
	border: 0;
}

td.body_outer>table.profilemenu {
	margin-right: -1.4em;
}

table.profilemenu td {
	margin: 0;
	padding: 0;
	border: 0;
}

th.profilemenu { text-align: center; font-size: 11px; }

a.profilemenu:link, a.profilemenu:visited {
	/* display: block; */
	margin-bottom: 1px;
	/* background-image: url(../images/profilemenu_background.png);
	background-repeat: no-repeat;
	background-color: #476785;
	vertical-align: middle; */
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	text-decoration: none;
}

a.profilemenu1:link, a.profilemenu1:visited{
	/* display: block; */
	margin-bottom: 1px;
	/* background-image: url(../images/profilemenu_background.png);
	background-repeat: no-repeat;
	background-position: 0px -24px; 
	background-color: #478584;
	vertical-align: middle; */
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	text-decoration: none;
}

a.profilemenu:hover {
	background-position: 0px -24px;
	background-color: #478584;
	text-decoration: none;
	color: #FFFFFF;
}


a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #1E3614;
	text-align: left;
}

a.sublevel:hover {
	color: #C43C03;
	text-decoration: none;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}


span.favoriteaction {
	vertical-align: middle;
	font-size: .5em;
	font-weight: bolder;
}

.ruled {
	border-bottom: 1px dashed #ccc;
	padding: 0;
	padding-bottom: 1em;
	margin: 0;
}

.separated {
	padding: 1em 0;
}

.control {
	font-family: Verdana;
	font-size: 12px;
	color: black;
}

div.stackable {
	margin: 1em;
	border: 1px solid #476683;
}

textarea.control {
	margin: 1em 0;
}

table.consentformtable {
	font-family: Verdana;
	font-size: 12px;
	margin: .5em 0;
	border-collapse: separate;
	border-spacing: .5em;
}

.createaccounttable{
	font-family: Verdana;
	font-size: 12px;
	padding-top: 1em;
	padding-bottom: 1em;
}

.smallmargin{
	margin-bottom: 10px;
	margin-top: 4px;
}

.scrollbox {
	width: 1002px;
	height: 400px;	
	overflow:auto;
	background-color: white;
}

a.hint {
	
	font-size: 11px;
	text-decoration: underline;
}

table.matchgrid, table.extendedinfo {
	font-size: 10px;
	font-family: Verdana;
	border-collapse: collapse;
}

table.matchgrid {
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
}

table.extendedinfo {
	border-collapse: collapse;
	width: auto;
	margin: 2em;
	padding-bottom: 5px;
	font: inherit;
}

table.extendedinfo td {
	padding: 0.75em 1em;
	vertical-align: top;
}

tr.light table.extendedinfo td.f_label, tr.light table.extendedinfo td.f_value { border-top: 2px solid #F0EAC1; }
tr.dark table.extendedinfo td.f_label, tr.dark table.extendedinfo td.f_value { border-top: 2px solid #C1DEF0; }
table.extendedinfo td.f_label { text-align: right; width: 30%; }


table.matchgrid th {
	font-weight: normal;
	text-align: left;
	padding: 1px .5em;
	border-bottom: 1px solid #ccc;
}

table.matchgrid td.primary {
	border-top: 1px solid #ccc;
	vertical-align: top;
	padding: .4em;
}

table.matchgrid td.empty {
	font: inherit; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;	
}

table.matchgrid tr.dark {
	background-color: #D6E9F5;
}

table.matchgrid tr.light {
	background-color: #F5F1D6;	
}

table.matchgrid tr.deleted {
	background-color: #f4f4f4;
}

a.gridanchor {
	position: relative;
	top: -4em;
}

tr.dark table.extendedinfo {
	background-color: #EBF4FA;
	border: 1px solid #C1DEF0;
}

tr.light table.extendedinfo {
	background-color: #FAF8EB;
	border: 1px solid #F0EAC1;
}

span.highlighted_cslist {
	color: grey;
	background: transparent;
}

span.highlighted_cslist b.highlighted_cslist_item {
	color: black;
	background: transparent;
}

img.interesting_marker {
	margin-top: 5px;
}

img.corporatelogo {
	margin-top: 10px;
}

div.pager {
	font-family: Arial, sans serif;
	font-size: 10px;
	float: right;
	margin-right: 1em;
}

.sorttag {
	font-family: Arial, sans serif;
	font-size: 10px;
}


div.pager span.currentpage {
	font-weight: bold;
	color: black;
}

h3 div.pager {
	position: relative;
	top: -1.25em;
}

span.greyedout {
	color: #aaa;
}

div.deletednotice {
	margin-top: 1em;
	font-size: smaller;
	color: red;
}

div.minicontrols {
	width: 96%;
	font-size: 9px;
	float: right;
	text-align: right;
	margin-bottom: 2px;
}

table.usertable {
	border-collapse: collapse;
	border: 1px solid #e0e0ff;
	font-family: verdana, sans serif;
	font-size: smaller;
}

table.usertable td {
	border: 1px solid #e0e0ff;
	padding-left: 5px; padding-right: 5px;
}

table.usertable th { background-color: #f0f0ff; }

table.usertable tr:hover { background-color: #f0f0ff; }

table.report {
	font-family: verdana, sans serif;
	border-collapse: separate;
	border-spacing: 5px;
}

table.report,table.userinfo td { padding: 0em 0.5em; }

table.report,table.userinfo td.label {
	text-align: right;
	vertical-align: top;
}

table.report td.data {
	font-weight: bold;
}

table.report td.note {
	font-size: smaller;
}

a.greyedout {
	color: gray;

}

table.moreabout {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}

table.moreabout td { font-size: 9px; margin-top: 1em; padding: 0.5em; }

table.moreabout td.moreorless {
	font-size: 9px;
	font-color: blue;
	overflow: visible;
	width: 215px;
	/*border-top: 1px solid gray;
	border-right: 1px solid gray;*/
}

/*tr.light table.moreabout td.moreorless:hover {
	background-color: brown;
}*/

table.moreabout td.moreorless a {
	font-size: 12px;
	text-decoration: underline;
	color: #4766C3;
}

table.moreabout td.borderbottom {
	font-size: 9px;
	width: auto;
	/*border-bottom: 1px solid gray;*/
}

span.info_r, div.info_r { font-size: 10px; text-align: center; background-color: white; border: 1px solid gray; padding: 1em; padding-top: 0.5em; color: black; font-weight: bold; margin: 1em 1.5em; }

div.extramargin { margin-bottom: 3px; }
.inforeleased { color: Green; }
.inforequested { color: #ef0000; }

.info_r { text-align: center; }

div.incompleteinfo {
	border: 1px solid #ccc;
	margin: 0.5em;
	padding: 0.25em;
}

p.notice { padding: .25em; font-weight: bold; font-size: 1.3em; }
p.notice span { color: tomato; }

form.myrequest input { font-size: 9px; margin: 0; padding: 0.1em 0.5em; overflow: visible; }

h3.informationheader { text-align: left; margin: 0; border-bottom: 0; }
.sortlabel {font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; }
.sortbutton {font-sie: 10px; color: black; font-family: Verdana; }

div.leftalign { text-align: left; }
div.topspace { margin-top: 1em; }

.inforequested, .inforeleased { text-align: center; }
div.seventeen { width: 17px; height: 17px;  }
.inforequested *, .inforeleased * { vertical-align: middle; }

a.helpquestion { display: block; width: 17px; height: 17px; overflow: hide; background-image: url('../images/qmark.jpg'); background-position: bottom; }
a.helpquestion img { vertical-align: bottom; width: 17px; height: 1px; }
a.helpquestion:hover { background-position: top; }

table.reqhelptable { text-align: center; margin-left: auto; margin-right: auto; font-size: 10px; }
table.reqhelptable td { text-align: center; }

div.button { width: 100%; height: auto; margin-top: 3px; text-align: left; }
div.button table.reqhelptable { margin: 0; }
div.button table.reqhelptable td { width: 0; overflow: visible; }

/************************************************************************************
PRELIMINARY QUESTION STYLING********************************************************/
ol.prelim_questions li * { vertical-align: middle; }
ol.prelim_questions li { margin: .5em 0; }
ol.prelim_questions table td { vertical-align: baseline; }
ol.prelim_questions ol { list-style-type: lower-alpha; padding-left: 20px; }
ol.prelim_questions ol ol { list-style-type: lower-roman; }
ol.prelim_questions ol ol ol { list-style-type: lower-alpha; }

p.prelim_instruction { font-style: italic; }
p.prelim_instruction em { font-style: normal; padding: 0.25em; }
/***********************************************************************************/

/* LIKERT TABLE STYLES */
table.likert, table.likert tr { border: 0; }
table.likert{ border-collapse: collapse; margin-bottom: 2em; }
table.likert td { border: 1px solid gray; padding: 4px 3px; }
.align_center{ text-align: center; }/* padding-top: 4px; padding-bottom: 4px; } */
.sm_padding_right{ text-align: center; width: 80px; font-size:12px; }/* padding-right: 4px; padding-left: 4px; } */
.question { width:600px; }/* padding-right: 4px; padding-left: 4px; } */
.prompt{ font-size: 15px; }
/***********************************************************************************/

/*PROGRESS BAR STYLES */
#progressbar{
display: inline;
margin-left: 20px;
margin-right: 20px;
width: 188px; 
float: left;
padding: 0 6px;
position: relative;
border: 1px solid black; 
background: white url('../images/progressbar.gif') no-repeat -200px 0px;  
}
#survey_form{
float: left;
padding: 3px 0 6px 0;
}
#nav_buttons{
float: left;
margin-left: 10px;
}

/***********************************************************************************/

h2.section_title { text-align: center; text-decoration: none; }
table.simplecontainer { margin-left: 0; margin-right: 0; padding: 0; border: none; width: 98%; }
table.simplecontainer td { vertical-align: top; }
table.simplecontainer td.label { padding-right: 4em; width: 60%; }
div#nav_buttons input { padding: 0; }
div#navplaceholder { height: 4px; width:1023px; }