/* Facilities Style Sheet */
/* Created by Kelly Green, QRC Division of ORC Macro */
/* Change History:	
					02/2003 JMR adapted styles from wireframe to template
					07/2015 - Heavily reworked during site redesign by Westat Multimedia Graphics Department
							changes include: 
								addition of normalize.css import
								Addition of 2015 Styles section
								Modification of old CSS to prevent conflict with new design moved to Old Design section
							 */

/* Normalize.css clears out cross-browser issue */
@import url('normalize.css');

/***************************************************************************************************************/
/* 2015 Styles */
/***************************************************************************************************************/

/* Main font and other typography settings */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

html, body {
	color:#000;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.43em;
}

h1 {
	font-size:2rem;
	line-height:1.5em;
	font-weight:bold;
}

h2 {
	font-size:1.25rem;
	line-height:1.5em;
	font-weight:bold;
	margin:.5em 0;
}

h3 {
}

h4 {
	font-size:1em;
	font-weight:bold;
	margin:2em 0 0 0;
}

p {
	margin-top:0;
	margin-bottom:1rem;
}

.header h1 {
	color:#fff;
	font-size: 1.25em;
	font-weight:normal;
	margin:0;
}

.login .formContainer h2 {
	font-size: 2.57em;
	line-height:1.3em;
	font-weight: normal;
	margin:.75rem 0 0 0;
}

.login .formContainer span.loginHelp {
	position:relative;
	width:60%;
	float:right;
	font-size:.89em;
}

.intro {
	font-size:1.285em;
	line-height:1.5em;
    margin-top:10px; 
    }

#lblPart1Info h3 {
	position:relative;
	text-indent:-2.5rem;
}

#lblPart1Info h3 img {
	position:relative;
	top: .5em;
	margin-right: .3em;
}

#lblPart1Info h3#loginHelp {
}

#lblPart1Info h3#contactInfo {
}

.contactName {
	font-weight:bold;
}

/* Links */

a, a:visited {
	color:#000;
}

.login .formContainer a, .login .formContainer a:visited {
	color:#fff;
}

a:hover, a:active {
	color:#67E8FF;
}

.login .formContainer a:hover, .login .formContainer a:active {
	border-bottom: 1px solid #007da5;
	color:#67E8FF;
}

.login .formContainer a.img, .login .formContainer a.img:visited, .login .formContainer a.img:hover,.login .formContainer a.img:active {
	border-bottom:none;
}

/* Interior */
h2#schline, #schline {
	font-size:1.7em;
	line-height:1.5em;
	padding-bottom:.25em;
	border-bottom:3px solid #007da5;
	font-weight:normal;
	margin:1em 0;
}

h2.pagetitle, .pagetitle {
	color:#89102c;
	padding-bottom:.5em;
	font-size:1.25em;
	font-weight:normal;
	border-bottom:1px solid #000;
	margin-top:2.5rem;
}

.surveyarea h2, .instrarea h2 {
	font-size:1.125em;
}


#footer h2 {
	font-size:1.143rem;
	font-weight:normal;
}

h3.sectiontitle, .sectiontitle {
	font-size:1em;
	font-weight:bold;
	margin:.5em 0;
}

.copyright {
	font-size:.857rem;
	margin-top:1em;
	border-top: 1px solid #616f7a;
    padding-top: 1em;
}

/*---------------------------------------------------------------------------------------*/
/* End Typography Section */
/*---------------------------------------------------------------------------------------*/

.login-error
{
	color: #FFFFFF !important; 
	background-color: #9c3734; 
	height: auto; 
	border-top: 4px solid #790d0a; 
    -webkit-margin-after: 9px;
    -webkit-padding-start: 2px;
    margin-bottom: 9px; 
    padding-left: 2px;
}

/* Basic Look and feel */
* {
	box-sizing:border-box;
	position:relative;
}

.invisableText {
	margin-left: -9000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
    font-size: 0px;
    color: transparent;
}

body.login {
	background-image:url(../images/NSF_Home_BGLg.jpg);
	background-repeat:no-repeat;
	background-position:center 70px;
}

.siteWrapper {
	width:900px;
	margin:0 auto;
}

#PageWrapper {
	padding:0 3em;
}

/* Branding */
.header {
	background-color:#fff;
	min-height:70px;
}

.logo {
	float:left;
	margin-right:50px;
}

.surveyID {
	background-color:#1b2b55;
	background-image:url(../images/nsf_header_bg.png);
	background-repeat:repeat-x;
	float:right;
	text-align:center;
	height:62px;
	width:390px;
}

