body { background: #fff url(/images/bg_gradient.jpg) 0 0 repeat-x; }

#page_container, #footer_inner { width: 940px; margin: 0 auto; }

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/* @group Header */

/* HEADER
============================================================ */

#header { height: 81px; }

	#header h1 { margin: 0; float: left; margin-left: -28px; }
	#header h1 a {
		display: block;
		margin: 3px 0 0 0;
		width: 344px;
		height: 78px;
		background: transparent url(/images/logo.gif) 0 0 no-repeat;
		border: none;
		text-indent: -5000px; }

	#auxnav { float: right; width: auto; font-size: .8571em; }
		
		#userinfo {
			background: #F07125;
			color: #fff;
			padding-left: 7px;
                        padding-right: 10px;
			border-top: 1px solid #D3591E;
			line-height: 30px;
			width: 360px; }
			
			#userinfo strong, #userinfo a { color: #fff; border: none; }
			#userinfo a:hover { border-bottom: 1px solid #ffbe97; }
			
		#auxnav ul { list-style: none;  margin: 10px 0 0 0; }
			#auxnav li { float: left; }
			#auxnav li a {
				display: block;
				padding: 0 .5em;
				border-bottom: none;
				border-left: 1px solid #ccc;
				color: #4d4d4d; }		
			#auxnav li.first a { border-left: 0; }
			#auxnav li a:hover { color: #ec732f; }

/* @end */

/* @group Nav */

/* NAV
============================================================ */
	
#nav { float: left; width: 100%;height: 38px; margin-top: -6px; }

	#nav ul { float: left; height: 38px; margin: 0; list-style: none; }
	#nav li { float: left; }
	#nav a {
		display: block;
		height: 38px;
		text-indent: -5000px;
		border: none;
		background-color: transparent;
		background-position: 0 0;
		background-repeat: no-repeat; }
		
	#nav a:hover { background-position: 0 -40px; }
		
	#nav .nav-home a			{ width: 82px; background-image: url(/images/nav_home.png); }
	#nav .nav-overview a 		{ width: 112px; background-image: url(/images/nav_overview.png); }
	#nav .nav-survey a 			{ width: 93px; background-image: url(/images/nav_survey.png); }
	#nav .nav-partners a 		{ width: 105px; background-image: url(/images/nav_partners.png); }
	#nav .nav-case_studies a 	{ width: 131px; background-image: url(/images/nav_case_studies.png); }
	
	body.home #nav .nav-home a,
	body.overview #nav .nav-overview a,
	body.survey #nav .nav-survey a,
	body.partners #nav .nav-partners a,
	body.case_studies #nav .nav-case_studies a { background-position: 0 -80px; }

/* @end */

/* @group Subnav */

/* SUBNAV
============================================================ */

#subnav {
	float: right;
	width: 240px;
	background: transparent url(/images/bg_subnav.jpg) 0 0 no-repeat;
	height: 500px; }
	
	#subnav ul {
		margin: 1em 0 0 2px;
		list-style: none;
		background: transparent url(/images/bg_subnav_item.png) 0 0 no-repeat; }
		
	#subnav li { padding-top: 1px; }
		
	#subnav li a {
		display: block;
		background: transparent url(/images/bg_subnav_item.png) 0 100% no-repeat;
		border: none;
		padding: 4px 0 6px 20px;
		color: #65848E; }
		
	#subnav li a:hover { color: #ec732f; }
	#subnav li.selected a { color: #ec732f; }
	#subnav li.selected { background: transparent url(/images/bg_subnav_selected.png) 0 0 repeat-y; }

/* @end */

/* @group Content */

/* CONTENT
============================================================ */

