body { color: #000; font: 12px/16px helvetica, arial, sans-serif; }
a { text-decoration: none; }
select { font: 12px helvetica, arial, sans-serif; cursor: pointer; }
strong { font-weight: bold; }
h3 { color: #666; font-weight: bold; line-height: 36px; margin-top: 11px; }

header { background: #092141 url(../img/topWrapper.png) no-repeat left center; position: relative; height: 58px; }
header img { display: block; margin: 0 30px; padding: 18.5px 0; }
header a { position: absolute; right: 17px; top: 17px; background: url(../img/btn-close2.png) no-repeat 0 0; display: block; width: 23px; height: 23px; text-indent: -9999px; }

footer { font-size: 11px; color: #939d98; padding: 15px 0px 15px; border-top: 2px solid #ebebeb; margin: 15px 30px; clear: both; }
footer a { font-size: 12px; color: #0065bd; }

#container { width: 768px; margin: 0 auto; }

#graph_wrap { background: #f2f5f7; height: 581px; }

#responses > li a { font-weight: bold; color: #a1a1a1; background: url(../img/checkbox_unchecked.png) no-repeat 0 0; padding: 0 0 8px 27px; line-height: 18px; display: block; }
#responses > li a.active { background-image: url(../img/checkbox_checked.png); }

#segments { margin: -4px 0 8px 27px; border-bottom: solid 1px #dbdcdd; overflow: hidden; font-size: 11px; line-height: 14px; }
#segments > li { overflow: hidden; }
#segments > li strong { display: block; border-top: solid 1px #dbdcdd; padding: 5px 0; cursor: pointer; background: url(../img/down_arrow_blue.png) no-repeat right center; }
#segments > li.active strong { background-image: url(../img/close_blue.png); }
#segments > li a { color: #999; display: block; padding-bottom: 6px; }

#percentage_sign { width: 45px; text-align: center; text-align: center; font-weight: bold; color: #666; margin: 22px 0 -10px; float: left; visibility: hidden; }

#marks { width: 442px; float: left; }
#marks #sub_marks { width: 100%; margin-right: auto; margin-left: auto; border-bottom: solid 1px #bebebe; position: relative; height: 28px; }
#marks #sub_marks > div { position: absolute; top: 16px; left: 0; margin-left: -1px; }
#marks #sub_marks > div.tall { width: 1px; height: 12px; background: #bebebe; }
#marks #sub_marks > div.dot { width: 3px; height: 3px; background: url(../img/dot.png) no-repeat 0 0; top: 27px; }
#marks #sub_marks > div.date { width: 20px; text-align: center; margin-left: -12px; font-size: 11px; line-height: 11px; color: #7d7d7d; top: 0; }
#marks #scrubber { margin: -5px auto 0; }
#marks #scrubber .ui-slider-handle { background: url(../img/slider.png) no-repeat top center; width: 19px; height: 19px; margin-left: -.8em; }

#question_wrap2 { margin-bottom: 20px; }
#question_wrap2 select { width: 100%; }

#question_wrap { margin: 0 20px 20px; width: 728px; height: 61px; }

#survey_dates { float: left; margin-left: 15px; }

#date_select { float: right; width: 50%; margin: 14px 15px 27px 0; }
#date_select > * { float: right; margin-left: 10px; margin-top: 0; }

#description { padding: 20px 30px 0; }
#description h2 { font-size: 16px; line-height: 18px; margin-bottom: 6px; }
#description p { font-size: 14px; color: #666; border-bottom: 2px solid #ebebeb; padding: 0 0 20px; margin-bottom: 20px; }

.footnote { color: #828282; margin-top: 10px; margin-bottom: 10px; }

.select { position: relative; height: 61px; }
.select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; left: 0; margin: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
.select select + .place { color: #0065bd; display: block; font-weight: bold; overflow: hidden; }
.select select + .place .down_arrow { width: 22px; height: 6px; position: absolute; right: 0; top: 50%; margin: -4px 0 0; background: url(../img/down_arrow_blue.png) no-repeat 0 0; }

#question_wrap .select select { height: 61px; width: 507px; }
.ie8 #question_wrap .select select { width: auto; }
#question_wrap .select select + .place { position: relative; font-size: 14px; font-weight: bold; height: 61px; width: 507px; }
#question_wrap .select select + .place span { display: block; width: 5px; height: 61px; background: url(../img/large_dropdown.png) repeat-x 0 0; }
#question_wrap .select select + .place .left, #question_wrap .select select + .place .right { position: absolute; top: 0; left: 0; }
#question_wrap .select select + .place .center { width: auto; background-position: 0 -61px; margin: 0 5px; padding: 14px 30px 15px 12px; height: 32px; }
#question_wrap .select select + .place .right { right: 0; left: auto; background-position: 0 -122px; }
#question_wrap .select select + .place img { position: absolute; top: 26px; right: 6px; }
#question_wrap .select select + .place .down_arrow { right: 5px; }

/*#date_select .select select { height: 32px; }
#date_select .select select + .place { position: relative; width: 85px; }
#date_select .select select + .place span { display: block; width: 5px; height: 32px; line-height: 30px; background: url(../img/small_dropdown.png) repeat-x 0 0; }
#date_select .select select + .place .left, #date_select .select select + .place .right { position: absolute; top: 0; left: 0; }
#date_select .select select + .place .right { left: auto; right: 0; background-position: 0 -64px; }
#date_select .select select + .place .center { width: auto; background-position: 0 -32px; margin: 0 5px; padding: 0 0 0 8px; }
#date_select .select select + .place img { position: absolute; top: 12px; right: 0; }*/

#sidebar h3 { margin-top: -3px; line-height: 16px; margin-bottom: 12px; }

.grid_big, .grid_small { float: left; margin-left: 20px; }
.grid_big { width: 507px; }
.grid_small { width: 201px; }

.chosen-container-single .chosen-single { padding: 0; font-size: 14px; line-height: 16px; font-weight: bold; height: auto; box-shadow: 0 0; border: 0; border-radius: 0 0; background: none; }
.chosen-container-single .chosen-single .center { overflow: auto; white-space: normal; text-overflow: clip; margin: 0 5px; padding: 14px 40px 15px 12px; background: url(../img/large_dropdown.png) repeat-x 0 -61px; color: #0065bd; }
.chosen-container-single .chosen-single .left, .chosen-container-single .chosen-single .right { display: block; width: 5px; height: 61px; background: url(../img/large_dropdown.png) repeat-x 0 0; position: absolute; top: 0; left: 0; }
.chosen-container-single .chosen-single .right { left: auto; right: 0; background-position: 0 -122px; }
.chosen-container-single .chosen-single div { width: 27px; }
.chosen-container-single .chosen-single div b, .chosen-container-active.chosen-with-drop .chosen-single div b { background: url(../img/down_arrow_blue.png) no-repeat 0 50%; }
.chosen-container-single .chosen-drop { border-radius: 0; border: 0; background: #fafafa; box-shadow: 0 0; margin: -4px 0 0; padding: 0; }
.chosen-container-single.chosen-with-drop .chosen-single { border: 0; box-shadow: 0 0; background: none; }
.chosen-container.chosen-with-drop .chosen-drop b { height: 4px; display: block; position: relative; }
.chosen-container.chosen-with-drop .chosen-drop b i { background: url(../img/large_dropdown.png) repeat-x 0 -56px; width: 5px; height: 5px; }
.chosen-container.chosen-with-drop .chosen-drop b i.left, .chosen-container.chosen-with-drop .chosen-drop b i.right { position: absolute; top: 0; left: 0; }
.chosen-container.chosen-with-drop .chosen-drop b i.right { left: auto; right: 0; background-position: 0 -178px; }
.chosen-container.chosen-with-drop .chosen-drop b i.center { background-position: 0 -117px; height: 5px; display: block; margin: 0 5px; width: auto; }
.chosen-container .chosen-results { padding: 0; margin: 0 1px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.chosen-container .chosen-results li { padding-right: 15px; padding-left: 15px; }
.chosen-container .chosen-results li.highlighted { background: #0065bd; }

@media all and (-webkit-min-device-pixel-ratio: 1.0) {
	.select select + .place .down_arrow { background-image: url(../img/down_arrow_blue@2x.png); background-size: 22px 6px; }

	#responses > li a { background-image: url(../img/checkbox_unchecked@2x.png); background-size: 20px; }
	#responses > li a.active { background-image: url(../img/checkbox_checked@2x.png); background-size: 20px; }

	#segments > li strong { background-image: url(../img/down_arrow_blue@2x.png); background-size: 22px 6px; }
	#segments > li.active strong { background-image: url(../img/close_blue@2x.png); background-size: 22px 6px; }

	#marks #scrubber .ui-slider-handle { background-image: url(../img/slider@2x.png); background-size: 19px; }

	#question_wrap .select select + .place span { background-image: url(../img/large_dropdown@2x.png); background-size: 5px 183px; }

	#date_select .select select + .place span { background-image: url(../img/small_dropdown@2x.png); background-size: 5px 96px; }

	.chosen-container-single .chosen-single .center, .chosen-container-single .chosen-single .left, .chosen-container-single .chosen-single .right { background-image: url(../img/large_dropdown@2x.png); background-size: 5px 183px; }
}