body{position:absolute; top:30px; left:0px; right:0px; padding:0px; margin:0px; font-size:90%; font-family: 'Raleway', sans-serif;}

.noShow{display:none;}

.showHelp{position:absolute; z-index:300; max-width:300px; padding:10px; border:1px solid #999999; background:#ffffff;}

.showWarning{position:fixed; background:#000000; z-index:5000; top:0px; left:0px; right:0px; bottom:0px; opacity: 0.5; filter: alpha(opacity=50);}
.showInnerWarning{position:absolute; z-index:6000; left:50%; margin-left:-150px; background:#ffffff; border:1px solid #000000; padding:10px; }

/* ------------Begin Nav Bar Styles-------------------------- */ 
.navBar{position:fixed; z-index:4000; top:0px; left:0px; right:0px; height:30px; background:#a9dcf1; color:#ffffff;}

.parentHeader{position:fixed; z-index:4000; top:30px; left:0px; right:0px; height:30px; background:#44c56e; color:#ffffff;}

.kidHeader{position:fixed; z-index:4000; top:30px; left:0px; right:0px; height:30px; background:#5e826a; color:#ffffff;}

#logo {padding:7px; float:left; cursor:pointer;}

#logo:hover{color:#70a5d6;}

#navloginBtn {background:transparent; color:#cccccc; border:0px;}

#logoutBox > a{color:#cccccc; text-decoration:none;}

#emailTxtBox{width:120px; font-size:.8em;}

#passwordTxtBox{width:120px; font-size:.8em;}

#logoutBox{float:right; padding:3px 10px; text-align:right;}

.navIcons{cursor:pointer; font-size:1.4em; margin-left:10px; margin-right:3px;}

.navLink{cursor:pointer;}

.navLink:hover{color:#70a5d6;}
.parentLink:hover{color:#c1e9be;}

.submitTxtBox{border:1px solid #9a9a9a; padding:2px; width:100%;}

#signUpAlertBox{color:#ff0000; padding:10px 0px;}

#emailAlertBox{color:#ff0000; padding:10px 0px;}
#emailRequiredAlertBox{color:#ff0000; padding:10px 0px;}
.submitTxtBox{float:left;}

.signUpTxtBox{float:left; margin-right:5px;}


#subFirstNameAlert{float:left; color:#ff0000; padding:5px;}
#subLastNameAlert{float:left; color:#ff0000; padding:5px;}
#subPasswordAlert{float:left; color:#ff0000; padding:5px;}
#subConfirmPWAlert{float:left; color:#ff0000; padding:5px;}
#PasswordMatchAlert{float:left; color:#ff0000; padding:5px;}
#subPINAlert{float:left; color:#ff0000; padding:5px;}
#subConfirmPINAlert{float:left; color:#ff0000; padding:5px;}
#PINMatchAlert{float:left; color:#ff0000; padding:5px;}
#termsAlert{color:#ff0000;}

#clearEmail{float:left; color:#73b160; padding:5px; cursor:hover;}
#clearEmail:hover{color:#41df11;}

@media screen and (max-width:600px){

#loginBox {padding:3px; text-align:right;}

.loginOffCanvas {position:fixed; top:-200%;}
.loginOnCanvas {position:fixed; z-index:2000; left:0px; top:30px; right:0px; bottom:0px; padding:30% 10px; text-align:center; background:#d0ebf6; color:#5e826a;}

.loginTxtBox{height:40px; font-size:1.5em;}
.formLabelBox{padding:20px 10px 10px 10px;}
#emailTxtBox{width:50%;}
#passwordTxtBox{width:50%;}

.formBtnBox{padding:20px 10px 10px 10px;}

#navloginBtn{padding:10px 20px; color:#ffffff; background:#fa124e;}
}

@media screen and (min-width:600px){

#menuIcon{display:none;}
#loginBox {float:right; padding:5px; text-align:right;}

.formLabelBox{float:left; padding:2px 5px;}
.loginTxtBox{float:left;}
.formBtnBox{float:left;}
#navloginBtn{font-size:1em; color:#ffffff; padding:2px 5px; margin-top:-1px;}
#navloginBtn:hover{color:#70a5d6;}
#emailTxtBox{width:150px; margin-right:5px;}
#passwordTxtBox{width:150px; margin-right:5px;}
}

/* ------------End Nav Bar Styles-------------------------- */

@media screen and (max-width:900px){
.indexHdr{font-size:1.1em; margin:10%;}
#signupBox{margin:10%;}
.indexContentBox{margin:10%; font-size:1.1em;}

.pageHdrNoNav{width:80%; margin:1% 10%; text-align:center;}
.bodyNoNav{width:80%; margin:1% 10%;}

.countdown{font-size:3.6em; font-weight:900; color:#fa124e; -webkit-text-stroke-width: 1.5px; -webkit-text-stroke-color: #ffffff; text-shadow: 0px 1px 0px #888888;}
#demo{font-size:.9em;}

.leftNav{width:80%; margin:1% 10% 10% 10%;  padding-bottom:10%; border-bottom:2px solid #f1f1f1;}
.bodyWithNav{width:80%; margin:1% 10% 10% 10%; padding-bottom:10%; border-bottom:2px solid #f1f1f1;}
.rightNav{width:80%; margin:1% 10%;}
}

@media screen and (min-width:900px){
.indexHdr{font-size:1.1em; margin-left:10%; padding-top:10px;}
#signupBox{float:right; width:25%;}
.indexContentBox{float:left; margin-left:10%; width:60%; font-size:1.1em;}

.pageHdrNoNav{width:70%; margin:1% 15%;}
.bodyNoNav{width:70%; margin:1% 15%;}

.countdown{font-size:5em; font-weight:900; color:#fa124e; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #ffffff; text-shadow: 0px 3px 0px #888888;}

.leftNav{position:absolute; left:1%; width:20%;}
.bodyWithNav{position:absolute; left:23%; width:54%;}
.rightNav{position:absolute; right:1%; width:20%;}
}

.bodySpacer{padding-top:30px; margin-bottom:30px; border-bottom:5px solid #fafafa; height:1px; width:100%; }

.pageHdr{padding:5px 20px; font-size:1.1em;}

.bodyContentBox{float:left; width:75%; font-size:1.1em;}
.pad20{padding:20px;}

h3{font-size:1.5em; font-weight:400;}

.nameLinkHeader{color:#4568a8; cursor:pointer;}

.nameLinkHeader:hover{color:#4ca845;}

a{color:#4568a8; text-decoration:none;}

a:hover{color:#4ca845; text-decoration:none;}

.inputBtn{background:#a9ddf1; font-size:1em; color:#ffffff; border:0px; padding:4px 8px;}
.inputBtn:hover{background:#44c56e;}

.newLetters{margin-left:3px; float:left; background:#fa124e; color:#ffffff; padding-top:0px; text-align:center; height:17px; width:17px; border-radius:10px; cursor:pointer;}