/* ******************** */
/* * Progress Bar     * */
/* ******************** */

.ProgressBar {
	font-size: 60%;
	margin: 0 auto;
}

.ProgressBarFill {
	background: #79797a;
	height: 10pt;
}

.ProgressBarFillContainer {
	width: 150px;
	border: 1px solid gray;
	text-align: left;
}

.END_OF_SURVEY .LoadingImage {
	padding-top: 10pt;
}
.SystemEndOfSurvey {
	text-align: center !important;
}

.SKIN_TABLE {
	margin: 0 auto;
}

.Separator {
	height: 20pt;
}

.SurveyError h1,
.SurveyError h2,
.SurveyError h3 {
	font-size: 100%;
	font-weight: normal;
}
.SurveyError h2 {
	font-weight: bold;
}
.LeadGenerator {
	padding-top: 10px;
}

* html .LeadGenerator img {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../WRQualtricsShared/Graphics/leadGenerator.png", sizingMethod="crop")
}

.LeadGenerator {
	text-align: center;
	padding-top: 10px;
}

.LeadGenerator img {
	border: 0px;
	width: 532px;
	height: 176px;
	background: url(../../WRQualtricsShared/Graphics/leadGenerator.png);
}

.ProgressBarContainer label {
	display: block;
	text-align: center;
}

.HeaderValidationError {
	color:white;
	padding: 10px 10px 20px;
	width: 90%;
    border-width: 1px;
    border-style: solid;
    margin: 0 auto 20px;
    border-color: #770000;
    background-color:#bb0000;
    	
	
}
.HeaderValidationError h1 {
	font-size:120%;
	margin-bottom: 7px;
}
.HeaderValidationError ul {
	font-size:100%;
	list-style-type:disc;
}
.HeaderValidationError li {
	list-style-type:disc;
	margin-left: 20px;
	margin-top: 4px;
	font-style:italic;
	clear:both;
}

.HeaderValidationError li a{
	cursor:pointer;
	color:white;
	font-weight:bold;
	font-style:normal;
}

/**
html elements
**/
ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
#ServerTime {
	display: none;
}
.zero {
	font-size: 0;
	height: 0;
}
th {
	font-style:normal;
	font-weight:normal;
	text-align: left;
}

caption {
	display: none;
}

div.ValidationError
{
	/* Validation error */
	color: red;
	font-weight: bold;
}


.Question {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11pt;
}

.QuestionBackground {
	background: #EEEEEE;
}

.QuestionTableHeader {
	width: 600px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-collapse: collapse;
	text-align: left;
}

.QuestionTableBody {
	width: 600px;
	border: 1px solid black;
	border-collapse: collapse;
	text-align: left;
}

.QuestionText {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
  	background: #EEEEEE;
}
.QuestionText dl,
.QuestionText ol,
.QuestionText ul,
.QuestionText li,
#Header dl,
#Header ol,
#Header ul,
#Header li,
#Footer dl,
#Footer ol,
#Footer ul,
#Footer li  {
	list-style-type: disc;
	margin-left:14pt;
}
.QuestionText ol,
.QuestionText ol li {
	list-style-type: decimal;
}
.QuestionBorder {
}

.Row {
	background: #EDF3FE;
}

.AlternateRow {
   background: #FFFFFF;
}

.ControlCell {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	width: 50px;
}

.ChoiceCell {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: smaller;
}

.IndentControlCell {
	padding-left:20px;
	width:30px;
}

.IndentChoiceCell {
	padding-left:7px;
}

.Skin .ChoiceGroup span {
	color: #888;
}

.Skin .ChoiceGroup td {
	padding: 5px;
	font-size: 10pt;
}