.surveyID h1 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Navigation */
nav {
	width:100%;
	background-color:#475764;
}

nav ul {
	list-style-type:none;
	margin:0;
	padding:1px 0;
}

nav ul:after {
	content: "";
	display: table;
	clear: both;
}

nav ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

nav ul li a, nav ul li a:visited {
	color:#fff;
	display:inline-block;
	padding:1.4em 2.0em;
	border-right:1px solid #6f7286;
	text-decoration:none;
	font-size:.857em;
	
}

#footer nav ul li a, #footer nav ul li a:visited {
	padding:0 1em;
	border-right:1px solid #6f7286;
	font-size:.857em;
}

nav ul li:last-child a {
	border-right:none;
}

#footer nav ul li:first-child a {
	padding-left:0;
}


nav ul li a:hover, nav ul li a:active {
	text-decoration:none;
	background-color:#007da5;
	color:#fff;
}

#footer nav ul li a:hover, #footer nav ul li a:active {
	background-color:transparent;
	color:#fff;
	text-decoration:underline;
}

/* Front page */
.login .formContainer {
	color:#fff;
	height: 430px;
	margin-bottom: 2em;
}

#lblMessage {
	display:inline-block;
	width:288px;
}

.welcomeLine {
	margin-bottom:.5em;
}

#frmLogin {
	background-image:url(../images/NSF_Login_BG.jpg);
	padding:1rem;
	width:390px;
}

#frmLogin input[type="text"],
#frmLogin input[type="password"] {
	font-size:1.125rem;
	background-color:#3c4a55;
	border: 1px solid #989fa5;
	padding:.25rem .5rem;
	width:80%;
	height:3em;
}

#frmLogin #lblUserName,
#frmLogin #lblPassword {
	/*visibility:hidden;*/
	/*display:none;*/
}

#frmLogin input[type="submit"] {
	border:none;
	background-color:#007da5;
	font-size:1.285em;
	padding:.785rem 2.286rem;
	float:left;
}

.login .formContainer span.loginHelp img {
	position:relative;
	top:.5em;
}

#frmLogin .loginInfo {
	margin-bottom:0;
	clear:both;
	padding-top:1em;
}

.intro {
}

#lblPart1Info {
	background-color:#ffffee;
	border-top:1px solid #f0f0e0;
	border-bottom:1px solid #f0f0e0;
	width:100%;
	margin:2.5em 0;
	padding:0 4em;
}

.frontDivider {
	border:1px solid #f0f0e0;
	margin:2em 0;
}

/* Other Pages */
.instrarea {
	padding:.5em 1em;
	border-top:1px solid #ddd;
}

.surveyarea {
	background-color:#ffe;
	padding:.5em 1em;
	border: 1px solid #ddd;
	margin:1em 0;
}

.surveyarea table, .questionarea table {
	margin:1em 0;
	width:100%;
}

.surveyarea table tr, .questionarea table tr {
}

.surveyarea table td, .questionarea table td {
	padding: .25em;
	border-bottom:1px solid #ddd;
	vertical-align:top;
}

.surveyarea table td table td, .questionarea table td table td {
	border-bottom:none;
}

.surveyarea table td:first-child {
	width:2%;
}

.surveyarea table td:nth-of-type(2) {
	width:5%;
}

.surveyarea table td:last-child {
	width:93%;
}

.questionarea {
	border: 1px solid #ddd;
	background-color: #ffe;
	padding: 1em;

}

/* Footer */
#footer {
	background-color:#475764;
	color:#fff;
	padding:2.857em 1em 1.571em 1em;
	margin-top:3em;
}

#footer nav {
}

/*---------------------------------------------------------------------------------------*/
/* End Layout Section */
/*---------------------------------------------------------------------------------------*/

/*****************************************************************************************/
/* End 2015 Styles */
/*****************************************************************************************/

/*****************************************************************************************/
/* Older Styles */
/*  Note that some of these have been modified in order to avoid conflicts with newer styles. 
/*	Others have been left intact because it could not be determined what elements they apply to.
/*
/*****************************************************************************************/

