html,
button,
input,
select,
textarea { color: #222; }
html { width: 100%; }
body { font-size: .8em; line-height: 1.4; width: 320px; background: #fff; color: #777777; margin: 0 auto; }
h1 { color: #008fd7; font-size: 24px; }
h2 { font-size: 1.3em; text-align: center; color: #226c8c; }
.headline { font-weight: bold; color: #226c8c; display: block; }
.header_image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../img/header_image.png) no-repeat; }
.logo { position: relative; margin: 0 auto; top: 10px; text-align: center; z-index: 2000; width: 73px; height: 58px; }
#content { position: relative; top: -20px; min-height: 100px; padding: 15px; margin-bottom: -20px; }
.white_box { display: block; position: relative; padding: 15px; width: auto; min-height: 100px; background: white; float: left; min-width: 200px; margin: 20px 0 20px 0; border: 1px solid #d1d3d5; }
.button-link { display: inline-block; width: 32%; font-size: 14px; text-align: center; cursor: pointer; height: 37px; line-height: 37px; background: -webkit-radial-gradient(circle, #568aa1, #184b61); background: -moz-radial-gradient(#568aa1, #184b61); color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; }
	.button-link:hover { color: #FFF; background: #777; text-decoration: none; }
	.button-link:active { color: #FFF; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); background: #777; }
	.button-link:visited { color: #FFF; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6); background: #777; }
.bottom-nav { display: inline-block; width: 32%; font-size: .8em; text-align: center; cursor: pointer; font-weight: bold; height: 37px; line-height: 37px; color: #666; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; }
	.bottom-nav:hover { color: #000; font-style: bold; text-decoration: none; }
	.bottom-nav:active { color: #000; font-style: bold; }
	.bottom-nav:visited { font-style: bold; color: #777; }
.bottom_nav_container { display: block; position: relative; margin-right: 0px; min-height: 100px; float: left; min-width: 200px; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.nocallout { -webkit-touch-callout: none; }
.pressed { background-color: rgba(0, 0, 0, 0.7); }
textarea[contenteditable] { -webkit-appearance: none; }
.gifhidden { position: absolute; left: -100%; }
.ir { background-color: transparent; background-repeat: no-repeat; border: 0; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; }
	.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media only screen and (min-width: 800px) { /* Style adjustments for viewports that meet the condition */ }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) { /* Style adjustments for viewports that meet the condition */ }



#header {  }
#content { top: 0px; margin-bottom: 5px; }
#progressbar {  }
h1 { color: #008fd7; font-size: 24px; margin-top: 0; line-height: 1.05em; }
#survey-form-questions { padding: 0; margin: 0; list-style-type: none; font-size: 13px; color: #555555; width: 100%; }
#survey-form .option-label {width:23px;line-height:20px;font-size:18px;color:#757575;font-weight:bold;display:inline-block;}
#survey-form .ui-button { margin-bottom: .7em; text-align: left;display:inline-block;width:250px;}
#survey-form-questions { position: relative; }
#survey-form .question { position: absolute; top: 0; left: 290px; width: 290px; display: none; }

#surveyformquestion-personal {padding: 15px;}
#surveyformquestion-personal p,#surveyformquestion-thanks p { position: relative }
#surveyformquestion-personal p br,#surveyformquestion-thanks p br { display: none }
#surveyformquestion-personal label,#surveyformquestion-thanks label { position: absolute; top: 5px; left: 8px;font-size:16px; }
#surveyformquestion-personal input,#surveyformquestion-thanks input {width:277px;max-width:277px;overflow:hidden;display:block;height:25px;border:1px solid #ccc;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#surveyformquestion-personal .ui-button {width:290px;text-align:center;margin:0 auto;}
#surveyformquestion-personal input.highlight,#surveyformquestion-thanks input.highlight {border:1px solid #ff0000;}
#survey-form .ui-state-active {font-weight:bold;border-color:#000;}
 
#results td.var {font-weight:bold;white-space:nowrap; padding-right:8px;} 

.button { background:url(img/button.png) no-repeat;cursor:pointer;border: none;display:block;width:290px;height:87px;background-size:290px 87px; }

input[type='text'],input[type='number'],textarea {font-size:16px;}

#footer {position:relative;display:none;}
#footer_bg,
#controls {width:320px;height:60px;position:absolute;top:0;left:0}
#prev,
#next { cursor: pointer; float:left;display:none;}

.questrow {
	font-weight:bold;
	padding-top:6px;
}

.fulltext {
	width:80%;
	height: 4em;
}