.CenterChoiceCell {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.FullChoiceCell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

.SmallInputBox {
	padding-right: 1px;
	padding-left: 1px;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 25px;
}

.SmallerFont {
	font-size: smaller;

}

.ChoiceCellHSpecific
{

}

.ChoiceCellVSpecific
{

}

.ControlCellHSpecific
{

}

.ControlCellVSpecific
{

}

.TextEntryBox
{

}
.Question H2{
	color:black;
	font-weight:bold;
}
.Question .DND .rank{
	float:right;
	right:2px;
	top:2px;
	font-weight:bold;
	padding:1px 5px;
	background-color:#666666;
	color:white;
}
.Question .DND ul li{
	padding:4px;
	cursor: pointer;
	position:relative;

}

.Question .DND .AlternateItem{
	background-color:#efefef ;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #ddd;
}
.Question .DND .RegularItem{
	background-color:white ;
}
/* for the alternate on the PGR Items box */
.Question .DND .Items .AlternateItem{
	background-color:white !important;
}
.Question .DND .Items .RegularItem{
	background-color:#EDF3FE !important;
}

/*
Timing
*/
.Question .Timing li {
	padding: 3px;
}

/* Carried Forward choice */
.Skin .CarryForwardSymbol{
	color:#577033; /* dark green */
	font-weight:bold;
	font-size:130%;
	line-height:70%;
}
/**
Grading
**/
.Grading .Inner {
	zoom: 1;
}

.Grading {
	padding: 0 10px;
	text-align: left;
}
.Grading .Inner{
	background: #FFFFC7;
	border: 1px solid #FFDC81;
	padding: 15px;
	color: black;
}

.Grading .Score {
	float: right;
	font-size: 35px;
	font-weight: bold;
}
.Grading .ChoiceStructure .Selected .Correct,
.Grading .Correct {
	color: #00A804;
}

.Grading .ChoiceStructure .Selected .Incorrect,
.Grading .Incorrect {
	color: #C00;
}

.Grading .GradingQuestionText {
	font-weight: bold;
}

.Grading .ChoiceStructure {
	padding-top: 5px;
}

.Grading .ChoiceStructure li {
	padding: 5px;
	margin-left: 10px;
}

.Grading .ChoiceStructure .Icon{
	width: 18px;
	height: 17px;
	float: left;
	margin-right: 5px;
}
.Grading .ChoiceStructure .Incorrect {
	color: #BF8D8D;
}

.Grading .ChoiceStructure .Correct {
	color: #8EC292;
}

.Grading .ChoiceStructure .Selected .Correct .Icon{
	background-image: url(../../WRQualtricsSurveyEngine/SEGraphics/gradingCheck.png);
}

.Grading .ChoiceStructure .Selected .Incorrect .Icon{
	background-image: url(../../WRQualtricsSurveyEngine/SEGraphics/gradingX.png);
}

.Grading .ChoiceStructure .Selected {
	font-weight: bold;
}

/* grading table */
.Grading table.ChoiceStructure .Icon{
	width: 18px;
	height: 17px;
	display: block;
	margin: 0 auto;
	float: none;
}

.Grading table.ChoiceStructure th {
	font-weight: bold;
}

.Grading table.ChoiceStructure td,
.Grading table.ChoiceStructure th {
	padding: 5px;
}

.Grading table.ChoiceStructure tbody td {
	text-align: center;
}

.Grading table.ChoiceStructure thead th,
.Grading table.ChoiceStructure thead td {
	border-bottom: 1px solid #FFDC81;
	text-align: center;
}
.Grading table.ChoiceStructure tbody th,
.Grading table.ChoiceStructure thead td {
	border-right: 1px solid #FFDC81;
	padding-left: 7px;
}

.Grading table.ChoiceStructure .Correct .Icon {
	background-image: url(../../WRQualtricsSurveyEngine/SEGraphics/gradingFadedCheck.png);
}

/** total score **/

.Grading .TotalScore .Correct,
.Grading .TotalScore .Incorrect {
	color: #262626;
}
.Grading .TotalScore .GradingQuestionText {
	line-height: 40px;
}
.Grading .TotalScore .QuestionBody {
	display: none;
}
.Grading .TotalScore .GradingQuestionText .Score {
	float: none;
	font-size: 14pt;
	color: #AD8416;
}
.Grading .TotalScore .GradingQuestionText span {
	vertical-align: middle;
}

/************
*  Heat Map
*************/
.HeatMap .QuestionBody{
	position: relative;		/* All region locations must be based off of this */
}
.HeatMapContainer {
	position:relative;
	margin: 0 auto;
}
.HeatMapContainer .point{
	width:4px;
    height:4px;
    position:absolute;
    background-color:#ffffff;
    border:1px solid #000000;
    z-index:5;
    font-size:0px;
    line-height:0px;
    cursor:crosshair;
}
.HeatMapContainer .chh{
	height:0px;
	position:absolute;
	border-bottom:1px solid #666666;
	border-top:1px solid #FFFFFF;
	font-size:0px;
	line-height:0px;
	cursor:crosshair;
}
.HeatMapContainer .chv{
	width:0px;
	position:absolute;
	border-left:1px solid #666666;
	border-right:1px solid #FFFFFF;
    font-size:0px;
    line-height:0px;
    zoom: 1;
    cursor:crosshair;

}
.HeatMapContainer img{
	cursor:crosshair;
	border:none important!;
}

/************
*  Hot Spot
*************/
.HotSpot .QuestionBody{
	position: relative;		/* All region locations must be based off of this */
}
.HotSpot .HotSpotContainer {
	position:relative;
	margin: 0 auto;
}
.HotSpot .HotSpotContainer img{
	cursor: pointer;
}
.HotSpot .Region {
	display: block;
	position: absolute;
	outline: 0;	/* Don't let FF put a dotted border around the a href */
}
.HotSpot .Region:hover
{
	border: 1px solid #666666;
}
.HotSpot .Region:hover .RegionInner
{
	border: 1px solid #FFFFFF;
}
.HotSpot .RegionInnerInner{
	background-color: #FFFFFF;
	filter: alpha(opacity=0);
	opacity: 0.0;
}
.HotSpot .Like .RegionInner .RegionInnerInner{
	background-color: #0F0;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.HotSpot .Dislike .RegionInner .RegionInnerInner{
	background-color: #F00;
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.LanguageSelectorContainer
{
	text-align: right;
	padding-right: 10px;
}
.LanguageSelectorContainer a
{
	color: black;
}
/*******
 *  Accessibility needs text positioned off screen
 * ****/
 .offScreen{
 	position: fixed;
 	_position: absolute;
	left: -9999px;

 }

/* ******************** */
/* * QUESTION TYPES   * */
/* ******************** */

/* ------------------------------------------------- */
/* - QUESTION TYPE: Conjoint */
/* ------------------------------------------------- */


.Conjoint {
	font-family: Verdana, Arial, serif;
	font-size: 10pt;
}

.Conjoint .QuestionText{
   text-align: left;
   margin-right: 5px;
   color: blue;
   font-family: Verdana, Arial, serif;
   font-size: 10pt;
   font-weight: normal;
   width: 600px;
}

.Conjoint .Table {
	background: #EEEEEE;
	width: 600px;
   	border-top: 1px solid black;
   	border-left: 1px solid black;
   	border-right: 1px solid black;
   	border-bottom: 1px solid black;
   	border-collapse: collapse;
}

.Conjoint .LeastMostTable,
.Conjoint .EliminationTable {
	margin-top: 12pt;
}

.Conjoint .PreferredTextCell {
	border-bottom: 1px solid #B4B4B4;
	border-top: 1px solid black;

	padding-right: 5px;
	padding-left: 5px;

	text-align: center;
	color: black;
	font-family: Verdana, Arial, serif;
	font-size: 10pt;
	font-weight: normal;
	border-left: 1px solid #B4B4B4;
}

.Conjoint .FeatureCell {
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #B4B4B4;
	border-top: 1px solid black;

   text-align: left;
   margin-right: 10px;
   color: black;
   font-family: Verdana, Arial, serif;
   font-size: 10pt;
   font-weight: normal;
}

/* ************ Level Cells ************** */

.Conjoint .LevelRow {
	background: white;
}

.Conjoint .LevelSelectionCell  {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: center;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
   	width: 30px;
}

.Conjoint .LevelTextCell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: Left;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
}

/* ************ Alternate Level Row ************** */

.Conjoint .Alternate_LevelRow {
	background: #EDF3FE;
}

/* ************ Least Most Columns ************** */
.Conjoint .LeastCell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: center;
   	width: 100px;
	border-left: 1px solid #B4B4B4;
}

