body 
{
    background-color: #ffffff;
	font-size : 12px; 
	font-family: Verdana, Arial, Sans-Serif, Times New Roman;
	color: #333333;	 
}

/*li {color: White;}*/

#BackgroundTable
{
	text-align:left;
	
	width:805px;
	margin: 0 auto;
	height: auto;
}

#BuzzWrapper
{
	z-index: 0;
}


#Content
{   
   background-color: White; 
   margin: 20px; 
   padding-top: 20px;
   padding-bottom: 20px;
   height: auto;
}

#footer
{
    text-align:center;
}

.PageTitle
{
	float:left;
	font-size:20px;
	font-weight:bold;
	text-align:left;
	width: 95%;
}

/* Display the Instruction for the question */
.PageItemText
{
	float:left;
	text-align:Left;
	width: 100%;
	padding-top: 20px;
	padding-left: 10px;
}

/* Display the Instruction for the question */
.PositionInstruction
 {
	padding: 8px 8px 8px 25px;
	font-style:oblique;
 }

.QuestionHeader  
{
     /* float:left;
width: 100%; 
vertical-align: middle;
*/
	background-color: #EBEBEB;
	font-weight: bold;
}


.Type6_ValidatorPanel
{
     /*height:1px; */
	position: absolute;
	float:left;
	margin-left:150px;  
	margin-top:-10px;               
}


.Type8_ValidatorPanel
{
    position: absolute;
	float:left;
	
	left: -100px;
    /*visibility:hidden;
border: solid 1px black;
    overflow:hidden;*/
   
}

.Type10_ValidatorPanel
{
	 position: absolute;
	 float:left;
	 margin-left:40px;	 
}

.Type11_ValidatorPanel
{
	 position: absolute;
	 float:left;
	 margin-left:40px; 
	margin-top:-100px;   
}

.Type17_ValidatorPanel
{
	 position: absolute;
	 float:left;
}

.Type34_ValidatorPanel
{
	 position: absolute;
	 float:left;
	 margin-left:100px;
	  /*height:1px; */
}

.Type82_ValidatorPanel
{
	position: absolute;
	float:left;
	left:100px;                 
}
 
.QuestionOptions
{
}
 
 .OptionTable
{
	/*width: 100%;	*/
	
}

.QOptionOdd
{
	background-color:#ffffff;
	width:100%;	
	
}

.QOptionEven
{
	/*background-color:#ebebeb; 
	background-color:Gray;*/
	background-color:#ffffff;
	width:100%;
	
}

.QOptionCenter
{    
    text-align: center;
}

.QOptionColumns
{
    border: solid 1px #EBEBEB;   
}

.PercentageComplete
{
	margin-left:auto; 
	margin-right:auto;
}

.Matrix
{
	margin-left:auto; 
	margin-right:auto;
	width: 100%;
}

.MatrixContent
{
	text-align:center;
    border: solid 1px #EBEBEB;
}

.MatrixTop
{
	text-align:center;
	border: solid 1px #EBEBEB;
	width: 100px;

}



.MatrixSide
{
	text-align: right;
	border: solid 1px #EBEBEB;
	width:400px;
}



.MatrixLeftSide
{ 
	border: solid 1px #EBEBEB;
	width: 250px;
    padding-left: 6px;
}

.MatrixRightSide
{
	text-align: left;
	border: solid 1px #EBEBEB;
	width: 250px;
}

.MatrixRow
{
    
   
}

.MatrixLeftScale
{
    text-align:right;    
}

.MatrixRightScale
{
    text-align:left;
    
}

/** N-Points Scale Question CSS*/
.MatrixNPoint
{
	margin-left:auto; 
	margin-right:auto;
	width: 100%;
}

.MatrixNPointContent
{
	text-align:center;
    border: solid 1px #EBEBEB;
}

.MatrixNPointRow
{    
   
}



.MatrixNPointTop
{
    text-align:center;
	border: solid 1px #EBEBEB;
	padding: 10px;
	font-weight: bold;
	

}


.MatrixTopDontKnow
{
	text-align:center;
	border: solid 1px #EBEBEB;
}

.MatrixNPointSide
{
	text-align: right;
	border: solid 1px #EBEBEB;
}

.MatrixNPointLabelLeft
{
	font-weight: bold;
	text-align: right;
	border: solid 1px #EBEBEB;
	display:table-cell;
	vertical-align: middle;
}

.MatrixNPointLabelSpacer
{
	border: solid 1px #EBEBEB;
}

.MatrixNPointLabelRight
{
	font-weight: bold;
	text-align: left;
	border: solid 1px #EBEBEB;
	width: 150px;
	display:table-cell;
	vertical-align: middle;
}
/** N-Points Scale Question CSS*/



.MatrixSliderNumbers
{
    color: #000066;
	font-weight: bold;
	font-size: 16px;
}

.ImageAlignment
{
    text-align: center;
}

.ImageTable
{
    width: 100%;
}

