@charset "utf-8";
/* CSS Document */

body, input, select, label, textarea, h1, h2, h3, html, a {font-family:'PT Sans', Arial, Helvetica, sans-serif !important; overflow:hidden; color:#333;}



#login {position:absolute; z-index:3; right:0; padding-top:1em; padding-right:1.5em; font-size:16px; }

#login a {color:#333; text-decoration:none; font-size:16px;}

#logo {position:absolute; z-index:3;  margin-top:10vh; text-align:center; width:100%; height:11%; background-image:url(https://cp.peoplemedia.com/site/general/264590/images/bbplogo.png); background-repeat:no-repeat; background-position:center; background-size:contain; }




#footer {position:fixed; z-index:3; bottom:5px;  text-align:center; width:100%; font-size:1em;}

#headline {position:absolute; z-index:3;  margin-top:23vh; text-align:center; width:100%;}

#headline h1 { color:#333; font-size:24px; font-weight:normal;}

#singlesbtn {position:absolute; z-index:3;  margin-top:43.0vh; text-align:center; width:100%;}

#singlesbtn div {background-color:#e8802e; color:#FFFFFF; font-size:2em; margin-left:auto; margin-right:auto; width:80%; padding:0.8em 0em; border-radius:1.8em; font-weight:bold;}

#header img {margin-left:auto; margin-right:auto; width:80%;}

#header {text-align:center; margin-top:2em;  width:100%;}

.subtitle {width:100%; text-align:center; font-size:22px; margin-top:0.4em; margin-bottom:0em; font-weight:normal;}

.subtitle2 {width:100%; text-align:center; font-size:1.6vh; margin-top:0.4em; margin-bottom:0em; font-weight:normal;}

#btnRegGenderSubmit {position:absolute; z-index:3;  margin-top:6.7em; text-align:center; width:100%;}
#btnRegPostalSubmit {position:absolute; z-index:3;  margin-top:6.7em; text-align:center; width:100%;}

.button_style {background-color:#e8802e; color:#FFFFFF; font-size:2em; margin-left:auto; margin-right:auto; width:80%; padding:0.8em 0em; border-radius:1.8em; font-weight:bold; text-decoration:none; display:block; outline:none;}

#ddlGenderCombined {width:99%; padding:0.7em 0.3em; font-size:1.7em; border-radius:0.2em; outline:none; -webkit-appearance:none; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/selectarrow.png); 
    background-repeat:no-repeat; 
    background-size:6%; 
    background-position:right 10px top 15px; background-color:#FFF;}

#txtPostalCode {
    padding:0.7em 2.3em; 
    width:70%; 
    font-size:1.7em; 
border-radius: 0.2em;
	border:solid 1px #979797; 
     
    outline:none;
	background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/compass.png); 
    background-repeat:no-repeat; 
    background-size:6.5%; 
    background-position:left 10px top 10px;
}

#divRegGender {position:absolute; right:300; width:100%; margin-top:0em;}

.focuscolor {}

