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

/* The background of the question area */
.Skin #SkinContent {
	background-color: black;
}

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

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

/* 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: 0px; /* image height here */
	background: none;
}

/* The buttons background color */
.Skin #Buttons {
	background-color: transparent;
    text-align: right;
}

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

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

.Skin .RO .DND ul li:hover {
	background: #363636;
}

.Skin .RO .DND ul li {
	background: black none repeat scroll 0 0;
}

.Skin .PGR .GroupNoDnd h2 {
	background: black;
	border: 1px solid gray;
}

/*Fixing the width of the text area box. It was expanding to 700px, but the skin is only 650px.*/
.Skin .TE textarea, .Skin .TE input {
width:600px;
}

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

/* Alters color of "Qualtrics" in the "Survey Powered By" */
.Skin #Plug {
font-size:95%;
text-align:center;
}
.Skin #Plug a {
	color: #E59D29;
}
.Skin a{
	color: gray;
}
/* 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 {
	background-color: #000;
}

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

.Skin .ReadableAlt {
	background: #151515;
}

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

.Skin .BorderColor {
	border-color: white;
}