/* The page background */
#SurveyEngineBody {
    background: transparent url(bodyTile.gif) repeat-x scroll;
    background-color: #4A3C5C;
}

/* The background of the question area */
.Skin #SkinContent {
	background-color: white;
}

/* can customize the width, font */
.SkinInner {
	width: 800px;
	/*font-family: Arial, Verdana, sans-serif;*/
	/*font-size: 10pt;*/
}

/*The logo bar background color */
.Skin #LogoBar {
	background: transparent url(logoBG2.png) repeat-x scroll left top;
}

/* use the following to add a custom logo */
* html .Skin #Logo {
	filter: none;
	background-image: none; /* remove the qualtrics logo for ie */
}
html .Skin #Logo {
	height: 100px; /* image height here */
	background: transparent url(banner1-800px.gif) no-repeat scroll left top;
}

/* The buttons background color */
.Skin #Buttons {
	background-color: transparent;
    text-align: right;
}

/* progress bar color */
.Skin .ProgressBarFill {
	background: #949494;
}

/* The question text */
.Skin .QuestionText {
	font-size: 120%;
    padding: 3px;
    border-bottom: 1px solid #949494;
}

.Skin #Header {
  background: transparent url(topShadow800px.png) no-repeat scroll left bottom;
}

.Skin #Footer {
  background: transparent url(bottomShadow800px.png) no-repeat scroll left top;
}

/* .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: #E8E7EB;
}

/* 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: #B55d3f;
}
.Skin .QuestionText{
	padding:10px;
	border-width: 0 0 1px 0;
	border-style: solid;
	background: #FFFCF2;
}

.Skin .QuestionOuter .InnerInner {
	border-width: 1px;
	border-style: solid;
}
*/

/* Ugly 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;
}
*/

