﻿#divFloater { margin-left:10px; display:none; position: absolute; background-color: Yellow; border-style: solid; border-width: 1px; border-color: Black; text-align: left; padding: 5px; height: auto; z-index: 1000; font-family: Arial; font-size: 11px; font-weight: bold; }

.progress-bar-container { background-color:white; width:300px; height:20px; vertical-align:middle; border:1px solid black; }
	.progress-bar-label { background-color:Transparent; position:absolute; top:inherit; left:inherit; width:299px; height:19px; text-align:center; z-index:100; }
	.progress-bar { height:20px; text-align:center; z-index:0; }
form { margin-top:8px; }

.instruction-text { display:block; }   
	html[dir=rtl] .instruction-text { float:right; text-align: right;}	
	
/* change the width to 937px to make the width be static for compatibility with what we have now 
   some OEMs change this is their own css */ 
.innerContainer { overflow:auto; width:937px; margin-left: auto; margin-right: auto;  }
	.headerText { margin-top: 10px; width:100%; float:left; }
	.headerImageContainer { line-height: 0; margin-bottom: 20px; }
.questionsContainer { margin-left:5%; margin-right:5%; float:left; margin-bottom: 25px; width:90%; }
	.questionContainer { float: left; width:100%; margin-bottom:15px; }
		.answer { float:left; }
		.question { position:relative; min-height:1px; float:left; }
	.lastQuestion { margin-bottom:20px; }

.firstQuestion { margin-top:30px; }
.questionHeader { margin-top:20px; }
.halfLine { width:45%; margin-right: 10px; }
.fullLine { width:100%; }
.lastQuestion { margin-bottom: 15px; }
/*.questionContainer.firstQuestion > .question.halfLine > .question-text { position:absolute; bottom:0; }*/

.category-header { margin-top:7px; margin-bottom:17px; line-height: 30px; word-wrap: break-word; }
	html[dir=rtl] .category-header { float:right; }

.center { margin-left:auto; margin-right:auto; display:block; }

.header-question-text { border-collapse: separate; border-spacing: 2px; border-color: gray; }

.bottomButtons { margin-bottom:20px; margin-left:40px; margin-right:40px; float:left; clear: both; }
	html[dir=rtl] .bottomButtons { float:right; }
	
td { vertical-align:bottom; }

.question-text { font-weight: bold; }

.answer-text { cursor:pointer; }

.required-question-text { font-weight: bold; }

#imgHeaderImage { margin-left:auto; margin-right:auto;  }

select { min-width:250px; -moz-appearance:none;-webkit-appearance: none;}

.floatingDiv { float:left; margin-left:30px; }

.dropdown-answer { cursor:pointer; display:block; }

.error-text { color:Red; margin-bottom:20px; }

.singleTextBox { margin-left:0; width:200px; }

.multilineTextBox { width:300px; height:40px; }

.checkBoxListContainer { width: 400px; height: 150px; overflow: auto; border-style: Inset; border-width: 2px; }

.descriptionText { font-style:italic; }

.unselectable { user-select:none; }

.footer { clear:left; }
	.footer > img {display:none; }

/* buttons */ 
input[type=button] { -moz-appearance:none; -webkit-appearance: none; border-radius: 0; border: 1px solid #6ED0F7; background: #6ED0F7; padding: 5px 10px; }
input[type=button]:hover{ background: #B5EBFF; cursor:pointer; }
input[type=button]:active{ background: #5096B2; }

/* text boxes */
textarea,
input[type=text] { border: 1px solid #c0c5cb; font-family: Verdana; font-size: 13px; padding-left: 5px; }

textarea { resize:vertical; }

/* select */
.customSelect { overflow:hidden; white-space: nowrap; cursor:pointer; background-color: white; background: url(../images/dropdownBG.png) no-repeat right center; width: 282px; padding: 7px 0 7px 10px;}
	html[dir=rtl] .customSelect {  overflow:hidden; white-space: nowrap; cursor:pointer; background-color: white; background: url(../images/dropdownBG_rtl.png) no-repeat left center; }

.customSelectInner {overflow:hidden; padding-top:10px; margin-left:-6px; width:225px;}



.finalMessage { float:left; width:100%; }
#lblFinalMsg { margin-top: 20px; display: block; }

.singleLineTextBox { cursor:default; clear:both; }
	.singleLineTextBox > span { width:200px; float:left; display:block; }
	
.hoverImage { margin-left: 3px; }

.welcomeText { margin-top: 19px; }
	.welcomeText .header { color:Black; margin-right:15px; }

/* make images not be larger than their container */
.constrainImgWidth { width:100%; }

.tooltip-text { font-style: italic; font-size: 75%; }

.dropdown-answer-comment-text{ display: inline-block;height: 26px;vertical-align: top;margin-top: 9px;margin-left: 2px; }