html { min-width:1006px; font: 12px/1.3 "Lucida Sans Unicode",Arial,Helvetica,sans-serif; }

body { font-family:Arial; color:#7eadc1; min-width:1006px; background:#010D13 url(../images/layout/bg/bg-blizzcon-2015-body-2800.jpg) 50% 0 no-repeat;}

@font-face {
    font-family: "United Sans";
    src: url(../fonts/UnitedSansCdHv.otf);
}

/*@media (min-width: 1921px) {
	body { background-image: url(../images/bg/bg-blizzcon-2015-body.jpg); -webkit-background-size: 2800px 1200px; }
}

@media (max-width: 1920px) {
	body { background-image: url(../images/bg/bg-blizzcon-2015-body-1920.jpg); -webkit-background-size: 1920px 1200px; }
}

@media (max-width: 1680px) {
	body { background-image: url(../images/bg/bg-blizzcon-2015-body-1680.jpg); -webkit-background-size: 1680px 1200px; }
}

@media (max-width: 1440px) {
	body { background-image: url(../images/bg/bg-blizzcon-2015-body-1440.jpg); -webkit-background-size: 1440px 1200px; }
}

@media (max-width: 1024px) {
	body { background-image: url(../images/bg/bg-blizzcon-2015-body-1024.jpg); -webkit-background-size: 1024px 1200px; }
}*/
a { color:#56c702; }
a:hover,
a:focus { color:#FFF; }
h2.header-2 { color: #d9e5e8; font-weight: bold; font-size: 32px; padding: 40px 0 0 30px; margin-bottom: 20px; }
.ko-kr h2.header-2 { font-family: Malgun Gothic, dotum; }
h2.header-2 small { display:block; color:#7EADC1; font-size:16px; font-weight:normal; }
h2.subheader-2 { color: #00AFFF; font-size: 18px; font-weight: normal; padding: 0 0 24px; text-transform: none; }
h3.header-3 { font-weight: normal; margin-bottom: 6px; padding-bottom: 6px; text-transform:none; color: #FFF; font-size: 14px; }
h3.subheader-3 { color: #FFFFFF; font-size: 14px; font-weight: normal; margin-bottom: 6px; padding-bottom: 6px; text-transform: none; }
h4.subheader-3 { color: #FFF; }
.header-desc { width: 548px; line-height: 18px; padding: 0 0 20px 30px; }

.section-desc { padding: 13px 0 19px 30px; width: 540px; font-size: 12px; line-height: 18px; }
.service-unavailable { color: #45b3d8; font-size: 24px; text-align: center; padding-top: 70px; }

.blizzcon-conclusion-wrapper { height: 650px; background: url(../images/layout/event-over-main.png) no-repeat 50% 130px; }
.ie6 .blizzcon-conclusion-wrapper { background: none; }
.blizzcon-conclusion-wrapper .blizzcon-conclusion { color: #45b3d8; font-size: 24px; text-align: center; padding: 70px 0 10px; border-bottom: 2px solid #0d324b; width: 930px; margin: 0 auto 14px; }
.blizzcon-conclusion-wrapper .blizzcon-conclusion-desc { text-align: center; line-height: 20px }
.blizzcon-conclusion-wrapper .blizzcon-conclusion-desc a { background: url(../images/layout/bullets.gif) 0 3px no-repeat; padding: 0 12px; }
.blizzcon-conclusion-wrapper .blizzcon-conclusion-desc a:hover { background-position: 0 -25px; }
.ko-kr .blizzcon-conclusion-wrapper { padding: 0 32px; }
/* tooltip */
.event-description { display:none; width: 100%;}
td:hover .event-description { display: block; position: absolute; }
.ui-tooltip { color: #0b2137; background-color: #6ec7f6; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.08, rgb(70,174,234)), color-stop(0.72, rgb(138,218,255))); background-image: -moz-linear-gradient(center bottom, rgb(70,174,234) 8%, rgb(138,218,255) 72%); padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #000 0 0 15px; -webkit-box-shadow: #000 0 0 15px; box-shadow: #000 0 0 15px; font-size: 12px }
.ui-tooltip h3 { font-size: 14px; font-weight: normal; } /* title of the tooltip */
.ui-tooltip li { clear: both; }
.ui-tooltip a { color: #0b2137; }
.ui-tooltip .tip { border-bottom: 0; }
.ui-tooltip .float-right { padding-left: 30px; }
.ui-tooltip .frame-56 { position: absolute; left: -75px; top: -10px; }
.ui-tooltip .frame-150 { position: absolute; left: -175px; top: -10px; }
.ui-tooltip .tooltip-content { position: relative; }
.ui-tooltip .tooltip-list { margin-top: 10px; }
.ui-tooltip .tooltip-list li { margin: 1px 0; }
.ui-tooltip .tooltip-list .icon-frame { float: left; margin-right: 5px; }
.ui-tooltip small { font-size: 11px; text-transform: none; }
.ui-tooltip .notice { color: #600; display: block; height: 16px; padding: 6px; }
.ui-tooltip .notice .icon { display: block; float: left; background: url(../images/live-stream/live-stream-sprite.png) no-repeat; height: 16px; width: 17px; margin-right: 5px; }
.ie6 .ui-tooltip .notice .icon { background-image: url(../images/live-stream/live-stream-sprite.gif); }
.ui-tooltip .notice .icon.unavailable { background-position: -483px -181px; }
.ui-tooltip .notice .icon.ticket { background-position: -456px -173px; }

/* esports live now tooltip */

.live-now-tooltip { border: 2px solid #01D637; display: block; border-radius: 5px; color: #FFF; text-transform: uppercase; font-weight: bold; position: absolute; white-space: nowrap; padding:10px 20px 7px 20px; background: linear-gradient(to top, rgba(0,145,55,1) 0%,rgba(0,145,55,0.6) 10px,rgba(0,145,55,0.6) 100%); box-shadow: 0 0 1px rgba(0,0,0, .75); top: -52px; margin-left:-3.5%;}
.live-now-tooltip:after { content: ''; display:block; height: 13px; width:19px; background: transparent url(../images/layout/bg/streaming-tooltip-carrot.png) 0 0 no-repeat; position: absolute; left: 50%; margin-left: -10px; bottom: -13px;}
/* breadcrumbs */
.content-trail-wrapper .ui-breadcrumb { padding: 8px 0 0 16px; }
.content-trail-wrapper .ui-breadcrumb { position: absolute;  z-index: 31; }
.ui-breadcrumb { font-size: 12px; font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;  }
.ko-kr .ui-breadcrumb { font-size: 11px; font-family: Dotum; }
.ui-breadcrumb li a { color: #01c0fd; border-color: #01c0fd; }
.ui-breadcrumb li.last { padding-right: 5px; }
.ui-breadcrumb li.last a { color: #fff; }
.ui-breadcrumb li.children a { border-color: #fff; }
.ui-breadcrumb li a:hover,
.ui-breadcrumb li a.opened { color: #fff; border-color: #fff; }
.ui-breadcrumb li .breadcrumb-arrow:after { background: url("../images/icons/flyout-arrows.gif") no-repeat scroll 0 -123px transparent; border: 0 none; content: " "; display: inline-block; height: 10px; margin-left: 2px; position: relative; top: 1px; width: 15px; }
.ui-breadcrumb li.children .breadcrumb-text { border-bottom: 1px dotted #AAAAAA; }

/* context menu */
.ui-context { background-color: #021a28; border-color: #003952; }
.ui-context .context .context-links a { background-image: url(../images/icons/context.gif); background-repeat: no-repeat; background-color: #002d46; font-weight: bold; }
.ui-context .context .context-links a:hover { background-color: #094363; }
.ui-context .context .context-links .icon-profile { background-image: none; padding-left: 12px; }
.ui-context .context .context-links .icon-posts { background-position: 0 -30px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-context .context .context-links .icon-ignore { background-position: 0 -60px; }
.ui-context .context .context-links .icon-ban { background-position: 0 -90px; }
.ui-context .context .context-links .icon-auctions { display: none; }
.ui-context .context .context-links .icon-events { display: none; }
.ui-context .context .realm,
.ui-context .character-list .primary .char .realm { display: inline; padding-right: 15px; background: url(../images/icons/arrow-up-down.gif) 100% 2px no-repeat; }
.ui-context .context .realm.down,
.ui-context .character-list .primary .char .realm.down { background-position: 100% -14px; }
.ui-context .context .realm.unknown,
.ui-context .character-list .primary .char .realm.unknown { background-position: 100% -28px; }
.ui-context .character-list { background-image: none; }
.ui-context .char-wrapper { background-color: #021a28; background-image: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.ui-context .character-list .primary .char.pinned,
.ui-context .character-list .primary .char:hover { background-color: #032a40; }
.ui-context .character-list .primary .char { background-image: none; }
.context-link { color: #fff; background: url(../images/layout/cms/char-arrow.png) 100% 3px no-repeat; padding-right: 14px; }
.context-link:hover,
.context-link.context-open { background-position: 100% 3px; }
.ui-context .character-list .primary .char .race,
.ui-context .character-list .primary .char .class,
.ui-context .character-list .primary .char .realm { color: #7eadc1; }

/* dropdown */
.ui-dropdown { border: none; height: 27px }
.ui-dropdown .dropdown-toggler { background: url(../images/form/dropdown-right.gif) 100% 0 no-repeat; height: 27px; padding-left: 13px; }
.ui-dropdown .dropdown-toggler:hover { background: url(../images/form/dropdown-right.gif) 100% -30px no-repeat; }
.ui-dropdown .dropdown-toggler span { color: #00afff; font-size: 11px; line-height: 27px; padding-left: 10px; height: 27px; display: block; background: url(../images/form/dropdown-left.gif) 0 0 no-repeat; }
.ui-dropdown .dropdown-toggler:hover span { color: #fff; background: url(../images/form/dropdown-left.gif) 0 -30px no-repeat; }
.ui-dropdown.opened .dropdown-toggler { background: url(../images/form/dropdown-right.gif) 100% -60px no-repeat; }
.ui-dropdown.opened .dropdown-toggler span { color: #fffac1; background: url(../images/form/dropdown-left.gif) 0 -60px no-repeat; }
.ui-dropdown .dropdown-wrapper { background-color: #021a28; border: 1px solid #003952; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ui-dropdown .dropdown-wrapper ul li a { padding: 5px; display: block; }
.ui-dropdown .dropdown-wrapper ul li a:hover { text-decoration: none; color: #fff; background: #094363; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* pagination */

.ui-pagination { height: 25px; margin-top: 8px; }
.ui-pagination li { display: block; float: left; margin: 0 2px; background: url(../images/layout/pagination.gif) 0 -25px no-repeat; padding-left: 5px; }
.ui-pagination li a { font-size: 11px; padding: 0 10px 0 5px; background: url(../images/layout/pagination.gif) 100% -75px no-repeat; height: 25px; line-height: 25px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color:#00afff; }
.ui-pagination li a:hover { color: #fff; }
.ui-pagination li.cap-item a { padding-right: 12px; }

.ui-pagination li.expander { background: none; }
.ui-pagination li.current { background-position: 0 0; }
.ui-pagination li.current a { background-position: 100% -50px; color: #fff; }

.data-options { color: #00527A; padding: 0 10px; height: 40px; line-height: 40px; background: url("../images/content/table-options-bg.jpg") 50% 0 no-repeat; }
.data-options strong { color: #A3C9E4; }
.data-options .input { padding: 1px; }
.data-options .option { float: right; padding-left: 15px; }
.data-options .option .input { padding-right: 2px; }


/* buttons */
.button1 .button-left { background-position: 0 0; padding-left: 25px; }
.button1 .button-left, .button1 .button-right { background-image: url("../images/buttons/button-1.png"); height: 36px; line-height: 36px; }
.ie6 .button1 .button-left, .button1 .button-right { background-image: url("../images/buttons/button-1.gif"); }
.button1 .button-right { background-position: 100% -123px; overflow: hidden; padding-right: 25px; text-shadow: 0 0 5px #DD3400; }
.button1 .button-left, .button1 .button-right { background-image: url("../images/buttons/button-1.png"); color: #FFFFFF; height: 36px; line-height: 36px; }
.ie6 .button1 .button-left, .button1 .button-right { background-image: url("../images/buttons/button-1.gif"); }
.button1-next .button-right { /*padding-right: 40px;*/ }
.button1-next .button-left, .button1-next .button-right { background-image: url("../images/buttons/button-1-next.png"); }
.ie6 .button1-next .button-left, .button1-next .button-right { background-image: url("../images/buttons/button-1-next.gif"); }
.button1-previous .button-left, .button1-previous .button-right { background-image: url("../images/buttons/button-1-next.png"); }
.ie6 .button1-previous .button-left, .button1-previous .button-right { background-image: url("../images/buttons/button-1-next.gif"); }
.button1:hover .button-left { background-position: 0 -41px; }
.button1:hover .button-right { color: #fff; background-position: 100% -164px; }
.button1.disabled .button-left, .button1.processing .button-left, .button1.disabled:hover .button-left, .button1.processing:hover .button-left  { background-position:0 -82px; }
.button1.disabled .button-right, .button1.processing .button-right, .button1.disabled:hover .button-right, .button1.processing:hover .button-right { color: #FFFFFF; text-shadow: 0 0 5px #080505; background-position:100% -205px; }
.button2 .button-left { padding: 0 0 0 13px; height: 30px; line-height: 30px; font-size: 11px; }
.button2 .button-right { padding: 0 13px 0 0; }
.button2 .button-left, .button2 .button-right { background-image: url(../images/buttons/button-2.png); background-repeat: no-repeat; color: #fff; }
.ie6 .button2 .button-left, .button2 .button-right { background-image: url(../images/buttons/button-2.gif);  }
.button2 .button-right { background-position: 100% -123px;}
.button2:hover .button-left { background-position: 0 -41px; }
.button2:hover .button-right { background-position: 100% -164px; }
.button2-next .button-left, .button2-next .button-right { background-image: url("../images/buttons/button-2-next.png"); }
.ie6 .button2-next .button-left, .button2-next .button-right { background-image: url("../images/buttons/button-2-next.gif"); }
.button2-previous .button-left, .button2-previous .button-right { background-image: url("../images/buttons/button-2-previous.png"); }
.ie6 .button2-previous .button-left, .button2-previous .button-right { background-image: url("../images/buttons/button-2-previous.gif"); }
.button4 .button-left { background-repeat: no-repeat; color: #FFFFFF; font-family: Arial; font-size: 22px; height: 60px; line-height: 58px; text-transform: none; padding-left: 13px; }
.button4 .button-right { padding: 0 13px 0 0; }
.button4 .button-left, .button4 .button-right { background-image: url(../images/buttons/button-4.png); background-repeat: no-repeat; color:#fff; }
.ie6 .button4 .button-left, .button4 .button-right { background-image: url(../images/buttons/button-4.gif); background-repeat: no-repeat; color:#fff; }
.button4 .button-right { background-position: 100% -180px; }
.button4:hover .button-left { background-position: 0 -60px; }
.button4:hover .button-right { background-position: 100% -240px; }
.button4-next .button-left, .button4-next .button-right { background-image: url("../images/buttons/button-4-next.png"); }
.ie6 .button4-next .button-left, .button4-next .button-right { background-image: url("../images/buttons/button-4-next.gif"); }
.button4-previous .button-left, .button4-previous .button-right { background-image: url("../images/buttons/button-4-previous.png"); }
.ie6 .button4-previous .button-left, .button4-previous .button-right { background-image: url("../images/buttons/button-4-previous.gif"); }

/* search bar */
.search-bar { float: right; margin-top: 73px; margin-right: 7px; width: 225px;}
.search-bar div { position: relative; }
.search-bar input { position: absolute; top: 0; }
.search-bar .search-button { top:0px; right: 5px; width: 32px; height: 32px; background: url("../images/layout/search-bar.gif") 100% 0 no-repeat; border: none; cursor: pointer }
.search-bar .search-field { width: 185px; right: 32px; font-size: 15px; border: none; color: #707070; padding: 7px 0 7px 20px; background: url("../images/layout/bg/search-bar.gif") 0 0 no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.search-bar .search-field.active,
.search-bar .search-field:focus { color: #000; }
.search-bar form { width: 225px; }

/* menu */
.flyout-menu { background: #021016; opacity: .98; border: 1px solid #0a3a58; padding: 2px; -moz-border-radius: 3px; -moz-box-shadow: 0 0 10px #000; -webkit-border-radius: 3px; -webkit-box-shadow: 0 0 10px #000; border-radius: 3px; box-shadow: 0 0 10px #000; }
.flyout-menu ul { width: 200px; }
.flyout-menu ul li a { width: 184px; background-color: #02121a; color: #00a6f1; padding: 6px 8px; border-bottom: 1px solid #06202f; }
.flyout-menu ul li a.children { background-image: url(../images/icons/flyout-arrows.gif); background-repeat: no-repeat; background-position: 98% -115px; }
.flyout-menu ul li a.opened,
.flyout-menu ul li a:hover { color: #fff; background-color: #062232; background-position: 98% -150px; }
.flyout-menu ul li .flyout-menu { left: 194px; top:-2px; }
.flyout-menu ul > li:last-child > a { border-bottom: none; }

/* layout */
#wrapper { width: 1006px; margin: 0 auto; position: relative; }
#wrapper:before { right: -15px; top: 191px; z-index: 1; content: ""; display: block; position: absolute; background: transparent url(../images/layout/bg/etc-fingers.png) 0 0 no-repeat; /* I may not have Fingers of Frost, but baby I'm a five-star general of the Metal Moooolitia. */ height: 93px; width: 92px;}
#content { margin: 0 6px; background: #011724 url(../images/layout/bg-center.gif) repeat-y; }
#content-top { background: url(../images/layout/content-top.jpg) 50% 0 no-repeat; }
#content-bot { background: url(../images/layout/bg/content-bot-bg.jpg) 50% 100% no-repeat; }
#content-bottom-corners { min-height: 510px; background: url(../images/layout/clip.gif) 0 100% no-repeat; }

/* lower content wrappers */
.lower-content-panel-wrapper { background: url(../images/layout/lower-content-panel-bg.jpg) repeat-y; margin-top: 20px; }
.lower-content-panel-top { background: url(../images/layout/lower-content-panel-top.jpg) no-repeat; }
.lower-content-panel-inner { background-repeat: no-repeat; }
.lower-content-panel-bottom { box-shadow: 0 0 30px #000000; padding: 36px 0 2px 30px; background: url(../images/layout/lower-content-panel-bottom.gif) 0 100% no-repeat; min-height: 420px; }

.lower-content-wide-wrapper { background: #002234 url(../images/layout/lower-content-wide-bg.gif) repeat-y; margin-top: 20px; }
.lower-content-wide-top { background: url(../images/layout/lower-content-wide-top.jpg) no-repeat; }
.lower-content-wide-inner { background-repeat: no-repeat; }
.lower-content-wide-bottom { box-shadow: 0 0 30px #000000; padding-top: 36px; padding-bottom: 5px; background: url(../images/layout/lower-content-wide-bottom.gif) 0 100% no-repeat; min-height: 420px; }

.lower-content-narrow-wrapper { background: url(../images/homepage/bg-center-blog.jpg) repeat-y; width: 649px; }
.lower-content-narrow-top { background: url(../images/layout/lower-content-narrow-top.jpg) no-repeat; }
.lower-content-narrow-bottom { background: url(../images/layout/lower-content-narrow-bottom.jpg) 0 100% no-repeat; box-shadow: 0 0 30px #000000; }

.content-panel-left-wrapper { background: url(../images/layout/content-panel-left-bg.png) repeat-y; margin-top: 20px; }
.content-panel-left-top { background: url(../images/layout/content-panel-left-top.jpg) no-repeat; }
.content-panel-left-inner { background-repeat: no-repeat; }
.content-panel-left-bottom { background: url(../images/layout/content-panel-left-bot.jpg) 0 100% no-repeat; width: 994px; box-shadow: 0 0 30px #000000; }


/* header */
#header { padding-top: 40px; background: transparent; position: relative; }
#header #logo { width: 325px; height: 137px; height: 175px; overflow: hidden; margin-top: -22px; }
#header #logo a { width: 325px; height: 175px; display: block; border: none; text-indent: -9999px; background: url('../images/layout/logo-text/2015/blizzcon2015_header_ENUS.png') 16px 130px no-repeat; }
.de-de #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_DEDE.png') }
.es-mx #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_ESMX.png') }
.es-es #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_ESES.png') }
.fr-fr #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_FRFR.png') }
.it-it #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_ITIT.png') }
.ko-kr #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_KOKR.png') }
.pl-pl #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_PLPL.png') }
.pt-br #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_PTBR.png') }
.ru-ru #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_RURU.png') }
.zh-tw #header #logo a { background-image: url('../images/layout/logo-text/2015/blizzcon2015_header_ZHTW.png') }
#header #header-plate { height: 94px; position: relative; }
.ie6 #header #header-plate ul, .ie7 #header #header-plate ul { overflow: hidden; }
#header .ui-context { top: 80px; left: 20px; }
#header .character-card { width: 346px; height: 89px; padding: 0 2px; position: absolute; right: 6px; }
#header .card-login { line-height: 20px; width: 210px; height: 59px; margin-top: 14px; padding: 21px 110px 0 27px; display: block; background: url(../images/layout/cards/login2.png) no-repeat 0 0; }
.ie6 #header .card-login { background: url("../images/layout/cards/login.jpg") }
#header .card-login a span { color: #7EADC1; }
#header .card-login strong { color: #7dfc20; }
#header .card-login:hover { color: #FFF; background-position: 0 -81px; }
#header .card-login:hover strong, #header .card-login:hover a { color: #FFF; }
#header .card-game-char, #header .card-no-chars, #header .card-blizzard { line-height: 20px; width: 306px; height: 68px; margin-top: 14px; padding: 12px 14px 0 27px; display: block; background: url(../images/layout/cards/logged-in2.png) no-repeat; color: #b6d1e4; }
.ie6 #header .card-game-char, .ie6 #header .card-no-chars, .ie6 #header .card-blizzard { background: url(../images/layout/cards/logged-in2.jpg); }
#header .character-card:hover { background-position: 0 -81px; }
#header .character-card .player-name { font-weight: bold; display: block; }
#header .character-name { color: #56C702; font-size: 22px; padding-right: 18px; font-weight: normal; background: url(../images/layout/cards/portrait-frame.png) 100% 9px no-repeat; }
#header .character-name:hover { color: #fff; background-position: 100% -37px; }
#header .character-card .avatar { width: 58px; height: 58px; }
#header .character-card .avatar-frame .avatar { margin: 2px 0 0 2px; }
#header .card-game-char .avatar-frame .border, #header .card-blizzard .avatar-frame .border { display: block; width: 62px; height: 62px; background: url(../images/layout/cards/portrait-frame.png) 0 -88px no-repeat; position: absolute; top: 0; }
.ie6 #header .card-game-char .avatar-frame .border, #header .card-blizzard .avatar-frame .border { background: none; }
#header .card-game-char:hover .avatar-frame .border, #header .card-blizzard:hover .avatar-frame .border { background-position: 100% -88px; }
#header .card-blizzard .message { padding: 0 90px 0 0; line-height: 18px; }
#header .card-no-chars .message { padding: 8px 90px 0 0; line-height: 18px; }
#header .card-game-char .message { padding: 0 90px 0 10px; line-height: 18px; }
#header .card-game-char .avatar-frame, #header .card-blizzard .avatar-frame { display: block; width: 62px; height: 62px; position: absolute; left: 270px; top: 13px; }
#header .card-game-char .player-name { padding-top: 2px; padding-bottom: 2px; line-height: 20px; }
#header .card-game-char .character-name { font-size: 22px; padding-right: 18px; font-weight: normal; background: url(../images/layout/cards/portrait-frame.png) 100% 9px no-repeat; }
#header .card-game-char .character-name.name-small { font-size: 18px; }
#header .card-game-char .character-name:hover { background-position: 100% -37px; }
#header .card-game-char .achievement-score { display: none; }
#header .card-game-char .view-d3-profile { display: none; }

/* nochars */
#header .card-nochars { line-height: 20px; width: 306px; height: 68px; margin-top: 14px; padding: 12px 14px 0 27px; display: block; background: url(../images/layout/cards/logged-in.png) no-repeat; color: #b6d1e4; }
#header .card-nochars .player-name { font-weight: bold; padding-top: 7px; }

/* menu */
.menu { width: 648px; height: 81px; position: absolute; left: 6px; top: 13px; }
.menu li { float: left; }
.menu a, .menu b { width: 107px; height: 81px; display: block; padding-top: 54px; background: url(../images/layout/menu-tabs3.png) 0 0 no-repeat; text-align: center; color: #88e8ff; text-transform: uppercase; font-size: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ko-kr .menu a { font-size: 11px; }
.zh-tw .menu a { font-size: 12px; }
.menu a:hover { color: #9fe7ff; text-decoration: none }
.menu .menu-active { color: #FFF; }
.menu .menu-home a { width: 111px; background-position: 0 0; }
.menu .menu-home a:hover,
.menu .menu-home a:focus { background-position: 0 -81px; }
.menu .menu-home .menu-active,
.menu .menu-home .menu-active:hover,
.menu .menu-home .menu-active:focus { background-position: 0 -162px; }
.menu .menu-live-stream a { background-position: -111px 0px;}
.menu .menu-live-stream a:hover,
.menu .menu-live-stream a:focus { background-position: -111px -81px; }
.vt-disabled .menu .menu-live-stream a,
.vt-disabled .menu .menu-live-stream a:hover,
.vt-disabled .menu .menu-live-stream a:focus { background:url("/blizzcon/static/images/layout/virtualticket-gray.jpg"); cursor:default; }
.vt-disabled .menu .menu-live-stream a span { color:#3b5d73; }
.de-de .menu .menu-live-stream a[href*="virtual-ticket"],
.ru-ru .menu .menu-live-stream a[href*="virtual-ticket"],
.it-it .menu .menu-live-stream a[href*="virtual-ticket"] { padding: 50px 7px 0; }
.menu .menu-live-stream .menu-active,
.menu .menu-live-stream .menu-active:hover,
.menu .menu-live-stream .menu-active:focus { background-position: -111px -162px; }
.menu .menu-live-stream.is-live a { background: url("../images/layout/menu-live-stream.jpg") 0 0 no-repeat; color: #7dfc20; }
.menu .menu-live-stream.is-live a:hover,
.menu .menu-live-stream.is-live a:focus { background-position: 0 -81px; }
.menu .menu-live-stream.is-live .menu-active,
.menu .menu-live-stream.is-live .menu-active:hover,
.menu .menu-live-stream.is-live .menu-active:focus { background-position: 0 -162px; color: #fff; }
.menu .menu-event-info a { background-position: -218px 0; }
.menu .menu-event-info a:hover,
.menu .menu-event-info a:focus { background-position: -218px -81px; }
.menu .menu-event-info .menu-active,
.menu .menu-event-info .menu-active:hover,
.menu .menu-event-info .menu-active:focus { background-position: -218px -162px; }
.menu .menu-media a { background-position: -325px 0; }
.menu .menu-media a:hover,
.menu .menu-media a:focus { background-position: -325px -81px; }
.menu .menu-media .menu-active,
.menu .menu-media .menu-active:hover,
.menu .menu-media .menu-active:focus { background-position: -325px -162px; }
.menu .menu-forums a { background-position: -432px 0; }
.menu .menu-forums a:hover,
.menu .menu-forums a:focus { background-position: -432px -81px; }
.menu .menu-forums .menu-active,
.menu .menu-forums .menu-active:hover,
.menu .menu-forums .menu-active:focus { background-position: -432px -162px; }
.menu .menu-tournaments a { background-position: -539px 0; }
.menu .menu-tournaments a:hover,
.menu .menu-tournaments a:focus { background-position: -539px -81px; }
.menu .menu-tournaments .menu-active,
.menu .menu-tournaments .menu-active:hover,
.menu .menu-tournaments .menu-active:focus { background-position: -539px -162px; }

.menu .menu-live-stream a.stream-live { font-weight: bold; background: url(../images/layout/menu-tabs-vt.gif) 0 0 no-repeat; color: #FFF; }
.menu .menu-live-stream a.stream-live:hover { background-position: 0 100%; }
/* tabs */
.navigation-tabs { width: 972px; height: 64px; padding: 0 10px 10px; margin: 0 auto; }
.navigation-tabs ul { width: 952px; padding-left: 11px; }
.navigation-tabs li { display: block; float: left; width: 158px; height: 64px; text-align: center; background: url(../images/event-info/sub-nav.png) -169px 0 no-repeat; }
.navigation-tabs li.first-child { width: 159px; background: url(../images/event-info/sub-nav.png) -10px 0 no-repeat; }
.navigation-tabs li.last-child { width: 161px; background: url(../images/event-info/sub-nav.png) -327px 0 no-repeat; }
.navigation-tabs li.disabled { color: #545454; line-height: 64px; }
.navigation-tabs a { display: block; height: 64px; line-height: 64px; }
.navigation-tabs .active a { color: #FFF; background: url(../images/event-info/sub-nav.png) -11px -128px no-repeat; }

/* footer */
#footer { color: #505C5F; margin: 0 10px; }
#footer a { color: #2a4d5e; }
#footer h3,
#footer h3 a,
#copyright a { color: #00afff; }
#copyright { color: #22353e; border-color: #002238; }
#sitemap .column h3 { border-color: #002238; background: url(../images/icons/footer.png) no-repeat; }
#footer #sitemap h3.bnet { background-position: 0 0; }
#footer #sitemap h3.games { background-position: 2px -50px; }
#footer #sitemap h3.classic { background-position: 0 -100px; }
#footer #sitemap h3.account { background-position: 2px -150px; }
#footer #sitemap h3.support { background-position: 0 -200px; }
#change-language { background-image: url(../images/icons/arrows.gif); }
#change-language span { background-image: url(../images/icons/map-small.gif); }
#international { border-color: #002238; }

/* sidebar-module */
.sidebar-module .sidebar-title h3 { border-bottom: 2px solid #0D324B;  font-family: Arial; font-weight: normal;  margin-bottom: 6px; padding-bottom: 6px; text-transform: none; color: #FFF; font-size: 14px; }
.ko-kr .sidebar-module .sidebar-title h3 { font-family: dotum; }
.sidebar-module .sidebar-title a { color: #FFF; font-weight: normal; }
#sidebar-concluded .sidebar-content { background: #010e17 url(../images/layout/event-over.jpg) no-repeat; width: 256px; padding: 140px 22px 22px; }
#sidebar-concluded .sidebar-content .conclusion-title { color: #00afff; font-size: 22px; line-height: 24px; }
#sidebar-concluded .sidebar-content a { display: block; background: #010e17 url(../images/layout/event-over.jpg) -300px 5px no-repeat; padding-left: 12px; line-height: 20px; }
#sidebar-concluded .sidebar-content a:hover { background-position: -300px -23px; }
#sidebar-concluded .sidebar-content .sidebar-ticket-info { background: none; display: inline; padding-left: 0; } /* Updated for Blizzcon 2013 */
#sidebar .sidebar-top { padding-top: 0; }
#sidebar { line-height: 1.5em; border-radius: 10px; }

/* sponsors sidebar */
#sidebar-sponsors-2015 .sidebar-content { background: #0b1722 url(../images/sponsors/blizzcon-2015-sponsors.png) 0 15px no-repeat; height: 430px; width: 281px; border: 1px solid #041c2c; border-radius: 3px; border-top: 3px solid #0b2d44; border-top-left-radius: 0; border-top-right-radius: 0; }
/* #sidebar-virtual-ticket a.sidebar-content { background: #010f19 url(../images/layout/virtual-ticket.jpg) 0 0 no-repeat; display: block; width: 302px; height: 115px; font-size: 17px; font-weight: bold; position: relative; }
#sidebar-virtual-ticket .virtual-ticket-title,
#sidebar-virtual-ticket .description { padding: 0 95px 0 20px; position: absolute; line-height: 1em; top: 63px; margin: 0; left: 0; right: 0; }
#sidebar-virtual-ticket .virtual-ticket-title { color: #00afff; top: auto; bottom: 63px; }
#sidebar-virtual-ticket a:hover .virtual-ticket-title { color: inherit; }
#sidebar-virtual-ticket a.sidebar-content:hover { background-position: 0 -115px; }
#sidebar-virtual-ticket .description:after { content: ""; height: 20px; width: 20px; display: inline-block; background: url(../images/icons/more-arrows.gif) 5px 5px no-repeat; position: absolute; margin-top: -2px; }
#sidebar-virtual-ticket a:hover p:after { background-position: 5px -42px; }
*/
#sidebar-virtual-ticket { text-align: center; background: transparent url(../images/layout/virtual-ticket-bg.png) 20px 0 no-repeat; height: 157px; text-shadow: 1px 1px 4px rgba(0, 0, 0, .75); color: #FFF; padding: 35px 47px 10px 36px;}
#sidebar-virtual-ticket:hover { background-position: 20px -215px;}
#sidebar-virtual-ticket .ticket-button-buy-now { color: #FFF; display: block; background: transparent url(../images/layout/virtual-ticket-bg.png) 0 -423px no-repeat; width: 262px; font-family: "United Sans";  font-weight: 200; position: relative; margin: auto; text-transform: uppercase; text-shadow: 1px 1px 8px rgba(0, 0, 0, .4); box-shadow: 0px 0px 10px rgba(0, 0, 0, .75); height: 50px; border-radius: 5px; font-size: 35px; line-height: 55px; letter-spacing: 3px;}
#sidebar-virtual-ticket:hover .ticket-button-buy-now { background-position: 0 -473px;}
#sidebar-virtual-ticket .ticket-button-buy-now:after { background: url(../images/icons/carat.png) 0 0 no-repeat; height: 23px; width: 18px; display: block; content: ""; position: absolute; top: 50%; margin-top: -12px; right: 10px;}
#sidebar-virtual-ticket .virtual-ticket-title { color: #FFF; font-weight: bold; text-transform: uppercase; font-size: 20px; margin:5px 0; }
#sidebar-virtual-ticket .description { color: #FFF; font-size: 16px; margin:5px 0 35px 0;}


/* overlay */
.ui-overlay { width:750px; background:#06131C; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 10px black; -webkit-box-shadow:0 0 10px black; box-shadow:0 0 10px black; }
.ui-overlay .overlay-middle { padding: 25px; }

/* error page */
.error-page #content-top { background-image:url(../images/error/content-top.jpg); }
.error-page .error-header { color: #FFF; font-family: Arial; font-size: 42px; font-weight: bold; width: 500px; margin: 0 auto; text-align: center; padding-top: 240px; }
.error-page .error-desc { color: #c68105; font-size: 30px; width: 600px; margin: 0 auto; padding-top: 40px; text-align: center; }

/* BlizzCon over page */
.blizzcon-over #content-top { background-image:url(../images/blizzcon-over/content-top.png); }
.blizzcon-over .text-header { color: #FFF; font-family: Arial; font-size: 42px; font-weight: bold; margin: 0 auto; text-align: center; padding-top: 120px; }
.blizzcon-over .text-desc { color: #c68105; font-size: 25px; width: 600px; margin: 0 auto; padding-top: 40px; text-align: center; }

/* class */
.color-c1,  .color-c1 a { color: #c69b6d !important; } /* warrior */
.color-c2,  .color-c2 a { color: #f48cba !important; } /* paladin */
.color-c3,  .color-c3 a, .color-g2 { color: #aad372 !important; } /* hunter */
.color-c4,  .color-c4 a, .color-g1 { color: #fff468 !important; } /* rogue */
.color-c5,  .color-c5 a { color: #f0ebe0 !important; } /* priest */
.color-c6,  .color-c6 a { color: #c41e3b !important; } /* death knight */
.color-c7,  .color-c7 a { color: #2359ff !important; } /* shaman */
.color-c8,  .color-c8 a, .color-g3 { color: #68ccef !important; } /* mage */
.color-c9,  .color-c9 a { color: #9382c9 !important; } /* warlock */
.color-c11, .color-c11 a, .color-g4 { color: #ff7c0a !important; } /* druid */

/* trending topics */
.trending-topics li { border-bottom: 1px solid #092539; }
.trending-topics .date,
.trending-topics .forum { color: #147AA8; }
.trending-topics .forum:hover { color: #fff; }

/* articles list */
.articles-list li { border-bottom: 1px solid #092539; }
.articles-list a .date { color: #147AA8; }
.articles-list a .image { border: 1px solid #092539; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
.articles-list a:hover .image { border-color: #092539; }

/* table sorting */
.table .sort-link,
.table .sort-tab { display: block; padding: 8px 10px; text-align: left; }
.table .sort-link:hover { color: #fff; }
.table .sort-link .arrow { padding-left: 10px; background: url("../images/content/table-sort-arrows.gif") 0 -10px no-repeat; }
.table .sort-link:hover .arrow { background-position: 0 -115px; }
.table .sort-link .arrow.up,
.table .sort-link:hover .arrow.up { background-position: 0 -80px; }
.table .sort-link .arrow.down,
.table .sort-link:hover .arrow.down { background-position: 0 -45px; }
.table .sort-data.hidden { display: none; } /* table specificity for ie6 */


/* live stream status */
.live-stream-status { width: 250px; border: 1px solid #000; position: absolute; top: 290px; left: 50px; z-index: 1000; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; box-shadow: 0 0 5px #000000; background-color: #14b0e4; background-image: linear-gradient(top, #14B0E4 43%, #0F6692 100%); background-image: -o-linear-gradient(top, #14B0E4 43%, #0F6692 100%); background-image: -moz-linear-gradient(top, #14B0E4 43%, #0F6692 100%); background-image: -webkit-linear-gradient(top, #14B0E4 43%, #0F6692 100%); background-image: -ms-linear-gradient(top, #14B0E4 43%, #0F6692 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.43, #14B0E4), color-stop(1, #0F6692)); }
.live-stream-status:hover { background: #14b0e4; }
.live-stream-status .clickable { padding: 15px; display: block; }
.live-stream-status .arrow { width: 0; height: 0; display: block; background: transparent; border: 10px solid transparent; border-bottom-color: #14b0e4; position: absolute; top: -20px; left: 110px; }
.live-stream-status .close { width: 25px; height: 18px; background: url("../images/icons/close.png") 0 0 no-repeat; cursor: pointer; position: absolute; top: 2px; right: 2px; }
.live-stream-status .close:hover { background-position: -25px 0; }
.live-stream-status em { display: block; font-size: 16px; color: #fff; font-style: normal; }
.live-stream-status strong { display: block; color: #03131b; margin-top: 5px; }
.live-stream-status.status-small { width: 180px; left: 80px; }
.live-stream-status.status-small .arrow { left: 80px; }

/* type ahead */
.ui-typeahead { background: #1f1e1e; padding: 0 1px 1px 1px; border: 1px solid #403529; opacity: .90; font-size: 12px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; z-index: 30; }
.ui-typeahead .group-list { background: #101010; }
.ui-typeahead .group-list li { border-top: 1px solid #282828; }
.ui-typeahead .group-list a { padding: 5px; }
.ui-typeahead .group-list a:hover { background-color: #151515; color: #A3C9E4; }
.ui-typeahead .group-list a .desc { color: #7EADC1; }
.ui-typeahead .group-title { background: #000; color: #88E8FF; padding: 5px; }

/* tournament 2013 */
.button1a .button-left { background-position: 0 0; padding-left: 25px; }
.button1a .button-left, .button1a .button-right { background-image: url("../images/buttons/button-1.png"); height: 36px; line-height: 36px; }
.ie6 .button1a .button-left, .button1a .button-right { background-image: url("../images/buttons/button-1.gif"); }
.button1a .button-right { background-position: 100% -123px; overflow: hidden; padding-right: 25px; text-shadow: 0 0 5px #DD3400; }
.button1a .button-left, .button1a .button-right { background-image: url("../images/buttons/button-1.png"); color: #FFFFFF; height: 36px; line-height: 36px; }
.ie6 .button1 .button-left, .button1 .button-right { background-image: url("../images/buttons/button-1.gif"); }
.button1a-next .button-right { padding-right: 40px; }
.button1a-next .button-left, .button1a-next .button-right { background-image: url("../images/buttons/button-1-next.png"); }
.ie6 .button1a-next .button-left, .button1a-next .button-right { background-image: url("../images/buttons/button-1-next.gif"); }
.button1a-previous .button-left, .button1a-previous .button-right { background-image: url("../images/buttons/button-1-next.png"); }
.ie6 .button1a-previous .button-left, .button1a-previous .button-right { background-image: url("../images/buttons/button-1-next.gif"); }
.button1a:hover .button-left { background-position: 0 -41px; }
.button1a:hover .button-right { color: #fff; background-position: 100% -164px; }
.button1a.disabled .button-left, .button1a.processing .button-left, .button1a.disabled:hover .button-left, .button1a.processing:hover .button-left  { background-position:0 -82px; }
.button1a.disabled .button-right, .button1a.processing .button-right, .button1a.disabled:hover .button-right, .button1a.processing:hover .button-right { color: #FFFFFF; text-shadow: 0 0 5px #080505; background-position:100% -205px; }

.header-desc-2013 { width: 548px; line-height: 18px; padding: 0 0 20px 30px; text-align:center}

h2.subheader-2 { color: #00AFFF; font-size: 18px; font-weight: normal; padding: 0 0 24px; text-transform: none; }
h3.header-3 { font-weight: normal; margin-bottom: 6px; padding-bottom: 6px; text-transform:none; color: #FFF; font-size: 14px; }

#sidebar-sponsors-2015 { display:block; }