/*	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 white */
body
{
	background-color: #FFFFFF;
}

/* Global header top color, currently white.  -This color should match "body" color above!- */
.global_header td
{
	background-color: #FFFFFF;
}

/* Setting for entire question area. */
.outer_table 
{
	background-color: #FFFFFF;
}

/* Global header bar color, currently blue. */
.global_header 
{
	background-color: #4377AA;
}

/*	Question Header 1 underlining bar color, currently grey.
	The first set of characters (3px) is how wide the bar is. "solid" refers to the bar being a solid line, the last set is the color of the bar. */
.header1
{
	border-bottom: 3px solid #999999;
}

/*Grid, ACA, CBC, alternating color 1 (light grey) */
.alt_color1
{
	background-color: #E0E0E0;
}

/*Grid, ACA, CBC, alternating color 2 (dark grey) */
.alt_color2
{
	background-color: #C3C3C3;
}

/* Progress bar inner color (blue) */
.progress_bar_color1
{
	background-color: #4377AA;
}

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


/* Setting for whole page */
body
{
	font-family: verdana;
	letter-spacing: .04em;
	font-size:10px;
	color: #023365;
/*	text-align: center;*/
}

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

.global_header 
{
	width: 100%;
	
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Cell above global header, contains text */
.global_header td
{
	font-size: 25px;
	letter-spacing: 3px;
	font-weight: bold;
	color: #023365;
	text-align: left;
	border-bottom: 1px solid #061A40;
	padding-bottom: 5px;
}

.global_footer
{	
	width:100%;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;

}

/* cell inside global_footer, control text here */
.global_footer td
{
	color:#023365;
	font-family: verdana;
	font-size:12px;
	text-decoration:none;
	text-align: center;
	padding: 2px;
}

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

/* Question Header 1 */
.header1
{
	font-size:18px;
	text-align: left;
	color: #003366;
	padding-bottom: 5px;
	padding-top:5px;
	letter-spacing: .07em;
}

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

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

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

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

#submit_button
{
	text-align: center;
}

/* Question outer table (area directly inside .question) */
.outer_table 
{
	margin-left: auto;
	margin-right: auto;

	width: 700px;
	padding: 1px;
}

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

.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-bottom: 10px;
	padding-left: 20px;
}

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

/*Question Footer 1*/
div.footer1
{
	font-size:15px;
	color: #808080;
	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;
}