.Conjoint .MostCell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: center;
   	width: 100px;
	border-left: 1px solid #B4B4B4;
}

.Conjoint .LevelLeftTextCell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: Left;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
   	width: 400px;
}

/* *********** level of preference (LOP) *********** */
.Conjoint .LeastMostHeaderCell {
	border-bottom: 1px solid #B4B4B4;
	border-top: 1px solid black;

   text-align: center;
   margin-right: 10px;
   color: black;
   font-family: Verdana, Arial, serif;
   font-size: 10pt;
   font-weight: normal;
}

.Conjoint .LOPHeaderCell {
   	text-align: center;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
   	width: 20px;
	border-left: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	border-top: 1px solid black;
}

.Conjoint .LOPCell {
   	text-align: center;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
   	width: 20px;
	border-left: 1px solid #B4B4B4;
}

/* ******* Constant Sum ******** */
.Conjoint .ValueBox {
	padding-right: 1px;
	padding-left: 1px;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 25px;
}

.Conjoint .TotalTextCell {
	padding-left: 5px;
	border-top: 1px solid #B4B4B4;

   text-align: left;
   margin-right: 10px;
   color: black;
   font-family: Verdana, Arial, serif;
   font-size: 10pt;
   font-weight: bold;
}

.Conjoint .ValueBoxCell {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: center;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
   	width: 50px;
}

.Conjoint .TotalValueBoxCell {
	padding-left: 5px;
	border-top: 1px solid #B4B4B4;

	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
   	text-align: center;
   	color: black;
   	font-family: Verdana, Arial, serif;
   	font-size: 10pt;
   	font-weight: normal;
   	width: 80px;
}

