/* The page background */
#SurveyEngineBody {
	background-color: white;
	background: transparent url(sky.jpg) repeat scroll left top;
}

/*.Skin #Header {
  background: transparent none/*kh examplelogo.png*/ no-repeat scroll left bottom;
}

.Skin #Footer {
  background: transparent none/*kh examplelogo.png*/ no-repeat scroll left top;
} */

/* The background of the question area */
.Skin #SkinContent {
	background-color: #fafdff;
	/*background: transparent url(SkyBackground.jpg) repeat scroll left top;*/
}

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

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

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

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

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

.Skin .ProgressBarFillContainer {
    border: 1px solid #A9CFF4;
    width: 150px;
}

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

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

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

/*Drag and Drop Rank Order click-on color*/
.Skin .RO .DND ul li:hover {
	background: #E1F0FF none repeat scroll 0 0;
}

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

/*Qualtrics link*/
.Skin #Plug {
font-size:95%;
text-align:center;
}

.Skin #Plug a {
color:#8E1616;
}

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

.Skin .QuestionOuter {
    padding: 0 20px;
}

.Skin .RO .DND .rank {
    background-color: #ABABAB;
    color: white;
    float: right;
    font-weight: bold;
    padding: 4px 8px;
    right: 4px;
    top: 6px;
}

.Skin .RO .DND ul.Edited .rank, .Skin .RO .DND ul.NotEdited li:hover .rank {
    background: none repeat scroll 0 0 #64b4d9;
    color: white;
    visibility: visible;
}