/* pixel range is defined in the .master */



.globalHeader {

    font-size: 3.15vw;



}

.totalWidth {

    margin:2.5vw auto;

    padding:1.5vw 0px;

}

.regTitle {

    font-size:6vw;

}

.globalHeader .lagacy.med {

    font-size: 7vw;

}



.hknFooter .footerLink {

    border:0px;

}



.hknFooter .footerLink:first-child {

    border-right:1px solid rgba(255,255,255,0.7);

}



.hknFooter .footerLink:last-child {

    display:block;

}





.topHeader {

    background-color: #fff;

    padding: 0.25em 1em;

    line-height: 1;

    font-size: 2em;

}

.landingBTN {

    width:90%;

    padding:5vw;

}



.landingBTN i {

    font-size:9vw;

    margin-bottom:2vw;

}



.landingBTN .text .title {

    font-size:6vw;

}







.larger {

    font-size: 2em;

}



.homeTeam, .awayTeam {

    padding: 1em;

    min-width: 40%;

}



.awayTeam {


}





.scoreBoardText {

    top: .25em;

    font-size: 1.75em;

    max-width: 100%;

}

body {

    /*padding-top:30px;*/

    padding-bottom:65px;

    background-image: url('../media/scorewithwindownation/scorewithwindownation_mobilebg.jpg?v=1.0');

    background-size:132%;

    background-position: top center;

    padding-top:9.1vw;

}

.instructionsArea {

    float:none;

    height:auto;

    width:100%;

    background-image:none;

    line-height:0;

}



.regBox {

	font-size:16px;

    clear:both;

    float:none;

    height:auto;

    width:100%;

}

.regBox .requiredField {

    font-size:14px;

}

.regOptions {

    width:98%;

    margin:0 auto;    

}

.regQuestions {

    padding-right:10px;

}

.optinQuestion1, .optinQuestion2, .optinQuestion3, .optinQuestion4, .optinQuestion5, .optinQuestion6, .optinQuestion7, .optinQuestion8, .optinQuestion9, .optinQuestion10, .optinQuestion11, .optinQuestion12, .optinQuestionGender, .rulesRead, .subscription1, .subscription2, .captchaDiv, .question {

    padding-top:25px;

}

.rulesRead, .subscription1, .subscription2, .captchaDiv, .question {

    padding-left:10px;

    text-indent:0px;

}

.RadioButtonWidth td {

	padding:10px;

	vertical-align:top;

}



.RadioButtonWidth td, .RadioButtonWidth tr {

    width:100%;

    display:block;

}

input[type=checkbox], input[type=radio], .RadioButtonWidth input[type=checkbox], .RadioButtonWidth input[type=radio] {

    -webkit-transform: scale(2);

    transform: scale(2);

    margin:.5em;

    vertical-align:baseline;

}

div.colLeft, div.colRight {

    float: none;

    padding:5px 3px;

    text-align: left;

}



.scoreBox {

    border: solid 1px #ffe40047;

    padding: 1em 1em 5em;

    margin-top: 1em;

}

.scoreBox.bottom {

    margin-top: 7em;

}

table.dlTable {

    height: 35em;



}

.ddl1, .ddl2, .ddl3, .ddl4, .ddl5, .ddl6, .ddl7 {

    width: 36%;

    height: 14vw;

    font-size: 10vw;

    background-color: #fff !important;

}

.ddl1 {

    right: 6%;

    top: 27%;

    z-index: 21;

}

.ddl2 {

    right: 64%;

    top: 27%;

    z-index: 22;

}

.ddl3 {

    right: 6%;

    top: 76%;

    z-index: 23;

}

.ddl4 {

    left: 6%;

    top: 76%;

    z-index: 24;

}

.ddl5 {

 left:64%;

}

.ddl6 {

 left:78%;

}

.leftLeg {

    left: -5em;

}

.rightLeg {

    right: 0em;

}



input.button {

	cursor:			    hand;

	padding:10px;

	font-size:		    20px;

	font-weight:		bold;

}

textarea, textarea:focus, input[type=text], input[type=select], .dobTextBox, .zipCodeTextBox, .formFieldWatermark, .formFieldOnFocus,

#ctl00_ContentPlaceHolder1_FormView1_Question1, #ctl00_ContentPlaceHolder1_FormView1_Question4, #ctl00_ContentPlaceHolder1_FormView1_Question7, #ctl00_ContentPlaceHolder1_FormView1_DOB,

#ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .dobmm, .dobdd, .dobyy {

    width: calc(100% - 8px);

    height: 65px !important;

}

.dobmm, .dobdd, .dobyy {

    width:31%;

}

.dobmm, .dobdd {

    margin-right:2%;

}

textarea {

    min-height: 100px;

}

input.textboxBig, input.textboxBig:focus {

    font-size:          16pt;

    font-weight:        bold;

    text-align:center;

    height:65px;

    width:200px;

    position: relative;

}

.dob br {

    display:block;

}

.dob label {

    font-size:1em;

}

.dobmm, .dob label {

    clear:both;

}

.divFakeCheckBox {

    display:block;

    -webkit-transform: matrix3d(1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1); /* safari and chrome */

}

.captcha {

    border:solid 1px #868686;

    background-color:#fff;

    color:#000;

    width:85%;

    height:90px;

    text-align:center;

    font-size:15px;

}

/*.captcha span {clear:both;}*/

.captcha input {width:100px;}

.captcha img {width:120px;}

.captcha input[type=text] { height:30px;}

.formFieldWatermark {

    font-size:		16pt;

}

body, .totalWidth, .regBoxWidth, .playOptions {

    min-width:100%;

    max-width:100%;

    width:100%;

}



.totalWidth {

    min-width:95vw;

    max-width:95vw;

    width:95vw;

}



.topNav {

    font-size: 4vw;

}



.topNavOuter {

    height:auto;

    /*height:auto;*/

}

.topNavFollow {

    /*margin-top:0px;*/

    margin-top:0vw;

    padding-top:2.25vw;

}

.topNavLinks {

    padding: 2.25vw 0px 0 0px;

    margin-left: 2vw;

    margin-right: 1vw;

    height: auto;

}

.topNavOuter .fa, .topNavOuter .far, .topNavOuter .fas, .topNavOuter .fab {

    margin-bottom:0;

    vertical-align: middle;

}

.topNavLinksClear {

    clear:both;

}

.leftLinks {

    float:left;

    max-width:100%;

}

.rightLinks {

    float:right;

}

.dropit .dropit-submenu {

    min-width: 220px;

}

img {

	max-width: 100%;

	height: auto;

	/*width: auto\9;*/ /* ie8 */

}

a, a:visited, .regBox a, .regBox a:visited {  text-decoration: underline; }

.socialBox .outerDiv, .socialBox .outerDiv .semiTransparentDiv {

    height:198px;

    width: 300px;

}

.socialBox .outerDiv {

    position: relative; 

    margin-bottom:5px;

}

.socialBox .outerDiv .contentDiv .colLeft, .socialBox .outerDiv .contentDiv .colRight {



}

.socialBox .outerDiv .contentDiv .colRight {

    float:left;

    clear:both;

    width:250px;

    border-left-width:0px;

    border-top:solid 1px #3B5998;

}

div.colLeftThx {

    clear:both;

    float:none;

}

div.colRightThx {

    clear:both;

    float:none;

    margin:0px;

}

div.thxOuterSocial {width:320px;}

#errorMSG {

    /*position:absolute;

    top: 1200px;*/

}

div.disclaimerText {

    max-width:90%;

} 

.hideOnMobile {

    display:none;

    visibility:hidden;

}

.showOnMobile {

    display:block;

    visibility:visible;

}

.frmfld label  {

    padding-top:24px;

}

.frmfld input[type=text], .frmfld input[type=password], .frmfld input[type=number] {

    padding-top: 8px;

}

#ctl00_ContentPlaceHolder1_FormView1_ddlState, #ctl00_ContentPlaceHolder1_FormView1_ddlState1, #ctl00_ContentPlaceHolder1_FormView1_ddlState2, .frmfld label, .dob label, .dobmm, .dobdd, .dobyy, select, input {

    font-size:16px;

}

.headerShare {

    padding-left:20px !important;

}

.addthis_MDMTopNav {

    display:none;

}

.personalLinkBox {

    max-width:85%;

    margin:0 auto;

}

#joinme {

    word-break: break-all;

    max-width: 80vw;

    display: block;

    margin: 0 auto;

}

.desktopBreak {

    display:initial;

}

.mobileBreak {

    display:block;

}