body {
}
p {
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
.pagetitle {
}
.pagedesc {
}
.pagedesc ol {
}
.pagedesc ol li {
}
.showpagedefinitions {
	border-style: solid;
	border-width: 1px;
	border-color: Orange;
	padding: 15px 15px 15px 15px;
	margin-left: 30px;
	background-color: #eeeeee;
	width: 600px;
}
.maindivstyle {
}
.sectiontitle {
	color: #000000;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	line-height: 30px;
}
.qlink {
	color: #000000;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	line-height: 20px;
}
.instrarea2 {
}
.instrarea {
}
.surveyarea {
}
.questionarea {
}
.questionareawide {
}
.title2 {
}
.list1 {
}
.list2 {
}
.buttons {
	border-bottom: thin solid #000000;
	border-right: thin solid #000000;
	border-top: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	background-color: #006666;
	color: #FFFFFF;
	padding-top: 3px;
	text-transform: uppercase;
	cursor: default;
}
.reddeletebuttons {
	border-bottom: thin solid #000000;
	border-right: thin solid #000000;
	border-top: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
	font-weight: bold;
	background-color: #990000;
	color: #FFFFFF;
	padding-top: 3px;
	text-transform: uppercase;
	cursor: default;
}
.PrimaryNavigation {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding-left: 15px;
	padding-top: 11px;
	margin-left: 0;
	margin-top: 0;
	color: #FFFFFF;
}
p#schline {
}
p#titlestyle {
}
.titlestyle {
}
.titlestyle2 {
}
p#titlestyle_Monitor {
}
ul#topmenubar {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block;
	height: 36px; /* text-transform:uppercase; */
	font-size: 12px;
	font-weight: bold;
	background: transparent url(       "../Images/OFF.gif" ) repeat-x top left;
	border-bottom: 4px solid #004c99;
	border-top: 1px solid #74b0c6;
}
ul#topmenubar li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
ul#topmenubar li a {
	display: block;
	float: left;
	color: Black;
	text-decoration: none;
	font-weight: bold;
	padding: 9px 10px 0 10px;
	height: 36px;
	background: transparent url(       "../Images/DIVIDER.gif" ) no-repeat top right;
}
ul#topmenubar li a:hover {
	background: transparent url(       "../Images/HOVER.gif" ) no-repeat top right;
}
.topButtons {
	border-style: outset;
	border-bottom: thin solid #000000;
	border-right: thin solid #000000;
	border-top: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
	font-size: 11px;
	background-color: #CEDEF4;
	padding: 5px 5px 5px 5px;
	cursor: default;
	color: Black;
}
.topButtons a:link {
	text-decoration: none;
	color: Black;
}
.topButtons a:visited {
	text-decoration: none;
	color: Black;
}
.mainmenublocks {
}
.mainmenublocksU {
}
.radiobuttonstyle tr td {
	width: 50%;
}
.blocksline {
	border-left: 1px solid black;
}
.mainmenublocksX {
	border: solid;
	border-width: 1px 0px 1px;
	border-color: #cccccc #eeeeee #cccccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mainmenublocksQ1 {
	padding-left: 25px;
	border: solid;
	border-width: 1px 0px 0px;
	border-color: #CCCCCC #eeeeee #eeeeee;
}
.mainmenublocksQ1i {
	padding-left: 25px;
	border-width: 1px 0px 0px;
	border-color: #CCCCCC #eeeeee #eeeeee;
}
.mainmenublocksUQ1i {
	padding-left: 0px;
	padding-right: 50px;
	border-width: 1px 0px 0px;
	border-color: #CCCCCC #eeeeee #eeeeee;
}
.ErrorList {
	width: 475px;
	border: solid 1px #006666;
	background-color: #EEEEEE;
	margin-left: 30px;
	margin-bottom: 15px;
}
.SkipMsg {
	font-size: 12px;
	font-weight: bold;
	width: 475px;
	padding: 5px 5px 5px 5px;
	background-color: #EEEEEE;
	margin-left: 30px;
	margin-bottom: 15px;
}
a.tiplink {
	position: relative; /*this is the key*/
	z-index: 24;
	/*color: #000;*/
	text-decoration: none;
	color: #000066;
}
a.tiplink:link {
	color: #000066;
}
a.tiplink:visited {
	color: #000066;
}
a.tiplink:hover {
	z-index: 25;
	background-color: #ff0;
}
a.tiplink span {
	display: none;
}
a.tiplink:hover span {
	/*the span will display just on :hover state*/
	display: block;
	position: absolute;
	margin-top: 10px;
	margin-left: -10px;
	width: 400px;
	padding: 0px;
	z-index: 26;
	color: #000000;
	background: white;
	font: 12px "Arial", sans-serif;
	text-align: left;
	text-decoration: none;
	border: solid 1px navy;
}
p#tiplinktitle {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto;
	position: relative;
	display: block; /* text-transform:uppercase; */
	font-size: 12px;
	font-weight: bold;
	color: White; /*border-top:1px solid #74b0c6;*/
	background-color: #003366;
	padding: 3px;
}
.grayoutlist {
	color: #999999;
	text-decoration: underline;
}
.iebutton {
	width: auto; /* fix stretching in IE for 16-20 char buttons */
	overflow: visible; /* fix stretching in IE for 16-20 char buttons */
	padding-left: .25px; /* force sensible padding in IE */
	padding-right: .25px;
	padding-top: .25px;
	padding-bottom: .25px;
	border-top: 1px;
}

