/*	Created by 3.7 DESIGNS

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

html { background: #fff; margin: 0; padding: 0;}

/*	Background setting for whole page */
body
{
	color: #000000;
}

.question
{
	background-color: #ffffff;
}

.page_header
{
	background: url(header.gif) no-repeat; }

.alt_color1
{
	background-color: #E0E0E0;
}

.alt_color2
{
	background-color: #C0C0C0;
}

.progress_bar
{
	background-color: transparent;
}

.progress_bar_inner
{
	background-color: #808080;
}

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


/* Setting for whole page */
body
{
	min-height: 650px;
	padding: 25px 0; 
}

.page {  border-bottom: none; background: url(background.gif) repeat-y; padding: 0px; }

.main
{
	width: 100%; 
}

.page_header
{
	font-size: 33px !important; color: #444 !important; font-weight: normal; height: 57px; width: 870px; margin: -1px auto 0 auto !important; padding:25px 15px 0 15px !important; line-height: 60px; 
	text-shadow: 1px 1px 0px #aaa; position: relative;
} 

/* Question Header 1 */
.header1
{
	font-size:13px;
	font-weight:bold;	padding: 0;
	text-align: left; color: #222;
	background-image: url("arrow.gif");
	background-repeat: no-repeat;
	margin: 0 0 9px 0;

}

/* Question Header 2 */
.header2, .dual_response_none .question_text
{
	font-size:13px; padding: 0;
	text-align: left; margin: 4px 0 5px 0;
	color: #353535; font-weight: bold;
}

.page_footer
{
	color: #808080;
	font-family: verdana;
	font-size:12px;
	text-align: center;
	text-decoration:none;
	background: url(footer.gif) bottom repeat-x; width: 900px; padding: 0 0 0px 0; height: 60px; margin: 0;
}

/* links */
a
{
	color: #6A6A6A;
}

/* Whole question area containing headers and footers (not global). */
.question
{
	margin: 15px auto 0 auto; 
	border: 1px solid #acacac;
	text-align: left;
	background: #fff; color: #444;
	width: 840px;   
	padding: 10px 15px !important;
}

/* Question Body (middle) Section - rests inside ".outer_table" excluding headers and footers */
.question_body
{	
	text-align: left;
	font-size: 12px; padding: 0 0 10px 0;
}

.indent { margin: 0; padding: 0;}

.label_text, .grid_options { font-weight: bold; color: #333;}

.corner_label_text, .grid_header, .grid_footer { text-transform: uppercase; }


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

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

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

.footer { margin: 18px 0 18px 0; padding: 0;}

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

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

/* ========= */
/* = Table = */
/* ========= */

.alt_color1 { background: #eee;}
.alt_color2 { background: #ccc;}

.question_errors
{
	padding-left: 0px;
}

.checkbox 
{
	background:url('checkbox_unselected.png') no-repeat center center; 
}

.checkboxselected 
{
	background:url('checkbox_selected.png') no-repeat center center; 
}

.radiobox 
{
	background:url('radiobutton_unselected.png') no-repeat center center;
}

.radioboxselected 
{
	background:url('radiobutton_selected.png') no-repeat center center; 
}

.highlight, .highlight td
{
	background-color: #808080 !important;
	color: white;
}