#title_bar { clear: both; height: 77px; background: transparent url(/images/bg_titlebar_shadow.jpg) 700px 0 no-repeat; }

	.survey_button { float: right; border: 0; margin: 23px 18px 0 0; }
	.stop_survey_button { float: right; border: 0; margin: 27px 4px 0 0; }
	.survey_version {
		float: right;
		text-align: right;
		color: #C9D5D9;
		text-transform: uppercase;
		margin: 26px 0 0 0;
		font-size: .6428em;
		font-weight: bold;
		line-height: 1; }
		
	.version_num {
		display: block;
		font-size: 2.22em;
		letter-spacing: 1px; }
		
	.page_title {
		float: left;
		color: #fff;
		height: 77px;
		line-height: 77px;
		margin: 0;
		width: 640px;
		background-color: transparent;
		background-position: 0 25px;
		background-repeat: no-repeat;
		text-indent: -5000px; }
	
	body.what_is .page_title { background-image: url(/images/ti_whatis.gif); }
	body.survey .page_title { background-image: url(/images/ti_takesurvey.gif); }
	body.results .page_title { background-image: url(/images/ti_surveyresults.gif); }
	body.signup .page_title { background-image: url(/images/ti_signup.gif); }
        body.about .page_title { background-image: url(/images/ti_about.gif); }
	body.forgot_password .page_title { background-image: url(/images/ti_forgotpassword.gif); }
	body.contact .page_title { background-image: url(/images/ti_contact.png); }
	body.partners .page_title { background-image: url(/images/ti_partners.png); }
	body.reset_password .page_title { background-image: url(/images/ti_resetpassword.gif); }
	body.settings .page_title { background-image: url(/images/ti_settings.png); }
	body.case_studies .page_title { background-image: url(/images/ti_case_studies.png); }
        body.collectors .page_title { background-image: url(/images/ti_collectors.gif); }
        body.login .page_title { background-image: url(/images/ti_login2.gif); }
        body.export .page_title { background-image: url(/images/ti_collector_exports.gif); }
        body.case_studies img.detail {width: 640px;}

#content {
	float: left;
	width: 640px;
	padding: 1em 0 3em 0; }
	
a.button { border: none; }

.alert, .explanation{
	background: #FFFDBF url(/images/bg_alert.gif) 15px 10px no-repeat;
	padding: 20px 40px 17px;
	margin: 0 0 1.5em;
	border: 1px solid #E6E077;
	border-top-color: #fff; }
	
	.alert p, .explanation p{ text-align:left; margin-left: 10px; margin-bottom: 1em; }

.explanation {background: #FFFDBF;}
/* @end */

/* @group Footer */

/* FOOTER
============================================================ */

#footer { background: #fff url(/images/bg_footer.jpg) 0 0 repeat-x; height: 120px; clear: both; }

	#footer_inner { padding-top: 18px; font-size: .8571em; color: #4d4d4d; }
	
	#footer a { color: #4d4d4d; border-bottom: 0; }
	#footer a:hover { color: #ec732f; }
	
	#footer ul { list-style: none; margin: 0; }
	#footer li { float: left; }
	#footer li a {
		display: block;
		padding: 0 .5em;
		border-bottom: none;
		border-left: 1px solid #aaa;
		color: #4d4d4d; }		
	#footer li.first a { border-left: 0; padding-left: 0; }
	#footer li a:hover { color: #ec732f; }
	
	#footer .copyright { float: right; }

/* @end */

/* @group Survey */

/* SURVEY
============================================================ */

body.survey #content,
body.results #content {
	width: 680px; }

.progress {
	background: transparent url(/images/progress_bar.gif) 10px 20px no-repeat;
	position: relative;
	height: 80px; }
	
	.progress_bar {
		width: 240px;
		height: 80px;
		background: transparent url(/images/progress_bar_full.gif) 10px 20px no-repeat; }
	
	.progress p { position: absolute; padding: 50px 0 0 0; text-align: center; width: 240px; }
	.progress em { color: #65848E; background: none; font-size: .8571em; }
	.progress strong { color: #2F4045; font-weight: normal; }

#subnav .incomplete { display: block; background: transparent url(/images/sb_checkbox.gif) 20px 2px no-repeat; }
#subnav .complete { display: block; background: transparent url(/images/sb_checkbox_on.gif) 20px 2px no-repeat; }

#subnav .incomplete a 	{ padding-left: 55px; color: #a6a6a6; }
#subnav .complete a 	{ padding-left: 55px; color: #41575D; }


.inline_help_icon { border: none; }
.inline_help { display: none; }

table.survey_questions { border-collapse: collapse; margin-top: -2em; }

	.survey_questions td,
	.survey_questions th { padding: .5em .35em .5em 0; text-align: left; border-bottom: 1px solid #D5E2E6;}

	.survey_questions th { background: none; }
	.survey_questions thead th { text-align: center; font-size: .7142em; font-weight: normal; line-height: 1.1; }

	.survey_questions tbody th { font-weight: normal; font-size: .9285em; line-height: 1.3; padding: 1em .35em 1em 0; }

	td.survey_checkbox {
		border: 1px solid #B5C7CC;
		text-align: center;
		width: 58px;
		padding: 0;
		background: #fff url(/images/bg_surveycheckbox.gif) 1px 1px no-repeat; }
		
	td.survey_checkbox.checked { background-image: url(/images/bg_surveycheckbox_checked.gif); }
		
	td.survey_checkbox.blank { cursor: pointer; }
	
	.survey_questions tr.over td, .survey_questions tr.over th { background-color: #FFFFD9; }
	.survey_questions tr.over td.survey_checkbox { background-image: url(/images/bg_surveycheckbox_over.gif); }
	

	
#tooltip.help_tip {
	position: absolute;
	z-index: 3000;
	background: transparent url(/images/bg_helptip_top.png) 0 0 no-repeat;
	width: 262px;
	padding: 20px 0 0 0;
	font-size: .7857em;
	color: #fff; }
	
	.help_tip #tooltip-inner {
		background: transparent url(/images/bg_helptip_bot.png) 0 100% no-repeat;
		padding: 0 10px 4px 24px; }
	

/* @end */

/* @group Results */

/* RESULTS
============================================================ */

.filters { margin-bottom: 1.5em; }

	.filters_inner {
		border-bottom: 1px solid #dfdfdf;
		background: #f4f4f4 url(/images/bg_filters.jpg) 0 0 repeat-x;
		border: 1px solid #cecece;
		border-top: 0;
		padding-top: 1em;
	}

	.filters h4 {
		background: #FFFDBF;
		border: 1px solid #b5b5b5;
		border-top-color: #fff;
		margin: 0; }

	.filters h4 span {
		display: block;
		border: none;
		padding: 5px 30px;
		height: 14px; line-height: 14px; }

	.filters h4 span { background: transparent url(/images/arw_down.png) 10px 6px no-repeat; }

	.filters .field { margin-bottom: .25em;}
		
	.filters label { font-size: .9285em; float: left; width: 250px; text-align: right; margin-right: 8px; }
	
	.filters .col1, .filters .col2 { float: left; width: 100px; }
	
	.filters .col1 label,
	.filters .col2 label { float: none; font-size: .8571em; }
	
	.filters .form_actions { clear: both; padding-left: 258px; padding-top: 1em; margin: 1em 0}
	 
        
#characteristics_results { margin-top: 50px;}
.results_splitter {margin-top:60px;}
.survey_results_key {
	background: transparent url(/images/results-key.png) 74% 0 no-repeat;
	text-indent: -5000px;
	margin: 0;
	line-height: 40px;
	clear: left; }

ul.survey_results { float: left; clear: left; width: 100%; list-style: none; margin: 0; border-top: 1px solid #B5C7CC; }

	#content .survey_results li {
		float: left;
		clear: left;
		display: block;
		width: 100%;
		background: none;
		padding: 0;
		/*padding: .5em .35em .5em 0;*/
		border-bottom: 1px solid #B5C7CC;
		background: transparent url(/images/bg_stdev_bot.gif) 258px 100% no-repeat; }
		
	.survey_results h5 { height: 20px; margin-top: 4px; margin-bottom: 2px; }
	.survey_results h5, .survey_results p { float: left; width: 249px;}
	.survey_results p { font-size: .8571em; }
	.survey_results p.result1 { clear: left; padding-right: 10px;}
	.survey_results p.result2 { float: right; width:77px; font-size:1.2em;}
        
	.survey_results .stdev {		
		float: left;
		position: relative;
		width: 322px;
		margin-top: -26px;
		padding-top: 24px;
		padding-bottom: 0px;
		background: transparent url(/images/bg_stdev_top.gif) 0 0 no-repeat; }
		
	.survey_results .stdev_neg { float: left; width: 161px; }
	.survey_results .stdev_neg img { float: right; height: 37px; }
	.survey_results .stdev_pos { float: right; width: 161px; }	
	.survey_results .stdev_pos img { float: left; height: 37px; }
	
	.survey_results .stdev_even { position: absolute; top: 31px; left: 151px; z-index: 5000; }
	
.next_prev { margin-top: 1em; }

	.next_prev a { border-bottom: none; }
	.next_prev img { margin: 0; }
	.next { float: right; }
	.prev { line-height: 28px; font-size: .9285em; color: #666; }

/* @end */

/* @group Home */

/* HOME
============================================================ */

body.home { background: #fff url(/images/bg_gradient_home.jpg) 0 0 repeat-x; }

body.home #title_bar { height: 282px; background: transparent url(/images/bg_titlebar_shadow_home.jpg) 650px 0 no-repeat; }

body.home #title_bar .feature {
	float: left;
	width: 645px;
	height: 293px;
	margin-top: -5px;
	margin-left: -10px;
	background: transparent url(/images/whiteboard.png) 0 0 no-repeat;}
	
	body.home #title_bar .feature h2 { width: 100%; height: 80px; margin-bottom: 0; text-indent: -5000px; }
	body.home #title_bar .feature p { margin: 0 40px 0 37px; }
	

body.home #title_bar .how_to_participate {
	float: right;
	width: 270px;
	padding-left: 20px;
	color: #fff; }
	
	body.home #title_bar .how_to_participate h3 {
		background: transparent url(/images/ti_howtoparticipate.gif) 0 0 no-repeat;
		text-indent: -5000px;
		height: 20px;
		line-height: 20px;
		margin: 35px 0 25px; }
	body.home #title_bar .how_to_participate p { margin-bottom: 1em; }
	body.home #title_bar .how_to_participate p.clearfix { text-align: center; }	
	body.home #title_bar .survey_button { float: left; margin: 0 0 0 30px; }	
	body.home #title_bar .survey_button img { margin: 0; }	
	body.home #title_bar .how_to_participate a { color: #fff; }
	
body.home .stats { float: left; clear: left; width: 190px; padding-top: 42px;}

	.stats ul { list-style: none; margin: 0; width: 100%; }
	.stats li {
		float: left;
		clear: left;
		width: 100%;
		line-height: 31px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: .9285em; }
		
	.stats li strong {
		float: left;
		width: 44px;
		height: 31px;
		text-align: center;
		background: transparent url(/images/bg_stat.png) 0 0 no-repeat;
		color: #146B9D;
		margin-right: 10px;
		font-size: 1.076em; }
		
body.home #content {
	width: 418px;
	margin: 10px 0;
	padding: 0 20px;
	border-right: 1px solid #C2D1D6;
	border-left: 1px solid #C2D1D6; }

	body.home #content h3 {
		background: transparent url(/images/ti_overview.gif) 0 0 no-repeat;
		text-indent: -5000px;
		height: 20px;}
	
body.home #login { float: right; width: 270px; padding: 10px 0 0 20px; margin-bottom: 40px; }

	body.home #login h3 {
		background: transparent url(/images/ti_login.gif) 0 0 no-repeat;
		text-indent: -5000px;
		height: 20px; }
		
	#login .field { float: left; clear: left; width: 100%; margin-bottom: .5em; }
	
		#login label { float: left; width: 105px; line-height: 1.8; }
		#login .text_field { float: right; width: 155px; font-size: .9285em; color: #276276; height: 1.5em;}
		#login .form_actions { margin-left: 105px; }
                #login .form_actions span {margin-left: 5px;}

/* @end */

#title_bar a.action_link { float: right; border: 0; margin: 31px 41px 0 0; color:white; text-decoration:underline }
table.collector_list td {text-align:center;}
table.survey_list td {text-align:center;}
table.user_list td.center {text-align:center;}
div.start_survey_form {margin-bottom:10px;}
div.start_survey_form #collector_url_field {width:375px;}
div.start_survey_form #go_to_url_btn{vertical-align:middle;}
div.start_survey_form label {font-weight:bold; margin-right:10px;}
#start_new_survey_note {margin-top:10px;}
.stop_and_save_survey form{float:left;margin-left:10px}
.ask_for_completion form{float:left;margin-left:10px}
#complete_anonymously {padding-left:197px;}
#save_for_later {padding-left:197px;}
#complete_survey_button {padding-left:197px;}
.center{text-align:center;}
.clear {clear:both;}
#complete_survey form{float:left;margin-left:10px;}
#complete_survey_logged_in{float:none !important;}
.export_btn{margin-left: 170px}
.background_std_dev_top {display:none}
.pagebreakhere{display:none;}
.survey_overview{margin-top:40px;}

.pagination{
padding: 2px;
margin-bottom:10px;
text-align:center;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.questions span.label{
    margin-top: 25px;
}

.questions h3.section_title{
    margin-top: 25px;
}

.review_question {
    font-weight: bold;
    display: block;
}
.feedback {
    margin: 5px;
}

a.cancel{
    vertical-align:top;
}

#collector_buttons {
  clear: both;
  padding-top: 20px;
}