.invisableText {
	margin-left: -9000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
    font-size: 0px;
    color: transparent;
}
/* PF - bookmark1 */

td {
}
a:link {
}
a:visited {
}
a:hover {
}
hr {
}
.welcome {
}
.donthave {
	margin: 5px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px dotted #999999;
}
.donthaveprev {
	margin: 5px 0px 10px 0px;
	padding: 2px 2px 2px 2px;
	border: 1px dotted #999999;
}
.errorbox {
	margin: 5px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #ffffff;
	border: 1px dashed #ff6600;
}
.q2banner {
	margin: 5px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #000000;
}
.errnum {
	font-size: 10px;
	color: #333333;
}
.quesBox {
	padding: 0px 20px 0px 20px;
}
select {
	font-size: 11px;
}
/* used on login page */
th {
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
}
th.rowhead {
	text-align: left;
	font-weight: normal;
	border: solid;
	border-width: 1px 0px 0px;
	border-color: #CCCCCC #eeeeee #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}
th.rowheadNoBorder {
	text-align: left;
	font-weight: normal;
	border: solid;
	border-width: 0px 0px 0px;
	border-color: #CCCCCC #eeeeee #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}
th.U {
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-weight: bold;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
	padding-top: 4px;
	padding-right: 50px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.thQ2 {
	font-size: 11px;
	color: #000000;
	text-align: center;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thColHead {
	font-size: 11px;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.thColHeadWide {
	font-size: 11px;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.question {
}
.quesText {
	margin-left: 15px;
	margin-right: 30px;
}
.textarea {
	font-size: 11px;
}
.quesTextRed {
	color: #CC3333;
}
.autototal {
	border: #cccccc;
	border-style: dashed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	background-color: #ffffcc;
}
ol {
}
ul {
}
li {
}
#toggle {
	font-weight: normal;
	margin: 0px 0px 15px 15px;
	padding: 5px 10px 5px 0px;
}
#greeting {
	padding: 0px 15px 5px 15px;
	margin: 10px 0px 0px 0px;
}
a.togglelink:link {
	color: #009900;
	font-weight: normal;
}
a.togglelink:visited {
	color: #009900;
	font-weight: normal;
}
.nasf {
	font-size: 10px;
	text-align: center;
}
a.logout:link {
	font-style: italic;
}
a.logout:hover {
	color: #990000;
}
a.logout:visited {
	font-style: italic;
}
.redButtons {
	border-bottom: thin solid #000000;
	border-right: thin solid #000000;
	border-top: thin solid #CCCCCC;
	border-left: thin solid #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	background-color: #990000;
	color: #FFFFFF;
	padding-top: 3px;
	text-transform: uppercase;
	cursor: default;
}
.startError {
	color: #990000;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.login {
}
.hover {
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: navy;
}
.help-spacer {
	background: #FFFFFF;
	color: #000000;
	font-size: 0.70em;
	text-decoration: none;
}
.info-bar {
	background: #dfe9f3;
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
}
.heading1 {
	background: #FFFFFF;
	color: #000000;
	font-size: 1.00em;
	font-weight: bold;
	text-decoration: none;
}
.data-table-detail {
	background: #eeeeee;
	color: #000000;
	font-size: 0.60em;
	text-decoration: none;
}
.data-table-normal {
	background: #eeeeee;
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
}
.input-text {
	text-align: right;
}
.info-bar-bold {
	background: #dfe9f3;
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
.data-table-bold {
	background: #eeeeee;
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
.msg-read-alt1 {
	background: #eeeeee;
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
}
.msg-read-alt2 {
	background: #dfe9f3;
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
}
.msg-unread-alt1 {
	background: #eeeeee;
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
.msg-unread-alt2 {
	background: #dfe9f3;
	color: #000000;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
.highlight {
	background: #ffffcc;
	color: #000000;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
}
.centerblock {
	display: block;
	margin-left: 20px;
}