/* this is a comment */
@media all {
    body {
        font-family: Arial;
        font-size: 10pt;
        color: #000000;
        margin-top: 0px;
        margin-left: 8px;
    }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.L1Disabled {
background-color: lightgray;
color: grey;
}
.disabled
	{
		color: lightgrey;
	}

    #PageHeaderImage {
        float: left;
        width: 36px;
        height: 40px;
        display: inline-block;
    }

    #HeadLeadText {
        display: inline-block;
    }

    #HeadProg {
        float: right;
        vertical-align: top;
        height: 47px;
    }

    a:link {
        color: #000000;
    }

    a:visited {
        color: #000000;
    }

    form {
        margin-top: 0;
    }

    table.fixed {
        font-family: Arial;
        font-size: 10pt;
        color: #000000;
        table-layout: fixed;
    }

    .Imageltr {
        margin: 0;
        padding: 0;
    }

    .Imagertl {
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1);
        margin: 0;
        padding: 0;
    }

    .TitleIntroduction {
        margin: 25px 20px auto;
        font-size: 15pt;
        font-weight: bold;
        text-align: left;
    }

    .TitleSurvey {
        font-size: 14pt;
        font-weight: bold;
    }

    .IntroText {
        margin: 10px 20px 10px 20px;
        font-size: 13pt;
        font-weight: normal;
    }

    .IntroNote {
        font-size: 8pt;
    }

    .SurveyIdText {
        font-size: 12pt;
        font-weight: normal;
        color: #F5842F;
    }

    .LogIn {
        font-size: 12pt;
    }

    .SurveyIdNotFoundText {
        font-size: 8pt;
        color: #AA0000;
    }
    
    .altLangLink {
    	font-size: 0.8em;
    	margin-top: 5px;
    }

    .supportMailTo {
        width: 100%;
    }

    .privacyLink {
        width: 49%;
        display: inline-block;
        text-align: center;
        padding: 5px 0 10px 0;
    }

    div.layout {
        text-align: center;
    }

    div.layout table {
        font-size: 12pt;
    }

    .pagediv {
        max-width: 790px;
        display: flex;
        width: auto;
        margin: auto;
        xbackground-color: #FFFFFF;
        overflow: hidden;
        position: relative;
    }

    .shadowL, .shadowR, .shadow, .container {
        display: table-cell;
        padding: 0;
        margin: 0;
        font-size: 0;
    }

    .shadowL, .shadowR, .shadow {
        font-size: 12pt;
    }
    
    .shadowL {
        height: 100%;
        position: absolute;
        top: 0;
    	left: 0;
    	float: left;
    }
    
    .shadowR {
        height: 100%;
        position: absolute;
        top: 0;
    	right: 0;
    	float: left;
    }


    .Level1RowTop {
        border-style: none;
        border-top-style: solid;
        border-top-width: 2px;
        border-color: #6C6C6C;
    }

    .Level1RowBottom {
        border-style: none;
    }

    .Level1Bottom {
        font-size: 8pt;
    }

    .PageBannerPrompt1 {
        font-size: 10pt;
    }

    .PageBannerPrompt3 {
        font-size: 10pt;
        font-style: italic;
        margin-top: 10px;
    }

    .TGWPageBanner {
        background-color: #E4E4E4;
    }

    .TGWPageBanner0 {
        background-color: #B1B293;
    }

    .TGWPageBanner1 {
        background-color: #C5E4FF;
    }

    .TGWPageBanner2 {
        background-color: #CCAAAB;
    }

    .TGWPageBanner3 {
        background-color: #B29D9C;
    }

    .PageBannerSystemNameltr {
        font-size: 12pt;
        font-weight: bold;
        color: #007DC5;
        margin-top: 10px;
        margin-left: 10px;
    }

    .PageBannerSystemNamertl {
        font-size: 12pt;
        font-weight: bold;
        color: #007DC5;
        margin-top: 10px;
        margin-right: 10px;
    }
    

    .L4PageBannerSystemNameSpan {
        font-size: 12pt;
        font-weight: bold;
        color: #000000;
    }

    .L4PageBannerSystemNameDiv {
        margin-top: 10px;
    }

    .NOfNText {
        font-size: 10pt;
    }

    /*  These are the settings from style attibute of div  - kind of positions the div in right spot if browser is sized right */
    .DivFixedSettings {
        position: fixed;
        left: 457px;
        top: 125px;
        width: 760px;
    }

    .DivZero {
        margin: 0px 0px 0px 0px;
    }

    .DivZeroFeature {
        margin: 0px 0px 0px 0px;
        background-color: #F1F7F6;
    }

    .MyVehHas {
        font-size: 9pt;
        font-weight: bold;
    }

    .SkipAny {
        font-size: 8pt;
        font-style: italic;
        color: #0000FF;
    }

    .SubmitButtonContainer {
        width: calc(100% - 20px);
        margin: auto;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-color: #6C6C6C;
    }

    .SubmitButtonTD {
        width: calc(50% - 3px);
        height: 35px;
        display: inline-block;
        padding: 10px 0 10px 0;
    }

    .SubmitButtonTD > input {
        margin: 0 20px 0 20px;
    }

    .SubmitButtonTD > img {
        cursor: pointer;
    }


    .LeftDotted {
        border-left-style: dotted;
        border-left-width: 1px;
        border-color: #000000;
    }

    .LeftSolid {
        border-left-style: solid;
        border-left-width: 2px;
        border-color: #333333;
    }

    .RightDotted {
        border-right-style: dotted;
        border-right-width: 1px;
        border-color: #000000;
    }

    .RightSolid {
        border-right-style: solid;
        border-right-width: 2px;
        border-color: #333333;
    }

 
    .tran {
        width: 97px;
        height: 39px;
        border: 0;
        cursor: pointer;
    }

    .TGWSmallText {
        font-size: 8pt;
    }

    .TGWBiggerText {
        font-size: 10pt;
    }

    .Required {
        font-size: 13pt;
        color: #FF0000;
        font-weight: bold;
    }

    .PrettyPlease {
        color: #FF0000;
        font-size: 10pt;
    }

    .PrettyPleasePad {
        padding: 0px 0px 0px 0px;
    }

    /* this is the the validation text that is output when validation fails */
    .ValidateMessage {
        font-size: 8pt;
        color: #990000;
        font-style: italic;
    }

    /* this is the small italic that is output under the questions on page 100 - this in NOT the validation text */
    .ValidateText {
        font-size: 8pt;
        font-style: italic;
    }

    .BreadCrumbSingleListNumber {
        padding: 7px 8px 0px 0px;
    }

    .BreadCrumbList {
        padding: 7px 0px 0px 0px;
    }

    .BreadCrumbText {
        font-size: 10pt;
    }

    .TGWStub {
        font-size: 10pt;
    }

    .TGWCell {
        font-size: 9pt;
    }

    .TGWSTUBTD1NoPad {
        padding: 2px 0px 2px 0px;
        font-size: 10pt;
        background-color: #DDEBE8;
    }

    .TGWSTUBTD1 {
        padding: 2px 0px 2px 0px;
        font-size: 10pt;
        background-color: #DDEBE8;
    }

    .TGWTD1NoPad {
        font-size: 9pt;
        background-color: #DDEBE8;
    }

    .TGWTD1 {
        padding: 2px 0px 2px 0px;
        font-size: 9pt;
        background-color: #DDEBE8;
    }

    .TGWSTUBTD2NoPad {
        padding: 2px 0px 2px 0px;
        font-size: 10pt;
        background-color: #F1F7F6;
    }

    .TGWSTUBTD2 {
        padding: 2px 0px 2px 0px;
        font-size: 10pt;
        background-color: #F1F7F6;
    }

    .TGWTD2NoPad {
        font-size: 9pt;
        background-color: #F1F7F6;
    }

    .TGWTD2 {
        padding: 2px 0px 2px 0px;
        font-size: 9pt;
        background-color: #F1F7F6;
    }

    .BreadCrumbTDLG {
        color: #000000;
        font-size: 9pt;
        border-style: solid;
        border-width: 1px;
        border-bottom-width: 2px;
        border-top-width: 2px;
        border-color: #003333;
        background-color: #FFF6DF;
    }

    .BreadCrumbTDSM {
        color: #FFFFFF;
        font-size: 6pt;
        border-style: solid;
        border-width: 1px;
        border-bottom-width: 2px;
        border-top-width: 2px;
        border-color: #F1F7F6;
        background-color: #003333;
    }

    .BreadCrumbTDSMHL {
        color: #000000;
        font-size: 6pt;
        border-style: solid;
        border-width: 1px;
        border-bottom-width: 2px;
        border-color: #F1F7F6;
        background-color: #FF9900;
    }

    .IssuesYouSelected {
        color: #000000;
        font-size: 11pt;
        background-color: #9FAAB1;
        font-weight: bold;
        font-style: italic;
    }

    .ProgressTable {
        border-spacing: 0;
    }

    .ProgressBackgroundltr {
        background-color: #97999B;
        text-align: left;
        line-height: 0;
    }

    .ProgressBackgroundrtl {
        background-color: #97999B;
        text-align: right;
        line-height: 0;
    }

    .PageHeader {
        font-size: 14pt;
        font-weight: bold;
        margin: 0;
        overflow: hidden;
        border-color: #000000;
    }

    .PageHeaderTableltr {
        width: inherit;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-top-style: solid;
        border-top-width: 3px;
        border-color: #000000;
        border-spacing: 0;
        margin: 0;
        overflow: hidden;
        text-align: left;
        font-size: 10pt;
        min-height: 40px;
    }

    .PageHeaderTablertl {
        width: inherit;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-top-style: solid;
        border-top-width: 3px;
        border-color: #000000;
        border-spacing: 0;
        margin: 0;
        overflow: hidden;
        text-align: right;
        font-size: 10pt;
        min-height: 40px;
    }

    .PageHeaderTDltr {
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        width: auto;
        margin: auto;
        font-size: 10pt;
    }

    .PageHeaderTDrtl {
        text-align: right;
        vertical-align: middle;
        display: inline-block;
        width: auto;
        margin: auto;
        font-size: 10pt;
    }

    .HRPageTitle {
        width: 100%;
        height: 3px;
        width: auto;
        color: #000000;
        background-color: #000000;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .HRPageHeader {
        width: 660px;
        height: 3px;
        margin-bottom: 13px;
    }

    .QuestionPad {
        padding: 10px 0px 3px 0px;
    }

    .QuestionPadInline {
        padding: 3px 0px 0px 4px;
    }

    .QuestionPadTextboxL4 {
        padding: 10px 0px 3px 0px;
    }

    .QuestionPadTextBoxltr, .QuestionPadTextboxltr, .questionpadtextboxltr {
        padding: 3px 0px 3px 0px;
        text-align: left;
    }

    .QuestionPadTextBoxrtl, .QuestionPadTextboxrtl, .questionpadtextboxrtl {
        padding: 3px 0px 3px 0px;
        text-align: right;
    }

    .Question {
        font-size: 10pt;
        text-align: left;
    }

    .Questionltr {
        font-size: 10pt;
        text-align: left;
    }

    .Questionrtl {
        font-size: 10pt;
        text-align: right;
    }

    .QuestionPhone {
        font-size: 10pt;
        line-height: 30px;
    }

    .QuestionNum {
        font-size: 12pt;
        margin-right: 5px;
    }

    .QuestionVerb {
        font-size: 10pt;
        margin-left: 16px;
        margin-top: 2px;
        margin-right: 5px;
        margin-bottom: 2px;
    }

    .QuestionDemo {
        font-size: 10pt;
        font-weight: bold;
    }

    .QuestionHLTGW {
        font-size: 10.5pt;
        font-weight: bold;
    }

    .Bullets {
        font-size: 8.5pt;
    }

    .PadPageText {
        padding: 5px 0px 10px 0px;
    }

    .PadYesText {
        padding: 0px 0px 0px 0px;
    }

    .PadFeatureCatText {
        padding: 10px 0px 5px 0px;
    }

    .QuestIntro1 {
        font-weight: bold;
        font-size: 10pt;
    }

    .QuestIntro4 {
        font-size: 10pt;
    }

    .PadPageText1 {
        padding: 5px 0px 10px 0px;
    }

    .Insruct {
        background-color: #F1F7F6;
        font-size: 12pt;
        font-weight: bold;
        text-align: center;
    }

    .InsructTD1 {
        xbackground-color: #DDEBE8;
    }

    .InsructTD2 {
        xbackground-color: #F1F7F6;
    }

    .ClosedText {
        font-size: 10pt;
    }

    .ClosedPad {
        padding: 0px 0px 0px 0px;
    }

    .AnswerNum {
        font-size: 12pt;
        color: #FFFFFF;
        font-weight: bold;
    }

    .BorderTop {
        border-top-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .BorderleftTop {
        border-left-style: solid;
        border-top-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .BorderleftTopBottom {
        border-left-style: solid;
        border-top-style: solid;
        border-bottom-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .BorderrightTop {
        border-right-style: solid;
        border-top-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .BorderrightTopBottom {
        border-right-style: solid;
        border-top-style: solid;
        border-bottom-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .BorderTopBottom {
        border-top-style: solid;
        border-bottom-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .Borderleft {
        border-left-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .Borderright {
        border-right-style: solid;
        border-color: #000000;
        border-width: 1px;
    }

    .SatBanner {
        font-size: 8pt;
        font-weight: bold;
    }

    .SatBannerNA {
        background-color: #FFCC79;
    }

    .TDSolid {
        background-color: #E4E4E4;
    }

    .SatStubTD1 {
        background-color: #D3D3D3;
        text-align: left;
    }

    .SatTD1 {
        background-color: #D3D3D3;
    }

    .SatStubTD2 {
        background-color: #E4E4E4;
        text-align: left;
    }

    .SatTD2 {
        background-color: #E4E4E4;
    }

    .SatStubMargin {
        margin-top: 5px;
        margin-left: 3px;
        margin-bottom: 5px;
    }

    .SatBannerMarginLeft {
        margin-left: 3px;
    }

    .SatBannerMarginRight {
        margin-right: 3px;
    }

    /* 8/24/09 - we are using darker shading on High-Level TGW pages - use #ABC7DE instead of #DDEBE8 */
    .SatTD3 {
        background-color: #ABC7DE;
    }

    .SatStub {
        font-size: 8.5pt;
    }

    .SatStub2 {
        font-size: 8.5pt;
    }

    .ProgressText {
        font-size: 8pt;
        color: #003333;
        word-spacing: 11px;
    }

    .SupportText, .ContactText {
        font-size: 8pt;
        display: block;
        margin-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .Instruction {
        color: #009900;
    }

    .TopTenTotal {
        font-size: 10pt;
        font-weight: normal;
    }

    .TopTenNeedsCell {
        font-size: 10pt;
        font-weight: normal;
    }

    .TextboxTopTen {
        color: #000000;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        text-align: right;
        width: 30px;
        background-color: #FFFFFF;
    }

    .Textbox {
        color: #000000;
        border-style: solid;
        border-color: #787878;
        border-width: 1px;
        background-color: #FFFFFF;
    }

    .UpdateInfo {
        font-size: 11pt;
    }

    .TextAreaMax {
        font-size: 10pt;
        color: #FF0000;
    }

    /* Should be able to replace this psuedoclass with just TextArea */
    TextArea {
        font-family: Arial;
        font-size: 10pt;
        color: #000000;
        border-style: solid;
        border-color: #787878;
        border-width: 1px;
        background-color: #FFFFFF;
    }

    .Session {
        font-size: 11pt;
    }

    .SessionBold {
        font-size: 11pt;
        font-weight: bold;
    }

    .ThankYou {
        font-size: 16pt;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0px;
    }

    .BeforeLeaving {
        font-size: 12pt;
    }

    .BeforeLeavingBold {
        font-size: 12pt;
        font-weight: bold;
    }

    .SectionHeader {
        font-size: 16pt;
        color: #FFFFFF;
        background: url(Images/05210_SectionHeader.jpg);
    }

}

/* ************ on screen ***************** */
@media screen {

    .EnglishText {
        display: inline;
        font-size: 8pt;
        color: #990000;
    }

    .MasterSequence {
        display: inline;
        font-size: 8pt;
        color: #990000;
    }

    .Debug {
        text-align: left;
        margin-left: 10px;
        display: block;
        color: #990000;
        font-size: 8pt;
    }

    .ColWidthDebug {
        display: inline;
        color: #FF6600;
        font-size: 8pt;
    }
    
    input[type="checkbox"]:checked + label:after {
		content: '✔';
		position: absolute;
		top: 4px; left: 3px;
		font-size: 16px;
		line-height: 0.8;
		color: #000000; /*#09ad7e;*/
		transition: all .2s;
	}
	
	input[type="radio"] + label.toggle-btn-radio {
		content: "";
		position: relative;
		padding: 0 0 0 25px;
		font-size: 16px;
		line-height: 25px;
		margin: 0 0 5px 0;
		height: 20px;
		width: 20px;
		background: #E1E3E3;
		border: 1px solid #333333;
		box-shadow: inset 0 0 0 2px #E1E3E3;
		-webkit-box-shadow: inset 0 0 0 2px #E1E3E3;
		-moz-box-shadow: inset 0 0 0 2px #E1E3E3;
		-o-box-shadow: inset 0 0 0 2px #E1E3E3;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		-o-border-radius: 12px;
		border-radius: 12px;
	}
	
	input[type="radio"]:checked + label.toggle-btn-radio {
		background-color: #000000;
		border-color: gray;
		transition: all .2s;
	}

    .progress {
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    }

    .progress-barltr {
        float: left;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-shadow: 1px 1px #000;
        text-align: center;
        background-color: #2E4871;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: width .6s ease;
        transition: width .6s ease;
    }

    .progress-barrtl {
        float: right;
        width: 0;
        height: 100%;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-shadow: -1px 1px #000;
        text-align: center;
        background-color: #2E4871;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
        -webkit-transition: width .6s ease;
        transition: width .6s ease;
    }

    .progress-striped .progress-bar {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-size: 40px 40px;
    }

    .progress.active .progress-bar {
        -webkit-animation: progress-bar-stripes 8s linear infinite;
        -moz-animation: progress-bar-stripes 8s linear infinite;
        -o-animation: progress-bar-stripes 8s linear infinite;
        animation: progress-bar-stripes 8s linear infinite;
    }

    .progress-bar-success {
        background-color: #5cb85c;
    }

    .progress-striped .progress-bar-success {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-info {
        background-color: #5bc0de;
    }

    .progress-striped .progress-bar-info {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-warning {
        background-color: #f0ad4e;
    }

    .progress-striped .progress-bar-warning {
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    }

    .progress-bar-danger {
        background-color: #d9534f;
    }

    @keyframes progress-bar-stripes {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50px -50px;
        }
    }

    @-webkit-keyframes progress-bar-stripes {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50px -50px;
        }
    }

    @-moz-keyframes progress-bar-stripes {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50px -50px;
        }
    }

    @-o-keyframes progress-bar-stripes {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: 50px -50px;
        }
    }
}

/* ************ when printing ************* */
@media print {

    .EnglishText {
        display: none;
        font-size: 8pt;
        color: #990000;
    }

    .MasterSequence {
        display: none;
        font-size: 7pt;
        color: #990000;
    }

    .Debug {
        display: none;
        color: #990000;
        font-size: 7pt;
    }

    .ColWidthDebug {
        display: none;
        color: #FF6600;
        font-size: 7pt;
    }

}