/* -------------------------------------------------- */
/* - QUESTION TYPE: New CONSTANT SUM STYLES	    	- */
/* -------------------------------------------------- */

/* --- Constant Sum: text entry box --- */
.Question .CS .QuestionTableBody{
	background-color:white;
}
.CSValueBox {
	padding-right: 1px;
	padding-left: 1px;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 25px;
}

.CSTotalTextCell {
   	border-top: 1px solid black;
   	background: #b4b4b4;
   	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
}

.CSTotalCell {
   	border-top: 1px solid black;
   	background: #b4b4b4;
   	color: black;
	padding-top: 5px;
	padding-bottom: 5px;
}

.CSTotalBox {
	border: 1px solid #747474;
	padding-right: 1px;
	padding-left: 1px;
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 30px;
}

.CSChoice {
	padding-left: 15px;
}

/* -------------------------------------------------- */
/* - Bar Constant sum styles   	- */
/* -------------------------------------------------- */

/**
* CS Sliding Bars 
*/
.Question .horizontalbar tr.xlabel td{
	/* top values */
	border-bottom:1px solid #cccccc;
	position:relative;
}
.Question .horizontalbar thead table.LabelDescriptions tr td,
.Question .horizontalbar thead tr td.NotApplicable{
	padding:5px;
	padding-bottom:10px;	
	text-align:center;
	color:#666;
	vertical-align:bottom;
}
.Question .horizontalbar thead tr td.NotApplicable{
	padding-left:0px;	
	padding-right:0px;	
}


.Question .horizontalbar table.LabelDescriptions .LabelCount3 td.First,
.Question .horizontalbar table.LabelDescriptions .LabelCount2 td.First{
	text-align:left;
}
.Question .horizontalbar table.LabelDescriptions .LabelCount3 td.Last,
.Question .horizontalbar table.LabelDescriptions .LabelCount2 td.Last{
	text-align:right;
}
.Question .horizontalbar thead td span.TickContainer{
	position:relative;
	display:block;
	height:15px;
}

.Question .horizontalbar tr.xlabel td span.TickContainer span{
	position:absolute;
	bottom:0px;
	width:100%;
	left:50%;
	text-align:center;
}
.Question .horizontalbar tr.xlabel th div{
	position:relative;
}
.Question .horizontalbar table.sliderGrid tr.xlabel th div span{
	/* to make them shift right and align to the grid lines */
	position:absolute;
	left:15px;
	top:-25px;
}

/**
* LeftBorder is the big dark seperating line. 
*/
.Question .horizontalbar tbody .LeftBorder{
	border-left:2px solid #333;	
	width:0px;
}
.Question .horizontalbar tbody .RightBorder{
	border-right:1px solid #aaa;	
	width:0px;
}
.Question .horizontalbar thead .RightBorder,
.Question .horizontalbar thead .LeftBorder{
	border-right:none;	
	border-left:none;	
}
.Question .horizontalbar .Slider tbody .LeftBorder,
.Question .horizontalbar .Slider tbody .RightBorder{
	width:8px;
}
.Question .horizontalbar td.BarOuter{
	vertical-align:middle;
	width:1px;
	font-size:0px;
}
.Question .horizontalbar .BarContainer{
	position:relative;
	top:-10px;
}
.Question .horizontalbar {
	margin:10px 0;
	margin-left:8px;
	zoom:1;
}

.Question .horizontalbar th{

}
.Question .horizontalbar .bar,
 .Question .horizontalbar .handle,
  .Question .horizontalbar .track{
	height:20px;
}
.Question .horizontalbar .track{
	position:absolute;
	width:300px;
	top:0px;
	z-index:1000;
	
}
.Question .horizontalbar .bar,
.Question .horizontalbar .handle{
	top:0px; /* to give the bars some middle positioning within the track */
}

.Question .horizontalbar .bar{
	position:absolute;
	left:0px;
	width: 100px;
	background-color:#666666;
	z-index:500;
	font-size:0;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}


html > body .Question .horizontalbar .bar{
	/* for firefox and safari (and IE 7 in the future) 
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	background: white url(../../WRQualtricsShared/Graphics/bars/bar_gray_stripes.png) repeat-x left top;
	
	*/
	/* these are all the available images:
	background: transparent url(images/bar_blue_stripes.png) repeat-x left top;
	background: transparent url(images/bar_red_stripes.png) repeat-x left top;
	background: transparent url(images/bar_blue_glossy.png) repeat-x left top;
	background: transparent url(images/bar_yellow_stripes.png) repeat-x left top;
	background: transparent url(images/bar_blue.png) repeat-x left top;
	background: transparent url(images/bar_gray_glossy.png) repeat-x left top;
	*/
}
.Question .horizontalbar .activated,
.Question .horizontalbar td.barTd:hover .bar{
	background-color:#0065d5;
}
html > body .Question .horizontalbar  .activated,
html > body .Question .horizontalbar td.barTd:hover .bar{
	/*
	background: white url(../../WRQualtricsShared/Graphics/bars/bar_blue_stripes.png) repeat-x left top;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);*/
}

