/* The page background */
#SurveyEngineBody {
	background-color: #616161;
}

/* The background of the question area */
.Skin #SkinContent {
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 35px solid #000066;
	
}
.Skin #Header{
	background: transparent url(topShadow800px.png) no-repeat scroll left bottom;
}
.Skin #Footer{
	background: none;
}

/* can customize the width, font */
.SkinInner {
	width: 800px;
	/*font-family: Arial, Verdana, sans-serif;*/
	/*font-size: 10pt;*/
}

.Skin .QuestionText{
	border-bottom: 3px solid #6D9DE6;
	
}

/*The logo bar background color */
.Skin #LogoBar {
	background-color: #ffffff;
}

/* 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: 150px; /* image height here */
	background: transparent url(banner.png) no-repeat scroll left top;
}

/* The buttons background color */
.Skin #Buttons {
	text-align: right;
    background: transparent url(Imag.png) no-repeat scroll left top;
	height: 37px;
}

/* progress bar color */
.Skin .ProgressBarFill {
	background: #BAB9C3;
}

/* The question text */
.Skin .QuestionText {
	font-size: 120%;
    padding: 3px;
}

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

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

/*To set white underline for SNGroup hyperlink in their Footers.*/
a.custom:link {
     text-decoration: underline;
     color: white;
}

a.custom:visited {
     text-decoration: underline;
     color: white;
}

a.custom:active {
     text-decoration: underline;
     color: white;
}

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



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