/*
 *   Fonts
 */
 
@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot');
  src: url('/fonts/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'),
       url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/fontawesome-webfont.woff') format('woff'),
       url('/fonts/fontawesome-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.icon {font-family:FontAwesome; vertical-align:baseline;}

 
/*
 *   Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

button::-moz-focus-inner {border:0; padding:0;} /* Remove button padding in Firefox */ 


/*
 *   Styles
 */
 
* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
 
html {height:100%;}

body {width:100%; height:100%; background:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#222;}

a:link,
a:visited {text-decoration:underline; color:#00f;}
a:hover {text-decoration:none;}

ul {float:left; width:100%; list-style:square; margin:0 0 1em 0;}
ul li {padding:0 0 5px 0; margin:0 0 0 20px;}
ul li span {}
ul ul {width:100%; list-style:circle; margin:5px 0 0 0;}

ol {float:left; width:100%; list-style:decimal; margin:0 0 1em ;}
ol li {float:left; clear:left; padding:5px 0 5px 15px; margin:0 0 0 20px;}
ol ol {float:left; clear:left; width:auto; margin-top:5px;}
ol.letters {list-style:lower-alpha;}

p {float:left; width:100%; margin:0 0 1em 0;}

hr {float:left; height:0; width:100%; margin:1em 0; border:0; border-bottom:1px solid #d9d9d9;}

h2 {float:left; clear:left; font-size:24px; font-weight:bold; margin:0 0 20px 0;}

.pull-left {float:left;}
.pull-right {float:right;}
.clear {clear:both;}

#pageresponse {width:100%; padding:20px 30px; background:#ffc; font-weight:bold; font-size:18px;}

form {margin:0 0 1em 0;}
form input[type="text"],
form input[type="password"] {padding:8px; min-width:200px; border:1px solid #d7d7d7; border-radius:3px;}
form select {padding:8px; border:1px solid #d7d7d7; border-radius:3px;}
form button {padding:8px 10px; border:0; background:#5593cc; border-radius:3px; font-weight:bold; color:#fff; font-size:14px;}

a.btn:link,
a.btn:visited,
div.btn {padding:8px 10px; border:0; background:#5593cc; border-radius:3px; font-weight:bold; color:#fff; text-decoration:none; font-size:14px;}

.watermark {position:fixed; z-index:1001; left:50%; top:50%; width:500px; height:30px; margin:-15px 0 0 -250px; line-height:30px; font-size:30px; opacity:.1; -webkit-transform:rotate(-30deg); transform:rotate(-30deg);}
.watermark-footer {float:left; width:100%; margin:20px 0 0 0; font-size:11px; color:#ccc;}

#content {padding:30px;}

#content h2 {float:none; clear:none; font-size:24px; margin:0 0 15px 0;}

#content table.list {width:100%; border:1px solid #d7d7d7;}
#content table.list tr th {padding:15px; background:#393c3f; color:#fff; font-weight:bold;}
#content table.list tr td {padding:15px; border-bottom:1px solid #d7d7d7;}
#content table.list tr.odd td {background:#efefef;}
#content table.list .placeholder {background:#aaa;}
#content table.list small {color:#7f7f7f; display:block;}
#content table.list cite {display:block; font-size:80%;}

#content table.form {float:left; clear:left;}
#content table.form tr th {padding:10px 10px 10px 0; font-weight:bold;}
#content table.form tr td {}
#content table.form input[type="checkbox"] {margin:0 5px 0 0; vertical-align:-1px;}

.q h1 {float:left; width:100%; margin:0 0 1em 0; font-size:24px;}
.q h2 {float:left; width:calc(100% + 40px); margin:0 0 20px -20px; border-bottom:1px solid rgba(0,0,0,.2); font-size:24px; line-height:28px; padding:15px 15px 15px 20px; background:#ffbb01; color:#333; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.5);}
.q h2 span {color:#fff; font-size:28px; margin:0 20px 0 0; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.9);}
.q h3 {float:left; width:100%; margin:0 0 1em 0; font-size:24px; color:#666;}
.q h4,
.q h4.ui-state-default,
.q h4.ui-state-active {float:left; width:100%; margin:0 0 1em 0; border:1px solid #d7d7d7; background:#f2f2f2; padding:10px; font-size:14px; font-weight:bold;}
.q h4.ui-state-active {background:#45769e; border-color:#45769e; color:#fff;}
.q h4.ui-state-active .icon {color:#fff;}
.q h4 .icon {margin:0 20px 0 -20px; color:rgba(0,0,0,.5);}
.q h4 .icon {float:right; margin:0 10px 0 0; color:rgba(0,0,0,.5);}

#q2 h2 {background:#00acff; color:#fff; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.5);}
#q3 h2 {background:#9c0;}
#q4 h2 {background:#f60; color:#fff; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.5);}

#ipad {height:100%;}
#ipad button {background:#7593af; border:0; outline:none; border-radius:3px; color:#e5f0ff; padding:8px 20px; font-weight:bold; font-size:14px; cursor:pointer;}
#ipad button:hover {background:#5c7e9e;}

#ipad button.save {float:right; font-size:18px; padding:12px 24px; background:#55ad4d; color:#e5ffe8;}
#ipad button.save .icon {margin:0 0 0 8px; vertical-align:1px; font-size:80%; font-weight:normal;}
#ipad button.save:hover {background:#65df5a; color:#fff;}
#ipad button.save:active {background:#65df5a; color:#fff;}

a.scrollpoint {float:left; clear:left;}

#login {width:100%; height:100%; background:#999;}
#login .inner {position:absolute; left:50%; top:50%; margin:-150px 0 0 -250px; width:500px; height:300px; padding:20px; background:#f7f7f7; border-radius:10px;}
#login h2 {float:left; clear:left; width:100%; padding:0 0 5px 0; margin:0 0 1em 0; border-bottom:1px solid #d7d7d7; color:#666; font-size:24px; line-height:1em;}
#login .label {float:left; clear:left; margin:0 0 5px; font-size:14px; font-weight:bold;}
#login input {float:left; clear:left; width:100%; margin:0 0 10px; padding:10px; border:1px solid #d7d7d7; background:#fff; border-radius:3px;}
#login button {float:right; clear:both; padding:10px 30px; font-size:18px;}

nav {float:left; position:fixed; z-index:102; left:0; top:0; width:300px; height:100%; margin:0 30px 0 0; background:#f2f2f2; box-shadow:0px 0px 3px 1px rgba(0,0,0,.2);}
nav .tools {position:absolute; bottom:0; left:0; width:100%; padding:10px; background:#f2f2f2;}

#sidebar {}
#sidebar a.section {float:left; width:100%; outline:none; background:#e6e6e6; border:0; border-bottom:1px solid #d7d7d7; color:#777; text-decoration:none;}
#sidebar a.section table {float:left; width:100%;}
#sidebar a.section .seq {text-align:center; width:50px; height:50px;}
#sidebar a.section .seq span {float:left; margin:0 15px 0 0; width:50px; height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,.5); color:#fff; font-size:24px; font-weight:bold;}
#sidebar a.section .text {text-align:left;}
#sidebar a.section .text span {float:left; font-weight:bold; font-size:14px; line-height:1.4em;}
#sidebar a.section .icon {text-align:right; vertical-align:middle; font-size:24px;}
#sidebar a.section .icon span {margin:0 10px 0 0; color:rgba(0,0,0,.3);}
#sidebar a.section .icon-done {color:#49b137;}
#sidebar a.subsection {float:left; width:100%; border-bottom:1px solid #e6e6e6; font-size:14px; color:#444; text-decoration:none;}
#sidebar a.subsection table {float:left; width:100%;}
#sidebar a.subsection table td {padding:10px 15px;}
#sidebar a.subsection .seq {text-align:center; width:50px;}
#sidebar a.subsection .seq span {font-size:14px; font-weight:bold;}
#sidebar a.subsection .text {}
#sidebar a.subsection .text span {float:left;}
#sidebar a.subsection .icon span {float:right;}
#sidebar .done {color:#49b137;}
#sidebar .done span.circle {background:#49b137; color:#fff;}
#sidebar .done span.circle span {background:#49b137; color:#fff;}
#sidebar .current {background:#fffa76;}
#sidebar .current span.circle {background:#ccc; color:#222;}
#sidebar .current span.circle span {background:#fff;}
#sidebar a.ui-accordion-header-active {background:#2d62a5; color:#fff;}
#sidebar a.ui-accordion-header-active .icon span {color:rgba(255,255,255,.5);}

#sidebar a.page {float:left; width:100%; height:50px; line-height:50px; padding:0 20px; outline:none; background:#e6e6e6; border:0; border-bottom:1px solid #d7d7d7; font-weight:bold; font-size:14px; color:#777; text-decoration:none;}
#sidebar a.page-current {background:#2d62a5; color:#fff;}

div.subsection {float:left; width:100%; padding:20px 20px 10px 20px;}
div.subsection .question {float:left; width:100%; margin:0 0 1em 0; padding:10px; background:#e1f4ff; border-left:5px solid #ccecff;}
div.subsection .group {float:left; width:100%; margin:0 0 1em 0;}
div.subsection .group .question {margin:0;}
div.subsection .question-flag {background:#fff; border-left:0; padding:0;}
div.subsection .question hr {border-color:rgba(0,0,0,.1); margin:0 0 1em 0;}
div.subsection .question-hide {display:none;}
div.subsection p {font-size:18px;}
div.subsection cite {float:left; width:100%; margin:5px 0 0 0; font-size:14px; color:#7c93b1;}
div.subsection textarea {float:left; width:100%; height:100px; padding:10px; font-size:14px; color:#444; border:0; border-radius:3px; font-family:Arial, Helvetica, sans-serif;}
div.subsection input[type="text"] {float:left; width:100%; padding:10px; font-size:14px; color:#444; border:0; border-radius:3px; font-family:Arial, Helvetica, sans-serif;}
div.subsection div.textarea {float:left; width:100%; background:#bddff3; border-radius:3px; padding:10px; font-size:14px; color:#444;}
div.subsection .slider {font-weight:bold; font-size:24px;}
div.subsection .ui-slider-legend {float:left; margin:10px 0 0 15px; font-weight:bold;}
div.subsection .ui-slider-legend p {margin:0; text-indent:-4px; color:rgba(0,0,0,.4);}
div.subsection .ui-slider-legend p:last-child {width:auto !important;}
div.subsection .flags {}
div.subsection .flags .question {width:auto; margin-right:5px;}

img.flag {vertical-align:-8px;}
span.flag {display:inline-block; margin:0 3px 0 0; padding:3px; text-transform:uppercase; border:1px solid #fff; color:#fff;}
.flag-mhot {background:#de0000;}
.flag-pain {background:#ff9933;}
.flag-ja {background:#00b0f0;}
.flag-adl {background:#039;}
.flag-mh {background:#a6a6a6;}
.flag-act {background:#92d050;}

div.subsection .info span.flag {margin:0 3px;}

div.subsection .question p.groupname {padding:15px; background:rgba(0,83,160,.1);}
div.subsection .question-askworker p.groupname {background:rgba(160,0,0,.1);}

div.subsection .question-askworker {background:#ffd7d7; border-left-color:#f99;}
div.subsection .question-askworker cite {color:#b17c7c;}
div.subsection .question-askworker div.textarea {background:#f3bdbd;}


div.subsection select {float:left; clear:left; padding:3px; border:1px solid #d7d7d7; border-radius:3px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

div.subsection label {float:left; clear:left; width:100%; margin:0 0 3px 0; padding:15px; border-radius:2px; font-weight:bold;}
div.subsection label input[type="checkbox"],
div.subsection label input[type="radio"] {margin:0 5px 0 0; vertical-align:-2px;}
div.subsection label:active {background:#dde2e9;}
div.subsection label.disabled {background:none; color:#000;}
/* div.subsection label.checked {background:#377bb1; color:#fff;} */
div.subsection label.checked {background:#fffa76}

.info {position:relative; float:left; width:100%; padding:15px; margin:0 0 1em 0; background:#ffc; color:#000;}
.info .icon {margin:-5px 12px -5px -5px; vertical-align:-3px; font-weight:normal; font-size:25px; line-height:25px; width:25px; padding:1px 0 0 5px; border-radius:3px; display:inline-block; color:#a39923;}
.info a.open,
.info a.close {position:absolute; top:15px; right:15px; color:#a39923; text-decoration:none; font-weight:bold; font-size:12px;}
.info .open,
.info .close {cursor:pointer;}
.info .more .first {padding-bottom:.75em; margin-bottom:.75em; border-bottom:1px solid rgba(0,0,0,.1);}
.info *:last-child {margin-bottom:0;}
.info table {margin-left:-10px; min-width:75%;}
.info table td {padding:10px; vertical-align:middle;}
.info .snip {position:absolute; display:none; background:#e5f5ff; max-width:400px; box-shadow:0px 0px 3px 1px rgba(0,0,0,.2); padding:15px; border:1px solid rgba(0,0,0,.4); font-weight:bold;}
.info td .icon {margin:0 0 0 5px; font-size:18px; line-height:18px; width:18px; vertical-align:-1px; padding:1 0 0 5px; background:0; color:#a39923;}
.info tr td.on {background:rgba(51, 105, 138, 0.2);}
.subsection .info p {font-size:14px;}
.question .info {border:1px solid #d1d1a4;}
.question .seq {float:left; clear:left; margin:0 0 3px 0; padding:3px 6px; font-size:11px; font-weight:bold; color:#fff; background:#333;}
.question ul:last-child {margin-bottom:0;}

table.icf td {vertical-align:top;}

table.question {width:100%; margin:0 0 1em 0; font-size:12px;}
table.question th,
table.question td {padding:8px; vertical-align:top;}
table.question thead th {border-bottom:2px solid #333; font-weight:bold;}
table.question tbody td {border-bottom:1px solid #d7d7d7;}
table.question textarea {width:100%; min-height:100px;}

table.custom {width:100%;}
table.custom tr th {font-weight:bold;}
table.custom tr th,
table.custom tr td {padding:5px;}

div.summary {float:left; width:100%; padding:20px 20px 10px 20px;}
div.summary .btn {float:right;}
div.summary table {margin:0 0 20px 0;}
div.summary img.flag {margin:0 5px 0 0;}

table.summary {width:100%;}
table.summary tr th,
table.summary tr td {padding:12px 12px 12px 0;}
table.summary tr th {font-weight:bold;}
table.summary tr td {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}

.summary textarea {float:left; width:100%; height:100px; padding:10px; font-size:14px; color:#444; border:1px solid #e6e6e6; border-radius:3px; font-family:Arial, Helvetica, sans-serif;}
.summary div.textarea {float:left; width:100%; background:#f7f7f7; border-radius:3px; padding:10px; font-size:14px; color:#444;}

.summary .question-blue {float:left; width:100%; margin:0 0 1em 0; padding:10px; background:#e1f4ff; border-left:5px solid #ccecff;}
.summary .question-blue hr {border-color:rgba(0,0,0,.1); margin:0 0 1em 0;}
.summary .question-blue p {font-size:18px;}
.summary .question-blue cite {float:left; width:100%; margin:5px 0 0 0; font-size:14px; color:#7c93b1;}
.summary .question-blue textarea {float:left; width:100%; height:100px; padding:10px; font-size:14px; color:#444; border:0; border-radius:3px; font-family:Arial, Helvetica, sans-serif;}
.summary .question-blue div.textarea {float:left; width:100%; background:#bddff3; border-radius:3px; padding:10px; font-size:14px; color:#444;}


table.legend {width:100%; margin:0 0 1em 0;}
table.legend tr th,
table.legend tr td {padding:10px; vertical-align:top; border-bottom:1px solid #e6e6e6;}
table.legend tr th {padding:10px 20px 10px 0; white-space:nowrap;}
table.legend ul {margin-bottom:1em;}
table.legend ul:last-child {margin-bottom:0;}

table.legend-flags {width:100%;}
table.legend-flags tr td {padding:8px 8px 8px 0;}

div.subsection p.source {font-size:11px; margin-bottom:0;}

.slider-value {float:left; width:10%; padding:0 15px 0 0; font-weight:bold; font-size:18px; text-align:center;}
.slider {float:left; width:90%;}

iframe.summary {float:left; width:100%; height:100%; border:0;}

.report-dropdown {position:relative;}
.report-types {position:absolute; z-index:100; right:0; top:100%; min-width:220px; background:#5593cc; border:1px solid #fff; border-radius:3px;}
.report-types a:link,
.report-types a:visited {float:left; min-width:100%; padding:10px; color:#fff; text-decoration:none; text-align:center;}
.report-types a:hover {background:#63a5e0;}

.ui-accordion .ui-accordion-content {float:left; clear:left; display:none; width:100%; border:0;}

.ui-slider {background:#fff !important; border-color:#a7adc0; margin:10px 0 0 15px;}
.ui-slider-handle {-ms-touch-action:none; touch-action:none; background:#2c6ca8 !important; border-color:#255091 !important; outline:none;}


/* Component containers
----------------------------------*/
.ui-widget {
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}





.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}