html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }

body { font-size: 0.75em; line-height: 1.3333em; font-family: Verdana, Geneva, sans-serif; color: #666; }
p { margin: 0 0 1em; color: #999; }
.headerText p { margin: 0; }
a, a:link, a:visited { text-decoration:none; color: #0094d7; } 
a:hover { color: #ff7200; }

#header { width: 805px; margin: 0 auto; }
#bbhelptext { width: 805px; margin: 0 auto; }
.logo { margin: 20px 0 0 20px; float: left; }
#audio { float: right; margin: 15px 20px 0 0; }

#audioControlBox {
	 width:350px;
}

#audioControlBox H6 {
	MARGIN-TOP: 5px; PADDING-RIGHT: 10px; FONT-FAMILY: Verdana, Geneva, sans-serif; FLOAT: left; COLOR: #666; FONT-SIZE: 11px; FONT-WEIGHT: normal
}
#header h1 { clear: both; width: 600px; padding-top: 15px; margin: 0px 0px 0px 20px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; color: #666; font-size: 20px; }
#header h1 span {display: block; padding-bottom: 5px;}




#legacyheader {height:50px; position:relative; margin-bottom:19px;}
#legacyheader h1#pageTitle {position:absolute; bottom:10px; left:0px; font:normal 18px Verdana, Geneva, sans-serif; color:#858585;}

ul#steps { display: block; margin-top: 10px; overflow: hidden; }
ul#steps li { margin-top: 12px; text-transform: uppercase; background-color: #fbb315; float: left; text-align: center; color: #fff; height: 32px; padding-top: 5px; font-size: 1.1666em; line-height: 32px; border-width: 1px 0 0 1px; border-style: solid; border-color: #fff; font-family: Helvetica, Arial, sans-serif; }
ul#steps li span { display: none; }
ul#steps .step1 { width: 145px; border-left: 0; }
ul#steps .step2 { width: 160px; }
ul#steps .step3 { width: 115px; }
ul#steps .step4 { width: 115px; }
ul#steps .step5 { width: 170px; }
ul#steps .step6 { width: 95px; }
ul#steps .completed { background: #ef7102 url('../images/step-background-completed.png') 0 0 repeat-x; }
ul#steps li.current { height: 31px; border-width: 1px 0 1px 1px; border-style: solid; border-color: #ccc; background: #fff url('../images/step-background-current.png') 0 0 repeat-x; color: #f80; position: relative; overflow: visible; }
ul#steps li.current span { display: block; width: 24px; height: 23px; position: absolute; top: -13px; color: #fff; background: url('../images/current-dot.png') 0 0 no-repeat; font-size: 0.9333em; line-height: 23px; }
ul#steps li.step1 span { left: 60px; }
ul#steps li.step2 span { left: 68px; }
ul#steps li.step3 span { left: 45px; }
ul#steps li.step4 span { left: 45px; }
ul#steps li.step5 span { left: 73px; }
ul#steps li.step6 span { left: 35px; }

ul#steps .next { border-left-color: #ccc; }
ul#steps .previous { }

#content { position: relative; clear: both; width: 785px; margin: 0 auto; padding: 0 10px 10px; background: url('../images/content-gradient.png') 0 0 repeat-x; }
#content .contentShadow { width: 805px; height: 6px; position: absolute; top: 0; left: 0; background: transparent url('../images/inner-drop-shadow.png') 0 0 repeat-x; z-index: 400; }

#contentInner { min-height: 335px; /* overflow: auto; (adds scrollbar to inner frame) */ border-width: 0 1px 1px; border-style: solid; border-color: #ccc; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 20px; overflow: hidden; position: relative; }

#content h2 { font-size: 1.6666em; color: #007bb0; font-weight: normal; margin: 5px 0 20px; }
#content h2#newFormHeader { font-size: 1.6666em; color: #007bb0; font-weight: normal; margin: 5px 0px; }
#content h2#editFormHeader { font-size: 1.6666em; color: #007bb0; font-weight: normal; margin: 5px 0px;}
#content h3 { font-size: 1.3333em; color: #666; font-weight: normal; margin-bottom: 5px; }
.contentBox { border: 1px solid #ccc; padding: 15px; }
.contentBox.continued { border-top: 0; }
.continueOrCancel { font-size: 2.1966em; color: red; font-weight: normal; margin: 5px 0 20px; text-align: center; line-height: 1.6333em}

.alert { border: 1px solid #f00; padding: 15px 15px 15px 65px; background: transparent url('../images/icon-alert.png') 17px 50% no-repeat; margin-bottom: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.alert p { margin-bottom: 0; color: #f00; }

.info { padding: 15px 15px 0px 80px; background: transparent url('../images/icon-info.png') 15px 50% no-repeat; margin-bottom: 20px; }
.info p { margin-bottom: 0; color: #666; }

.note { color: #999; font-size: 0.8333em; line-height: 1.2em; }
.error { color: #f00; font-size: 0.75em; line-height: 1.3333em; float: right; width: 250px;  margin-left: 5px; }
.error1 { color: #f00; font-size: 0.75em; line-height: 1.3333em; width: 500px;  }
.hidden { position: absolute; top: -99999px; left: -99999px; }
.required { padding-right: 15px; background: url('../images/star.png') 100% 0 no-repeat; }
.requiredField { clear: both; padding-left: 15px; background: url('../images/star.png') 0 0 no-repeat; }
input[type=text], input[type=password] { height: 18px; padding: 1px 2px; border-width: 1px; border-style: solid; border-color: #999 #d7d7d7 #dedede; background: #fff url('../images/input-background.png') 0 0 repeat-x; }
input[type=text]:focus, input[type=password]:focus, input.ieFocus { border-color: #418ecc #4facf7 #52b1ff; }
input[type=submit], input[type=button] { cursor: pointer; }

div.button { float: left; height: 27px; background: url('../images/button-standard-left.png') 0 0 no-repeat; padding-left: 10px; }
div.buttonInner { height: 27px; background: url('../images/button-standard-right.png') 100% 0 no-repeat; margin: 0; padding: 0 10px 0 0; }
div.button.buttonFocus { background-position: 0 -27px; }
div.button.buttonFocus div.buttonInner { background-position: 100% -27px; }
div.button input { font-family: Verdana, Geneva, sans-serif; border: none; background: none; height: 27px; min-width: 100px; margin: 0; padding: 0 10px; color: #0094d7; font-size: 1.1666em; }
div.button input::-moz-focus-inner { border: 0; padding: 0; margin-top: -1px; } /* Align button text in Firefox */
div.buttonPrimary { background-image: url('../images/button-primary-left.png'); }
div.buttonPrimary div.buttonInner { background-image: url('../images/button-primary-right.png'); }
div.buttonPrimary div.buttonInner input { color: #fff; }
div.buttonSecondary { background-image: url('../images/button-secondary-left.png'); }
div.buttonSecondary div.buttonInner { background-image: url('../images/button-secondary-right.png'); }
div.buttonSecondary div.buttonInner input { color: #333; }
div.buttonDisabled { background-image: url('../images/button-disabled-left.png'); }
div.buttonDisabled div.buttonInner { background-image: url('../images/button-disabled-right.png'); }
div.buttonDisabled div.buttonInner input { color: #fff; }

form.accountNumber { margin-top: 40px; position: relative; }
form.accountNumber p.legend { float: left; font-size: 1.1666em; float: left; width: 430px; }
form.accountNumber input, form.accountNumber div.button { float: left; }
form.accountNumber input[type=text] { margin-right: 15px; }
form.accountNumber #accountNumber1, form.accountNumber #accountNumber2 { width: 30px; }
form.accountNumber #accountNumber3 { width: 40px; }

form.accountNumber .requiredField { clear: both; float: left; width: 415px; margin-top: 15px; }
form.accountNumber .error { position: absolute; top: 35px; left: 150px; width: 250px; display: none; }
form.accountNumber .help { float: left; width: 310px; margin-top: 5px; }

table.information td { padding: 5px 0; vertical-align: top; height: 20px; }
table.information td.noTopPadding { padding-top: 0; }
table.information td.noBottomPadding { padding-bottom: 0; }
table.information td.labels { width: 210px; }
table.information .fieldRequirements { font-size: 0.8333em; line-height: 1.3333em; margin-top: 3px; }
table.information input[type=text], table.information input[type=password] { width: 235px; } 

table.information td.pass { background: url('../images/check.png') 98% 9px no-repeat; }
table.information td.fail { background: url('../images/x.png') 98% 9px no-repeat; }

table.information td.gender, table.information td.homeLanguage { padding-top: 8px; }
table.information td.gender label, table.information td.homeLanguage label { display: inline-block; width: 55px; padding-left:5px;}
table.information td.gender p, table.information td.homeLanguage p { display: inline-block; width: 75px; padding-left:5px;}
table.information td.terms { padding-top: 6px; }
table.information td.terms p { display: inline-block; padding-left:5px;}

#existingMember { display: none; }
#birthMonth { width: 90px; }
#birthDay { width: 50px; }
#birthYear { width: 60px; }
#offlineQuestion, #onlineQuestion1, #onlineQuestion2 { width: 350px; }
#offlineAnswer, #onlineAnswer1, #onlineAnswer2 { width: 350px; }
#existingId, div.at { float: left; }
div.at { padding: 3px 5px; }
#existingDomain { width: 120px; }

.passwordField { float: left; width: 250px; }
.passwordStrength { float: left; margin-top: -3px; }
.strengthMeter { float: left; width: 150px; border: 1px solid #a8a8a8; background-color: #f9cd74; margin: 5px 5px 2px 0; }
.strengthValue { width: 5%; height: 9px; background: #d35a00 url('../images/strength-meter-gradient.png') 0 0 repeat-x; }
.strengthLabel { clear: left; font-size: 0.8333em; line-height: 1.3333em; }

.strengthEmpty,.strengthUnacceptable,.strengthFair,.strengthGood,.strengthExcellent { display: none; }
.passwordRequirements { float: left; width: 240px; margin-bottom: 10px; margin-top: 0 !important; clear:left;}

/* Hide all the errors */
#pageErrors, #firstNameError, #lastNameError,#nickNameError, #memberIdError, #memberIdRequiredError, #memberIdCharactersError, #passwordError, #passwordRequiredError, #passwordRequirementsError, #passwordCharactersError, #passwordMemberIdError, #passwordFormatError, #confirmPasswordError, #confirmPasswordRequiredError, #confirmPasswordMatchError, #altEmailError, #birthdateError, #birthdate_MSG_36, #birthdate_MSG_37, #gender_MSG_17, #zipCodeError, #offlinePasscodeError, #offlinePasscodeRequiredError, #offlinePasscodeCharactersError, #offlinePasscodeMiniumError, #offlineQuestion_MSG_25, #offlineAnswerError, #onlineQuestion1_MSG_28, #onlineAnswer1Error, #onlineQuestion2_MSG_31, #onlineAnswer2Error, #agreeToS_MSG_35, #existingIdError, #existingId_MSG_01, #existingId_MSG_45,#midErrorDesc , #existingPasswordError, #ssnError, #existingPassError { display: none; }

#passwordError ul { margin-left: 15px; }
#passwordError li { list-style: square; }
#memberIdError { width: 175px; }
#birthdateError { margin-left: 0; }
#offlinePasscodeError { width: 233px; }
#offlineQuestion_MSG_25, #onlineQuestion1_MSG_28, #onlineQuestion2_MSG_31 { width: 113px; margin-top: 0; }
#offlineAnswerError, #onlineAnswer1Error, #onlineAnswer2Error { width: 135px; }
#agreeToS_MSG_35 { float: none; clear: both; width: 100%; margin-left: 0; }
#existingIdError { width: 480px; }

.actionButtons { float: right; margin-top: 10px; }
.actionButtons div.button { margin-left: 10px; padding-left: 10px; }

.infoButtons { float: right; }
.infoButtons div.button { clear: both; margin-bottom: 10px; }

.cpe {width: 400px; text-align: center;}

table.confirmInformation { width: 550px; }
table.confirmInformation td { padding: 1px 0; color: #888;width: 325px; }
table.confirmInformation td.label { width: 225px; color: #333; }
table.confirmInformation tr.separate td { padding-top: 10px; }

#footer { width: 785px; margin: 5px auto; font-size: 0.75em; line-height: 1.3333em; }
#footer .footerLinks { float: left; font-size: 1.1111em; margin-bottom: 5px; line-height: 1em; }
#footer .footerLinks li { display: inline; float: left; border-right: 1px solid #ccc; padding-right: 5px; margin-right: 5px; }
#footer .footerLinks li.last { border-right: none; padding-right: 0; }
#footer .screenCode { clear: left; float: left; }
#footer .copyright { float: right; text-align: right; }

#modalOverlay { position: absolute; top: 0; left: 0; background-image: url('../images/modal-overlay.png'); z-index: 200; display: none; }
#modal { -webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.4); box-shadow:0 3px 7px rgba(0, 0, 0, 0.4); position: absolute; z-index: 300; }
.modalHeader { height: 29px; background: url(../images/modal-header-background.png) 0 0 repeat-x; text-align: center; }
#modal .modalHeader h2 { margin: 0; color: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 1em; line-height: 29px; text-transform: uppercase; }
.modalContent { position: relative; border-width: 0 1px 1px; border-style: solid; border-color: #ccc; padding: 0 7px 7px; background: #fff url('../images/modal-gradient.png') 0 0 repeat-x; }
.modalContent .modalShadow { height: 6px; position: absolute; top: 0; left: -1px; background: transparent url('../images/inner-drop-shadow.png') 0 0 repeat-x; }
.modalContent .modalInner { border-width: 0 1px 1px; border-style: solid; border-color: #ccc; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 15px 20px 5px; }

.progressModal { width: 250px; margin: 110px 245px 0; }
.progressModal .modalShadow { width: 250px; }
.progressModal .progressText { text-align: center; }
.progressModal .progressImage { width: 169px; margin: 10px auto; }

.cancelModal { width: 350px; margin: 80px 195px 0; display: none; }
.cancelModal .modalShadow { width: 350px; }

.cancelButtons { overflow: hidden; padding: 20px 0 10px; }
.cancelButtons .buttonSecondary { float: left; }
.cancelButtons .buttonPrimary { float: right; }

.tooltip { cursor: pointer; }
#tooltip { position: absolute; top: -99999px; left: -99999px; z-index: 500; width: 300px; }
#tooltip .tooltipTL { height: 12px; padding-left: 12px; background: url('../images/tooltip-top-left.png') 0 0 no-repeat; }
#tooltip .tooltipTR { height: 12px; background: url('../images/tooltip-top-right.png') 100% 0 no-repeat; }
#tooltip .tooltipBL { height: 24px; padding-left: 12px; background: url('../images/tooltip-bottom-left.png') 0 0 no-repeat; }
#tooltip .tooltipBR { height: 24px; background: url('../images/tooltip-bottom-right.png') 100% 0 no-repeat; position: relative; }
#tooltip .tooltipArrow { width: 15px; height: 12px; background: url('../images/tooltip-arrow.png') 0 0 no-repeat; position: absolute; top: 12px; }
#tooltip.tooltipLeft .tooltipArrow { right: 43px; }
#tooltip.tooltipRight .tooltipArrow { left: 30px; }
#tooltip .tooltipContent { border-width: 0 2px; border-color: #ff8300; border-style: solid; background-color: #fff; padding: 0 12px; }

/* AT&T Styled Form Elements */
.attRadioWrapper, .attCheckboxWrapper { position: relative; z-index: 2; height: 16px; width: 16px; margin-right: 5px; cursor: pointer; }
.attRadioWrapper input, .attCheckboxWrapper input { margin: 0; padding: 0; cursor: pointer; }
.attRadio { background: transparent url('../images/checkbox-sprite.png') 0 -16px no-repeat; height: 16px; width: 16px; position: absolute; left: 0; top: 0; cursor: pointer; vertical-align: middle; }
.attCheckbox { background: transparent url(../images/checkbox-sprite.png) 0 0 no-repeat; height: 16px; width: 16px; position: absolute; left: 0; top: 0; z-index: 2; cursor: pointer; }
.attRadio.attChecked { background-position: -16px -16px; }
.attRadio.attFocus { background-position: -32px -16px; }
.attRadio.attChecked.attFocus { background-position: -48px -16px; }
.attCheckbox.attChecked { background-position: -16px 0; }
.attCheckbox.attFocus { background-position: -48px 0; }
.attCheckbox.attChecked.attFocus { background-position: -48px 0; }

.attWrapper { float: left; z-index: 3; position: relative; margin-right: 15px; height: 22px; }
.attWrapper select { border: none; margin: 0; padding: 0; }
.attSelectWrapper { height: 22px; position: absolute; left: 0; top: 0; }
.attSelectWrapper iframe { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; }
.attSelectWrapper .attSelectText { height: 22px; line-height: 22px; padding: 0 5px; border: none; background: transparent url('../images/select-left.png') 0 0 no-repeat; overflow: hidden; float: none; position: absolute; z-index: 100; font-size: 0.9166em; }
.attSelectWrapper .attSelectText.attFocus { background-position: 0 -22px; }
.attSelectWrapper .attSelectOpen { width: 25px; height: 22px; background: transparent url('../images/select-right.png') 0 0 no-repeat; z-index: 200; display: block; position: absolute; right: -10px; }
.attSelectWrapper .attSelectOpen.attFocus { background-position: 0 -22px; }
.attSelectWrapper ul { top: 22px; background: #fff; border-style: solid; border-width: 0 1px 1px; border-color: #d7d7d7; max-height: 120px; position: absolute; left: 4px; list-style: none; display: none; margin: 0; padding: 0; overflow-y: auto; overflow-x: hidden; z-index: 150; width: 100%; font-size: 0.9166em; }
.attSelectWrapper ul a { color: #858585; background: #fff; display: block; padding: 2px 5px; text-decoration: none; z-index: 200; }
.attSelectWrapper ul a:hover { background: #eee; }
.attSelectWrapper ul a.selected { background: #eee; }

.attHidden { opacity: 0; z-index: -1; position: relative; }
form {visibility:hidden;}
h2 {visibility:hidden;}
p {visibility:hidden;}
h6 {visibility:hidden;}