.Question .horizontalbar .handle{
	position:absolute;
	width:1px;
	height:1px;
	cursor:move;
	z-index:500;
}

.Question .horizontalbar table.sliderGrid{
	empty-cells:show;
	overflow:hidden;
}
.Question .horizontalbar td{
	padding:0;
	margin:0;
}



/* value styles */
.Question .horizontalbar table.sliderGrid tr.xlabel th.value div span{
	/* total th should be aligned right */
	position:absolute;
	right:0px;
	top:-25px;
	text-align:right;
}
.Question .horizontalbar table.sliderGrid tr td.value{
	width:1px;/* this is to shrink it in when it has a hidden input */
	text-align:center;
	padding-left:5px;
}
.Question .horizontalbar table.sliderGrid tr td.value input{
	width:80px;
	background-color:transparent;
	border:none;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
}
.Question .horizontalbar table.sliderGrid tr td.totalValue{
	text-align:left;
	border:none;
}
.Question .horizontalbar table.sliderGrid tr td.totalValue input{
	width:80px;
	background-color:transparent;
	border:none;
	text-align:left;
}
/* side labels (choices)*/
.Question .horizontalbar th.ylabel{
	text-align:right;
	padding:5px;
}
.Question .horizontalbar table.sliderGrid tr th.total{
	padding:5px;
	text-align:left;
	border:none;
}
.Question .horizontalbar table.sliderGrid td.GridLine{
	font-size:0px;
	
	border-right:1px solid #f2f2f2;
	border-left:1px solid transparent;/* ie need this to  render the gridlines the correct size */
	_border-left:1px solid white;/* ie6 cant do transparent so it will be ugly */
}
.Question .horizontalbar table.sliderGrid td.GridLine,
.Question .horizontalbar table.sliderGrid td.BarOuter,
.Question .horizontalbar tbody .LeftBorder,
.Question .horizontalbar tbody .RightBorder,
.Question .horizontalbar tbody .NotApplicable{
	border-bottom:1px solid #ccc;
}
.Question .horizontalbar thead .NotApplicable{
	vertical-align:bottom;
}
.Question .horizontalbar tbody .NotApplicable{
	border-right:1px solid #aaa;
	text-align:center;
	width:80px;
}
/* end grid */
/* bars */
.Question .horizontalbar .trackHolderRel{
	position:relative;
	left:0px;
	top:0px;
	margin:0px;
}
.Question .horizontalbar .ylabel{
	border-bottom:1px solid #cccccc;
}
.Question .horizontalbar .barTd,
.Question .horizontalbar .yLabelTicksTd{
	position:relative;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
	/*float:left;  this puts the relative left at the start of the td instead of the screen */
}

.Question .horizontalbar .yLabelTicksTd .labelTicks div{
	position:absolute;
	top:.2em;
	text-align:right;
	font-size:80%;
}
.Question .horizontalbar .AlternateRow{

}

/**
* Slider Type Styles
*/ 
.Question .horizontalbar .Slider .LeftBorder{
		
}
.Question .horizontalbar .Slider .BarContainer{
	top:-15px;
}
.Question .horizontalbar .Slider th.ylabel{
	padding:20px;
}
.Question .horizontalbar .Slider .track{
	height:30px;
	background:url('../Graphics/slidersprites.png') repeat-x -0px -43px;
	opacity:0.5;
}
.Question .horizontalbar .Slider .bar{
	display:none;
}
.Question .horizontalbar .Slider .handle{
	width:10px;
	height:32px;
	background:url('../Graphics/slidersprites.png');
}
.Question .horizontalbar .Slider .activated .track,
.Question .horizontalbar .Slider .BarContainer:hover .track{
	opacity:1;
}
.Question .horizontalbar .Slider .activated .handle,
.Question .horizontalbar .Slider .BarContainer:hover .handle{
	background-position:-10px 0px;
	
}




/* -------------------------------------------------- */
/* - QUESTION TYPE: DB - Descriptive Block		    - */
/* -------------------------------------------------- */

/* --- Text Block--- */

.DBTable {
	width: 600px;
   	border: 1px solid black;
	background: white;
	text-align: center;
    font-size: 10pt;
}

/* -------------------------------------------------- */
/* - QUESTION TYPE: New DD SUM STYLES	    	- */
/* -------------------------------------------------- */

