﻿/************************
  Base Style
*************************/

.legacyEditModeWrapper
{
    background-color:White;
}

.QuestionControl
{
    background-color: #99cccc;
    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
{
    background-image: url(num_bg.gif);
    color: #006666;
    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 10px 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 #009999;
    border-bottom: 1px solid #009999;
    width: 100%;
}

.QuestionRatingScaleHorizontalTableOptionCell
{
    border-top: 1px solid #009999;
}

.QuestionRatingScaleHorizontalTableOptionCell a div
{
    font-size: 12px;
    color: Black;
    font-family: Arial;
}

/************************
  Rating Scale Matrix Styles
*************************/
.QuestionRatingScaleMatrixPromptCell
{
    border-top: 1px solid #009999;
}

/************************
  Ranking Styles
*************************/
.QuestionRankingPromptCell
{
    border-top: 1px solid #009999;
}


/************************
  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(bar2.gif);
}

.QuestionBarWidget2
{
}

.QuestionBarWidget3
{
}

.QuestionControlWidget
{
	background-color: #99cccc;
	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: #006666;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;	
	width: 40px;
	height:40px;
	vertical-align: middle;
	padding-left:10px;
	background-image: url(num_bg.gif);
}

.QuestionControlWidget .Question
{
	
}

.QuestionControlWidget .Answers
{
		
}

.QuestionControlWidget .Answers Table Td
{
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
}

.QuestionControlWidget .InputBox
{
	
}

.QuestionControlWidget .InputBoxCity
{
	width: 106px;
}

.QuestionControlWidget .InputBoxZip
{
	width: 60px;
}
