﻿/************************
  Base Style
*************************/

.legacyEditModeWrapper
{
    background-color:White;
}

.QuestionControl
{
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	width: 482px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

.QuestionControl Table.Content
{
	padding: 0;
	margin: 0px 0px 5px 0px;
	border-spacing: 0;
	border-collapse:collapse;
	height: 75px;
}

.QuestionControl Table.Content Td
{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.QuestionControl .Number
{
	color: #999999;
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	height: 50px;
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

.QuestionControl .Question
{
	padding: 5px 10px 5px 10px;
}

.QuestionControl .Answers
{
	margin-left:10px;	
	padding: 5px 0px 5px 0px;
	width: 420px;
}

.QuestionControl .Answers Table Td
{
	vertical-align: middle;	
}

.QuestionControl .InputBox
{
	width: 300px;
}

.QuestionControl .InputBoxCity
{
	width: 106px;
}

.QuestionControl .InputBoxZip
{
	width: 60px;
}

.RadioRankOff
{
	background: url(radio-0.gif) center no-repeat; cursor: pointer;
	height: 15px;
	width: 15px;
	display: inline-block;
}

.RadioRankOn
{
	background: url(radio-1.gif) center no-repeat; cursor: pointer;
	height: 15px;
	width: 15px;
	display: inline-block;
}

.RadioOff
{
	height: 15px;
	width: 15px;
	background: url(radio-0.gif) center no-repeat; cursor: pointer;
	cursor: pointer;
}

.RadioOn
{
	height: 15px;
	width: 15px;
	background: url(radio-1.gif) center no-repeat;
	cursor: pointer;
}

.CheckOff
{
	height: 20px;
	width: 20px;
	background: url(check-0.gif) center no-repeat;
	cursor: pointer;	
}

.CheckOn
{
	height: 20px;
	width: 20px;
	background: url(check-1.gif) center no-repeat;
	cursor: pointer;
}

.Button0_On
{
	background: url(button-0-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button0_Off
{
	background: url(button-0-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}

.Button1_On
{
	background: url(button-1-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button1_Off
{
	background: url(button-1-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button2_On
{
	background: url(button-2-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button2_Off
{
	background: url(button-2-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button3_On
{
	background: url(button-3-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button3_Off
{
	background: url(button-3-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button4_On
{
	background: url(button-4-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button4_Off
{
	background: url(button-4-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button5_On
{
	background: url(button-5-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button5_Off
{
	background: url(button-5-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button6_On
{
	background: url(button-6-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button6_Off
{
	background: url(button-6-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button7_On
{
	background: url(button-7-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button7_Off
{
	background: url(button-7-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button8_On
{
	background: url(button-8-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button8_Off
{
	background: url(button-8-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button9_On
{
	background: url(button-9-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button9_Off
{
	background: url(button-9-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button10_On
{
	background: url(button-10-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button10_Off
{
	background: url(button-10-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button11_On
{
	background: url(button-11-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Button11_Off
{
	background: url(button-11-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.ButtonNA_On
{
	background: url(button-na-new-1.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.ButtonNA_Off
{
	background: url(button-na-new-0.gif) center no-repeat;
	cursor: pointer;
	height: 18px;
	font-size: 12px;
	width: 28px;
	display: inline-block;
}
.Yes_Off
{
	height: 21px;
	width: 47px;
	float: left;
	background: url(yes-0.gif) center no-repeat;
	cursor: pointer;
	display: inline-block;
	float:left;
}
.Yes_On
{
	height: 21px;
	width: 47px;
	float: left;
	background: url(yes-1.gif) center no-repeat;
	cursor: pointer;
	display: inline-block;
	float:left;
}
.No_Off
{
	height: 21px;
	width: 47px;
	float: left;
	background: url(no-0.gif) left no-repeat;
	cursor: pointer;
	display: inline-block;
}
.No_On
{
	height: 21px;
	width: 47px;
	float: left;
	background: url(no-1.gif) left no-repeat;
	cursor: pointer;
	display: inline-block;
}
/************************
  Bar Style
*************************/

.QuestionBar
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 482px;
	height: 24px;
	background-image: url(bar2.gif);
}

.QuestionBarHeader
{
    border: 0px;
	padding: 0px;
	margin: 0px;
	width: 482px;
	height: 24px;
	background-image: url(bar2.gif);  
}


/************************
  NameAddressGeneral Style
*************************/

.QuestionNameAddressGeneral .Answers Table Td
{
	text-align: right;
}

/************************
  NameAddressUS Style
*************************/

.QuestionNameAddressUS .Answers Table Td
{
	text-align: right;
}

/************************
  OpenEndedTextArea Style
*************************/
.QuestionOpenEndedTextArea textarea
{
	width: 380px;
	height: 70px;
}

/************************
  OpenEndedTextArea Style
*************************/
.QuestionOpenEndedSingle input
{
	width: 380px;
}

/************************
  OpenEndedMultiple Style
*************************/
.QuestionOpenEndedMultiple input
{
	width: 300px;
}

/************************
  Rating Scale Horizontal Styles
*************************/
.QuestionRatingScaleHorizontalTable
{
	text-align:center;	
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	width:100%;	
}

.QuestionRatingScaleHorizontalTableOptionCell
{
	border-top:1px solid #999999;
}

.QuestionRatingScaleHorizontalTableOptionCell a div
{
    font-size: 12px;
    color: Black;
    font-family: Arial;
}

/************************
  Rating Scale Matrix Styles
*************************/
.QuestionRatingScaleMatrixPromptCell
{
	border-top:1px solid #999999;
}

/************************
  Ranking Styles
*************************/
.QuestionRankingPromptCell
{
	border-top:1px solid #999999;
}

/************************
  Custom Footer
*************************/
.FooterContainerDiv
{
    margin-left: 15px;
    margin-top:25px;
}
.FooterTemplateDiv
{
    margin-left: 10px;
}
.FooterSeparatorDiv
{
    background-color:#666666;
    width:610px;height:1px;
    margin-bottom:10px;
}

/************************
  Custom Footer - Question Pages
*************************/
.FooterContainerDivQuestionPage
{
    margin-left: 15px;
    margin-top:25px;
}
.FooterTemplateDivQuestionPage
{
    margin-left: 10px;
}

.FooterSeparatorDivQuestionPage
{
   background-color:#666666;
    width:610px;height:1px;
    margin-bottom:10px;
}

/***************************
   Footer Anchor Behaviours
****************************/
.FooterTemplateDiv A
{
    color:black;
    text-decoration:none;   
}
.FooterTemplateDivQuestionPage A
{
    color:black;
    text-decoration:none;   
}
.FooterTemplateDiv A:hover
{
    text-decoration:underline;   
}
.FooterTemplateDivQuestionPage A:hover
{
    text-decoration:underline;   
}
/***************************
   Widget Specific Styles
****************************/
.QuestionBarWidget
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 24px;
	background-image: url(bar-repeat.gif);
}

.QuestionBarWidget2
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 7px;
	height: 24px;
	float:left;
	background-image: url(bar-left.gif);
}

.QuestionBarWidget3
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	width: 7px;
	height: 24px;
	float:right;
	background-image: url(bar-right.gif);
}

.QuestionControlWidget
{
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;	

}

.QuestionControlWidget Table.Content
{
	padding: 0;
	margin: 0px 0px 3px 0px;
	border-spacing: 0;
	height: 30px;
}

.QuestionControlWidget Table.Content Td
{
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.QuestionControlWidget .Number
{
	color: #999999;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;	
	width: 22px;
	vertical-align: middle;
	margin-left: 10px;
}

.QuestionControlWidget .Question
{
	padding-left:8px;
}

.QuestionControlWidget .Answers
{
	margin-left:8px;		
}

.QuestionControlWidget .Answers Table Td
{
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
}

.QuestionControlWidget .InputBox
{
	
}

.QuestionControlWidget .InputBoxCity
{
	width: 106px;
}

.QuestionControlWidget .InputBoxZip
{
	width: 60px;
}
