/*!
* (c) Disney. All rights reserved.
*/
/**************************************************
* FileName - athena-babyzone.css
*
* $Author: Wilfred Tambaoan
* $Revision: 1
* $Change: 1
* $Date Created: December 15, 2011
* $Last Updated: June 13, 2012
**************************************************/

body {
  background-image: url('../images/babyzone/bz_wallpaper_reg.gif');
}

p {
  margin: 0;
}

h2 {
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  letter-spacing: -1px;
  color: #353535;
  margin: 20px 0 5px 0;
}

p#header-message{
  margin-bottom: 15px;
}
#pageTop {
  height: 150px;
}

a.bzSuperButton {
  float: left;
}

#login-register-button {
  float: right;
}

#verification-email-sent p {
  margin: 10px 0;
}

#verification-email-sent .bzSuperButton {
  margin: 20px 0;
}

#disneyAccount {
  border: 1px solid #ececec;
  text-align: center;
  width: 455px;
  padding: 5px;
  background-color: #fff;
  left: 320px;
  position:absolute;
  text-align:center;
  font-size: 12px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  margin-top: 17px;
  z-index: 1;
}

.disneyAccountTooltipConnectorTop {
  background: url('../athena/assets/current/images_bz/widgets/toolTip.png') no-repeat scroll -38px -11px transparent;
  top: 0px;
  width: 25px;
  height: 25px;
  margin: -15px 0 0 65px;
}

#cancel-registration {
  line-height: 25px;
}
#pageHeader {
  position: static;
  margin: -6px 0 0 10px;
}
.faq #pageContent > #feature.wide,
.thankyou #pageContent > #feature.wide
 {
  margin-right: 40px;
  width: 985px !important;
}

#link-accounts #pageContent > #feature.wide {
width: 100% !important;
}

#specialOffersMessage {
  color: #999999;
  font-size: 11px;
}

#faq p {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 0px;
  color: #4d4d4d;
}

#faq .backtotop {
  font-size: 12px;
}

#sorry ul {
  margin-left: 40px;
}

#faq hr {
  border: 0;
  border-bottom: 1px dashed #fff;
  background: #000;
  margin: 30px 0 0 8px;
  width: 90%;
}
#faq h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  padding: 30px 0 0 10px;
}

.nlOrHead {
  text-transform: lowercase;
}

div#rightRail .boxPromoContainer img {
  padding-bottom: 20px;
}

div#rightRail .boxPromoContainer ul li,
div#not-a-member-block .inner-block ul li
 {
  background-image: url('../athena/assets/current/images_bz/mainContent/checklist_bullet.png');
  background-position: 0 5px;
  background-repeat: no-repeat;
  line-height: 18px;
  margin: 0 0 6px;
  padding: 0 0 4px 24px;
}

div#rightRail .boxPromoContainer ul,
div#not-a-member-block .inner-block ul
 {
  list-style-type: none;
  color: #4D4D4D;
}

h4 {
  font-size: 24px;
  font-weight: normal;
  line-height: 24px;
  padding-bottom: 15px;
}
#email-block,
#registration-block,
#registration-login-block
 {
  background-color: #eff9fc;
  padding: 18px;
  margin-bottom: 10px;
  min-height: 345px;
}

#registration-login-block {
  width: 935px;
}


.boxGroup p {
  clear: both;
}

#email-block .error,
#registration-login-block .error
 {
  clear: none;
  line-height: 12px;
}

#email-block .button-clear {
padding: 7px 6px 0 2px;
}

#email-lookup, #register-lookup {
  background: transparent url('../images/babyzone/loading.gif') no-repeat;
  padding: 0 0 3px 20px;
}

#verified-username {
float:left;
margin-right: 14px;
}

#select-member-name .labelForText {
  margin-top: 0;
}

#select-member-name a.bzSuperButton {
margin: 3px 10px 0 0;
}

#child1,
#pregnancy,
#conceive,
#none
{
  margin-left: 30px;
}

#login-block,
#email-lookup,
#register-lookup,
#not-a-member-block,
#continue-button,
#disney-password-sent,
#rememberMeTip,
#reset-disney-password-block,
#forgot-password-block,
#password-sent,
#registration-login-block,
#email-confirm,
#bz-password-sent,
#forgot-disney-member-name-block,
#disney-member-name-sent,
#enter-disney-password-block,
#no-thanks-block,
#multi-account-block,
#registration-block,
#link-block,
#confirm-linking-block,
#verifyemail,
#cancelHistory,
#link-accounts,
#verification-email-sent,
#validateEmail,
#verification,
#emailsent,
#disneybaby-newsletter,
#gokart-agesandstages-newsletter,
#gokart-bestofbabyzone-newsletter,
#gokart-tryingtoconceive-newsletter,
#change-username,
#disneyAccount,
#reset-password-block,
#reset-disney-password-sent,
#password-not-valid,
#password-changed,
#child1, #child2, #child3, #pregnancy, #conceive, #none
{
  display: none;
}

