/*	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 soft blue */
body
{
	background-color: #B9CBCB;
}

/* Global header top color, currently pink */
.global_header td
{
	background-color: #D18D95;
}

/* Entire Question area including header 1 & 2. Currently Grey */
.outer_table 
{
	background-color: #EDEEED;
}

/*	Question Header 2 top and bottom underlining bar colors, currently pink.
	The first set of characters (4px) is how wide the bar is. "solid" refers to the bar being a solid line, the last set is the color of the bar. */
.header2
{
	border-bottom: 4px solid #E4C7BE;
	border-top: 4px solid #E4C7BE;
}

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

/*Grid, ACA, CBC, alternating color 2. Currently pink */
.alt_color2
{
	background-color: #E4C7BE;
}

/* Progress bar inner color (pink) */
.progress_bar_color1
{
	background-color: #E4C7BE; 
}


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

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

/* centers the gobal_header in Firefox/Safari */
.global_header
{
	margin-left: auto;
	margin-right: auto;
}

.global_header td
{
	width:100%;
	height: 50px;
	padding: 10px;
	font-size: 25px;
	color: #FFFFFF;
	border: 4px solid #D1D0CD;
}

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

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

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

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

.global_footer td
{
	color:#FFFFFF;
	font-family: verdana;
	font-size:12px;
	text-decoration: none;
	text-align: center;
}

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

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

#submit_button
{
	text-align: center;
}

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


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


.free_format .inner_table
{
	width:100%;
}

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

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

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


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

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

}


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

/*Question Footer 1*/
div.footer1
{
	font-size:15px;
	padding-left:26px;
	padding-bottom: 8px;
	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;
}