/*	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  
***************************************/


/* Setting for whole page, currently a light olive color */
body
{
	background-color: #58585A;
}

/* Area surrounding global header and footer area as well as entire question area. currently a light grey */ 
.main
{
	background-color: #FFFFFF;
}

/* Global header color, currently a dark green */
.global_header td
{
	background-color: #FFFFFF;
}

/* Entire question area, currently a pale white */
table.outer_table 
{
	background-color: #FFFFFF;
}

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

/*Grid, ACA, CBC, alternating color 2- currently yellow */
.alt_color2
{
	background-color: #FBEBBD;
}

/* Progress bar inner color, currently a dark green */
.progress_bar_color1
{
	background-color: #C5950C;
}
.progress_bar_color2
{
	background-color: #FFFFFF;
}


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


/* Setting for whole page */
body
{
	blockquote
	font-family: Arial;
	font-size:16px;
	color: #000000;
	letter-spacing: .04em;
	text-align: center;
}

/* Area surrounding global header and footer area as well as entire question area. */
.main
{
	margin-top: 10px;
	border: 1px solid #000000;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 7px;
}

.global_header
{
	font-family: Arial;
}

/* td is the cell within the global_header. control text here */
.global_header td
{
	font-family: Arial;
	width:100%;
	height: 20px;
	padding: 2px;
	font-size: 25px;
	color: #FFFFFF;
	border: 4px solid #FFFFFF;
	text-align: left;
}

/* Question Header 1 */
.header1
{
	font-family: Arial;
	blockquote
	font-size:16px;
	text-align: left;
	padding-left:25px;
	padding-top:5px;

}

/* Question Header 2 */
.header2, .dual_response_none
{
	font-family: Arial;
	blockquote
	font-size:16px;
	text-align: left;
	padding-left:26px;
	padding-top:5px;
	padding-bottom: 5px;
	letter-spacing: .5px;
}

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

/* td is the cell within the global_footer. control text here */
.global_footer td
{
	font-family: Arial;
	color:#000000;
	font-family: Arial;
	font-size:16px;

}

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

/* Controls links placed in the global footer */
.global_footer a:hover
{
	color:#143E0C;
	font-family: Arial;
	blockquote
	text-decoration:underline;
}

#submit_button
{
	text-align: center;
}

/* Whole question (which includes the area around header 1 and 2, the actual question, and footer 1) */
.question
{
	text-align: center;
}

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

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

/* Question outer table (area directly inside .question) */
table.outer_table 
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 1px;
	border: 4px solid #FFFFFF;
	width:100%;
}

/* Question inner table (contains actual question below header 2 and above footer 1) */
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;
}

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

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

/*Question Footer 1*/
.footer1
{
	font-family: Arial;
	font-size:16px;
	padding-left:26px;
	color: #000000;
	text-align: left;
}

/* links */
 a
{
	color: #143E0C;
}

.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;
}

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

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

/* 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;
}