.error,
#enterDisneyPasswordMessageError
{
  color: #c92b2b;
  clear: both;
  line-height:26px;
  margin-left:10px;
}

#registration-block #error-userName,
#link-block #error-userName
{
  float: right;
  margin-top: -33px;
  width: 145px;
}

#registration-block #error-dateOfBirth {
  float: right;
  margin-top: -24px;
  width: 180px;
}

#registration-block #suggested-usernames,
#link-block #suggested-usernames
{
  margin-left: 126px;
}

#registration-block #suggested-usernames ol,
#link-block #suggested-usernames ol
{
  padding-left: 22px;
}

#link-block #dateofBirthBlock {
  position: relative;
  margin: 10px 0 10px 21px;
}

#link-block #error-dateOfBirth {
  float: right;
  margin-top: 0;
  width: 220px;
}

#link-block {
  width: 600px;
}

#registration-block .error,
#link-accounts .error
 {
  line-height: 12px;
  margin-left: 0;
}

#error-postalCode {
float: right !important;
left: 0;
line-height: 18px !important;
margin: -32px 0 15px 0 !important;
position: relative !important;
width: 240px !important;
}

@-moz-document url-prefix() {
#error-postalCode {
left: 13px !important;
}
}

#agree-register-button {
  display: inline-block;
  margin: 0 10px 0 0;
}

#birthdayTooltip {
position:absolute;
top: -40px;
left: 375px;
opacity: 1;
z-index:1;
}

#link-block #birthdayTooltip {
left: 335px;
top: -56px;
}

#link-block #your-family .error {
padding: 10px;
}

#login {
  width: 985px;
}

#login h1 {
  padding-bottom: 5px;
}

.login-header {
  background: url('../images/babyzone/bz-registration-sprite.png') no-repeat scroll 0 0 transparent;
  color: #fff;
  font-size: 14px;
  letter-spacing: -0.03em;
  line-height: 22px;
  padding: 17px 25px 0 17px;
}

.login-header h1 {
  font-size: 20px;
  text-transform: lowercase;
  border-bottom: 1px dashed;
}

#login-block {
  float: left;
  padding: 0 10px 0 120px;
}

#login p {
  padding: 0;
}

p#disneyAccountBlock {
  margin-bottom: -7px;
}

#login .error {
  line-height: 16px;
  margin-left: 0;
}

#login h3 {
  font-size: 12px;
  padding-bottom: 10px;
}

#reset-password-block {
    width: 700px;
}

#reset-disney-password-sent h2 {
  font-size: 20px;
}

#not-a-member-block {
  float: left;
}

.login-button {
  background: #fff url('../images/babyzone/bz-registration-sprite.png') no-repeat scroll -400px 0;
  display: block;
  outline:none;
  width: 142px;
}

input.login-button {
  height: 28px;
  display:block;
  line-height: 12px;
  border: 0 none;
  cursor: pointer;
  text-transform: lowercase;
  margin-top: 10px;
}

@-moz-document url-prefix() {
input.login-button {
padding: 0 0 4px;
}
}

input.login-button:hover {
  background-position: -400px -100px;
}

#login-block .inner-block,
#not-a-member-block .inner-block {
background: url('../images/babyzone/bz-registration-sprite.png') no-repeat scroll -438px bottom transparent;
padding: 10px 20px 20px;
width: 322px;
min-height: 270px;
}

#login-block #login-button {
  float: right;
}

#forgot-password-continue-button,
#send-disney-member-name-button,
#resetForgotMemberName
 {
  clear: both;
  margin-top: 40px;
}

.button-clear {
  padding-top: 10px;
  clear: both;
}

.button-align {
  line-height: 50px;
}
.largeRoundInputCap {
  margin-right: 10px;
}

.largeRoundInput {
  line-height: normal;
}

.bzSelectWrap {
  display: inline;
}

#userNameBox .largeRoundInputCap {
  margin-top: 0;
}
#email-block .largeRoundInput,
#registration-login-block .largeRoundInput,
#login-block .largeRoundInput,
#forgot-password-block .largeRoundInput,
#forgot-disney-member-name-block .largeRoundInput
  {
  width: 280px;
}

