/* resetting old style */
body {background:none #000; min-width:966px}
.bg-top-border {background:none #000}
#hp {margin:0}
.postContainerPlain {border-bottom:none}

/* IE6 is having propblems if all these elements are positioned relatively */
#contentPadding {position:relative}
#cnt {position:relative}
/*#cnt-wrapper {position:relative}*/
/*#contentContainer {position:relative}*/

.contentMinHeight {/*min-height:836px*/; vertical-align:top; background:url('../../images-redesign/bg-inside-left-bottom.gif') left bottom no-repeat}

.ironforgeBanner {background-image:url(../../images/header/ironforge-bg.jpg); background-repeat: no-repeat; background-position: left;}

#contentPadding {margin:0; background:url('../../images-redesign/bg-inside-right-bottom.gif') right bottom no-repeat; /*min-height:700px*/}
#cnt {margin:0; float:none; min-height:600px}
#main {background:url('../../images/parchment/plain/light.jpg')}
#contentContainer {margin:0}
#copyright {margin:0; top:0; height: auto; padding:0; /*background:url('../../images-redesign/bg-inside-left-bottom.gif') left bottom no-repeat*/; position:relative; border-top:1px solid black}
.copyrightCorner {padding: 0 10px 20px 10px; /*background:url('../../images-redesign/bg-inside-right-bottom.gif') right bottom no-repeat*/; position:relative; text-align:center}
#copyright a.esrb {position:relative;top:10px;left:0; display:block; height:53px; width:144px; background:url('../../images/ectppsvivendi.gif') left top no-repeat; float:left; margin-left:20px}
#copyright a.rating {position:relative;top:10px;left:0; display:block; height:89px; width:132px; background:url('../../images/icons/teen-desc.gif') left top no-repeat; margin-left:10px; float:left}
#copyright a.esrb-caution {position:relative;top:0;left:0; display:block; height:44px; width:147px; background:url('../../images/icons/esrb/content-warning.gif') left top no-repeat;}
#copyright a.bnet-logo {position:relative;top:0;left:0; display:block; height:73px; width:247px; background:url('../../images/icons/bnet-logo.gif') left top no-repeat; float:right}
#copyright p.textlinks {margin:0 auto; text-align:center; position:relative;top:-15px;left:0; clear:both}

/* new style */
.wowLogo {display:block; margin:0 auto; width:267px; height:113px; background:url('../../images-redesign/iblizz.png') left top no-repeat}
.wowLogo span {display:none}
#hpTable {width:100%; min-width:966px; height:500px}
#hpTable td.tableLeftTop {background:url('../../images-redesign/bg-left-top.jpg') right bottom no-repeat; height:113px}
#hpTable td.tableTop {background:url('../../images-redesign/bg-top-repeat-x.jpg') right bottom repeat-x; height:113px}
#hpTable div.tableTopLeft {background:url('../../images-redesign/bg-top-left.jpg') left top no-repeat; height:113px}
#hpTable div.tableTopRight {background:url('../../images-redesign/bg-top-right.jpg') right top no-repeat; height:113px; text-align:center}
#hpTable div.tableLeftTopTop {background:url('../../images-redesign/bg-left.jpg') right top no-repeat; height:100%}
#hpTable div.tableRightTopTop {background:url('../../images-redesign/bg-right.jpg') left top no-repeat; height:100%}
#hpTable td.tableRightTop {background:url('../../images-redesign/bg-right-top.jpg') left bottom no-repeat; height:113px}
#hpTable td.tableLeft {background:url('../../images-redesign/bg-left-repeat-y.jpg') right top repeat-y; height:100%}
#hpTable td.tableContent {width:715px; background:url('../../images/parchment/plain/light.jpg');vertical-align:top}
#hpTable td.tableRight {background:url('../../images-redesign/bg-right-repeat-y.jpg') left top repeat-y; height:100%}
#hpTable td.tableBottom {background:url('../../images-redesign/bg-bottom-repeat-x.jpg') right top repeat-x;}
/* Without Statues */
#hpTable div#tableLeftBottomBottom {background:url('../../images-redesign/bg-left-bottom-bottom-blk.jpg') right bottom no-repeat; height:100%}
#hpTable div#tableRightBottomBottom {background:url('../../images-redesign/bg-right-bottom-bottom-blk.jpg') left bottom no-repeat; height:100%}
#hpTable div#tableLeftBottomBottomOver {background:right bottom no-repeat; height:100%}
#hpTable div#tableRightBottomBottomOver {background:left bottom no-repeat; height:100%}
#hpTable td#tableLeftBottom {background:url('../../images-redesign/bg-left-bottom-blk.jpg') right top no-repeat; height:88px}
#hpTable div#tableBottomLeft {background:url('../../images-redesign/bg-bottom-left-blk.jpg') left top no-repeat; height:88px; overflow:hidden}
#hpTable div#tableBottomRight {background:url('../../images-redesign/bg-bottom-right-blk.jpg') right top no-repeat; height:88px; overflow:hidden}
#hpTable td#tableRightBottom {background:url('../../images-redesign/bg-right-bottom-blk.jpg') left top no-repeat; height:88px;}
/* With Statues */
#hpTable .tableLeftBottomBottomStatue {background-image:url('../../images-redesign/bg-left-bottom-bottom.jpg') !important}
#hpTable .tableRightBottomBottomStatue {background-image:url('../../images-redesign/bg-right-bottom-bottom.jpg') !important}
#hpTable .tableLeftBottomBottomOverStatue {background-image:url('../../images-redesign/bg-left-bottom-bottom-over.gif') !important}
#hpTable .tableRightBottomBottomOverStatue {background-image:url('../../images-redesign/bg-right-bottom-bottom-over.gif') !important}
#hpTable .tableLeftBottomStatue {background-image:url('../../images-redesign/bg-left-bottom.jpg') !important}
#hpTable .tableBottomLeftStatue {background-image:url('../../images-redesign/bg-bottom-left.jpg') !important}
#hpTable .tableBottomRightStatue {background-image:url('../../images-redesign/bg-bottom-right.jpg') !important}
#hpTable .tableRightBottomStatue {background-image:url('../../images-redesign/bg-right-bottom.jpg') !important}

#copyright a.blizzlogo {display:block;width:97px;height:61px;position:absolute;bottom:-55px;left:50%;margin-left:-48px;background:url('../../images-redesign/blizzard-logo.png') left top no-repeat}
#copyright div.blizz-logo-wrapper {height:1px; clear:both; position:relative}

/* Language Selection */
.langdrop {position:absolute; right:-20px;top:-100px;width:193px}
.langdrop #dropdownHiddenLang {width:183px; background:url('../../images-redesign/langselect-bg.png') left top repeat; padding:7px 0 5px 0; border:1px solid #6d5021; position:absolute;top:30px;left:2px}
.langdrop #dropdownHiddenLang a {color:#D0A803;display:block;padding:2px 10px; font-size:11px; text-decoration:none}
.langdrop #dropdownHiddenLang a:hover {color:#fff; background:#D0A803; text-decoration:none}
.langdrop a#displayLang {color:#D0A803; display:block; width:193px; height:40px; line-height:40px; position:absolute; top:0; background:url('../../images-redesign/langdrop.png') no-repeat; padding:0 0 0 13px;font-size:11px; text-decoration:none}
.langdrop a#displayLang:hover {color:#fff; background-position:left -40px; text-decoration:none}

/* New Dashboard BG */
.dashboard_bg {position:relative;background:url(../../images-redesign/trial/hp_main_bg.jpg) repeat 0 0}
.dashboard_right {position:relative;background:url(../../images-redesign/hp_main_right-repeat-y.gif) repeat-y right top}
.dashboard_bottom {position:relative;background:url(../../images-redesign/hp_main_btm-repeat-x.gif) repeat-x left bottom}
.dashboard_right_top {position:relative;background:url(../../images-redesign/hp_main_right-top.gif) no-repeat right top}
.dashboard_right_bottom {position:relative;background:url(../../images-redesign/hp_main_btm-right.gif) no-repeat right bottom}
.dashboard_left_bottom {position:relative;background:url(../../images-redesign/hp_main_btm-left.gif) no-repeat left bottom; padding:0 5px 9px 0}
.dashboard_content {border-top:1px solid #c89364; border-left:1px solid #c89364;}

/* New UI Elements */
a.trialbutton {display:block;background:url(../../images-redesign/red_button.jpg) no-repeat; background-position:0 0; width:200px; height:50px; line-height:50px; font:bold 18px Arial, Helvetica, sans-serif; color:#ffc800; text-decoration:none !important; cursor: pointer}
a.trialbutton:hover {background-position:0 -50px; color:#fff; text-decoration:none !important}
a.trialbutton span, a.trialbutton-faded span  {display:block; background-position:0 0; width:195px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#ffc800}
a.trialbutton:hover span, a.trialbutton-faded:hover span {color:#fff;}
a.trialbutton span.backwards {background:url(../../images-redesign/red_button_arrows.gif) no-repeat; background-position:0 -150px}
a.trialbutton:hover span.backwards {background-position:0 -200px}
a.trialbutton span.forwards {background:url(../../images-redesign/red_button_arrows.gif) no-repeat; background-position:right 0}
a.trialbutton:hover span.forwards {background-position:right -50px}
a.trialbutton-faded {display:block;background:url(../../images-redesign/red_button.jpg) no-repeat; background-position:0 -100px; width:200px; height:50px; line-height:50px}
a.trialbutton-faded, a.trialbutton-faded:hover, a.trialbutton-faded span, a.trialbutton-faded:hover span {text-decoration:none !important;color:#FFFFFF}
a.trialbutton-faded:hover span.backwards {background-position:0 -250px}
a.trialbutton-faded:hover span.forwards {background-position:0 -100px}

span.required {color:#FF0000}
.formContainer1 {border:1px dotted #928058; margin:10px auto; padding:3px; }
.formContainer2 {border: 1px solid #000; background-image: url('/account/images/parchment-light3.jpg'); padding:5px 10px; }

table.wideButton a {display:block; height:57px; line-height:57px; overflow:hidden; background:url(../../images-redesign/trial/big-red-button-middle.jpg) repeat-x; background-position:0 0; color:#FFC800 !important; text-decoration:none !important; font-size:18px; cursor:pointer}
table.wideButton .buttonLeft {background:url(../../images-redesign/trial/big-red-button-left.jpg) no-repeat; background-position:left 0}
table.wideButton .buttonRight {background:url(../../images-redesign/trial/big-red-button-right.jpg) no-repeat; background-position:right 0; padding:0 25px 0 20px}
table.wideButton a:hover {background-position:0 -57px; color:#fff !important; text-decoration:none !important}
table.wideButton a:hover .buttonLeft {background-position:left -57px}
table.wideButton a:hover .buttonRight {background-position: right -57px}

table.smallButton a {display:block; height:45px; line-height:45px; overflow:hidden; background:url(../../images-redesign/trial/small-red-button-middle.jpg) repeat-x; background-position:0 0; color:#FFC800 !important; text-decoration:none !important; font-size:15px; cursor:pointer}
table.smallButton .buttonLeft {background:url(../../images-redesign/trial/small-red-button-left.jpg) no-repeat; background-position:left 0}
table.smallButton .buttonRight {background:url(../../images-redesign/trial/small-red-button-right.jpg) no-repeat; background-position:right 0; padding:0 25px 0 20px}
table.smallButton span {display:block; line-height:45px; font-size:15px}
table.smallButton span.arrowRight {background:url(../../images-redesign/trial/small-red-button-arrow-right.gif) no-repeat; background-position:right 0; padding:0 30px 0 0; font-size:15px}
table.smallButton a:hover {background-position:0 -45px; color:#fff !important; text-decoration:none !important}
table.smallButton a:hover .buttonLeft {background-position:left -45px}
table.smallButton a:hover .buttonRight {background-position: right -45px}
table.smallButton a:hover span.arrowRight {background-position:right -45px;}
table.bigfont span {font-size:18px !important}

/* Parental Controls Info banner */
#parentalcontrols-info { width: 557px; height: 142px; margin-left: 110px; margin-bottom: 15px; position: relative; background: url(../../images/parentalcontrol/en/info-banner.jpg) no-repeat 0 0; }
#parentalcontrols-info a { display: block; width: 557px; height: 142px; }
#parentalcontrols-info .children { width: 128px; height: 173px; position: absolute; left: 410px; bottom: 18px; background: url(../../images/parentalcontrol/child.png) no-repeat 0 0; }