.DD .ChoiceCell {
	padding-left: 5px;
}

.DDMenu {
	color: black;
   	background: white;
   	font-size: 9pt;
    border: 1px solid #888888;
}

.DD th {
	width: 30%;
}

/* ---------------------------------------------- */
/* - GAP									    - */
/* ---------------------------------------------- */
.GAP_QuestionText{
   text-align: left;
   margin-right: 5px;
   color: blue;
   /* font-family: Verdana, Arial, serif; */
   font-size: 12pt;
   font-weight: normal;
}

.GAP_Table {
}

.GAP_Row {
}

.GAP_AnalysisType {
   border-bottom: 1px solid #B4B4B4;
   border-collapse: collapse;
   border-right: 1px solid #B4B4B4;
   border-top: 1px solid #B4B4B4;
   background: white;
}

.GAP_LeftMeasureTop {
   background: #F4F4F4;
   border-top: 1px solid #B4B4B4;
   border-left: 1px solid #B4B4B4;

   border-collapse: collapse;
}

.GAP_RightMeasureTop {
   background: #F4F4F4;
   border-top: 1px solid #B4B4B4;

   border-right: 1px solid #B4B4B4;

   border-collapse: collapse;
}

.GAP_AnalysisCat {
   text-align: left;
   margin-right: 5px;
   color: black;
   /* font-family: Verdana, Arial, serif; */
   font-size: 10pt;
   font-weight: bold;
}

.GAP_MeasureButton {
   border-bottom: 1px solid #B4B4B4;

   border-collapse: collapse;
}

.GAP_EntryItemLeftBorder{
   border-left: 1px solid #B4B4B4;
   background: white;
}

.GAP_ChoiceText {
   text-align: left;
   margin-right: 5px;
   color: black;
   /* font-family: Verdana, Arial, serif; */
   font-size: 8pt;
   font-weight: normal;
}

.GAP_FirstItems {
   text-align: center;
   background: white;
}

.GAP_LeftItem {
   text-align: center;
   background: #F4F4F4;
   border-left: 1px solid #B4B4B4;
   border-collapse: collapse;
}

.GAP_SelectedItem {
   text-align: center;
   background: #F4F4F4;
}

.GAP_FollowOnText {
   text-align: center;
   color: blue;
   /* font-family: Verdana, Arial, serif; */
   font-size: 8pt;
   font-weight: normal;
}

.GAP_RightBorder {

   background: #F4F4F4;
   border-right: 1px solid #B4B4B4;
   border-collapse: collapse;
}

.GAP_ChoiceCell {
   background: white;
   border-right: 1px solid #B4B4B4;
}

.GAP_BottomDotted {
   border-bottom: 1px solid #B4B4B4;
}

.GAP_BottomSelected {
   background: #F4F4F4;
   border-bottom: 1px solid #B4B4B4;

   border-collapse: collapse;
}

.GAP_BottomSelectedCorner {
   background: #F4F4F4;
   border-bottom: 1px solid #B4B4B4;
   border-left: 1px solid #B4B4B4;
   border-collapse: collapse;
}

.GAP_TopLeftCorner {
   border-bottom: 1px solid #B4B4B4;
   border-left: 1px solid #B4B4B4;
   border-top: 1px solid #B4B4B4;
   border-collapse: collapse;
   background: white;
}

.GAP_TopItemLeft {
   border-bottom: 1px solid #B4B4B4;
   border-top: 1px solid #B4B4B4;
   background: white;
}

.GAP_TopItem {
   border-bottom: 1px solid #B4B4B4;
   border-top: 1px solid #B4B4B4;
   background: white;
}

.GAP_TopItemRight {
   border-bottom: 1px solid #B4B4B4;
   border-top: 1px solid #B4B4B4;
   background: white;
}

.GAP_TellUsWhy {
   text-align: center;
   color: #666666;
   /* font-family: Verdana, Arial, serif; */
   font-size: 12pt;
   font-weight: bold;
}

/* -------------------------------------------------- */
/* - QUESTION TYPE: New Matrix SUM STYLES	    	- */
/* -------------------------------------------------- */

.AnswerHeader {
	text-align: center;
	font-size: smaller;
	border-bottom: 1px solid #B4B4B4;
}
.RepeatHeader {
	text-align: center;
	
	border-bottom: 1px solid #B4B4B4;
	border-top: 1px solid #B4B4B4;
}
.Matrix .ChoiceRow:hover{
	background-color:#fefbe7;
}
.AnswerHeaderChoiceColumn {
	/* this is used for dynamically setting the choice width */
	border-bottom: 1px solid #B4B4B4;
}

.AnswerLeft {
	text-align: left;
	font-size: smaller;
}

.AnswerRight {
	text-align: right;
	font-size: smaller;
}