input#emailAddress,
#login-block input#username,
#login-block input#password,
#forgot-password-block input#forgotEmailAddress,
#forgot-disney-member-name-block input#loginDisneyEmailAddress,
#registration-login-block input#disneyEmailAddress,
#registration-login-block input#disneyPassword
 {
  width: 280px;
}
#resetPassword input#password,
#resetPassword input#passwordTemp,
#resetPassword input#retypepassword,
#resetPassword input#retypepasswordTemp
{
  width: 300px;
}

#resetPasswordBlock #resetPasswordButton {
  clear: both;
  padding-top: 15px;
}
#change-password-button {
  float: left;
  margin: 10px;
}

#login-block input#passwordTemp,
#login-block input#password,
#resetPassword input#password,
#resetPassword input#retypepassword,
#resetPassword input#retypepasswordTemp,
#login-block input#username,
#email-block input#emailAddress,
#registration-login-block input#disneyEmailAddress,
#registration-login-block input#disneyPassword,
#forgot-password-block input#forgotEmailAddress
{
  height: 22px;
  margin: 4px 0;
}

#login-block .login-fields {
  padding: 15px 0;
}

#login-block .largeRoundInputCap {
  margin-top: -15px;
}

#login-block .legal,
#verification-email-sent .legal
{
  font-size: 11px;
  padding-top: 8px;
}

fieldset {
  border: none;
  clear: both;
}
.labelForText {
  float: left;
  padding-right: 10px;
  margin-top: 5px;
  width: 115px;
}

.enterDisneyPasswordMessage {
  margin-top: 10px;
}

#link-accounts #your-password .labelForText {
width: 130px;
}

.manageAccount input[type=text], .manageAccount input[type=password] {
border: 1px solid;
line-height: 30px;
height: 30px;
}

#your-password label, #yourself label {
line-height: 22px;
}

#gender .labelForText {
margin: 0px;
}

#birthdayContainer .labelForText{
margin: 4px 0 0 0;
}

#yourself select {
position: relative;
top: 6px;
}

#email-confirm {
  border-bottom: 1px dashed #000;
  border-top: 1px dashed #000;
  margin-bottom: 20px;
  padding: 20px 0 20px 25px;
  width: 610px;
}

#email-confirm a {
  padding-left: 10px;
}

#email-confirm span {
  padding-left: 10px;
}

input#emailAddress,
input#confirmEmailAddress,
input#gspw,
input#gspwOld,
input#gspwConfirm,
input#child1Name,
input#child2Name,
input#child3Name,
input#firstName,
input#lastName,
input#postalCode,
input#userName,
input#disneyEmailAddress,
input#disneyPassword,
input#username,
input#password,
input#passwordTemp,
input#retypepasswordTemp,
input#forgotEmailAddress,
input#disneyUserName,
input#loginLastName,
input#loginDisneyEmailAddress,
input#loginDisneyPassword
{
  height: 29px;
  margin-top: 1px;
  color: #999999;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  border: 0 none;
}

input#loginDisneyPassword {
  margin-top: 1px;
  height: 20px;
}

#footerWrap {
  clear: both;
  height: 270px;
}

/* ----------------- chrome browser footer adjustment ----------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #footerWrap {
  height: 270px !important;
  }
}

/* ----------------- end chrome browser footer adjustment ----------- */

#footer {
  height: 500px;
}

#footerSiteFreeText #footerMedical {
  padding: 0 0 20px;
}

.dijitValidationIcon {
  display:none;
  background:url('../images/spacer.gif') no-repeat scroll center center transparent !important;
  width: 16px;
  margin-top: 5px;
}
.dijitValidationIconText {
  display: none;
}

.dijitTooltipContainer {
  background-color: #FFFFFF;
  border: 1px solid #999999;
  padding: 15px;
  margin-left: 5px;
  -moz-border-radius: 11px;
  border-radius: 11px;

}

.dijitTooltip, .dijitTooltipDialog {
  background: none repeat scroll 0 0 transparent;
}

.dijitTooltip {
  display: block;
  left: 50%;
  overflow: visible;
  position: absolute;
  top: -10000px;
  z-index: 2000;
}

.dijitTooltipRight .dijitTooltipConnector {
  bottom: 8px;
}

.dijitTooltipRight .dijitTooltipConnector {
  background: url('../athena/assets/current/images_bz/mainContent/toolTip.png') no-repeat scroll -61px -51px transparent;
  bottom: 12px;
  height: 23px;
  left: 5px;
}

.dijitTooltipRight {
  margin-left: 10px;
}
.dijitTooltipDialog, .dijitTooltip {
  background: none repeat scroll 0 0 transparent;
}