.mainHeading 
{
	background-color: #92B6B6;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a {  color: #003366}

/* BuzzSlider styles */
.BuzzSlider_Rail
{
	position: relative;
	height: 15px;	
}

.BuzzSlider_Handle
{
	position: absolute;
}

.ButtonNext
{	
	background-color:Silver;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ComeBackLater
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: right;
}

/*.ValidationMessage
{

}
.ValidationMessageHighlight
{
}
*/


/* Validator Baloon */
.validatorBaloon_validatorcallout div, .validatorBaloon_validatorcallout td {border:solid 1px red;background-color:white;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_callout_arrow_cell .validatorBaloon_validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_callout_arrow_cell .validatorBaloon_validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.validatorBaloon_validatorcallout .validatorBaloon_validatorcallout_close_button_cell .validatorBaloon_validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}

/* Calendar */
.cal_Theme1 .ajax__calendar_container   {    background-color: #e2e2e2;     border:solid 1px #cccccc;}.cal_Theme1 .ajax__calendar_header  {    background-color: #ffffff;     margin-bottom: 4px;}.cal_Theme1 .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev    {    color: #004080;     padding-top: 3px;}.cal_Theme1 .ajax__calendar_body    {    background-color: #e9e9e9;     border: solid 1px #cccccc;}.cal_Theme1 .ajax__calendar_dayname {    text-align:center;     font-weight:bold;     margin-bottom: 4px;     margin-top: 2px;}.cal_Theme1 .ajax__calendar_day {    text-align:center;}.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,.cal_Theme1 .ajax__calendar_active  {    color: #004080;     font-weight: bold;     background-color: #ffffff;}.cal_Theme1 .ajax__calendar_today   {    font-weight:bold;}.cal_Theme1 .ajax__calendar_other,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {    color: #bbbbbb;}


.Type43_CurrentValue
{
	font-size: x-large;
}

.OrderText
{
	text-align: center;
	position: relative;
	font-weight: bold;
	font-size: 32px;
	font-family: Verdana, Tahoma, Arial;
	color: #303233;
}

.pnlButton {

	z-index: 1000;
/*border: 1px solid black;*/
}

.unwatermarked {
}

.watermarked {
    height: 18px;
    border: 1px solid #BEBEBE;
    background-color:#F0F8FF;
    color:gray;
} 



.DD_Canvas {

width:800px;
height:auto;
}

.panelHighlight{
    border: solid 2px blue; 
}

.panelStandard{
    /*border: solid 1px black; */
}

.panelContained 
{
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 0;
}
.GroupingText
{
    padding-top:15px;
	font-weight:bold;
	text-decoration:underline;
}

.AltTrLine
{
    /* background: #BACDC9; */
}

.AltTrLine td
{
    padding: 2px 6px 2px 6px;
}

.Type9_TextBox 
{
    width: 240px;
}

.OtherTextBox
{
    /** width: 400px; */
}


#score
{
    
    text-align: center; 
    float:right; 
    margin-top: 0px;
    width: 80px;
    
    
}

#scoretop {	
	float: right;	
	color: #002351;
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;
		 }

#scoremiddle {
	margin-top: 0px;
	margin-left: 0px;
	float: right;
	color: #cccccc;
	font-size: 40px;
}

#scorebottom {
		margin-top: 40px;
		margin-left: 0px;	
	float: right;	
	color: #002351;
	font-family: Verdana, Arial, sans-serif;
	font-size: 24px;	
	
}

.ButtonBack
{
    background-image: url(/common/images/buttonbg_btn.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    color: White;
    font-weight: bold;
}

.ButtonReload
{
    background-image: url(/common/images/reload.png);
    background-repeat: no-repeat;
    width: 31px;
    height: 30px;
    color: White;
    font-weight: bold;
}

/** Tempararily commented out - text is being truncated by background image.
.ButtonNext
{
    background-image: url(/common/images/buttonbg_btn.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 30px;
    color: White;
    font-weight: bold;
}
*/

p
{
    line-height: 140%;
}

.SurveyShowPointsConclusion
{
    padding: 20px;
    margin-top: 40px;
    font-size: 11px;
    background: #ebebeb; /* default background for browsers without gradient support */ /* css3 */
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#F5F5F5));
        background: -moz-linear-gradient(#ebebeb, #F5F5F5);
        background: -o-linear-gradient(#ebebeb, #F5F5F5);
        background: linear-gradient(#ebebeb, #F5F5F5);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: left;
        width: 90%;
        -moz-box-shadow: 3px 3px 3px #666;
        -webkit-box-shadow: 3px 3px 3px #666;
        box-shadow: 3px 3px 3px #666;
}

.SurveyShowPointsConclusion .GroupSignText
{
    width: 350px;
        height: 23px;
	-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
font-size: 12px;
color: #333333;
background: #F9F9F9;
        border: 1px solid #878787;
        padding-top: 4px;
        padding-left: 7px;
}

.SurveyShowPointsConclusion a
{
    font-weight: bold;
    font-size: 12px;
}


    
    .SurveyShowPointsConclusion:after
    {
        content: "";
        position: absolute;
        bottom: -40px;
        left: 40px;
        border-width: 0 20px 40px 0px;
        border-style: solid;
        border-color: transparent #ebebeb; /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }
