body
{
	background-color: #ffffff; 
	font-family: arial, times;
	margin: 0px;
}

.page
{
	padding: 10px;
}

#header1
{
	margin-bottom: 25px; 
	background-color: #E5ECF9; 
	color: #3366CC; 
	padding: 5px; 
	border-top: 1px solid #7AA5D6; 
	font-weight: bold;
}

#study
{
	margin-left: 20px;
}

form
{
	padding: 0px; margin: 0px;
}

table
{
	border-collapse: collapse;
}

#layout_table
{
	margin-top: 20px;
	width: 100%;
}

#menu
{
	padding: 5px;
	width: 160px; 
	position: absolute; 
	left: 10px;
}

.menu_item
{
	font-size: 13px;
	padding-left: 15px;	
	padding-bottom: 3px;
	padding-top: 3px; 
	width: 145px; 
	cursor: pointer; 
	color: #2865E3;
}

.menu_item_highlight
{
	font-weight: bold;
}

.menu_header
{
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: bold;
}

.stage, .error_log
{
	border: 2px solid #7AA5D6; 
	width: 700px;
	padding-bottom: 20px; 
	margin-left: 188px;
}

.link
{
	cursor: pointer; 
	color: #2865E3;
}

.error_msg
{
	width: auto;
	color: red;	
	font-weight: bold;
}

.error_msg_box
{
	margin-left: 188px; 
	margin-bottom: 25px; 
	border: 1px solid red; 
	width: 690px; 
	padding: 5px;
	background-color: white;
}

.update_box
{
	margin-left: 188px; 
	margin-bottom: 25px; 
	border: 2px solid green; 
	width: 700px; 
}

.update_header
{
	font-weight: bold;
	background-color: #C1FFC1;
	padding: 3px;
}

.update_body
{
	margin: 10px;
}

.note
{
	font-size: 12px;
	color: #808080;
}

.red_note
{
	font-size: 12px;
	color: red;
}

#data_list
{
	width: 100%;
}

#data_results_box
{
	margin: 10px;
}

.remove_bottom_border
{
	border-bottom: 0px solid #C0C0C0;
}

.stage_title
{
	background: #E5ECF9; 
	padding: 5px; 
	font-weight: bold; 
	font-size: 14px;
}

.stage_content
{
	padding: 10px;
}

#completes
{
	font-weight: bold;
	color: green;
}

#disqualifieds
{
	font-weight: bold; 
	color: #B00000;
}

#incompletes
{
	font-weight: bold; 
	color: #808080; 
}

#view_data_table
{
	margin: 10px;
}

#view_data_general_info td, #view_data_question_info td
{
	padding: 5px;
}

#view_data_question_info td, #view_data_general_info td
{
	border-bottom: 1px solid #D4D4D4;
}

#view_data_table .data_cell_label
{
	border-right: 1px solid #D4D4D4; 
	padding-right: 30px;
	font-size: 13px; 
	letter-spacing: 1px;
	text-align: left;
	vertical-align: top;
}

.data_cell_value
{
	padding-left: 5px;
	text-align: left;
}

.text_input, .numeric_input
{
	padding: 4px;
}

.alt_color1
{
	background-color: #F7F7F7;
}

.section_header
{
	background-color: #C0C0C0;
	padding: 5px;
}

.warning
{
	color: red; 
	font-weight: bold;
}

.quota_box
{
	margin-top: 10px;
	padding-bottom: 5px;
}

.quota_table td
{
	padding: 2px;
	vertical-align: middle;
}

.quota_table
{
	margin-left: 10px;
}

.mobile .quota_table
{
	margin-left: 2px;
}

.quota_percent_cell
{
	padding-left: 3px;
	text-align: right;
}

.closed_quota_text
{
	padding-left: 3px; 
	color: #B00000;
	float: left;
}

.search_options_box
{
	border: 1px solid #C0C0C0;
	padding-bottom: 10px;
	text-align: left;
}

#title
{
	font-size: 16px; 
	padding: 0px 10px 10px 0px;  
	font-weight: bold;
}

#page_footer_text
{
	font-size: 13px; 
	color: #555555;
}

#page_footer_div
{
	text-align: center; 
	border-top: 1px solid #7AA5D6; 
	padding-top: 5px;
}

#login_title
{
	background-color: #E5ECF9; 
	color: #000000; 
	font-weight: bold; 
	font-size: 13px; 
	padding-right: 3px;
}

