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

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

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

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

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

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



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


/* Setting for whole page */
body
{
	font-family: Arial,Verdana,Helvetica,sans-serif !important;
	font-size: 0.8402em !important;
	color: #333333;
	line-height: 1.2;
	text-align: center;
}

/* Area surrounding global header and footer area as well as entire question area. */
.main
{
	margin-top: 0px;
	border: 1px solid #FFFFFF;
	width: 875px;
	/*margin-left: auto;
	margin-right: auto;*/
}

.global_header
{
color: #FFFFFF;
}

/* td is the cell within the global_header. control text here */
.global_header td
{
	width:863px;
	height: 100px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	text-align: center;
}


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

}

/* Question Header 2 */
.header2, .dual_response_none
{
	text-align: left;
	padding-left:26px;
	padding-top:0px;
	padding-bottom: 0px;
}

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

/* td is the cell within the global_footer. control text here */
.global_footer td
{
	color:#808080;
	height: 0px;
	text-align: center;
}

/* This is a fix to center the progress bar in Firefox/Safari */
.global_footer table
{
	margin-left: auto;
	margin-right: auto;
	border-bottom: 3px solid #E20074;
	padding-bottom: 5px;
}

/* Controls links placed in the global footer */
.global_footer a:hover
{
	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
{
	margin: 0 17px;
  width: 830px;
}


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

/* Question Body td */
.question_body td
{
	line-height: 1.2;
}

/* 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 .inner_table, .cbc .inner_table, .cva .inner_table, .grid .inner_table
{
	margin-left: auto;
	margin-right: auto;
}

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

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

.text_filler table.outer_table 
{
	text-align: center;
	width: auto;
	padding: 1px;
	border: 5px solid #FFFFFF;
}

/* .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-weight:normal;
}

/*Row Labels for grid*/
.row_label
{
	text-align: left;
	padding-left: 5px;
	vertical-align: middle;
}

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

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

.level_text
{
	font-weight:bold;
}

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

.or_text
{
	font-weight:bold;
}

.error_messages td
{
	color: red;
	text-align: center;
}

.impressum, .teilnahmebedingungen, .datenschutz, .willkommen {
  font-family: Arial,Verdana,Helvetica,sans-serif !important;

  font-weight:normal;

  text-align:left;
  margin: 10px;
  padding: 10px;
  border-color:white;
  border-width: 4px;
  border-style: solid;
  background-color: #F7F7F7;
  color: #666666;
}

.impressum h3 {
  margin-bottom:-5px;
  font-size: 110%;
}
.impressum h2 {
  margin-top: 30px;
  font-size: 120%;
}

.datenschutz h2 {
  margin-top: 30px;
  font-size: 120%;
  font-weight:bold;
}

.impressum h1, .datenschutz h1, .teilnahmebedingungen h1 {
  font-size: 150%;
}

.impressum li {
  background-image:url(../li.gif);
  background-position:0 7px;
  background-repeat:no-repeat;
  padding-left:11px !important;
}

.impressum ul {
  margin-bottom:4px;
  padding-left:0px !important;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
.impressum li {
  margin-left:0px;
  padding-left:0px;

}
.datenschutz ol, .teilnahmebedingungen ol {
  list-style-type: decimal;
}

.datenschutz ol li, .teilnahmebedingungen ol li {
  padding-top: 5px;
  padding-bottom: 15px;
}
.datenschutz ol ol, .teilnahmebedingungen ol ol {
  list-style-type: lower-alpha;
}
.datenschutz ol ol li, .teilnahmebedingungen ol ol li {
  padding-top: 5px;
  padding-bottom: 2px;
}

.willkommen h1 {
  font-size: 120%;
}


#headernavi {
  background-color: white;
  height:0px;
}

#headernavi a {
  color:#666666;
  text-decoration:none;
  
}
#headernavi a:hover {
  text-decoration:underline;
}

#navilinks{
  position:relative;
  top: 18px;
  color:#666666;
  font-size: 0.7059em !important;
  text-decoration:none;
  text-align:right;
  word-spacing: 0.8em;
  padding-right:15px;
}