.RightAnswerCell {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}

.LeftAnswerCell {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.CenterAnswerCell {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Matrix .ChoiceCell {
	padding-left: 5px;
	padding-right: 5px;
}

.MatrixDL {
	color: black;
   	background: white;
   	font-size: 9pt;
    border: 1px solid #888888;
}

.MatrixCSTotal {
	background: #b4b4b4;
   	color: black;
	border-left: 1px solid black;
	text-align: center;
}

.MatrixCSHeader {
	text-align: center;
	font-size: smaller;
}

.MatrixCSTotalTranspose {
	background: #b4b4b4;
   	color: black;
   	border-top: 1px solid black;
   	padding-top: 4px;
   	padding-bottom: 4px;
}

.MatrixCSTotalBox {
	border: 1px solid #747474;
	color: black;
	width: 30px;
	padding-right: 1px;
	padding-left: 1px;
}


/* ******************** */
/* * QUESTION TYPES   * */
/* ******************** */

.MCMenu {
	color: black;
   	width: 550px;
   	background: white;
   	font-size: 9pt;
   	width:auto;
}

.MCSelect {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 575px;
}

.MCSelectBorder {
	text-align: left;
	padding: 10px;
}

.MCHorizontalLeft li {
	float: left;
	padding-right: 12pt;
}


/* ******************** */
/* * QUESTION TYPES   * */
/* ******************** */

/* ------------------------------------------------- */
/* - QUESTION TYPE: PGR                            - */
/* ------------------------------------------------- */

/* Group table */
.GroupTable {
	/* background: #f5f5f5; */
	background: white;
}

.GroupTable th {
	border: 1px solid gray;
	background: #c1cfe3;
	font-weight: normal;
}

.GroupTable td {
}

.GroupTable Input {
	width: 25px;
}

.GroupTable select {
	width: 140px;
	/* background: #afc2de; */
}

/* item table */
td.itemsContainerTd{
	padding:10px;
}
.ItemTable {
	background: #f5f5f5;
	width: 100%;
}

.ItemTable th {
	border: 1px solid gray;
	background: #c1cfe3;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ItemTable td {
	text-align: center;
}

.ItemTable Input {
	width: 100%;
}

.ItemTable select {
	width: 150px;
		/* background: #afc2de; */
	}

/** other styles */
.LargeGroupTable {
	border-left: 1px dotted gray;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	/* background: #f6f6f6; */
}

.LargeGroupTD {
	border-left: 1px dotted gray;
	margin-left: 0px;
	/* width: 100%; */
	text-align: center;
	/* background: #f6f6f6; */
	width: 420px;
}


div.GroupInputName input {
	width: 75px;
}

.NumGroups {
	padding-top: 5px;
	font-size: smaller;
}

.LeftBorder {
	border-left: 1px solid gray;
	padding-top: 5px;
	padding-left: 5px;
}

.RightBorder {
	border-right: 1px solid gray;
	padding-right: 5px;
	padding-top: 5px;
}

.BottomBorder {
	border-bottom: 1px solid gray;
	padding-bottom: 5px;
}


/* ******************** */
/* * QUESTION TYPES   * */
/* ******************** */

/* ------------------------------------------------- */
/* - QUESTION TYPE: PGR Drag And Drop              - */
/* ------------------------------------------------- */ 

/* overrides to PGR.css */

.Question .PGR .DND td.itemsContainerTd{
	padding:0px;
	border-right:1px solid #aaaaaa ;
	vertical-align: top;
	height:100%;
}
.Question .PGR .DND td.groupsContainerTd{
	vertical-align: top;
}
/* end overrides to PGR.css */

.Question .PGR .DND ul{
	list-style: none;
	height: 150px; /* min height for ie < 7 */
	width: 150px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #aaaaaa;
	border-collapse:collapse;
	margin: 0;
	padding: 0;
	text-align:left;
}

html > body .Question .PGR .DND ul{
	min-height:150px;/* min height for good browsers */
	height:auto;
}
.Question .PGR .DND ul li{
	/* basequestion overrides go here */
}
html > body .Question .PGR .DND ul li{
	
}
.Question .PGR .DND ul li:hover, .dragAndDropPGRquestion .DND ul li.over{
	border:1px solid #cccccc !important;
}
.Question .PGR .DND .Group h2,
.Question .PGR .DND .Items h2{
	height:20px;
	line-height:20px;
	font-size:12px;
	margin:0;
	padding:0;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#aaaaaa;
	text-align:center;
	display:block;
}
.Question .PGR .DND .Items{
	margin: 0px;
	padding:0;
	height:100%;
	
}
.Question .PGR .DND .groupsTd{
	width:100%;
	padding-bottom:5px;
	
}
.Question .PGR .DND .Group{
	float: left;
	margin-left: 2px;
	margin-top: 2px;
}
.Question .PGR .DND .Items  h2{
	padding-top:5px;
	border:none;
}
.Question .PGR .DND .Items ul{
	border:none;
	height:150px;
	
}
html>body .Question .PGR .DND .Items ul{
	min-height:150px;
	height:auto;
}
.Question .PGR .DND .Group ul,
 .Question .PGR .DND .Group h2,
 .Question .PGR .DND .Items ul,
 .Question .PGR .DND .Items h2{
	width:195px;
}
.Question .PGR .DND .Items ul li{
	background:transparent url(../../WRQualtricsShared/Graphics/Spacer.gif) top left;
	border:none !important;
}
.Question .PGR .DND .Items ul li .rank{
	display:none;
}


.Question .PGR .DND .Group .label{
	
}

.Question .PGR .DND .rank{
	/* basequestion overrides go here */
}
.Question .PGR .DND .clear{
	clear:both;
	visibility:hidden;
}

.Question .PGR .DND td.groupsContainerTd div.noColumns ul,
.Question .PGR .DND td.groupsContainerTd div.noColumns h2 {
	width:350px;
	margin-left:18px;

}

/* ------------------------------------------------- */
/* - QUESTION TYPE: RO - RANK ORDER QUESTION	   - */
/* ------------------------------------------------- */

.ROControls {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 20px;
	background: #B4B4B4;
}

.ROSelectionButton {
	width: 20px;
}

.ROSelectionBox {
	color: black;
	font-size: 10pt;
	font-weight: normal;
	width: 100%;
}

.ROBox {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 25px;
}

/* DRAG AND DROP */
.Question .RO .DND{
	
}
.Question .RO .DND ul{
	height:10px;
	list-style: none;
	border-collapse:collapse;
	margin: 0;
	padding: 0;
	text-align:left;
}
html > body .Question .RO .DND ul{
	height:auto;
}
.Question .RO .DND .rank{
	
}
.Question .RO .DND ul li{
	/* ie needs a width or it wont be clickable in empty spaces 
	but firefox doesnt like width 100% so we we set it back to auto for FF */
	width:100%; 

	
}
html > body .Question .RO .DND ul li{
	width:auto;
}
.Question .RO .DND ul li img{
	
}
.RBChoice {
	padding-left: 5px;
	width: 40%;
}

/* ------------------------------------------------- */
/* - QUESTION TYPE: Sliding Scale    		   	   - */
/* ------------------------------------------------- */

.SBSHeadingRow {
	background: white;
}

.SBSQuestionText {
	text-align: center;
	border-bottom: 1px solid #D4D4D4;
	font-size:smaller;
	padding: 1px;
}

.SBSQuestionSeparator {
	width: 1px;
	
	background-color:#d4d4d4;
	margin-left: 5px;
	margin-right: 5px;
	
}
.SBS .CenterAnswerCell input{
	margin:0px 10px;
}

/* ------------------------------------------------- */
/* - QUESTION TYPE: Sliding Scale    		   	   - */
/* ------------------------------------------------- */

.QuestionTextBorder {
   	border: 1px solid black;
}

/* ------------------------------------------------- */
/* Modify the styles below for specific borders.
/* For example, when text is placed below, you may want
/* a different border on the TOP instead of the Bottom.
/* Note: You may also have to take off border-collapse
/* in the QuestionBorder class in BaseQuestion.css.
/* ------------------------------------------------- */
.QuestionTextBorderLeft {
/*	border-left: 1px solid black; */
}
.QuestionTextBorderRight {
/* 	border-right: 1px solid black; */
}
.QuestionTextBorderTop {
/* 	border-top: 1px solid black; */
}
.QuestionTextBorderBottom {
/* 	border-bottom: 1px solid black; */
}

/* ------------------------------------------------- */
/* - QUESTION TYPE: TE - Text Entry			       - */
/* ------------------------------------------------- */

.TE .ChoiceCell {
	padding-left: 5px;
}

.TEMLBox {
	color: black;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	width: 575px;
	height: 70px;
}

.TEPassword {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 575px;
	height: 20px;
}

.TESLBox {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 575px;
	height: 20px;
}

.TEEssayBox {
	color: black;
	font-size: 8pt;
	font-weight: normal;
	width: 580px;
	height: 200px;
}

.TEBorder {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.TESLInlineSmall {
	width: 20%;
}

.TESLInlineMedium {
	width: 50%;
}

.TESLInlineLong {
	width: 90%;
}

.TEEssayLong {
	width: 90%;
	font-family: Arial;
	font-size: 10pt;
}