@charset "utf-8";

/* OLD authentication device selection */
ul.devices { margin: 0 0 1em 0; overflow: hidden; }
li.device { list-style: none; width: 440px; float: left; position: relative; }
li.device.odd { margin-right: 93px; }
li.device .device-details { width: 440px; }
li.device .content { padding: 16px 24px 16px 172px; height: 164px; overflow: hidden; width: 244px; background: #e2e1df; }
li.device .content .checkmark { background: url("../../images/icons/check-lrg.3qxF7.png") no-repeat scroll left top transparent; height: 58px; left: 75px; position: absolute; top: 117px; width: 63px; z-index: 1; display: block;}
li.device .ui-button { position: absolute; right: 24px; bottom: 16px; z-index: 2; }
li.device .ui-button span { margin-right: 0; }
li.device img { position: absolute; left: 0; top: 16px; z-index: 1; }
li.device h3 { color: #585858; }
li.device p { color: #898989; }
li.device p.activated { color: #4a8432; }
h3 { clear: left; }

.page-content form { margin: 0; }
.page-content p strong { color: #202020 }
.large-headline .optional { font-size: 50%; letter-spacing: -0.02em; }

/* steps */

.steps { margin: 0 0 3em 0; }
.steps .step { float: left; margin-right: 13px; padding: 16px 20px; width: 207px; opacity: .5; background: url("../../images/security/step-pending-bg.1ynki.png") repeat-x 0 0; min-height: 248px; }
.steps-3 .step { width: 207px; }
.steps-4 .step { width: 120px; }
.steps .step .complete { opacity: .75; }

.steps .step-last { margin-right: 0; }
.steps .step-active { width: 430px; background: #dfdedc; opacity: 1; min-height: 0; }
.steps .step-active .section-box { background: #efefee; }
.steps .step-active .section-box .caption { color: #4a4a4a; }
.steps .step-active .section-box .caption strong { color: #202020; }
.steps-2 .step-active { width: 670px; }
.steps .step-active .disclaimer { margin-top: 2em; }
.steps .step-complete { background-image: url("../../images/security/step-complete-bg.3B8du.png"); opacity: .75; color: #2c6319; }
.steps .step-complete .caption,
.steps .step-complete .headline { color: #2c6319; margin: 0; }

.steps .form-row { margin: 0 0 1em 0; }
.steps .form-row label { display: block; text-align: left; width: auto; }
.steps .form-row-checkbox label { width: 90%; margin: 0 0 1em 0; }
.steps .form-row-checkbox label em { font-style: normal; color: #4a8432; }
.steps .form-row input.max-length-6 { text-align: left; }
.steps .form-row-checkbox .checkbox { width: 6%; vertical-align: top; padding-top: .25em; }
.steps .form-row-checkbox .checkbox input { width: auto; }
.steps fieldset.ui-controls { width: auto; margin: 2em 0 0 0; }
.steps .button1 { padding: 0; }

.steps .step *:last-child { margin-bottom: 0; }

/* disclaimers */
.disclaimers { margin: 0 0 3em 0; }
.disclaimers li { margin: 0 0 1em 0; }
.disclaimers li em { font-style: normal; text-transform: uppercase; }

/* email verificaiton */

.verification-box { background: #efefee; padding: 12px 24px; }
.verification-box .caption { margin: 0 0 .25em 0; }
.verification-box .error { color: #730202; }

/* mobile devices list */

.device-list { margin: 0 0 1em 0; }
.column .device-list { margin: 0 10px 0 0; }
.device-list .device { display: inline-block; height: 32px; line-height: 32px; padding-left: 36px; background: url("../../images/icons/mobile-device.3auxd.png") no-repeat 0 0; margin-bottom: 1em; }
.device-list li:last-child .device { margin-bottom: 0; }
.device-list .iphone .device { background-image: url("../../images/icons/mobile-itunes.1i5OB.png"); }
.device-list .android .device { background-image: url("../../images/icons/mobile-android.1l2ib.png");}
.device-list .blackberry .device { background-image: url("../../images/icons/mobile-blackberry.0uzMn.png");}
.device-list .win7 .device { background-image: url("../../images/icons/mobile-win7.1xxAZ.png");}

.more-info { padding: 20px 30px; margin: 0 0 0 10px; }
.more-info p:last-child { margin-bottom: 0; }

/* itemized list */

.item-list { margin: 0 0 1em 0; padding: 0 0 0 1.75em; }
.item-list li { list-style: disc; margin: 0 0 .25em 0; }

/* change number or PIN */

.call { width: 400px; }
.call p,
.verify p { min-height: 4em; }
.new-number { margin-top: 3em; }
.phone-number { text-align: center; width: 370px; margin: .5em auto .25em auto; }
.column .phone-number { margin: 0; width: auto; }

/* manage security options */

.manage-security { overflow: hidden; margin: 3em 0; }

.dashboard { overflow: hidden; padding: 20px; width: 600px; background: #e5e3e2; background: rgba(255,255,255,.4); float: left; }
.dashboard .security-image { margin: 0 0 0 -20px; display: block; width: 200px; height: 260px; overflow: hidden; float: left; }
.dashboard .security-image img { margin: 30px auto 0; display: block; }
.dashboard .section { width: 190px; float: left; margin: 40px 0 0 0; }
.dashboard .section.authenticator-optin{ float:left; width:400px; }
.dashboard .section.actions { float: none; margin-right: 0; width: 420px; clear: left;}
.dashboard .download-options { margin: 20px 0 0 0; }
.dashboard .download-options .back-button { text-align: right; }
.dashboard form { margin: 30px 0 0 0; }
.dashboard form .form-row-checkbox { clear: none; margin: 0; }
.dashboard form .form-row-checkbox .checkbox { width: 50px; vertical-align: top; margin-top: .1em; }
.dashboard form .form-row-checkbox label { font-size: 14px; width: 360px; padding: 0; margin: 0 0 1em 0; }
.dashboard form .more-info { padding-left: 230px; margin: 0 0 1.5em 0; }

.dashboard .section.details dl { line-height: 1.25; font-size: 11px; line-height: 2; }
.dashboard .section.details dl dd { margin: 0 0 1.25em 0; color: #272727; }
.dashboard .section.details dl dd strong { text-transform: uppercase; }
.dashboard .section.details dl dd strong.active { color: #2c6200; }

.dashboard .section.actions ul { font-size: 11px; }
.dashboard .section.actions li { margin: 0 0 1em 0; list-style: none; line-height: 1.5; }
.dashboard .section.actions li a { display: inline-block; padding: 0 0 0 22px; line-height: 16px; height: 16px;}
.dashboard .section.actions li a.icon-download { background-position: 0 -160px; }
.dashboard .section.actions li a.icon-download { background-position: 0 -160px; }
.dashboard .section.actions .remove-authenticator span.icon-none { display: block; font-weight: bold; }
.dashboard .section.actions .remove-authenticator span.icon-delete a,
.dashboard .section.actions .remove-authenticator span.icon-none a{ padding: 0; }

.other-options { width: 320px; float: right; }
.other-options .section-title { border: 0; padding: 0; }
.other-options ul { border-top: 1px solid #afadac; }
.other-options ul li { padding: 0 8px; height: 80px; background: url("../../images/security/other-options-bg.2UtcZ.png") no-repeat 0 0; border-bottom: 1px solid #afadac; }
.other-options ul li:hover { background: #e5e4e3; cursor: help; }
.other-options ul li .option-details { height: 80px; border-top: 1px solid #dbdad8; }
.other-options ul li .option-details .option-details-text{ width:240px; }

.other-options ul li.option-ba .option-details { background: url("../../images/security/other-options-ba.1mDBv.gif") no-repeat bottom right; }
.other-options ul li.option-ma .option-details { background: url("../../images/security/other-options-ma.4WE0A.png") no-repeat bottom right; }
.other-options ul li.option-na .option-details { background: url("../../images/security/other-options-na.3NnJE.gif") no-repeat bottom right; }
.other-options ul li.option-ps .option-details { background: url("../../images/security/other-options-ps.3JV8B.gif") no-repeat bottom right; }
.other-options ul li .caption { padding-top:5px; margin: 0; }

/* choose a security option */

.security-options { margin: 3em 0; }
.security-option { width: 480px; padding-bottom: 40px; display: inline-block; position: relative; background: url("../../images/security/option-bg.1QNDj.png") no-repeat center 180px; }
.security-option.option-1 { float: left; }
.security-option.option-2 { float: right; }
.security-option .description { height: 140px; background: #757470; padding: 20px 120px 20px 20px; }
.security-option.option-hover .description { background: #62615e; cursor: pointer; }
.security-option.option-selected .description { background: #51504e; }
.security-option .caption { color: #fff; }
.security-option p { color: #fff; }
.security-option img { position: absolute; top: -25px; right: 10px; }
.security-option .select { display: block; width: 440px; position: absolute; bottom: 40px; right: 0; text-align: right; height: 34px; line-height: 34px; background: url("../../images/security/select-bg.16bMb.png") no-repeat right 0; padding-right: 40px; text-transform: uppercase; color: #34c9ff; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px }
.security-option.option-hover .select { background-position: right -34px; color: #fff; }
.security-option.option-selected .select { display: none; }

/* security option details */

.security-details { margin: -40px 0 0 0; padding: 16px 0 0 0; position: relative; display: none; }
.security-details-alt { margin: 20px 0; display: block; padding: 0; }
.security-details .position { width: 64px; height: 32px; overflow: hidden; position: absolute; left: 460px; top: -16px; background: url("../../images/security/selection-indicator.2n7oU.png") no-repeat center bottom; }
.security-details .close { width: 22px; height: 22px; overflow: hidden; position: absolute; right: 20px; top: 36px; background: url("../../images/security/close.4dsG4.png") no-repeat 0 0; }
.security-details .close:hover { background-position: 0 -22px; }
.security-details .content { background: #dcdad8; padding: 20px; display: none; }
.security-details-alt .content { background: none; padding: 0; display: block; overflow:auto; }
.security-details .content p { clear: both; }
.security-details .headline { margin-bottom: .75em; }
.security-details .howto-diagram { display: block; margin: 2em auto; }
.security-details .howto-steps { display: block; margin: 2em auto; }
.security-details .howto-steps .caption { padding: 0 40px; color: #4a4a4a; }
.security-details .section-box2 { margin: 0; }
.security-details .section-box2 .supporting { margin-bottom: .5em; }
.security-details .authenticator { min-height: 210px; padding: 20px 30px 65px; width: 400px; display: inline-block; background-color: #cccac7; background-position: right bottom; background-repeat: no-repeat; position: relative; }
.security-details-alt .authenticator { width: 330px; background-color: #dfdedc; padding-right: 120px; }
.security-details .authenticator-ba { background-image: url("../../images/security/attach-ba-bg.4Cqk9.jpg"); }
.security-details .authenticator-ma { background-image: url("../../images/security/attach-ma-bg.2X2l0.png"); margin-left: 26px; }
.security-details-alt .authenticator-ma { background-image: url("../../images/security/attach-ma-alt-bg.2uZkM.png"); margin-left: 26px; }
.security-details-alt .authenticator-ba { background-image: url("../../images/security/attach-ba-alt-bg.1OXFv.jpg"); }
.security-details-alt .authenticator-na { background-image: url("../../images/security/attach-na-alt-bg.4KR3a.jpg"); margin-left: 26px; }
.security-details-alt .authenticator-nm { background-image: url("../../images/security/attach-nm-alt-bg.02qhl.jpg"); }
.security-details .authenticator .caption { font-size: 20px; padding-bottom: 10px; white-space: nowrap; }
.security-details .authenticator ul { margin: 0 0 1em 1.5em; }
.security-details .authenticator ul li { list-style: disc; line-height: 1.5; }
.security-details .authenticator .button1 { position: absolute; bottom: 30px; left: 30px; padding: 0; }

.security-details.option-ba .content.option-ba,
.security-details.option-ps .content.option-ps { display: block; }

/* link buttons */
.link-button { background-color: #dcdad8; padding: 8px 12px 8px 32px; display: inline-block; }
.security-details-alt .link-button { background-color: #dcdad8; }
.link-button:hover,
.link-button:focus { background-color: #eaeaea; }
.security-details-alt .link-button:hover,
.security-details-alt .link-button:focus { background-color: #eaeaea; }
.link-button.icon-download { background-position: 9px -152px; }
.link-button.icon-cart { background-position: 9px -512px; }


.mobile-alert { margin: 30px 0 0 0; padding: 8px 0; min-height: 280px; overflow: auto; }
.mobile-alert-background { background: url('../../images/layout/bg-columns-2-1.4KlZK.png') no-repeat 658px 0; background-size: 313px 100%; }
.mobile-alert-image { padding: 0 10px 0 160px; min-height: 230px; background: url("../../images/security/dashboard-mal.1aAYk.png") no-repeat -40px -30px; font-size: 13px;}
.mobile-alert-image h6 { font-size: 16px ; font-weight: bold; }
.mobile-alert-image h6.strong { font-size: 20px ; font-weight: bold; }
.mobile-alert-image ul { margin: 10px 0 20px; }
.mobile-alert-image ul li { list-style-type:disc; margin: 5px 0 0 20px; }
.mobile-alert-image ul.strong li { font-size: 16px ; font-weight: bold; }
.mobile-alert-image #mobileAlertFrom .input-left { display: none; }
.mobile-alert-image .mobile-alert-link { font-size: 13px; font-weight: normal; }
.mobile-alert-image .mobile-alert-number-title { font-size: 16px; font-weight: bold; }
.mobile-alert-image .mobile-alert-active-title { font-size: 18px; font-weight: bold; }
.ui-tooltip.texting-tooltip { min-width: 400px; }
.ui-tooltip.texting-tooltip ul {margin-top: 10px; }
.ui-tooltip.texting-tooltip ul li { margin: 0; padding: 0; }
.mobile-alert-image .term-checkbox.input-right { max-width: 100%; }
.mobile-alert-image .term-checkbox .label-text { width: 90%; }
.mobile-alert-image .line-string { margin: 30px 0; padding: 20px 0; border-top: 1px solid #AFADAC; }
.mobile-alert-image .submit { padding: 10px 0; }
.mobile-alert-image .input-note-arrow-up { left: 25px; }
.mobile-alert-image .section-box { margin-bottom: 20px; }
.mobile-alert-image .help-link-right { margin: 0; }
.mobile-alert-from { font-size: 13px; }
.mobile-alert-from h5 { padding: 0 0 5px 0; font-size: 20px ; font-weight: bold; }
.mobile-alert-from .country-desc { padding-right: 20px; cursor: help; background: url("../../images/icons/tooltip-help.0WRiu.gif") 100% 50% no-repeat; line-height: 34px; }
.mobile-alert-from .submit { padding: 20px 0 0; }
.mobile-alert-active .input-required { display: none; }
.input-link { padding: 0 0 0; font: 14px/14px "Lucida Sans Unicode","Lucida Grande","Arial",sans-serif; vertical-align: middle; }
.features-desc { padding-left: 30px; font-size: 11px; }
.edit-links { margin: 0 0 0 30px; }
.edit-links li{ margin: 10px 0; }

#what-note { display: none; }

.mobile-alert-option { float: right; width: 300px; min-height: 230px; }
.mobile-alert-option ul li { margin: 0 0 10px; list-style-type: none; }

.d3-note { padding: 15px 0 0 100px; min-height: 85px; background: #c1c0bd url("../../images/logos/d3/d3-logo.3Vd5A.png") 20px 10px no-repeat; }
.d3-note .if-d3 { padding: 0 0 30px; color: #4a4a4a; }
.d3-note .if-d3 dt { font-size: 16px; font-weight: bold; }
.d3-note .if-d3 dd { padding: 10px 0 0; font-size: 13px; line-height: 20px; }
.mobile-alert-change { font-size: 13px; }
.mobile-alert-change h6 { font-size: 16px; font-weight: bold;}
.mobile-alert-change .strong { font-size: 16px; font-weight: bold; }
.help-resend-box { padding: 30px 0; }
.help-resend-box h6,
.verification-box h6 { line-height: 30px; font-weight: bold; }
.mobile-alert-change .attention { padding: 10px 0 10px 35px; background: url("../../images/icons/warning-background.43hMV.png") 0 10px no-repeat; font-size: 16px; font-weight: bold; }
.auth-info-box{ float:left; }
#addAuthenticatorForm,
#addAuthenticatorForm .form-row { margin:0; padding:0; }
#addAuthenticatorForm .form-row label { width:100%; text-align:left; }
#addAuthenticatorForm .form-row label input { margin:0; padding:0; width:16px; height:16px; min-width:16px; vertical-align:middle; }
#addAuthenticatorForm .form-row .label-text { width:350px; }
#addAuthenticatorForm .form-row .label-text img { vertical-align:middle; }
#addAuthenticatorForm .loading{ padding:0 0 0 16px; background: url("../../images/icons/loading-light-small.04y4o.gif") no-repeat center left ; }
#addAuthenticatorForm .mobile-optin label,
#addAuthenticatorForm .battle-optin label { padding:20px 0 0; }
#addAuthenticatorForm .mobile-optin .label-text{ width: 390px; vertical-align: middle;}
#addAuthenticatorForm .battle-optin .label-text{ width: 80%; vertical-align: middle;}

#authLoading,
#authSaved,
#authError,
#authThrottled,
#smsThrottled,
#step2Active #countryCode { display: none; }

.phone-code-box .inline-message { padding: 10px 0; }
.phone-code-box.error-error .input-text input { border: 1px solid #944a4a;}
.phone-code-box.error-error .inline-message { font-size: 13px; color: #944a4a; line-height: 18px; }
.phone-code-box.error-warning .input-text input { border: 1px solid #b98324;}
.phone-code-box.error-warning .inline-message { font-size: 13px; color: #b98324; line-height: 18px;}
.phone-code-box.error-warning .inline-message strong{ font-size: 16px; color: #b98324; }
.ex-number { display: inline-block; line-height: 32px; }

.help-resend-box .button-box { line-height: 24px; }
.help-resend-box .button-box .resend-box { display: none; margin: 0 0 5px; padding: 10px; background-color:#EFEFEE; -moz-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; }

.submit-box { padding: 10px 0; }


.resend-button { display: inline-block; width: 32px; height: 32px; background-image: url("../../images/icons/resend.3muZT.png"); cursor: pointer; }
.resend-button:hover,
.resend-button-hover { background-position: 0 -32px;}
.resend-button-normal { background-position: 0 0;}
.resend-button-disabled,
.resend-button-disabled:hover { background-position: 0 -64px;}
.resend-button-active { background-position: 0 -96px;}
.resend-button-loading, 
.resend-button-loading:hover {  background: url("../../images/icons/loading-light-large.0NKCc.gif") no-repeat center left ; }
.resend-message { display: none; }
.resend-message-box { display: none;  padding: 0 24px; vertical-align: top; line-height: 32px; background: #efefee; }
.payment-overview .resend-message-box,
.payment-overview .resend-button-disabled,
.payment-overview .resend-button-normal { vertical-align: middle; }
#verificationCode-message { color: #944a4a; }

#mobileAlertFrom .input-left { display: none; }
#mobileAlertFrom .term-checkbox.input-right { max-width: 100%; }
#mobileAlertFrom .term-checkbox .label-text { width: 90%;  font-size:12px; padding-top:0; }
#mobileAlertFrom .line-string { margin: 30px 0; padding: 20px 0; border-top: 1px solid #AFADAC; }
#mobileAlertFrom .form-button-container { margin-top:12px; }

.d3-notes { padding:10px; padding-left:50px; background:#e1e0de url("../../local-common/images/game-icons/d3.1TsYB.png") 4px 4px no-repeat; border-radius:4px; margin-bottom:20px; }
.d3-notes.extra-space { margin-top: 20px; }
.d3-notes p { margin:0; }

#remove-phone-lock-container { display: none; }