#login_box table
{
	border-color: #7AA5D6;  
	border-width: 2px 2px 2px 2px; 
	border-style: solid; 
	font-size: 14px; 
	padding-bottom: 5px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#login_box
{
	margin-top: 70px;
	margin-bottom: 100px;
	text-align: center;
}	

.password_options
{
	padding-left: 20px;
}

a 
{
	color: #7AA5D6; 
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

.quota_graph
{
	height: 15px;
}

.quota_graph_table td
{
	border: 1px solid #c0c0c0;
}

.quota_count_cell
{
	padding-left: 10px; 
	padding-right: 4px;
	text-align: right;
}

.quota_table .quota_limit_cell
{
	text-align: left;
	padding-left: 3px;
}

.quota_table .quota_closed .quota_name_cell,
.quota_table .quota_closed .quota_count_cell,
.quota_table .quota_closed .quota_limit_cell
{
	color: #B00000;
}

.display_class_hide
{
	display: none;
}

.display_class_show
{
	display: block;
}

.test_mode #test_mode_header
{
	font-size: 15px; 
	padding: 10px 20px 10px 20px; 
	margin-bottom:20px; 
	background-color:#F9EDBE;
	color:#336688; 
}

.test_mode #test_mode_header #test_title
{
	font-weight: bold;
}

.setup_title
{
	font-weight: bold;
}

.setup_body
{
	margin-left: 26px;
}

.setup_simple_error
{
	color: red;
	margin-top: 5px;
}

.setup_system_error
{
	margin-top: 10px;
}

.setup_failed
{
	color: red;
	margin-right: 10px;
}

.setup_system_info_header
{
	background-color: #E4E4E4;
	padding: 5px;
	font-weight: bold;
}

.setup_system_info_box
{
	border: 1px solid #8A8A8A;
	margin-top: 20px;
}

.setup_system_info_box table
{
	margin: 5px;
}

.setup_system_info_title
{
	text-align: right;
}

.setup_system_info_value
{
	text-align: left;
	font-weight: bold;
	padding-left: 5px;
}

.select_scroll_box
{
	border: 1px solid #C0C0C0;
	overflow: auto; /*This gives us a scroll bar*/
	height: 200px;
	width: 300px;
}

.check_option
{
	padding: 4px;
	cursor:default;
	white-space:nowrap;
}

.check_option_highlight
{
	background-color: #E5ECF9;
	font-weight: bold;
}

.checkbox_title
{
	width: 250px; 
	padding: 0px 0px 3px 0px;
	font-weight: bold;
	margin-top: 5px;
}

.question_report
{
	border: 1px solid #C0C0C0;
	margin-bottom: 30px;
}

.question_report_title
{
	background-color: #2779AA;
	padding: 5px;
	font-weight: bold;
	color: white;
}

.question_report_body
{
	padding: 10px;
}

.question_report_table
{
	width: 100%;
	background-color: white;
}

.crosstabs_table
{
	width: 1000px;
}

.question_report_table td
{
	padding: 5px;
	border: 1px solid #c3c3c3;
}

.question_report_table_header
{
	background-color: #DEEDF7; /*#E8E8E8;*/
}

.alt_row
{
	background-color: #F2F5F7; /*#F7F7F7;*/
}

#rows_select_box
{
	margin-right: 30px;
}

.marginals_report_graph_table
{
	width: 100%;
} 

.marginals_report_graph_table td
{
	padding: 0px;
	border: 0px solid #c3c3c3;
}

.graph_percent
{
	padding: 2px 3px 2px 3px;
}

.marginals_report_bar_graph
{
	background-color: #7AA5D6;
}

.crosstab_summary_table td
{
	border-width: 0px;
	padding: 2px;
}

.crosstab_separator
{
	border-right-width: 3px !important;
}

/*This is for jQueryUI dialog buttons*/
.ui-button-text
{
	font-size: 12px;
}

.crosstab_container
{
	margin-top: 15px;
}

.crosstab_container .ui-tabs-nav li
{
	font-size: 12px;
}

.crosstab_chart
{
	width: 950px;
	height: 500px; 
	margin: 0px auto;
	padding: 5px;
}

.marginal_chart
{
	width: 100%; 
	height: 400px; 
	margin: 15px auto 0px 0px;
}

.question_text
{
	margin: 5px 0px 10px 0px;
}

.question_text .question_header
{
	margin-bottom: 5px;
}

.marginals_summary
{
	margin-right: 20px;
}

/*Page break for data reports*/
@media print
{
	.question_report {page-break-after:always}
}

.mobile .title
{

	background-color: #E5ECF9; 
	color: #3366CC; 
	padding: 5px; 
	border-bottom: 1px solid #7AA5D6; 
	font-weight: bold;
	font-size: 20px;
}

.mobile .page_title
{
	margin-bottom: 3px;
	font-weight: bold;
}

.mobile .table_header
{
	background-color: #c0c0c0;
}

.mobile .table_body
{
	background-color: #E2E2E2;
}

.mobile #login_box
{
	margin-top: 10px;
	margin-bottom: 50px;
}

.mobile input, .mobile select
{
	font-size: 20px;
}

.mobile #login_button
{
	width: 100px;
}

.mobile .quota_input
{
	width: 40px;
	display: none;
}

.mobile #study_summary_box
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mobile .edit_quota_warning
{
	display: none;
}

.mobile .alt_color1
{
	background-color: #e6e6e6;
}

.mobile .survey_open #closed_message,
.mobile .survey_open #open_link,
.mobile .survey_open #update_link
{
	display: none;
}

.mobile .survey_open #open_message,
.mobile .survey_open #close_link
{
	display: block;
}

.mobile .survey_closed #open_message,
.mobile .survey_closed #close_link
{
	display: none;
}

.mobile .survey_closed #closed_message,
.mobile .survey_closed #open_link,
.mobile .survey_closed #update_link
{
	display: block;
}

.small_screen .stage, .small_screen .error_log
{
	border: 2px solid #7AA5D6; 
	width: auto;
	padding-bottom: 20px; 
	margin-left: 0px;
}

.small_screen .error_msg_box
{
	margin-left: 0px; 
	margin-bottom: 25px; 
	border: 1px solid red; 
	width: auto; 
	padding: 5px;
}

.small_screen #menu
{
	padding: 5px;
	width: auto; 
	position: static; 
	margin-top: 20px;
}

.small_screen .menu_item
{
	font-size: 16px;
	padding-left: 15px;	
	padding-bottom: 5px;
	padding-top: 5px; 
	width: auto; 
	cursor: pointer; 
	color: #2865E3;
}

.small_screen .menu_header
{
	font-size: 16px;
}

.small_screen #study_summary_box
{
	width: 100%;
}

.small_screen #study_summary_box td
{
	text-align: center;
}

.small_screen #completes,
.small_screen #disqualifieds,
.small_screen #incompletes
{
	font-size: 18px;
}

.small_screen .update_box
{
	margin-left: 0px; 
	margin-bottom: 25px; 
	border: 2px solid green; 
	width: auto; 
}

.small_screen .select_scroll_box
{
	width: auto;
}

.small_screen #rows_select_box
{
	margin-right: 0px;
}

.small_screen #marginals_summary_cell
{
	text-align: left;
	padding-bottom: 10px;
}

.small_screen #data_results_options_cell
{
	padding-left: 0px;
}

.small_screen #data_results_options_cell
{
	display: none;
}

.small_screen #data_results_box td
{
	width: auto;
}

.small_screen #data_results_box .note
{
	display: none;
}

.next_button
{
	padding-bottom: 3px; 
	font-size: 20px; 
	font-weight: bold; 
	background-color: #F0F0F0; 
	text-align: center; 
	width: 30px; 
	height: 20px; 
	border: 1px solid #c0c0c0; 
	float: left;
	cursor: pointer;
	color: #7AA5D6;
}

.floating_button
{
	width: 50px; 
	float: left;
	margin-top: 3px;
	padding-left: 10px;
}

.error_log_line
{
	font-size: 15px;
	margin-bottom: 20px;
}

.error_log_line_date
{
	font-size: 13px;
	color: #808080;
	padding-top: 3px;
	padding-bottom: 3px;
}

.error_log_line_details
{
	font-size: 10px;
}

.error_log_script
{
	font-family: "Courier New", Courier, monospace;
	color: #669900;
	padding: 10px;
}

.error_log_server_error
{
	font-weight: bold;
	margin-bottom: 3px;
}

.download_db_tables_box div
{
	margin-bottom: 10px;
}

.chart_display_template
{
	display: none;
}

/*C2 Specific Settings*/
.c2_mode #title
{
	display: none;
}

.c2_mode #study
{
	margin-left: 0px;
}