/* The page background , outside the centered body of questions. (top, bottom, right, left).*/
#SurveyEngineBody {
	/*background: transparent url(examplebackground.gif) repeat-x fixed left top;*/
	background-color: #003366;
}

/*Header and Footer are directly above and directly below the body of questions. This can be used to change shadow images or background colors.*/
.Skin #Header {
  background: none;
}
/*.Skin #Footer {
  background: transparent none/*kh examplelogo.png*/ no-repeat scroll left top;
}*/

/* The background of the entire question area (body of questions).*/
.Skin #SkinContent {
	background-color: white;
	/*background: transparent none/*kh*/ repeat fixed center top;*/
}

/*Relates to SkinContent above. Can customize the width, font, etc. */
.SkinInner {
	/*width: 650px;*/
	/*font-family: Arial, Verdana, sans-serif;*/
	/*font-size: 10pt;*/
}

/*The logo bar background color. Sits behind #Logo area (below). Can have its own image behind the #Logo.*/
.Skin #LogoBar {
	background-color: #003366;
}

/* Typically untouched. Special coding for IE. */
* html .Skin #Logo {
	filter: none;
	background-image: none; /* remove the qualtrics logo for ie */
}
/* Use the following to add a custom logo. */
html .Skin #Logo {
	height: 100px; /* image height here */
	background: transparent url(logo.gif) no-repeat scroll 5px 15px;
}

/* The buttons background color at the bottom of the page. */
.Skin #Buttons {
	background-color: white;
    text-align: center;
}

/* Progress bar color. Displays at bottom of page. */
.Skin .ProgressBarFill {
	background: #000000;
}

/* To format all question text above each question. */
.Skin .QuestionText {
	font-size: 120%;
	padding:3px;
	border-width: 0 0 1px 0;
	border-style: solid;
	background: #EEEEEE;
}

/* .ReadableAlt is the alternating row color on questions where it is needed for readability
 * .LightBG is an accent color used on several question types.
 */
.Skin .ReadableAlt,
.Skin .LightBG {
	background: #EDF3FE;
}

/*Change hover color for Rank Order Drag and Drop questions.*/
/*.Skin .RO .DND ul li:hover {
	background: none repeat scroll 0 0 #EBE9D9;
}*/


/* Is the alternating row color on questions where it's not needed. */
.Skin .alt {
}

/* Is the non alternating color. Usually doesn't need to be touched. */
.Skin .reg {
}

/* Is a dark background color used an accent in several questions */
.Skin .DarkBG {
}

/* can be used to set the border color for all the quesions */
.Skin .BorderColor {
}

/* Example of "boxed look". Uncomment below */

.Skin .BorderColor {
	border-color: #000000;
}

/*Referenced in QuestionText style above.*/
/*.Skin .QuestionText{
	padding:10px;
	border-width: 0 0 1px 0;
	border-style: solid;
	background: #EEEEEE;
}*/

.Skin .QuestionOuter .InnerInner {
	border-width: 1px;
	border-style: solid;
}


/* Styles that highlight what the above things do. Uncomment below */
/*
.Skin .alt {
	background: lightgray;
}

.Skin .ReadableAlt {
	background: gray;
}

.Skin .LightBG {
	background: yellow;
}

.Skin .DarkBG {
	color: white;
	background: black;
}

.Skin .BorderColor {
	border-color: red;
}
*/