.dijitCheckBox, .dijitCheckBoxIcon {
  background-image: url('../athena/assets/current/images_bz/mainContent/arrow_sprite.png');
  background-repeat: no-repeat;
  background-position: -887px -566px;
  width: 15px;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
}
.dijitCheckBoxChecked, .dijitToggleButtonChecked .dijitCheckBoxIcon {
  background-position: -887px -593px;
}

.dijitRadio, .dijitRadioIcon {
  background-image: url('../athena/assets/current/images_bz/mainContent/arrow_sprite.png');
  background-repeat: no-repeat;
  background-position: -890px -153px;
  width: 15px;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
}

.dijitRadioChecked {
  background-position: -890px -168px;
}

.dijitCheckBox input, .dijitRadio input {
margin: 0;
padding: 0;
display: block;
}

.dijitCheckBoxInput {
opacity: 0.01;
}
.dijitCheckBox, .dijitCheckBoxInput {
padding: 0;
border: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
overflow: hidden;
}

p > input
{
  padding: 0;
  margin: 0;
  height: 18px;
  width: 18px;
  float: left;
  position: absolute;
  left: 0;
  opacity: 0;
}

p:not(#foo) > input + label
{
  background-image: url('../athena/assets/current/images_bz/mainContent/arrow_sprite.png');
  background-position: -890px -153px;
  background-repeat: no-repeat;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 0 0 0 24px;
}
p:not(#foo) > input[type=radio] + label										{ background-position: -890px -168px; }

/* Checked styles */
p:not(#foo) > input[type=radio]:checked + label 							{ background-position: -890px -168px; }
p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: -890px -168px; }
p:not(#foo) > input[type=checkbox]:hover:checked + label,
p:not(#foo) > input[type=checkbox]:focus:checked + label,
p:not(#foo) > input[type=checkbox]:checked + label:hover,
p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: -890px -168px; }
p:not(#foo) > input[type=radio]:hover:checked + label,
p:not(#foo) > input[type=radio]:focus:checked + label,
p:not(#foo) > input[type=radio]:checked + label:hover,
p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: -890px -168px; }

.subscribe p:not(#foo) > input + label
{
  background-image: url('../athena/assets/current/images_bz/mainContent/arrow_sprite.png');
  background-position: -887px -568px;
  background-repeat: no-repeat;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 0 0 0 24px;
}
.subscribe p:not(#foo) > input[type=radio] + label										{ background-position: -887px -595px; }

/* Checked styles */
.subscribe p:not(#foo) > input[type=radio]:checked + label 							{ background-position: -887px -595px; }
.subscribe p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: -887px -595px; }
.subscribe p:not(#foo) > input[type=checkbox]:hover:checked + label,
.subscribe p:not(#foo) > input[type=checkbox]:focus:checked + label,
.subscribe p:not(#foo) > input[type=checkbox]:checked + label:hover,
.subscribe p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: -887px -595px; }
.subscribe p:not(#foo) > input[type=radio]:hover:checked + label,
.subscribe p:not(#foo) > input[type=radio]:focus:checked + label,
.subscribe p:not(#foo) > input[type=radio]:checked + label:hover,
.subscribe p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: -887px -595px; }

#edit-subscriptions p:not(#foo) > input + label
{
  background-image: url('../athena/assets/current/images_bz/mainContent/arrow_sprite.png');
  background-position: -887px -568px;
  background-repeat: no-repeat;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 0 0 0 24px;
}
#edit-subscriptions p:not(#foo) > input[type=radio] + label										{ background-position: -887px -595px; }

/* Checked styles */
#edit-subscriptions p:not(#foo) > input[type=radio]:checked + label 							{ background-position: -887px -595px; }
#edit-subscriptions p:not(#foo) > input[type=checkbox]:checked + label 							{ background-position: -887px -595px; }
#edit-subscriptions p:not(#foo) > input[type=checkbox]:hover:checked + label,
#edit-subscriptions p:not(#foo) > input[type=checkbox]:focus:checked + label,
#edit-subscriptions p:not(#foo) > input[type=checkbox]:checked + label:hover,
#edit-subscriptions p:not(#foo) > input[type=checkbox]:focus:checked + label 					{ background-position: -887px -595px; }
#edit-subscriptions p:not(#foo) > input[type=radio]:hover:checked + label,
#edit-subscriptions p:not(#foo) > input[type=radio]:focus:checked + label,
#edit-subscriptions p:not(#foo) > input[type=radio]:checked + label:hover,
#edit-subscriptions p:not(#foo) > input[type=radio]:focus:checked + label 						{ background-position: -887px -595px; }