.addredx  {border:solid 1px #db2629 !important;}

.errorMsg {color:#db2629; font-size:1.4em; text-align:center;}

.errorMsg2 {color:#db2629; font-size:1.4em; text-align:center;}

.errorSummary {color:#db2629; font-size:16px; text-align:center;}

#divRegEmail {position:absolute; right:300;  width:100%; margin-top:0em; }

#divRegPostal {position:absolute; right:300;  width:100%; margin-top:0em; }

#divRegBirthDate {position:absolute; right:300;  width:100%; margin-top:0em; }

#divRegPassword {position:absolute; right:300;  width:100%; margin-top:0em; }



.btnnavback {}

.backbutton {    position: absolute;
    font-size: 1.3em;
    padding: 0.3em 0.8em 0.3em 0.5em;
    border-radius: .8em;
    left: 0px;
    top: 20px;}
	
	.btnnavback a {
    font-weight: bold;
    text-decoration: none;
	color: #e8802e;
}

#btnRegEmailSubmit {text-align:center; margin-top:6.7em;}
#btnRegBirthDateSubmit {text-align:center; margin-top:6.7em;}

#txtEmailAddress {padding:0.6em 2.3em; width:70%; font-size:1.7em; border-radius:0.2em; border:solid 1px #c9c7cc; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/email.png); background-repeat:no-repeat; background-size:7%; background-position: 12px 14px; outline:none;}

#txtBirthDate  {padding:0.6em 2.3em; width:70%; font-size:1.7em; border-radius:0.2em; border:solid 1px #c9c7cc;  background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/birthday.png); background-repeat:no-repeat; background-size:34%; background-position: 12px 12px; outline:none; background-color:#FFF; height: 26px;}

.terms {text-align:center; margin-left:3em; margin-right:3em; margin-top:2em; font-weight:bold; font-size:12px;}

.terms2 {text-align:center; margin-left:3em; margin-right:3em; margin-top:2em;}

.row1 {display:block; clear:both;  margin-top:3.5em; width:80%; margin-left:auto; margin-right:auto; }

.row2 {display:block; clear:both;  margin-top:4em; width:80%; margin-left:auto; margin-right:auto; }

.row3 {display:block; clear:both;  margin-top:3.5em; width:80%; margin-left:auto; margin-right:auto; }

.row4 {display:block; clear:both;  margin-top:3.9em; width:80%; margin-left:auto; margin-right:auto; }

.row5 {display:block; clear:both;  margin-top:2em; width:80%; margin-left:auto; margin-right:auto; }

#divRegUsername {position:absolute; right:300; width:100%; margin-top:0em;}

#txtUsername {padding:0.6em 2.3em; width:70%; font-size:1.7em; border-radius:0.2em; border:solid 1px #c9c7cc; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/username.png); background-repeat:no-repeat; background-size:7%; background-position: 12px 13px; outline:none;}

#txtPassword  {padding:0.7em 2.4em 0.7em 2.3em; width:70%; font-size:1.7em; border-radius:0.2em; border:solid 1px #c9c7cc; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/password.png); background-repeat:no-repeat; background-size:5%; background-position: 12px 12px; outline:none;}

#btnRegUsernameSubmit {text-align: center; margin-top: 2.0em;}
#btnRegPasswordSubmit {text-align:center; margin-top:6.7em;}

.loader {   position: fixed;
    /* center the element */
 
    left:40%;
	top:30%;
    }
	
#btnRegUsernameSuggestSubmit {text-align:center; margin-top:3.4em;}

#divRegUsernameSuggest {position:absolute; right:300; width:100%; margin-top:0em;} 

#firstscreen {position:absolute; width:100%; height:100%; } 

#divLoginRegistration {width:100%;}
#divRegistration {width:100%;}

.validEmail  {border:solid 1px #61ad45 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/greenemail.png) !important; }

.invalidEmail {border:solid 1px #db2629 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/redemail.png) !important;}

.validBirthday   {border:solid 1px #61ad45 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/greenbirthday.png) !important; background-size:7% !important; background-position: 12px 14px !important; }

.invalidBirthday {border:solid 1px #db2629 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/redbirthday.png) !important; background-size:7% !important; background-position: 12px 14px !important; }

.validUsername   {border:solid 1px #61ad45 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/greenusername.png) !important;}

.invalidUsername {border:solid 1px #db2629 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/redusername.png) !important}

.validPassword    {border:solid 1px #61ad45 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/greenpassword.png) !important;}

.invalidPassword    {border:solid 1px #db2629 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/redpassword.png) !important;}


.validZip  {border:solid 1px #61ad45 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/greencompass.png) !important;}

.invalidZip  {border:solid 1px #db2629 !important; background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/redcompass.png) !important;}

   
.checked {
   
   
	
}

#txtEmailAddressCheck {
	position:absolute;
      right:14px;
    top: -37px;
	z-index:9;
    height: 25px; 
    width: 25px; 
	background-size:100% 100%;
}

#txtPostalCodeCheck {
	position:absolute;
    right:14px;
    top: -37px;
	z-index:9;
    height: 25px; 
    width: 25px; 
	background-size:100% 100%;
	
}



.validcheck {background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/greencheck.png);}

.invalidcheck {background-image:url(https://cp.peoplemedia.com/site/general/pm4001/images/redx.png);}

#txtBirthdayCheck  {
	position:absolute;
      right:14px;
    top: -37px;;
	z-index:9;
    height: 25px; 
    width: 25px; 
	background-size:100% 100%;
	
}

#txtPasswordCheck {
	position:absolute;
      right:14px;
    top: -37px;
	z-index:9;
    height: 25px; 
    width: 25px; 
	background-size:100% 100%;	
}

#txtUsernameCheck {
	position:absolute;
      right:14px;
    top: -37px;
	z-index:9;
       height: 25px; 
    width: 25px; 
	background-size:100% 100%;
	
}
  
  #txtUsernameOther {
    border: solid 1px #FFF !important;
    outline: none;
    font-weight: normal;
    width: 80%;
    -webkit-appearance: none;
    font-size: 0.9em;
}
  








/*content animation*/
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@-webkit-keyframes animateright{from{right:-300px;} to{right:0;}}
@keyframes animateright{from{right:-300px;} to{right:0;}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
/*content animation*/
/* @keyframes animatedBackground {
	from { background-position: 0 0;}
	to { background-position: -900px 0;}
}

*/

/*
.backGroundImage {
     background: url(https://cp.peoplemedia.com/site/general/pm4001/images/people5.jpg) 0 0 repeat;
    height: 100vh;
    width: 100%;
    background-size:contain;
    position:fixed;
    animation: animatedBackground 60s linear infinite;
    -ms-animation: animatedBackground 60s linear infinite;
    -moz-animation: animatedBackground 60s linear infinite;
    -webkit-animation: animatedBackground 60s linear infinite;
	overflow:hidden;
 }
 */
 
 .userField h2, .fieldsetAnimate h2 {
    width:100%;
    font-family:Helvetica;
    font-size:2.2em;
    color:#1976d2;
    text-align:center;
    font-weight:100;
    margin: 12vh 0 10vh 0;
}

/*fieldset*/

    fieldset {text-align:center; position:relative;}
    fieldset, .success {display:none; background:white;}
    fieldset.active {display:block;} 
    .fieldsetAnimate { -webkit-animation:animateright 0.4s; animation:animateright 0.4s;}
	
	#divRegEmail {-webkit-animation:animateright 0.4s; animation:animateright 0.4s;}


/*fieldset*/

input {-webkit-appearance: none;}

 .hidden {
    display: none;
}

.zipselect { position: relative; }
.zipselect .checked { right: -30px; top:14px; }

.locate, .locate-hidden { 
    
    height: 25px;
    width: 20px;
    position: absolute;
    top: -40px;
    left: 10px;
    background-image: url(https://cp.peoplemedia.com/site/general/pm4001/images/compass.png);
	background-size:100% 100%;
	
}



#usernamesuggestion1 {display:block; clear:both; border:solid 1px; }
#usernamesuggestion2 {display:block; clear:both; border:solid 1px;}
#usernamesuggestion3 {display:block; clear:both; border:solid 1px;}

#frmRegUsernameSuggest .checked {
    font-weight: bold;
    border: solid 1px #55307c;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-image: url(https://cp.peoplemedia.com/mobile/landingpages/166/light/images/checkmark.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #FFF;
    font-size: 2em !important;
}

#frmRegUsernameSuggest .usernamesuggestion {
    font-size: 2.0em;
    border: solid 1px;
    border-radius: 0.5em;
    padding: 0.5em;
    width: 100%;
    margin-top: 0.0em;
    margin-bottom: 0.6em;
    display: block;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #FFF;
}

#txtUsernameOther {
    border: solid 1px #FFF !important;
    outline: none;
    font-weight: normal;
     width: 13.0em;
    -webkit-appearance: none;
    font-size: 0.8em;
}

.chispabg {width:100%;  margin-top:61vh;


}
	
	.chispabg  img {width:100%;}