@charset "utf-8";
/*
Blizzard Account
(c) Blizzard Entertainment 2008. All rights reserved.
*/

/* Init */
html, body{height:100%}
html{background-image:url('../../_images/bgtile.gif');background-repeat:repeat;background-position:0 1px;}
body{margin:0;padding:0;font:0.75em Arial, Helvetica, sans-serif;position:relative;background:url('../../_images/bg.jpg') no-repeat 50% 0px;color:#4183AC}

p,form, fieldset, legend, label, input, select, textarea, button,ol, ul{margin:0;padding:0}
li{padding:0 0 0 10px;margin:0}
table{border-spacing:0;border:none;border-collapse: collapse;}

q:before,q:after{content:""}
h1, h2, h3, h4, h5, h6{margin:0;padding:0}
a,a:link,a:active,a:visited{color:#00B1F0;text-decoration:none;outline:none}
a:hover{color:#FFF}
img{border:0}
a:focus, input:focus, input, label, input:active{outline:none;-moz-outline-style:none;}
object{outline:none;-moz-outline-style:none}
b{font-weight:bold;}

/*GLOBAL FORM STYLES */
div.form{border-top:1px solid #003854;padding:20px 10px;position:relative}
div.form span.important{font-weight:bold;font-size:20px;color:#AE4C4C;font-family:Georgia,"Times New Roman",Times,serif;}
div.form .required{float:left;position:absolute;color:#FFF;font-size:11px;z-index:2;left:0;top:2px}
div.form .required .important{font-size:11px;padding:0 2px 0 0}
div.form .formRow{width:100%;min-height:30px;}
div.form .formRow .leftCol{width:37%;text-align:right;padding:0 10px 3px 0;height:30px;float:left;display:block;}
div.form .formRow .fieldLabel{font-weight:bold;line-height:28px}
div.form .formRow .rightCol{float:left;width:60%;min-height:30px;padding:0 0 3px 0;}
div.form .captcha { border:1px solid black;padding:10px;background:url('../../_images/bgtile.gif'); height:77px;width:300px;margin:0px auto }
div.form .captcha img {border:1px solid black}
input.text, select.text{border:1px solid #000;background-color:#CCD7DB;padding:5px;font-size:16px;width:250px;}
input.text:hover{background-color:#F1F1F1}
input.text:active,input.text:focus{background-color:#F1F1F1;border:1px solid #7A96B0;}
input.smallText{font-size:12px;padding:4px;}
select.smallText{font-size:12px;padding:2px;}
/*radio buttons*/
label.radioLabel{color:#FFF;font-size:14px;display:block;clear:both;line-height:30px;height:30px}
label.radioLabel:hover{color:#ddd}
label.radioLabel input{margin-right:3px;}
/*checkboxes*/
label.checkBoxLabel{color:#FFF;font-size:14px;display:block;clear:both;line-height:30px;height:30px}
label.checkBoxLabel:hover{color:#FFBA00}
label.checkBoxLabel input{margin-right:3px;}
/*form submit background*/
.formSubmit{border-top:1px solid #003854;background:transparent url(../../_images/button-sep.gif) no-repeat scroll center top;clear:both;padding:25px 0;text-align:center}
/* BUTTONS - SPRITE*/
a.submit,
a.submit span,
a.select,
a.select span,
a.submitDisabled,
a.submitDisabled span{background-image: url('../../_images/buttons/sprite.gif'); background-repeat:no-repeat;}
/*submit button*/
a.submit{background-position:0 0 ;display:block;padding:0 0 0 40px;height:53px;}
a.submit span{background-position:100% -154px;display:block;padding:0 40px 0 0;font-weight:bold;color:#654005;font-size:16px;letter-spacing:-1px;line-height:49px}
a.submit:hover{background-position:0 -53px;}
a.submit:hover span{background-position:100% -207px}
a.submitDisabled, a.submitDisabled:hover{background-position:0 -106px;cursor:default;}
a.submitDisabled span,a.submitDisabled:hover span{background-position:100% -260px;color:#222;}

/*alt submit button */
a.select, a.select:visited{background:transparent url(../../_images/buttons/glass-blue-left.gif) 0 0 no-repeat;display:inline-block;padding:0 0 0 5px}
a.select span{background:transparent url(../../_images/buttons/glass-blue-right.gif) 100% 0 no-repeat;display:inline-block; padding:0 12px 0 7px;color:#DDD;line-height:27px;}
a.select:hover{background-position: 0 -27px }
a.select:hover span{background-position:100% -27px }
/*table to center a button*/
table.center{margin:0 auto;}
/*scrollAccept*/
div.scrollContainer{ }
div.scrollContainer div.scrollContent{background-color:#003854;color:#7A96B0;width:893px;height:225px;margin:0 auto;padding:20px;border:1px solid #003854;overflow:auto;}
div.scrollContainer div.mustScroll{color:#FFBA00;text-align:center;margin:20px 0 15px;}
div.scrollContainer div.mustScroll a.redHighlight{color:#900;text-decoration:underline}
div.scrollContainer label{font-size:16px; font-weight:bold;width:100%;text-align:center;display:block;margin-bottom:30px;}
div.scrollContainer label.enabled{color:#FFF;}
div.scrollContainer label.accepted{color:#47EB00;}
div.scrollContainer span.important{font-weight:bold;font-size:20px;color:#AE4C4C;font-family:Georgia,"Times New Roman",Times,serif;}
/* PROGRESS BAR */
.progressBar{background:transparent url(../../_images/progress-bg.jpg) no-repeat scroll 50% 0;margin:3px 0 10px 0;}
.progressBar .progressFill{background:transparent url(../../_images/progress-fill.png) no-repeat scroll 100% 0px;height:10px;top:-3px;position:relative}
.progressBar .step{font-size:10px;text-transform:uppercase;}
.progressBar .step span{color:#FFF}

/* error tooltip*/
.errorTooltip{width:223px;position:absolute;z-index:5;display:inline;margin:0 0 0 5px;padding-left:5px;min-height:26px}
.errorTooltip span{background-color:#a2001d;color:#FFF;font-weight:bold;display:block;line-height:25px;width:100%;text-align:center;padding-bottom:2px;min-height:25px;margin:1px 0;}
.arrowLeft{background:url('../../_images/errorTooltip/errortooltip-arrowleft.gif') 0 50% no-repeat;padding-left:6px;}
span.error{background-color:#660000;}
div.errorMessage{width:450px;background-color:#660000;border:1px solid #990000;color:#FFF;padding:5px 10px; margin:0 auto 5px;text-align:center;}
/* tooltip */
#tooltip{z-index:100; position:absolute;background-color:#ddd;top:0;left:0;max-width:400px;padding:2px 9px;color:#333;border:1px solid #333;}

/* Page Header */
.head{margin:0 auto;height:45px;width:998px;position:relative;z-index:2}
.head a.home, .head a.home:hover {display:block;height:60px;width:325px;float:left;margin:0 0 0 7px;background:url('../../_images/bnet-logo.gif') no-repeat 0 0; }
.head .user-container{float:right;padding:10px 8px 0 0;width:400px;}
.head .user-container .user{text-align:right;color:white;font-size:22px;font-weight:normal;padding-bottom:3px}
.head .user-container .user b.flag{color:#fdc324;font-weight:normal;font-size:10px;text-transform:uppercase;margin-left:4px;background:url('../../_images/flag1.gif') 0 0 no-repeat;display:block;float:right;height:20px;width:46px}
.head .user-container .user-time{color:#7a96b0;text-align:right;white-space:nowrap;font-size:12px;line-height:12px;}
.head .user-container .user-time a{color:#00B1F0;}
.head .user-container .user-time a:hover{color:#FFF}
.head .user-container .user-time a#logout,.head .user-container .user-time a#logout:visited{float:right;border-left:1px solid #7A96B0;padding: 0 0 0 5px;margin-left:5px;font-weight:bold;}
/*language selection*/
.head .user-container .user-time #localeSelect{float:right;padding-left:3px;}
.head .user-container .user-time #localeSelect .g-back{background-color:#000;margin:5px 0 0 0;}
.head .user-container .user-time #localeSelect .g-back a{display:block;line-height:14px;padding:3px 6px;}
.head .user-container .user-time #localeSelect .global-pop{display:none;z-index:99;position:absolute;top:53px;right:56px}

/* breadcrumb and page titles*/
.page-top{height:75px;padding-top:20px}
.page-top .backnav{padding:0 0 0 25px;float:left;margin-right:5px}
.page-top .backnav a, .page-top .backnav a:visited{color:white !important;cursor:pointer;float:left;display:block;line-height:45px;background:url('../../_images/back-l.gif') no-repeat 0 0 !important;font-size:14px !important;padding-left:31px;height:49px}
.page-top .backnav em{display:block;padding:0 25px 0 0;position:relative;background:url('../../_images/back-r.gif') no-repeat 100% 0;float:left;font-style:normal;height:49px;margin-right:20px}
.page-top .backnav a:hover{background-position:0 -49px !important;color:#FFBA00 !important}
.page-top .backnav a:hover em{background-position:100% -49px}
.page-top h1.account-title{color:white;text-align:left;text-transform:uppercase;font-size:16px;letter-spacing:-1px;margin-left:20px;}
.page-top h1.page-title{color:white;text-align:left;text-transform:uppercase;font-size:28px;line-height:22px;letter-spacing:-2px;font-weight:bold;margin-left:20px;}

/* page layout */
.wrapper-top{height:15px;background:url('../../_images/content-end.png') no-repeat 50% 0;margin:0 auto;width:1012px}
.wrapper-bottom{height:40px;background:url('../../_images/content-end.png') no-repeat 50% -16px;margin:0 0 20px 0;padding:10px 0;margin:0 auto;width:1012px}
.wrapper{background:url('../../_images/content-bg.png') repeat-y 50% 0;width:1014px;margin:0 auto}
.wrapper .inner-wrapper{margin:0 auto;width:985px;background-color:#07161b}
.wrapper .inner-wrapper .main{margin:0 auto;padding:0 0 30px 0;background-image:url('../../_images/headers/default.jpg');background-repeat:no-repeat;background-position:top center;min-height:380px}
.wrapper .inner-wrapper .main .interior{width:935px;margin:0 auto;padding-top:0px}
.wrapper .inner-wrapper .main .interior a{font-weight:normal}

/* Support Footer */
.support-help{background:#051f2c url('../../_images/support-links-bg.jpg') no-repeat 50% 100%;padding:0 0 15px;width:985px;margin:0 auto;line-height:18px}
.support-help b{margin:5px 0 0 0;display:block;}
.support-help .col_1,.support-help .col_2,.support-help .col_3,.support-help .col_4,.support-help .col_5{float:left;width:221px;padding:0 0 0 25px}
.support-help li{padding:0;list-style:none}
.support-help li a{font-weight:normal !important;display:block;color:white}
.support-help li a:hover{color:#ffba00}
.support-help .support-header{background:url('../../_images/support-links-top.jpg') no-repeat 50% 0;height:15px}
.support-help .support-header h1{font-size:1.4em;text-transform:uppercase;letter-spacing:0px;font-weight:bold;letter-spacing:-1px;display:none}

/* Footer */
.footer{margin:0 auto;padding:0px;width:984px;position:relative;background:url('../../_images/footer-tile.gif') repeat-x top #07161b;color:#0e4964 !important;height:80px}
.footer a{color:#00b1f0;font-weight:normal}
.footer a:hover{color:#ffba00;font-weight:normal}
.footer .ftr-details{padding:0px !important}
.footer .ftr-details em{display:block;clear:both}
.footer .ftr-details .ftr-details-wrap{padding:0px 0 0 0;float:left;width:150px;margin-left:25px;border-right:1px solid #0a2b40;color:white !important;position:relative;top:26px}
.footer .ftr-details a.esrb{display:block;padding:0;width:144px;height:53px;background:url('../../_images/privacy_certified-2008.gif') no-repeat 0 0;float:right;margin:0px 0px 0 0; position:relative;left:-14px;top:14px}
.footer .ftr-details a.rating{display:block;width:66px;padding:0;height:44px;background:url('../../_images/esrb-rating.gif') no-repeat 0 0;float:right;margin:0}
.footer .ftr-details p{padding:0px 0 0 0;float:left;text-align:left;font-size:10px;color:#083549;margin:0px 0px 0px 26px; position:relative;top:26px}
.footer .ftr-details .legal{padding:0 0 0 16px;width:290px;margin:0px auto}
.footer .ftr-details .legal-norate{padding:0 0 50px 16px;width:200px;margin:0px auto}
.master-footer	{min-width:1000px;position:relative;z-index:1;background:none;padding:0}


/* General Usage - Predefined utility classes */
#blackout{background-color:#000;opacity:0.8;position:absolute;top:0;left:0;z-index:2;display:none;width:100%;height:100%}
h2.subHeader{font-size:18px;line-height:30px;letter-spacing:-0.05em;font-weight:normal;}
h2.notification{font-size:24px;letter-spacing:-1px;text-align:center;color:#4183AC;font-weight:normal;margin:20px 0 20px 0;}
.hide{width:100em;height:1em;overflow:hidden;position:absolute;left:-200em}
.clear{clear:both}
.trans-10{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1}
.trans-30, a.trans-30{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
.trans-50{filter:alpha(opacity=50) !important;-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5}
.trans-70{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}
.clr00{color:#000000}
.clr0{color:#FFFFFF}
.clr1{color:#4183ac} /*greyish  teal*/
.clr2{color:#FFBA00} /*orange */
.clr3{color:#47EB00} /*bright green*/
.clr4{color:#DD0000} /* red */
.clr5{color:#654005} /*dark brown*/
.clr6{color:#2bd9fe} /*light teal/cyan */
.bgclr00{background:#000000}
.bgclr0{background:#FFFFFF}
.bgclr1{background:#6f869c}
.bgclr2{background:#FFBA00}
.bgclr3{background:#47EB00}
.bgclr4{background:#DD0000}
.plainText{font-size:12px; line-height:1.6; padding:0 0 10px 0;}
.centerText{text-align:center;width:100%}

/* confirmation box */
div#confirmationBox{width:100%;z-index:3;position:fixed;top:0}
div#confirmationBox div.confirmationForm{background:#07161B url(../../_images/popup-top.jpg) no-repeat scroll 0 0; width:720px; border:1px solid #11314A; margin:100px auto 0;padding:0 17px;}
div#confirmationBox div.confirmationForm h2.subHeader{margin:15px 0 0 20px; }
div#confirmationBox div.confirmationForm div.form{margin: 0 20px; }
div#confirmationBox div.confirmationForm a.close{float:right;background:transparent url(../../_images/popclose.gif) no-repeat scroll 0 0; width: 26px; height:26px;position:relative;top:-1px;right:-10px;display:block;}
div#confirmationBox div.confirmationForm a.close:hover{background-position:0 -26px;}

/*Caution box*/
.caution-box {padding:0 100px; margin-bottom: 18px;}
.caution-box .fstore { background:#a44338 url('../../_images/error-tile.gif') repeat-x 0 0;padding:0 }
.caution-box .fstore a { color:#ffd000;font-weight:bold;border:0;padding:0;margin:0 }
.caution-box .fstore a:hover { color:white; }
.caution-box .caution {width:auto;background:url('../../_images/caution-bg.gif') no-repeat 0 0;border:0;margin:0;padding:8px 20px 8px 20px;}
.caution p	{ border:none; text-align:center; color: #fff;}
.caution a	{ line-height: 22px; padding: 5px 10px; color: white; border: 1px solid black; margin: 0 4px }

/*Horizon background graphic*/
.shadow-divide{background:url('../../_images/authenticators/horizon.jpg') 50% 0 no-repeat;width:935px;margin:0 auto;height:134px;}
.shadow-divide .netease-token-authenticator{background:url('../../_images/authenticators/netease-token.jpg') 0 0 no-repeat; width: 142px; height: 134px; margin: 0 auto;}

/* Token Resync feature */
.resync-success .subHeader { line-height: 18px; margin-bottom: 16px; line-height: 30px; font-size: 30px; text-align: center; margin-top: 20px; }
.resync-success p { padding-bottom: 40px; text-align: center; } 

.soft-keyboard { width: 100%; line-height: 1.5em; margin-left: -8px;}
.soft-keyboard h3 { font-size: 13px; margin-bottom: 8px; color: #a45200;display: none; }
.soft-keyboard a { cursor: pointer; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.soft-keyboard .soft-keyboard-inputs, .soft-keyboard .soft-keyboard-controls  { width: 120px;}
.soft-keyboard .soft-keyboard-inputs:after, .soft-keyboard .soft-keyboard-controls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.soft-keyboard .soft-keyboard-inputs a { background-color: #ea6400; font-weight: bold; border: 1px solid #fb8202; color: #ffecb2; width: 32px; height: 31px; margin-bottom: 1px; margin-right: 1px; display: block; float: left; border: 1px solid #fbae00; height: 31px; color: #fff; }
.soft-keyboard .soft-keyboard-inputs a:hover { background-color: #fb8202; font-weight: bold; border: 1px solid #fff; color: #fff; }
.soft-keyboard .soft-keyboard-inputs a span { position: relative; display: block; text-align: center; padding-top: 8px; padding-bottom: 5px; font-weight: bold; font-size: 15px; }
.soft-keyboard .soft-keyboard-controls a  { background-color: #c43f00; border: 1px solid #fdba77; color: #fff; }
.soft-keyboard .soft-keyboard-inputs a.backspaceKey:hover, .soft-keyboard .soft-keyboard-controls a:hover { background-color: #fb8202; }
.soft-keyboard .soft-keyboard-controls { padding-top: 16px; padding-bottom: 2px; }
.soft-keyboard .soft-keyboard-controls a { padding: 5px 2px; }
.soft-keyboard .soft-keyboard-controls a span{ font-weight: normal; padding: 0px 13px; color: #fff; font-weight: bold;}

.note {position:absolute;left:610px;top:2px; z-index:20003; }
.note-bg{background:url('../../_images/note-tile.gif') repeat-y 0 0; }
#note-close {background:url('../../_images/note-close2.gif') no-repeat 0 0; height: 21px; width: 23px; position: absolute;left: 120px; top: 0; cursor: pointer; }
#note-close:hover{background-position: 0 -21px}
.note-top{background:url('../../_images/note-top.gif') no-repeat 0 0; width:145px; min-height:60px; }
.note-bot{background:url('../../_images/note-bot.gif') no-repeat 0 100%; }
.note-content{padding:4px 20px 8px;color:black;font-size:11px; }
.note-content h4{margin:0;padding:0;color:black;font-size:14px;letter-spacing:-0.05em;font-weight:normal;font-family:"Arial Black";}
.note-content p{padding:0;margin:0;line-height:12px !important;}