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

.globalHeader {
    font-size: 4.5vw;
}
.totalWidth {
    padding:1.5vw 0px;
}
.regTitle {
    font-size:5vw;
}

.regBodyText{
    text-align: left !important;
}
.hknFooter .footerLink {
    border:0px;
}

.hknFooter .footerLink:first-child {
    border-right:1px solid rgba(255,255,255,0.7);
}

.hknFooter .footerLink:last-child {
    display:block;
}


.landingBTN {
    width:90%;
    padding:5vw;
}

.landingBTN i {
    font-size:9vw;
    margin-bottom:2vw;
}

.landingBTN .text .title {
    font-size:6vw;
}



.goldgradient{
    padding: .5em;
}

.gold{
    padding: 1.5em;
    width: 80%;
}



body {
    /*padding-top:30px;*/
    padding-bottom:65px;
    /*background-image: url('../media/REPLACE/REPLACE_bg.jpg');*/
    background-position: top center;
    padding-top:10vw;
}
.instructionsArea {
    float:none;
    height:auto;
    width:100%;
    background-image:none;
    line-height:0;
}

.regBox {
	font-size:17px;
    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(1.5);
    transform: scale(1.5);
   
    vertical-align:baseline;
}
div.colLeft, div.colRight {
    float: none;
    padding:5px 3px;
    text-align: left;
}
table.dlTable {
    width:100%;
    height:48vw;
    background:transparent url(../media/project_dl.png) no-repeat left top;
    background-size:100%;
}
.ddl1, .ddl2, .ddl3, .ddl4, .ddl5, .ddl6, .ddl7 {
    width:14%;
    height:6vw;
    font-size:3vw;
    background-color:#fff !important;
}
.ddl1 {
 right:78%;
 z-index:21;
}
.ddl2 {
 right:64%;
 z-index:22;
}
.ddl3 {
 right:50%;
 z-index:23;
}
.ddl4 {
 left:50%;
 z-index:24;
}
.ddl5 {
 left:64%;
}
.ddl6 {
 left:78%;
}


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: 90vw;
    max-width: 90vw;
    width: 90vw;
}

.topNav {
    font-size: 4.25vw;
}

.topNavOuter {
    height:auto;
    /*height:auto;*/
}
.topNavFollow {
    /*margin-top:0px;*/
    margin-top:0vw;
    padding-top:2.25vw;
}
.topNavLinks {
    padding: 2.5vw 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;
}
.dB {
    display:initial;
}
.mB {
    display:block;
}