/*
 * CONSTANTS
 *
 * blue: #31adc9
 * green: #2dd6b5
 *
 */

BODY {color: #333333; margin: 0; padding: 0; text-align: justify;}
H1 {font-weight: bold; text-transform: uppercase}

A, A:link, A:visited {border-bottom: 1px solid #98d5e4; color: #2c9cb5; text-decoration: none;}
A:hover, A:active {border-bottom-color: #31adc9; color: #258297;}
LABEL {font-weight: normal;}
TR.even TD {background-color: #eaf7f9;}

/*
 * INTRODUCTION
 */
#introduction #container, #thanks #container {margin: auto; width: 62.5em;}
#introduction H1, #thanks H1 {font-size: 2.5em; text-align: center; color: #195765}
#introduction #header SPAN, #thanks #header SPAN {display: block; float: left; height: .714em; width: 50%;}
#introduction #header #blue-stripe, #thanks #header #blue-stripe {background-color: #31adc9;}
#introduction #header #green-stripe, #thanks #header #green-stripe {background-color: #2dd6b5;}
#introduction #logo IMG, #thanks #logo IMG {display: block; margin: auto; padding: 6em 2em 4em; clear: both;}
#introduction P {margin: 1em 2em; width: 27em; float: left;}
#introduction #start-survey {clear: both; padding-top: 1.5em; text-align: right;}
#introduction #start-survey A:link,
#introduction #start-survey A:visited {background-color: #31adc9; border: none; color: white; display: block; float: right; padding: .5em 1em;}
#introduction #start-survey A:hover,
#introduction #start-survey A:active {background-color: #2c9cb5;}
#thanks td.row { text-align:right; }
/*
 * SURVEY PAGES
 */
.survey-page #content {clear: both; margin: 1.5em 1.667em; width: 62.5em;}
.survey-page H1 {color: #ffffff; font-size: 2.33em; margin: .714em;}
.survey-page #logo-top {display:block; float: right; margin: 1.667em;}
.survey-page #header {background-color: #31adc9; color: #ffffff; padding: .25em .5em; height: 5.833em;}
.survey-page #status-bar {background-color: #2dd6b5; color: #96ebda; margin: 0; height: 2.4em; padding: .25em 1.667em;}
.survey-page #status-bar .status-item {float: left; margin-right: 1.6em; font-size: 1em;}
.survey-page #status-bar .status-item.active {color: #ffffff;}
.survey-page #status-bar .status-number {font-weight: bold; font-size: 1.5em;}
.survey-page P.instructions {font-size: 1.2em;}
.survey-page P.question LABEL,
.survey-page TABLE.question-options {margin-left: 1em;}
.survey-page DIV#continue {text-align: right;}
span.warn {
	color:red;
	font-size:small;
	visibility:hidden;
}