/*	Created by Sawtooth Software

	This is the CSS file which determines the style of the survey. You are welcome to change and personalize this file for your own use.

	The main colors you may be interested in changing are listed below in the comment area "Section 1." To change
	other characteristics of a category (besides color), see below to "Section 2" where they have been repeated for further editing.



***************************************
  SECTION 1  
***************************************/

/*	Background setting for whole page, currently grey */
body
{
	background-color: #DDDDCC;
}

/* Entire question box area color, currently white. */
.main
{
	background-color: #FFFFFF;
}

/* table color. Should match ".main" color above! */
table.outer_table 
{
	background-color: #FFFFFF;
}

/*	Setting to control dark grey bar thickness/color near top of page. 
	The first set of characters (15px) is how wide the bar is. "solid" refers to the bar being a solid line, the last set is the color of the bar. */
.global_header td
{
	border-bottom: 15px solid #919186;
}

/*	Setting to control dark grey bar thickness/color near bottom of page. */
#submit_button
{
	border-top: 15px solid #919186;
}

/*Grid, ACA, CBC, alternating color 1- currently grey. */
.alt_color1
{
	background-color: #D1D0CD;
}

/*Grid, ACA, CBC, alternating color 2- currently light brown. */
.alt_color2
{
	background-color: #D6D69F;
}

/* Progress bar inner color */
.progress_bar_color1
{
	background-color: #919186; 
}

/***************************************
	SECTION 2  
***************************************/


/* entire document*/
body
{
	font-family: verdana;
	letter-spacing: .04em;
	font-size:10px;
	color: #000000;
}

/*Top script*/
.global_header
{
	padding-top: 39px;
	margin-left: auto;
	margin-right: auto;
}

/* Global header inner cell */
.global_header td
{
	width:100%;
	height: 50px;
	font-size: 25px;
	color: #000000;
	padding-left: 20px;
}

/* Question Header 1 */
.header1
{
	font-size:16px;
	font-weight:bold;	
	text-align: left;
	padding-left:25px;
}

/* Question Header 2 */
.header2, .dual_response_none
{
	font-size:15px;
	text-align: left;
	color: #686867;
	padding-left:26px;
	padding-bottom: 5px;
	letter-spacing: .5px;
}

.dual_response_none .options
{
	color: #000000;
	font-weight:bold;
	font-size:13px;
}

.main
{
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}


/*Bottom of page script*/
.global_footer
{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px;
}
/* cell inside global_footer */
.global_footer td
{
	text-align: center;
	font-size: 12px;
}

 /* fix to center progress bar in Firefox */
.global_footer table
{
	margin-left: auto;
	margin-right: auto;
}

.global_footer a:hover
{
	text-decoration:underline;
}

#submit_button
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	margin-top: 20px;
}

/* links */
a
{
	color: #919186;
}

/* Whole question area containing headers and footers (not global). */
.question
{
	padding-bottom: 5px;
}

/* Question outer table */
table.outer_table 
{
	margin-left: auto;
	margin-right: auto;
	padding: 1px;
	width: 100%;
}

/* Question inner table */
.inner_table
{
	text-align: left;
}

.free_format .inner_table
{
	width:100%;
}

.free_format .inner_table td
{
	text-align: left;
}

.acacal .inner_table
{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.acacal .question_body
{
	text-align: center; 
	padding-left: 0px;
}

.acarat .question_body, .acaimp .question_body, .acapar .question_body
{
	padding-left: 26px;
	padding-right: 5px;
}

.maxdiff .question_body, .cbc .question_body, .cva .question_body, .grid .question_body
{
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}

.maxdiff .inner_table, .cbc .inner_table, .cva .inner_table, .grid .inner_table
{
	margin-left: auto;
	margin-right: auto;
}

.text_filler table.outer_table 
{
	text-align: center;
	width: auto;
	padding: 1px;
}

/* .outer_table for CiW grids */
.grid table.outer_table 
{
	text-align: left;
	padding: 1px;
}

/* Header2 for ACA Calibration Questions */
.acacal div.header2
{
	padding-bottom: 5px;
}

/* Question Body (middle) Section */
.question_body
{	
	padding-left: 40px;
}

/* Question Body td */
.question_body td
{
	font-size:12px;	
	letter-spacing: .05em;
}

/*Question Footer 1*/
div.footer1
{
	font-size:15px;
	padding-left:26px;
	color: #686867;
	text-align: left;
}

/*Column labels for grid*/
.col_label
{
	font-size:10px;
	font-weight:normal;
}

/*Row Labels for grid*/
.row_label
{
	text-align: right;
}

/* scale header (ACA)*/
.scale_header
{
	color: #808080;
	text-align: center;
}

/* ACA anchor text */
.anchor_text
{
	font-size:10px;
}

.level_text
{
	font-weight:bold;
	font-size:13px;
}

/* CBC Label Text */
.label_text
{
	font-weight:bold;
	font-size:13px;
}

.or_text
{
	font-weight:bold;
	font-size:13px;
}

.error_messages td
{
	color: red;
	font-size: 13px;
	text-align: center;
}