@charset "utf-8"; @import url("flashtext.css"); @import url("fonts.css"); /* CSS Document - Blizzard Entertainment 2008 */ /* Default Values */ a { outline: none; -webkit-tap-highlight-color: #010E16; } div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; /* padding:0; */ } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } object { outline:none; } /* more */ q {display:block;} q:before, q:after {content:"";} /* General layout values */ html { height:100%; } body {height:100%;background-color:#010e16; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; color:white;} a {color: #01b2f1; text-decoration: none; } a:hover {color: #FFFFFF;} em {font-style:italic;} strong {font-weight:bold;} address {margin-left:40px;} cite {font:1em Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-style:italic;} sup {vertical-align:top;} .right {float:right;} .left {float:left;} .clear {clear:both;display:block;} /* Center Anything.
content
*/ .fiftycent {overflow:hidden;} .fiftycent div {float:right; position:relative; left:-50%;} .fiftycent div div {float:none; position:static;} .fiftycent div div div {float:left; position:relative; left:50%;} .fiftycent div div div div {float:none; position:static;} .frontpagearea {width: 100%; height: 867px; background: url(../_images/frontpage/newsareabg.gif); background-position: center 500px; background-repeat: repeat-x; } .frontpagecenter {width: 100%; height: 867px; background: url(../_images/frontpage/newsarea.jpg); background-position: center 500px; background-repeat: no-repeat; min-width: 980px; } .frontpageheader {width: 100%; height: 570px; z-index: 100; min-width: 980px; margin: 0 auto } .frontpageheader .noFlashBg {width: 100%; height: 500px; text-align:center; font:22px/1.964 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; color:#00A2F1;} .frontpageheader .noFlashBg div {padding-top: 250px;} .frontpageheader .noFlashBg div a.flashmsg {display:block; margin-bottom:20px;} .frontpageheader .noFlashBg div a.getflash {width: 129px; height: 39px; background: url(../_images/layout/btn-get-flash.gif) top left no-repeat; display: block; margin: 0 auto;} .frontpageheader .noFlashBg div a.getflash:hover {} .frontpageheader .static-banners { height:500px; position:relative } .frontpageheader .static-banner { background-repeat:no-repeat; background-position:50% 0; height:500px; width:100%; position:absolute; top:0 } .frontpageheader .static-banner .inner-banner { width:872px; height:500px; margin:0 auto; position:relative } .frontpageheader .static-banner .inner-banner a { display:block; width:130px; height:30px; position:absolute; top:410px } .frontpageheader .static-banner-buttons { width:990px; height:68px; margin:0 auto; position:relative } .frontpageheader .static-banner-buttons-wrapper { width:464px; float:right; height:68px; overflow:hidden } .frontpageheader .static-banner-buttons-wrapper #button-row { height:68px; -webkit-transition: margin-left 500ms ease-out; -moz-transition: margin-left 500ms ease-out; -o-transition: margin-left 500ms ease-out } .frontpageheader .static-button-frame { height:68px; width:10px; position:absolute; top:0; background:url(../_images/frontpage/logobar-top.png) 0 0 no-repeat } .frontpageheader .static-button-frame.left-frame { right:455px; background-position:0 0 } .frontpageheader .static-button-frame.right-frame { right:0px; background-position:-454px 0 } .frontpageheader .static-banner-button { display:block; width:116px; height:68px; float:left; background:url(../_images/frontpage/logobar-button-bg.png) no-repeat } .frontpageheader .static-banner-button:hover { background-position:0 -69px; } .frontpageheader .static-banner-button span { display:block; width:116px; height:68px; background-repeat:no-repeat; background-position:50% 50% } .frontpageheader .static-banner-button.active-banner-button { background-position:0 -138px } .frontpageheader .static-banner-arrow { display:block; background:url(../_images/frontpage/arrows.png) no-repeat; width:52px; height:92px; position:absolute; top:204px } .frontpageheader .static-banner-arrow.arrow-left { left:0 } .frontpageheader .static-banner-arrow.arrow-left:hover { background-position:0 100% } .frontpageheader .static-banner-arrow.arrow-right { right:0; background-position:100% 0 } .frontpageheader .static-banner-arrow.arrow-right:hover { background-position:100% 100% } #h3menu { border:1px solid #243964; background:#021622; width:320px; padding:13px; float:left; margin:40px 50px 50px 0; } #h3menu a { display:block; font-size:11px; padding:4px 10px 4px 15px; background:url(../images/white_bullet_arrow.gif) 0 50% no-repeat;} .btt { float:right; font-size:12px; } /*screen viewer - shared styles */ #screenViewer {font-family:Calibri,Arial;position:relative;margin:0 auto;width:800px;height:600px;background-position:50% 50%;background-color:#000;z-index:115;} #screenViewer #viewerTitle{ font-size:11px; position:absolute; top:-21px; z-index:1; padding-left:15px; } #screenViewer #viewerTitle br { display:none; } #screenViewer.blizzard_sv #viewerTitle { font-size:16px; top:-33px; } #screenViewer #viewerContent{width:800px;height:600px;} #video_list .videoThumbnail { border:1px solid #111; display:block; text-align:center; font-size:12px; float:left; margin:0 5px 0 0; background-color:#111; overflow:hidden; height: 130px; width:150px; } #viewerContent .videoThumbnail_img { padding:10px; display:block;} #viewerContent .videoThumbnail_text { display:block; position:relative; bottom:0; text-align:center; padding-bottom:10px; } #viewerContent .videoThumbnail_runtime { display:block; color:#c4c4c4; padding: 3px 0 0 0; } #viewerContent a span { width:133px; margin:0 auto} #video_list .videoThumbnail:hover, #video_list .selected { background-color:#171717; border-color:#3f3f3f;} #screenViewer .topBorder, #screenViewer .bottomBorder {position:absolute;background-repeat:repeat-x;} #screenViewer .rightBorder, #screenViewer .leftBorder {position:absolute;background-repeat:repeat-y;} #screenViewer .topLeft, #screenViewer .topRight, #screenViewer .bottomLeft, #screenViewer .bottomRight, #screenViewer .topDeco {position:absolute;background-repeat:no-repeat;} #screenViewer a#pageLeft{width:23px;height:23px;display:none;background-repeat:no-repeat;bottom:-29px;} #screenViewer a#pageRight{width:23px;height:23px;display:none;background-repeat:no-repeat;position:absolute;bottom:-29px;right:0;} #screenViewer .disabled a#pageLeft, #screenViewer .disabled a#pageRight {display:none;} #screenViewer #viewerCopyLink {position:relative;display:none; background-color:#02283d; border-bottom:1px solid #012031;width:100%;height:28px;background-image:url('../_images/games/screenshot/lightbox-b.gif');} #screenViewer #viewerCopyLink #link_text {position:absolute; top:4px; left:6px; height:20px; background-color:#010e13; overflow:hidden;} #screenViewer #viewerCopyLink #link_text input {border:0px; margin:0 7px; font-size:11px; width:100%; background-color:#010e13; color:#227593;} #screenViewer #viewerCopyLink div.btn_copylink {position:absolute; top:3px; right:3px; z-index:9999999999; height:21px;} #screenViewer #viewerDescImage {position:relative;display:none; background-color:#02283d; border-bottom:1px solid #012031;width:100%; background-image:url('../_images/games/screenshot/lightbox-b2.gif'); font-size:12px;} #screenViewer #viewerDescImage div {padding:8px 12px;} .buttonbasic {padding-top:25px; height:53px;} .buttonbasic div {position:absolute; right:50%;} .buttonbasic div div {position:relative; left:50%;} .buttonbasic div div a {background:url(../_images/layout/button-bg.gif) 0 0 no-repeat; display:block; width:234px; height:53px; font:26px/53px Arial, Helvetica, sans-serif; color:#fff; text-align:center; text-transform:lowercase;} .buttonbasic .disabled div a {background:url(../_images/layout/button-disabled-bg.gif) 0 0 no-repeat; color:#a5a5a5;} .buttonbasic div div a:hover {background-position:0 100%;} .buttonbasic .disabled div a:hover {background-position:0 0;} a.button-blue-small {display:inline-block; padding-left:10px; height:21px; line-height:21px; background:url('../_images/layout/button-bg-screw-small.gif') 0 0 no-repeat; color:#fff;} a:hover.button-blue-small {background-position:0 -24px;} a.button-blue-small span {display:inline-block; height:21px; padding-right:10px; line-height:21px; background:url('../_images/layout/button-bg-screw-small.gif') 100% -72px no-repeat; cursor:pointer; } a:hover.button-blue-small span {background-position:100% -97px;} a.button-blue-small.disabled {background-position:0 -48px !important;} a.button-blue-small.disabled span {background-position:100% -122px !important; color:#bababa; cursor:default;} a.button-blue-large {display:inline-block; padding-left:27px; height:55px; background:url('../_images/layout/button-bg-screw-large.gif') 0 -1px no-repeat; color:#fff; text-align:center;} a:hover.button-blue-large {background-position:0 -58px;} a.button-blue-large span {font-size:12px; line-height:55px; display:inline-block; height:55px; padding-right:27px; background:url('../_images/layout/button-bg-screw-large.gif') 100% -115px no-repeat; cursor:pointer; text-shadow: 0 0 3px #000;} a:hover.button-blue-large span {background-position:100% -172px;} a.button-blue-large em {display:block; font-size:18px; line-height:20px; font-style:normal; margin-top:10px;} #screenViewer .topBorder {top:-43px;left:0;width:100%;height:43px;background-image:url('../_images/games/screenshot/lightbox-t.gif')} #screenViewer .rightBorder {top:0;right:-6px;width:6px;height:100%;background-image:url('../_images/games/screenshot/lightbox-r.gif')} #screenViewer .bottomBorder {bottom:-37px;left:0;width:100%;height:37px;background-image:url('../_images/games/screenshot/lightbox-b.gif')} #screenViewer .leftBorder {top:0;left:-6px;width:6px;height:100%;background-image:url('../_images/games/screenshot/lightbox-l.gif')} #screenViewer .topLeft {top:-43px;left:-6px;width:255px;height:43px;background-image:url('../_images/games/screenshot/lightbox-tl.png')} #screenViewer .topRight {top:-43px;right:-6px;width:254px;height:112px;background-image:url('../_images/games/screenshot/lightbox-tr.png')} #screenViewer .bottomLeft {bottom:-37px;left:-6px;width:145px;height:37px;background-image:url('../_images/games/screenshot/lightbox-bl.png')} #screenViewer .bottomRight {bottom:-37px;right:-6px;width:145px;height:37px;background-image:url('../_images/games/screenshot/lightbox-br.png') } #screenViewer a.close { position:absolute; z-index:116; top:-37px; right:3px; width:30px; height:30px; background-image:url('../_images/games/screenshot/lightbox-close.gif'); } #screenViewer.blizzard_sv a.close { right:3px; } #screenViewer a#pageLeft, #screenViewer a#pageRight { position:absolute; bottom:-31px; width:25px; height:25px; } #screenViewer.blizzard_sv a#pageLeft, #screenViewer.blizzard_sv a#pageRight { width:33px; height:26px; } #screenViewer a#pageLeft{ background-image:url('../_images/games/screenshot/lightbox-arrowleft.gif')} #screenViewer a#pageRight{ background-image:url('../_images/games/screenshot/lightbox-arrowright.gif')} #screenViewer a.close:hover, #screenViewer a#pageLeft:hover, #screenViewer a#pageRight:hover {background-position:0 bottom;} #screenViewer div#loadingAnimation{background-repeat:no-repeat;background-image:url(../_images/ajax-loader.gif);width:16px;height:16px;position:absolute;top:-20px;right:40px;} #screenViewer.blizzard_sv div#loadingAnimation{ top:-31px; right:56px; } .viewerPaging #viewerContent {cursor:pointer;} .viewerPaging a#pageLeft{display:block !important;} .viewerPaging a#pageRight{display:block !important;} /* Landing pages styles */ .pagetitle { height: 120px; } .pagetitle .title {padding: 44px 0 0 24px;} body.games-landing { background: url(../_images/games/landing/games-bg.jpg) no-repeat 50% 0 #142430; } body.community-landing{ background: url(../_images/community/landing/community-landing.jpg) no-repeat 50% 0 #010000; } body.company-landing{ background: url(../_images/company/landing/company-landing.jpg) no-repeat 50% 0 #150f08; } .landing-footer { clear: both; display: block; padding: 60px 0 60px 0; z-index:110; } .games-landing .recentrelease {float: left; width: 410px; } .games-landing .currentprojects {float: right; width: 540px; } .games-landing .allgames {width: 980px; clear: both; margin: 5px 0 0 0; } .games-landing .explore {width: 980px; clear: both; margin: 5px 0 0 0; } .company-landing .links .standardbox .middlebar .backgroundfour a {margin: 14px 0 0 13px;} .company-landing .links .standardbox .middlebar .backgroundfour a:hover {opacity: 0.7; filter:alpha(opacity=70);} .company-landing .links .standardbox .middlebar .backgroundfour a.about {width:217px; height: 186px; background: url(../_images/lang/en-us/company-about.jpg); display: block; } .company-landing .links .standardbox .middlebar .backgroundfour a.careers {width:217px; height: 186px; background: url(../_images/lang/en-us/company-careers.jpg); display: block; } .company-landing .links .standardbox .middlebar .backgroundfour a.events {width:217px; height: 186px; background: url(../_images/lang/en-us/company-events.jpg); display: block; } .company-landing .links .standardbox .middlebar .backgroundfour a.press {width:217px; height: 186px; background: url(../_images/lang/en-us/company-press.jpg); display: block; } .company-landing .links .standardbox .middlebar .backgroundfour .line { clear: both; height: 100%;} .company-landing .links .standardbox .middlebar .backgroundfour .line div { } .company-landing .links .standardbox .middlebar .backgroundfour .line .box1 {width: 245px; float: left;} .company-landing .links .standardbox .middlebar .backgroundfour .line .box2 {width: 245px; float: left;} .company-landing .links .standardbox .middlebar .backgroundfour .line .box3 {width: 245px; float: left;} .company-landing .links .standardbox .middlebar .backgroundfour .line .box4 {width: 245px; float: left;} .company-landing .didyouknow {float: left; width: 670px; } .company-landing .contact {float: right; width: 290px; } .company-landing .didyouknow .standardbox .middlebar .line {height: 155px; clear: both;} .company-landing .contact .standardbox .middlebar .line {height: 155px; clear: both;} .company-landing .buttons {padding: 10px 26px 15px 26px; height: 30px;} .company-landing .buttons a.contactus {width: 119px; height: 27px; background: url(../_images/lang/en-us/btn-contactus.gif); background-repeat: no-repeat; background-position: top left; display: block; margin: 0 auto; } .company-landing .buttons a:hover { background-position: bottom left; } .company-landing .links .standardbox .middlebar .backgroundfour .description { padding-top: 18px;} .company-landing .contact .standardbox .middlebar .line .description { padding-top: 20px;} .company-landing .didyouknow .quotetable { width: 100%; height: 100%; border: 0; padding: 0; text-align: center; font-family: calibri, Arial, Helvetica, sans-serif; font-size: 20px; font-style: italic; color: #8fd2eb; line-height: 26px;} /* blizzard 20th anniversary */ body.b20-landing { background:#00060b } .b20-landing .b20-landing-bg { background: url(../_images/lang/en-us/b20/landing-bg.jpg) 50% 0 no-repeat #00060b; -webkit-background-size:2490px 1236px } .b20-landing .b20-intro { padding-top:178px; height:364px; background:url(../_images/lang/en-us/b20/landing-title.jpg) 0 102px no-repeat; position:relative } .b20-landing .b20-intro #logo-sparkles { float:right; width:520px; height:442px; position:absolute; right:-12px; top:57px } .b20-landing .b20-intro p { color:#9edfff; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:443px; padding-left:32px; line-height:16px; text-shadow:1px 1px 1px black; margin: 12px 0 } .b20-landing .b20-intro p.first-paragraph { margin-top:200px } .b20-landing .thumb-links { width:940px; padding-left:40px; padding-bottom:120px } .b20-landing .thumb-links a { display:block; float:left; width:284px; height:151px; margin-right:22px; margin-bottom:22px; background:url(../_images/lang/en-us/b20/thumbs.jpg) no-repeat } .b20-landing .thumb-links a.b20-dim { cursor:default } .b20-landing .thumb-links .b20-videos { background-position:0 0 } .b20-landing .thumb-links .b20-videos:hover { background-position:-284px 0 } .b20-landing .thumb-links .b20-interviews { background-position:0 -151px } .b20-landing .thumb-links .b20-interviews:hover { background-position:-284px -151px } .b20-landing .thumb-links .b20-community { background-position:0 -302px } .b20-landing .thumb-links .b20-community:hover { background-position:-284px -302px } .b20-landing .thumb-links .b20-community-temp { background-position:0 -302px } .b20-landing .thumb-links .b20-community-temp:hover { background-position:-284px -302px } .b20-landing .thumb-links .b20-beyond-the-gates { background-position:0 -453px } .b20-landing .thumb-links .b20-beyond-the-gates:hover { background-position:-284px -453px } .b20-landing .thumb-links .b20-photo-gallery { background-position:0 -604px } .b20-landing .thumb-links .b20-photo-gallery:hover { background-position:-284px -604px } .b20-landing .thumb-links .b20-blizzard-timeline { background-position:0 -755px } .b20-landing .thumb-links .b20-blizzard-timeline:hover { background-position:-284px -755px } body.b20-videos { background: #00060b } .b20-videos .b20-video-bg { background: url(../_images/lang/en-us/b20/video-bg.jpg) 50% 0 no-repeat #00060b; -webkit-background-size:2490px 1230px } .b20-videos .breadcrumbsub { padding-top:122px; padding-left:25px } .b20-videos .flashtextcontainer { height:45px } .b20-videos .landing-footer { padding:0; margin-top:-20px } .b20-videos .b20-video-intro { width:930px; height:166px; padding-left:50px; padding-top:10px } .b20-videos .b20-video-intro p { color:#9edfff; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; width:560px; line-height:18px; text-shadow:1px 1px 1px black; margin: 11px 0 } .b20-videos #b20-video-holder { width:846px; padding:16px 66px 16px 68px; height:475px; background:url("../_images/lang/en-us/b20/video-bg.jpg") no-repeat 50% -485px #00060B; -webkit-background-size:2490px 1230px } .b20-videos #video-subtitles { color:#FFF; display:none; background-color:#0c6993; -moz-border-radius:5px; border-radius:5px; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:846px; padding:16px; margin-top:16px; text-align:center;-moz-box-shadow:0 0 5px #012a44; -webkit-box-shadow:0 0 5px #012a44; box-shadow:0 0 5px #012a44; } .b20-videos .archive-wrapper { width:979px; background:url(../_images/company/about/b20/video-gradient-bg.jpg) no-repeat -979px 100%; padding-bottom:240px } .b20-videos .archive-wrapper .video-info { width:878px; padding:0 51px 0 50px; background:url(../_images/company/about/b20/video-gradient-bg.jpg) no-repeat 0 0 } .b20-videos .archive-wrapper .video-bg-repeat { width:979px; background:url(../_images/company/about/b20/video-bg-repeat.jpg) repeat-y; } .b20-videos .archive-wrapper .video-archives { padding-top:50px } .b20-videos .archive-wrapper .video-archives .flashtextcontainer { margin-bottom:15px } .b20-videos .video-wrapper { display:block; float:left; padding:14px; width:395px; height:119px; background-color:#01608e; font-family:Arial, Helvetica, sans-serif; -moz-box-shadow:0 0 5px #012a44; -webkit-box-shadow:0 0 5px #012a44; box-shadow:0 0 5px #012a44; -moz-border-radius:5px; border-radius:5px; margin-left:30px } .b20-videos .video-wrapper span { display:block; float:left } .b20-videos .video-wrapper .video-thumb { width:159px; height:104px; background-repeat:no-repeat; -moz-border-radius:3px; border-radius:3px;-moz-box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000 } .b20-videos .video-wrapper .video-details { width:222px; padding:0 0 0 14px } .b20-videos .video-wrapper .video-title { color:#FFF; font-weight:bold; font-size:12px; line-height:24px } .b20-videos .video-wrapper .video-desc { font-size:12px; color:#9edfff; line-height:18px; text-shadow:1px 1px 1px black; } .b20-videos .video-wrapper .video-duration { color:#589dbe; font-size:11px; font-style:italic; line-height:18px; padding-top:5px } .b20-videos .video-wrapper:hover { background-color: #014668 } /*.b20-videos .video-wrapper:hover .video-duration { color:#1f3844 }*/ .b20-videos .show-full-transcript { float:right; color:#9edfff; font-size:12px; display:block; margin-top:16px; text-shadow:1px 1px 1px black; } .b20-videos .show-full-transcript:hover { color:#FFF } .b20-videos #video-transcripts { padding-top:50px } .b20-videos #video-transcripts .flashtextcontainer { margin-bottom:10px } .b20-videos #video-transcripts .transcript-lists { font-size:12px; line-height:20px; padding:0 15px } .b20-videos #video-transcripts .transcript-lists .active-span { border-bottom:1px dotted #CCC } .community-landing .wow {float: left; width: 306px; } .community-landing .wow .logoarea { width: 100%; background: url(../_images/lang/en-us/community-logo-wow.jpg); background-position: top center; background-repeat: no-repeat;} .community-landing .d3 {float: right; width: 306px; } .community-landing .d3 .logoarea { width: 100%; background: url(../_images/lang/en-us/community-logo-d3.jpg); background-position: top center; background-repeat: no-repeat;} .community-landing .sc2 {margin: 0 auto; width: 306px; } .community-landing .sc2 .logoarea { margin: 0; width: 100%; background: url(../_images/lang/en-us/community-logo-sc2.jpg); background-position: top center; background-repeat: no-repeat;} .community-landing .logoarea { padding-top: 125px;} .community-landing .communitytext {height: 30px; font-size: 11px; padding: 11px 26px 15px 26px; color: #5d91a3; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .community-landing .buttons {padding: 10px 26px 15px 26px; height: 30px;} .community-landing .buttons a.communitysites {width: 126px; height: 27px; background: url(../_images/lang/en-us/btn-communitysite.gif); background-repeat: no-repeat; background-position: top left; display: block; float: left;} .community-landing .buttons a.forums {width: 101px; height: 27px; background: url(../_images/lang/en-us/btn-forums.gif); background-repeat: no-repeat; background-position: top left; display: block; float: right; } .community-landing .buttons a:hover { background-position: bottom left;} .community-landing .social {height: 16px; font-size: 1px; line-height:0px;} .community-landing .social a.icon-facebook {width:17px; height: 16px; background: url(../_images/layout/icon-facebook.gif); background-repeat: no-repeat; background-position: top left; display: block; float: right; position: relative; top:-29px; right: 33px; } .community-landing .social a.icon-twitter {width:17px; height: 16px; background: url(../_images/layout/icon-twitter.gif); background-repeat: no-repeat; background-position: top left; display: block; float: right; position: relative; top:-29px; right: 25px; } .community-landing .social a.icon-youtube {width:17px; height: 16px; background: url(../_images/layout/icon-youtube.gif); background-repeat: no-repeat; background-position: top left; display: block; float: right; position: relative; top:-29px; right: 45px; } .community-landing .social a:hover { background-position: bottom left;} .community-landing .links {width: 980px; clear: both;} .community-landing .links .standardbox .middlebar .backgroundthree a {margin: 14px 0 0 13px;} .community-landing .links .standardbox .middlebar .backgroundthree a:hover {opacity: 0.7; filter:alpha(opacity=70);} .community-landing .links .standardbox .middlebar .backgroundthree a.contests {width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-contests.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree a.insider {width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-insider.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree a.blizzcast {width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-blizzcast.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree a.conceptart {width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-conceptart.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree a.events {width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-events.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree a.youtube {width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-youtube.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree .box2 .inner-bg { margin: 14px 0 0 13px; width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-fanart.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree .box3 .inner-bg { margin: 14px 0 0 13px; width:300px; height: 135px; background: url(../_images/lang/en-us/communitycard-conceptart.jpg); display: block; } .community-landing .links .standardbox .middlebar .backgroundthree .inner-bg a { display:inline-block; height:18px; margin:106px 0 0 12px } .community-landing .links .standardbox .middlebar .backgroundthree .inner-bg a:hover { opacity: 0.1; filter:alpha(opacity=10); } .community-landing .links .standardbox .middlebar .backgroundthree .inner-bg .worldofwarcraft { width:131px } .community-landing .links .standardbox .middlebar .backgroundthree .inner-bg .starcraft { width:70px } .community-landing .links .standardbox .middlebar .backgroundthree .inner-bg .diablo { width:46px } .community-landing .links .standardbox .middlebar .backgroundthree .line {height: 166px; clear: both; background: url(../_images/layout/box-bg-one.gif)} .community-landing .links .standardbox .middlebar .backgroundthree .line.bottomrow {height: 164px;} .community-landing .links .standardbox .middlebar .backgroundthree .line .box1 {width: 327px; height: 165px; float: left;} .community-landing .links .standardbox .middlebar .backgroundthree .line .box2 {width: 326px; height: 165px; float: left;} .community-landing .links .standardbox .middlebar .backgroundthree .line .box3 {width: 327px; height: 165px; float: left;} .esrblogo { float:right; padding:0 0 20px 20px; } .center {text-align: center;} a.linkbutton {background-color: #00adef; padding: 5px; border: 1px white solid; color: #FFF; clear: both;} a.linkbutton:hover {background-color:#3D93B4; color: #FFF;} .standardbox { } .standardbox .description { font-size: 11px; clear: both; padding:11px 15px 15px 15px; color: #5d91a3; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} .standardbox .topbar { height: 44px; width: 100%; } .standardbox .topbar .leftcorner { width: 6px; height: 44px; background: url(../_images/layout/box-corner-topleft.png); float: left; } .standardbox .topbar .rightcorner { width: 6px; height: 44px; background: url(../_images/layout/box-corner-topright.png); float: right; } .standardbox .topbar .title {padding: 0 0 0 21px; height: 44px; position:relative; top: 13px; } .standardbox .topbar .title.recent { float:left; width:630px } .standardbox .topbar .title.under-dev { float:left; } .standardbox .topbar .title .longertextposition {position: absolute; width: 200px; height: 50px;} .standardbox .topbar .middle { background: url(../_images/layout/box-top.jpg); margin: 0 6px 0 6px; } .standardbox .topbar .middle .rightfade {height: 44px; width: 100px; background: url(../_images/layout/box-top-right.png); float: right;} .standardbox .middlebar {background:url(../_images/layout/box-body-top.gif); background-color: #001821; background-repeat: repeat-x;} .standardbox .middlebar.row {background-image:url(../_images/layout/box-body-mid.gif) } .standardbox .middlebar .backgroundtwo {background: url(../_images/layout/box-bg-two.gif); background-position: top center; background-repeat: no-repeat;} /*.standardbox .middlebar .backgroundthree {background: url(../_images/layout/box-bg-three.gif); background-position: top center; background-repeat: no-repeat;}*/ .standardbox .middlebar .backgroundthreelines {background: url(../_images/layout/box-bg-threelines.gif); background-position: top center; background-repeat: no-repeat; overflow:hidden;} .standardbox .middlebar .backgroundfour {background: url(../_images/layout/box-bg-four.gif); background-position: top center; background-repeat: no-repeat;} .standardbox .bottombar .middle { position:relative; height: 6px; background: url(../_images/layout/box-shadow-line.gif); background-repeat: repeat-x; margin: 0 6px 0 6px; } .standardbox .bottombar .leftcorner {position:absolute;top:0;left:-6px;width: 6px; height: 6px; background: url(../_images/layout/box-corner-bottomleft.png);} .standardbox .bottombar .rightcorner {position:absolute;top:0;right:-6px;width: 6px; height: 6px; background: url(../_images/layout/box-corner-bottomright.png); } .standardbox .bottombar .middle .backgroundtwo {width: 100%; height: 6px; background: url(../_images/layout/box-bg-two.gif); background-position: bottom center; background-repeat: no-repeat;} .standardbox .bottombar .middle .backgroundthree {width: 100%; height: 6px; background: url(../_images/layout/box-bg-three.gif); background-position: bottom center; background-repeat: no-repeat; } .standardbox .bottombar .middle .backgroundthreelines {width: 100%; height: 6px; background: url(../_images/layout/box-bg-threelines.gif); background-position: bottom center; background-repeat: no-repeat; } .standardbox .bottombar .middle .backgroundfour {width: 100%; height: 6px; background: url(../_images/layout/box-bg-four.gif); background-position: bottom center; background-repeat: no-repeat;} .standardbox .shadowbar {height: 25px; overflow: hidden;} .standardbox .shadowbar .shadow { width: 800px; height: 25px; background: url(../_images/layout/box-shadow.png); margin: 0 auto; } .games-landing .allgames .standardbox .middlebar .backgroundthree {height: auto;} .games-landing .allgames .standardbox .middlebar .backgroundthree .line {height: 166px; clear: both; background: url(../_images/layout/box-bg-one.gif)} .games-landing .allgames .standardbox .middlebar .backgroundthree .line.bottomrow {height: 164px;} .games-landing .allgames .standardbox .middlebar .backgroundthree .line .box1 {width: 327px; float: left;} .games-landing .allgames .standardbox .middlebar .backgroundthree .line .box2 {width: 326px; float: left;} .games-landing .allgames .standardbox .middlebar .backgroundthree .line .box3 {width: 327px; float: left;} .games-landing .allgames .standardbox .middlebar .backgroundthree a {margin: 14px 0 0 13px;} .games-landing .allgames .standardbox .middlebar .backgroundthree a:hover {opacity: 0.7; filter:alpha(opacity=70);} .gridcard-games {width:300px; height: 135px; display: block;} .gridcard-games-sc1 {background: url(../_images/lang/en-us/gamecard-games-sc1.jpg);} .gridcard-games-sc2 {background: url(../_images/lang/en-us/gamecard-games-sc2.jpg);} .gridcard-games-cataclysm {background: url(../_images/lang/en-us/gamecard-games-cataclysm.jpg);} .gridcard-games-war3 {background: url(../_images/lang/en-us/gamecard-games-war3.jpg);} .gridcard-games-wow {background: url(../_images/lang/en-us/gamecard-games-wow.jpg);} .gridcard-games-bc {background: url(../_images/lang/en-us/gamecard-games-bc.jpg);} .gridcard-games-wrath {background: url(../_images/lang/en-us/gamecard-games-wrath.jpg);} .gridcard-games-d2 {background: url(../_images/lang/en-us/gamecard-games-d2.jpg);} .gridcard-games-legacy {background: url(../_images/lang/en-us/gamecard-games-legacy.jpg);} .gridcard-games-d3 {background: url(../_images/lang/en-us/gamecard-games-d3.jpg);} .gridcard-games-mists {background: url(../_images/lang/en-us/gamecard-games-mists.jpg);} .gridcard-games-sc2-hots {background: url(../_images/lang/en-us/gamecard-games-hots.jpg);} .gridcard-games-sc2-void {background: url(../_images/lang/en-us/gamecard-games-lotv.jpg);} .gridcard-games-overwatch {background: url(../_images/lang/en-us/gamecard-games-overwatch.jpg);} .gridcard-games-legion {background: url(../_images/lang/en-us/gamecard-games-legion.jpg);} .gridcard-games-hearthstone {background: url(../_images/lang/en-us/gamecard-games-hearthstone.jpg);} .gridcard-games-d3x1 {background: url(../_images/lang/en-us/gamecard-games-d3x1.jpg);} .gridcard-games-d3console {background: url(../_images/lang/en-us/gamecard-games-d3console.jpg);} .gridcard-games-heroes {background: url(../_images/lang/en-us/gamecard-games-heroes.jpg);} .gridcard-games-warlords {background: url(../_images/lang/en-us/gamecard-games-warlords.jpg);} .gridcard-games-explore-trailers {background: url(../_images/lang/en-us/gamecard-explore-trailers.jpg);} .gridcard-games-explore-legacy {background: url(../_images/lang/en-us/gamecard-explore-legacy.jpg);} .gridcard-games-explore-music {background: url(../_images/lang/en-us/gamecard-explore-music.jpg);} .gridcard-games-explore-careers {background: url(../_images/lang/en-us/gamecard-explore-careers.jpg);} .games-landing .underdev .standardbox .middlebar { } .games-landing .underdev .standardbox .middlebar .line {clear: both;} .games-landing .underdev .standardbox .middlebar .line .description {padding-left:13px;} .games-landing .underdev .standardbox .middlebar .line .box1 {width: 326px; height:290px; float: left;} .games-landing .underdev .standardbox .middlebar .line .box2 {width: 326px; float: left;} .games-landing .underdev .standardbox .middlebar .line .box3 {width: 327px; float: left;} .games-landing .underdev .standardbox .middlebar a {margin: 14px 0 0 13px;} .games-landing .underdev .standardbox .middlebar a:hover {opacity: 0.7; filter:alpha(opacity=70);} .games-landing .explore .standardbox .middlebar .backgroundthree {height: 158px;} .games-landing .explore .standardbox .middlebar .backgroundthree .line { clear: both;} .games-landing .explore .standardbox .middlebar .backgroundthree .line .box1 {width: 327px; float: left;} .games-landing .explore .standardbox .middlebar .backgroundthree .line .box2 {width: 326px; float: left;} .games-landing .explore .standardbox .middlebar .backgroundthree .line .box3 {width: 327px; float: left;} .games-landing .explore .standardbox .middlebar .backgroundthree a {margin: 14px 0 0 13px;} .games-landing .explore .standardbox .middlebar .backgroundthree a:hover {opacity: 0.7; filter:alpha(opacity=70);} /* Subpage styles */ .subheader {width:100%;} .subheader div .navsub {padding:15px 0 0 0;} .subheader .games {background: url(../_images/subpages/games_top.jpg) no-repeat 50% 0; height:350px;} .subheader .blizzcon {background: url(../_images/layout/header-blizzcon.jpg) no-repeat 50% 0; height:350px;} .subheader .careers, .subheader div.jobsitesupport { background: url(../_images/subpages/header-career.jpg) no-repeat 50% 0; height: 350px;} .subheader .company {background: url(../_images/subpages/header-nuke.jpg) no-repeat 50% 0; height:350px;} .subheader .profile {background: url(../_images/subpages/header-9.jpg) no-repeat 50% 0; height: 350px;} .subheader .partners {background: url(../_images/subpages/header-wow.jpg) no-repeat 50% 0; height: 350px;} .subheader .community {background: url(../_images/subpages/games_top.jpg) no-repeat 50% 0; min-height: 500px;} .subheader .events {background: url(../_images/subpages/header-11.jpg) no-repeat 50% 0; height: 350px;} .subheader .press {background: url(../_images/subpages/header-2.jpg) no-repeat 50% 0; height:350px;} .subheader .press2 {background: url(../_images/subpages/header-2.jpg) no-repeat 50% 0; height:200px;} .subheader .temp {background: url(../_images/subpages/temp_top.jpg) top left repeat-x; min-height:500px;} .subheader .legacy {background: url(../_images/subpages/header-2.jpg) no-repeat 50% 0; height: 350px;} .subheader .videos {background: url(../_images/subpages/videos_top.jpg) top center no-repeat; height:auto;} .subheader .contests {background: url(../_images/subpages/header-12.jpg) no-repeat 50% 0; height:350px;} .subheader .news {background: url(../_images/subpages/header-8.jpg) no-repeat 50% 0; height:300px;} .subheader .search {background: url(../_images/subpages/header-13.jpg) no-repeat 50% 0; height:300px;} .subheader .mission {background: url(../_images/subpages/header-7.jpg) no-repeat 50% 0; height:350px;} .subheader .blizzcon2005 {background: url(../_images/layout/header-blizzcon2005.jpg) no-repeat 50% 0; height:350px;} .subheader .blizzcon2007 {background: url(../_images/layout/header-blizzcon2007.jpg) no-repeat 50% 0; height:350px;} .subheader .blizzcon2008 {background: url(../_images/layout/header-blizzcon2008.jpg) no-repeat 50% 0; height:350px;} .subheader .blizzcon2009 {background: url(../_images/layout/header-blizzcon2009.jpg) no-repeat 50% 0; height:350px;} .subheader .gamescom2010 {background: url(../_images/layout/header-gamescom2010.jpg) no-repeat 50% 0; height:350px;} .subheader .igromir2011 {background: url(../_images/layout/header-igromir2011.jpg) no-repeat 50% 0; height:350px;} .subheader .wow-brazil {background: url(../_images/subpages/header-wow.jpg) no-repeat 50% 0; height:350px;} .subheader .awards {background: url(../_images/layout/header-awards.jpg) no-repeat 50% 0; height: 350px;} .subheader .contactus {background: url(../_images/layout/header-contactus.jpg) no-repeat 50% 0; height: 350px;} .subheader .faq {background: url(../_images/layout/header-faq.jpg) no-repeat 50% 0; height: 350px;} .subheader .contestform {background: url(../_images/company/landing/company-landing.jpg) no-repeat 50% 0 #150f08;} .subheader .insider {background: url(../_images/subpages/header-4.jpg) no-repeat 50% 0; height: 350px;} .subheader .sitemap {background: url(../_images/subpages/header-13.jpg) no-repeat 50% 0; height:350px;} .subheader .battlenet {background: url(../_images/subpages/header-15.jpg) no-repeat 50% 0; height:350px;} .subheader .legalrules {background: url(../_images/subpages/header-15.jpg) no-repeat 50% 0; height:300px;} .subheader .starcraftcomic {background: url(../_images/community/contests/starcraftcomic/header.jpg) no-repeat 50% 0; height:300px;} .subheader .holidaycard {background: url(../_images/community/contests/holidaycard/header.jpg) no-repeat 50% 0; height:300px;} .subheader .holidaydessert {background: url(../_images/community/contests/holidaycard/header.jpg) no-repeat 50% 0; height:300px;} .subheader .holiday2012 {background: url(../_images/community/contests/holidaycard/header.jpg) no-repeat 50% 0; height:300px;} .subheader .battlecrymosaic {background: url(../_images/community/contests/battlecrymosaic/header.jpg) no-repeat 50% 0; height:395px;} .subheader .dominion {background: url(../_images/community/contests/dominion/header.jpg) no-repeat 50% 0; height:300px;} .subheader .redirect {background: url(../_images/subpages/header-6.jpg) no-repeat 50% 0; height:250px;} .subheader .scvideo {background: url(../_images/community/contests/scvideo/header.jpg) no-repeat 50% 0; height:350px;} .subheader .writing2010 {background: url(../_images/community/contests/writing2010/header.jpg) no-repeat 50% 0; height:300px;} .subheader .scwriting {background: url(../_images/community/contests/scvideo/header.jpg) no-repeat 50% 0; height:300px;} .subheader .midnightopening {background: url(../_images/subpages/header-midnight-opening.jpg) no-repeat 50% 0; height:400px;} .subheader .blizzcon-song {background: url(../_images/subpages/header-11.jpg) no-repeat 50% 0; height:300px;} .subheader .blizzcon-fanart {background: url(../_images/subpages/header-11.jpg) no-repeat 50% 0; height:300px;} .subheader .blizzcon-movie {background: url(../_images/subpages/header-11.jpg) no-repeat 50% 0; height:300px;} .subheader .sc2map {background: url(../_images/community/contests/scvideo/header.jpg) no-repeat 50% 0; height:300px;} .subheader .sc2-shoutcast {background: url(../_images/community/contests/scvideo/header.jpg) no-repeat 50% 0; height:300px;} .subheader .wow-youtube {background: url(../_images/community/contests/cataclysm-fortune/header.jpg) no-repeat 50% 0; height:300px;} .subheader .wow-printAd {background: url(../_images/community/contests/cataclysm-fortune/header.jpg) no-repeat 50% 0; height:300px;} .subheader .pumpkin, .subheader .pumpkin2013 {background: url(../_images/community/contests/pumpkin/header.jpg) no-repeat 50% 0; height:300px;} .subheader .blizzconsurvey-2010 {background: url(../_images/subpages/bg-iheartblizzcs.jpg) no-repeat 50% 0; height:395px;} .subheader .survey-2010 {background: url(../_images/subpages/bg-blizzconsurvey.jpg) no-repeat 50% 0; height:395px;} .subheader .comic-contest {background: url(../_images/community/contests/comic/header.jpg) no-repeat 50% 0; height:300px;} .subheader .shattering {background: url(../_images/community/contests/shattering/header.jpg) no-repeat 50% 0; height:300px;} .subheader .corehound {background: url(../_images/community/contests/corehound/header.jpg) no-repeat 50% 0; height:350px;} .subheader .protect-account {background: url(../_images/community/contests/battlenet-account-security/security_subheader.jpg) no-repeat 50% 0; height: 350px} .subheader .midnightopening-cataclysm {background: url(../_images/subpages/header-midnight-opening-cataclysm.jpg) no-repeat 50% -10px; height:400px;} .subheader .twentieth-anniversary-video {background: url(../_images/community/contests/b20/header.jpg) no-repeat 50% 0; height:300px;} .subheader .cn-twentieth-anniversary-video {background: url(../_images/community/contests/b20/header.jpg) no-repeat 50% 0; height:300px;} .subheader .devilsdue {background: url(../_images/community/contests/comic/header.jpg) no-repeat 50% 0; height:300px;} .subheader .d3-announcement {background:#000 url(../_images/subpages/header-d3-announcement.jpg) no-repeat 50% 0; height:500px;} .subcontents { width:100%; background: url(../_images/layout/subareabg.gif) #010E16; background-position: top left; background-repeat: repeat-x; } .subcontents .middle {height:100%; background: url(../_images/layout/bg-subpage.jpg) #010E16 50% 0 no-repeat; padding: 0; margin: 0;} .subcontents .bg-subpage2 {background:url(../_images/layout/bg-subpage2.jpg) #010E16 50% 0 no-repeat;} .subcontents .bg-subpage3 {background:url(../_images/layout/bg-subpage-globe.jpg) #010E16 50% 0 no-repeat;} .videos .subcontents .middle {background: url(../_images/layout/subpagebg.jpg) top center transparent no-repeat; } .videos .flashTextHeightPlaceholder {height: 65px; margin-top: 20px;} .subcontents .middle .wrapper { width: 980px; margin: 0 auto;} .subcontents .middle .wrapper .contents { padding:20px 20px; color: #82b8cb; font-size: 12px; line-height: 1.8em; } .landingcontents, .centercontent {width: 980px; margin: 0 auto;} .videos .landingcontents { width:auto; } .videos .subcontents { background-color:#010E16; } .navigation { position:relative; width: 992px; height: 132px; z-index: 110; margin: 0 auto; } .navigation .bg { position: absolute; background-color: transparent; width: 992px; height: 132px; background: url(../_images/layout/nav-bg.png); background-repeat: no-repeat; } .navigation .bar {width : 762px; height: 83px; position: absolute; top:43px; left:217px;} .navigation .bar a { height: 83px; display: block; float: left; background-repeat: no-repeat; position:relative; } .navigation .bar .navgames {width: 152px; background-position: 0px 0px;} .navigation .bar .navgames:hover { background-position: 0px -83px;} .navigation .bar .navgamesactive { width: 152px; background-position: 0px -83px;} .navigation .bar .navcompany {width: 153px; background-position: -152px 0px;} .navigation .bar .navcompany:hover { background-position: -152px -83px;} .navigation .bar .navcompanyactive { width: 153px; background-position: -152px -83px;} .navigation .bar .navcommunity {width: 152px; background-position: -305px 0px;} .navigation .bar .navcommunity:hover { background-position: -305px -83px;} .navigation .bar .navcommunityactive { width: 152px; background-position: -305px -83px;} .navigation .bar .navsupport {width: 153px; background-position: -457px 0px;} .navigation .bar .navsupport:hover { background-position: -457px -83px;} .navigation .bar .navstore {width: 152px; background-position: -610px 0px;} .navigation .bar .navstore:hover { background-position: -610px -83px;} .navigation .searchbox { width : 1px; height: 1px; position: absolute;} .navigation .searchbox .box { width : 150px; height: 15px; background-color: transparent; border: 0; color: #01b2f1; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin:19px 0 0 790px;} .navigation .searchbutton { width:28px; height: 22px; position: absolute; margin: 16px 0 0 950px;} .navigation .searchbutton .button { width : 28px; height: 22px; background: url(../_images/layout/nav-search.gif); display: block; background-repeat: no-repeat; background-position: 0px 0px;} .navigation .searchbutton .button:hover { background-position: 0px -22px;} .navigation .blizzlink {width: 200px; height: 105px; background-color: transparent; opacity: 0.5; position: absolute; top:15px; left:12px; display: block;} .navigation .bar a span { color:#FFF; position:absolute; right:12px; bottom:10px; font-size:13px; font-family: MuseoSans-500,"Century Gothic"; } .navigation-holder-frontpage {height: 132px; position: relative; top: -555px;} .subpagenav { width: 980px; margin: 20px auto 0; display: block; clear: both;} .subpagenav .top { background: url(../_images/layout/subpagenav-top.jpg); background-position: top left; background-repeat: no-repeat; width: 980px; height: 34px;} .subpagenav .top a.section { padding: 9px 0 0 27px; font-size: 12px; text-transform:uppercase; display: block; color: #FFFFFF;} .subpagenav .top a.section:hover { color: #82B8CB; } .subpagenav .bottom { background: url(../_images/layout/subpagenav-bottom.jpg); background-position: top left; background-repeat: no-repeat; width: 980px; height: 15px;} .subpagenav .middle { background: url(../_images/layout/subpagenav-middle.jpg); background-position: top left; background-repeat: no-repeat; width: 980px; height: 120px; font-size: 11px; line-height: 16px;} .subpagenav .column1 { background: url(../_images/layout/subpagenav-line1.gif); background-position: top right; background-repeat: no-repeat; width: 311px; float: left; height: 120px;} .subpagenav .column2 { background: url(../_images/layout/subpagenav-line2.gif); background-position: top right; background-repeat: no-repeat; width: 311px; float: left; height: 120px; } .subpagenav .column3 { background: url(../_images/layout/subpagenav-line3.gif); background-position: top right; background-repeat: no-repeat; width: 180px; float: left; height: 120px;} .subpagenav .column4 { width:178px; float:left; height: 120px;} .subpagenav .footer-facebook a {background-image:url(../_images/logos/facebook-social.png);} .subpagenav .footer-twitter a {background-image:url(../_images/logos/twitter-social.png);} .subpagenav .footer-youtube a {background-image:url(../_images/logos/youtube-social.png);} .subpagenav .footer-glassdoor a {background-image:url(../_images/logos/glassdoor.png);} .subpagenav .socialnetworking { padding: 0 } .subpagenav .socialnetworking li { display: inline-block;} .subpagenav .socialnetworking li a {display: block; background-position: 0 0; background-repeat: no-repeat; height: 40px; width: 40px;} .subpagenav .middle a.title { color:#82B8CB; top:15px; left: 24px; position: relative; display:block;} .subpagenav .middle a.title:hover { color: #FFFFFF; } .subpagenav .middle .block1 { width:130px; margin:26px 0 0 25px; float: left;} .subpagenav .middle .block2 { width:150px; margin:26px 0 0 0; float: left;} .breadcrumb { font-size: 11px; font-family:Arial, Helvetica, sans-serif, sans-serif; margin: 0 0 0 0; } .breadcrumb .left { width: 8px; height: 32px; background: url(../_images/layout/subpagepath-bgl.gif); background-position: top left; background-repeat: no-repeat; float: left;} .breadcrumb .center { height: 32px; background: url(../_images/layout/subpagepath-bg.gif); background-position: top left; background-repeat: repeat-x; float: left; display: block;} .breadcrumb .center .ref { background: url(../_images/layout/subpagepath-bgm.gif); background-position: top right; background-repeat: no-repeat; height: 32px; display: block; float: left; } .breadcrumb .center .ref .contents { padding: 0 20px 0 18px; font-size: 11px; line-height:32px; height: 32px; float: left; } .breadcrumb .center .ref .contents .link { display: block; float: left;} .breadcrumb .center .ref .contents .text { display: block; float: left; color: #82B8CB;} .breadcrumb .right { width: 8px; height: 32px; background: url(../_images/layout/subpagepath-bgr.gif); background-position: top left; background-repeat: no-repeat; float: left;} .breadcrumbsub { padding: 30px 0 40px 0;} .arrowsm { width: 6px; height: 11px; background: url(../_images/layout/arrow_sm.png); background-position: top left; background-repeat: no-repeat; display:block; float: left; margin: 11px 10px 0 10px; } .languagenotice {display: block; float: right; padding: 2px; background: #000; font-size: 11px; margin: 30px 0 0 0; overflow: hidden; height: 36px;} .languagenotice .warningcontents {float: left; padding: 3px 6px 4px 2px;} .languagenotice .title {font-weight: bold;} .languagenotice .message {color: #82B8CB; white-space:nowrap;} .languagenotice .warning { background: url(../_images/layout/warningsign.gif); background-position: top left; background-repeat: no-repeat; height: 36px; width: 36px; display: block; float: left; } #languageChoice {height:60px; background:url('../_images/layout/language-choice-bg.jpg') no-repeat bottom center; background-color:#020c15;} #languageChoice .position {position:relative; width:979px; margin:0 auto; font:normal 12px/1.3em Arial;} #languageChoice a.linkto-otherlanguage {position:absolute; top:12px; left:0; cursor:pointer; display:block; background-color:transparent; padding:3px 14px 4px 4px;} #languageChoice a:hover.linkto-otherlanguage {background-color:#173b4f;} #languageChoice a.linkto-otherlanguage .iconglobal {float:left; background:url('../_images/layout/language-choice-globe.gif') no-repeat 0 0; width:30px; height:31px; margin-right:14px;} #languageChoice a:hover.linkto-otherlanguage .iconglobal {background-position:0 -31px;} #languageChoice a.linkto-otherlanguage p {margin-top:3px; color:#99cee0; display:inline;} #languageChoice a:hover.linkto-otherlanguage p, #languageChoice a:hover.linkto-otherlanguage span {color:#fff;} #languageChoice a.linkto-otherlanguage span {display:block; color:#01b2f1;} #languageChoice .closebar {position:absolute; top:9px; right:0; display:block; cursor:pointer; background-color:transparent;} #languageChoice .closebar a {position:relative; display:block; padding:10px 48px 11px 19px; line-height:21px; color:#01b2f1;} #languageChoice .closebar a:hover {background-color:#173b4f; color:#fff;} #languageChoice .closebar a .icon-close {position:absolute; right:10px; cursor:pointer; background:url('../_images/layout/language-choice-close.gif') no-repeat 0 0; width:27px; height:21px;} #languageChoice .closebar a:hover .icon-close {background-position:0 -21px;} .menucompany-about { background: url(../_images/layout/subnav-compaaany-about.png); } .menucompany-careers { background: url(../_images/layout/subnav-compaaany-careers.png); } .menucompany-events { background: url(../_images/layout/subnav-compaaany-events.png); } .menucompany-press { background: url(../_images/layout/subnav-compaaany-press.png); } .menucommunity-battlenet { background: url(../_images/layout/subnav-community-battlenet.png); } .menucommunity-insider { background: url(../_images/layout/subnav-community-insider.png); } .menucommunity-blizzcast { background: url(../_images/layout/subnav-community-blizzcast.png); } .menucommunity-contests { background: url(../_images/layout/subnav-community-contests.png); } .menucommunity-mobile { background: url(../_images/layout/subnav-community-mobile.png); } .headerflash { background-color: #000000;} .flashTextHeightPlaceholder{height:45px;} .flashTextHeightPlaceholder .flashtextcontainer{overflow:visible} .flashtextcontainer { /*width: 5px; height: 5px; line-height:0px;*/ display: block; height:25px; } .flashtextcontainer h1 { height:auto; } .centercontainer {width: 981px; top: -130px; position: relative; margin: 0 auto; } .newscontainer {width: 495px; height: 325px; position: absolute; z-index: 120; margin: -45px 0 0 0px; padding: 7px 0 0 0;} .newsheader {width:495px; height: 34px; overflow:hidden;} .newsheader .rssicon a { width: 40px; height: 34px; background: url(../_images/frontpage/icon-rss.gif); display: block; background-repeat: no-repeat; position: relative; float: right; padding: 0 1px 0 0; } .newsheader .rssicon a:hover { background-position: 0px -34px;} .newsheader .facebookicon a { width: 40px; height: 34px; background: url(../_images/frontpage/icon-facebook.gif); display: block; background-repeat: no-repeat; position: relative; float: right; padding: 0 1px 0 0; } .newsheader .facebookicon a:hover { background-position: 0px -34px;} .newsheader .latestnews { height: 25px; width: 300px; background: url(../_images/lang/en-us/frontpage/latestnews.png); background-repeat: no-repeat !important; background-position: top left; position: absolute; top: 12px; left: 10px; } .newsheader .viewallnews { height: 18px; width: 200px; position: relative; top: 11px; text-align: right; font-size: 11px; float: right; padding: 0 10px 0 0;} .sponsor-container{ position:relative; height:75px;} .sponsor-text { text-align:right; width:680px; position:absolute;} .razer-logo{ background: url(../_images/community/contests/holidaycard/razer-logo.gif); background-repeat: no-repeat; width:237px; height:70px; position:absolute; left:690px; top: 15px;} .holidaycard-image{ background: url(../_images/community/contests/holidaycard/holidaycard.png); background-repeat: no-repeat; width:350px; height:300px; float:right; margin:30px 0 0 0; } /* Homepage Style */ .sliderbox {width:495px; height:375px; overflow:hidden;} .sliderbox dt {height:32px; cursor:pointer; background-image:url(../_images/frontpage/newsclosedbg.gif); background-repeat:no-repeat; background-color:#333;} .sliderbox .open {font-size:13px; background:url(../_images/frontpage/newsopenbgtop.gif) 0 0 no-repeat; color:#01b2f1; cursor:default;} .sliderbox .title {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #01b2f1; padding: 0 0 0 40px; line-height: 30px; display:inline-block; text-overflow:ellipsis; width: 360px; height:30px; white-space:nowrap; overflow: hidden;} .sliderbox .date {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #366a80; float: right; display: block; padding: 10px 15px 0 0;} .sliderbox dt:hover span {color:#FFFFFF;} .sliderbox .open:hover span {color:#01b2f1;} .sliderbox .open:hover .date {color:#366A80;} .sliderbox .n_thumb { float:right; padding:0 0 20px 20px; width: 113px; height: 125px; } .sliderbox dd {overflow:hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #add9e8; height: 160px; padding: 0; margin: 0; background-image:url(../_images/frontpage/newsopenbgmid.jpg); background-repeat: no-repeat; position:relative} .sliderbox .text { padding: 0 40px 35px 40px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #99cee0; } .sliderbox .text .readmoreline { text-transform:uppercase; padding: 12px 0 0 0; display: block;} .sliderbox .text .readmoreline .arrow {width: 14px; height: 14px; background:url(../_images/layout/readmore.gif) top left no-repeat; display: block; float: left; margin: 1px 8px 0 0; font-size: 0px; line-height: 0px;} .sliderbox .text .readmoreline:hover .arrow {background-position: bottom left;} .sliderbox .text .readmoreline:hover {text-decoration: none;} /* Press Release Style */ .arc_ind_txt { padding:17px 0 0 17px; float:left; font-family:calibri; } .news_archive .middle .wrapper {padding-top:20px;} .newsarchive {margin:20px 0; } .newsarchive .sliderbox {width:auto; height:auto; overflow:auto;} .newsarchive .sliderbox dd {height:auto; overflow:auto; background-repeat:repeat-x; background-color:#011D28;} .newsarchive .sliderbox dt {clear:both; cursor:default; background-color:#012B3A; } .newsarchive .sliderbox dt:hover span {color:inherit;} .newsarchive .sliderbox dt:hover span.date {color:#366a80;} /* Thumbs for news and archive page */ .newsarchive .thumb { margin: 30px 15px 15px 20px; } .newsarchive .thumb, .sliderbox .thumb {width: 113px; height: 125px; display: block; float: right; background-repeat: no-repeat; overflow:hidden; } .sliderbox .thumb { margin: 5px 15px 10px 20px; cursor:pointer; } /* News Archive Style */ .newsarchive { margin:30px 0 0 0; } .archivenews { width:640px!important; height:auto; float: right; } .archivenews .currentnewsmonth {height: 60px;} .archivenews dt {height:32px; cursor:default;background-image:url(../_images/frontpage/newsopenbgarchive.gif); background-repeat:repeat-x;} .archivenews .title {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #01b2f1; padding: 6px 0 0 40px; display: block;} .archivenews .date {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #366a80; float: right; display: block; padding: 6px 12px 0 0;} .archivenews dd { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #add9e8; height: auto; padding: 0; margin: 0; background: url(../_images/frontpage/newscontentbgarchive.gif) no-repeat top left; background-color:#011D28; overflow: auto; width: 640px;} .archivenews .footer {height: 5px; background: url(../_images/frontpage/newsfooterbgarchive.gif) no-repeat top left; margin: 0 0 30px 0; width:640px; font-size: 1px; line-height: 1px;} .archivenews .text { padding: 20px 40px 25px 40px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #99cee0; } .archivenews .text p { margin-top:0; } .archivenews .text .n_thumb {float: right; margin: 0 -10px 5px 20px;} .arc_ind_txt { padding:17px 0 0 17px; float:left; font-family:calibri; } .archive_nav { width:245px; float:left; margin:0 20px 0 0;} .page-pressreleases .archive_nav {width:280px; border-bottom:1px none #173B51; } .archive_nav a {display:block; clear:both; margin:10px 0; border-bottom:1px solid #173B51; padding:0; overflow:hidden; margin:0; font:11px/1.964 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Verdana, Helvetica, sans-serif;} .archive_nav a:hover {background-color: #081923} .newsarchive .archive_nav a:hover {background-color: #081923;} .archive_nav a:hover .arc_title, .archive_nav a:hover .arc_short, .archive_nav a:active, .archive_nav a:hover {text-decoration:none !important;} .archive_nav .selected, .archive_nav .selected:hover, .newsarchive .archive_nav a.selected:hover {color:#fff; } .archive_nav .selected .arc_date {display:block; height:100%;padding-left:5px;} .archive_nav a .titlecontents {display:block; height:100%; padding:10px 0;} .archive_nav .selected { background: #081923; } .archive_nav .arc_title, .archive_nav .arc_short {display:block; padding-left:65px; font-size:10px; line-height:2.16;} .archive_nav .arc_date {color:#fff; float:left; text-align:right; width:50px; font-size:10px; line-height:2.16;padding-left:5px;} .archive_nav .arc_news {padding-left:20px;} .page-pressreleases .archive_list, .page-presskits .archive_list {width:730px; float:none; margin:0 0 0 50px; font:12px/1.8 Calibri, Arial, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Helvetica, sans-serif; padding-bottom: 30px;} .page-presskits span {padding: 10px 0 10px 0;} .archive_list a {margin:0;} .newsarchive .archive_list a:hover {background-color: #081923;} .archive_list .arc_title, .archive_list .arc_short {padding-left:125px; font-size:11px; line-height:1.964;} .archive_list .arc_date {width:85px; font-size:11px; line-height:1.964; } .archive_list .arc_size {width:70px; font-size:11px; line-height:1.964; float: right; text-align: right; padding-right: 30px; color: #82B8CB; } .archive_nav a:hover .arc_size {color: #FFF;} .page-presskits .newsarchive .archive_nav a:hover {background:url(../_images/layout/icon-download.gif) #081923 99% 50% no-repeat;} .viewall-pressrelease {font-size: inherit; margin-top:5px; font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Verdana, Helvetica, sans-serif; line-height:14px; padding: 25px 20px 40px 20px;} .viewall-pressrelease a {font-size: inherit; display:inline; border:0; line-height:14px;} .viewall-pressrelease a:hover {background-color:transparent !important;} .presskitscontactinfo {padding: 60px 0 15px 0; } .presskitscontactinfo ul li {list-style-type:square; list-style-position:inside;} div.presscontacts {float:left; clear:left; background:url(../_images/layout/bg-blockquote.jpg) #081923 50% 50% no-repeat; width:280px;margin:35px 0 0 0} div.presscontacts div {margin:20px; font:11px 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, Verdana, Helvetica, sans-serif;} div.presscontacts h4 {color:#fff; margin:0;} div.presscontacts ul {list-style-type:none; margin:5px 0 0 0; padding:0;} div.presscontacts ul li {margin:0; padding:0; line-height:2;} div.presscontacts ul li a {font-weight:normal;} div.presscontacts .additionalcontact {border-top: 1px #192c38 dashed; width: 100%; margin: 15px 0 ; padding: 12px 0 0 0; } .page-pressreleases .archive_nav a {font-weight:normal;} .page-pressreleases .newsarchive h3 {margin:1.2em 0; font-family:'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#01B2F1; text-transform:uppercase;} .page-pressreleases .newsarchive h5 {font:12px/1.662 Arial, Helvetica, sans-serif; text-transform:none;} .page-pressreleases .sliderbox blockquote {margin:1.8em 0 1.8em 20px;} .page-pressreleases .newsarchive dd .text {font:12px/1.8 Arial, Helvetica, sans-serif;} .page-pressreleases .newsarchive h6 {font-weight:bold; color:#fff;} .page-pressreleases .cautionarynote {font-size:10px; line-height:2.16;} .news_time {position:absolute; bottom:10px; font-size:10px; color:#366A80; clear:both;} .text ul { list-style-type:disc; margin:7px 0 7px 21px; } .text a:hover { text-decoration:underline; } .page-pressreleases .sliderbox dl {} .page-pressreleases .sliderbox dt {height:44px;} .page-pressreleases .sliderbox dt, .page-pressreleases .sliderbox dd {background:none;} /* Press releases top bar */ .page-pressreleases .sliderbox dt .topbar {position:relative;} .page-pressreleases .sliderbox dt .topbar .leftcorner {width:6px; height:44px; background:url(../_images/layout/box-corner-topleft.png); float:left;} .page-pressreleases .sliderbox dt .topbar .rightcorner {width:6px; height:44px; background:url(../_images/layout/box-corner-topright.png); float:right;} .page-pressreleases .sliderbox dt .topbar .title {padding:0 0 0 21px;} .page-pressreleases .sliderbox dt .topbar .middle {margin:0 6px 0 6px;height:44px;background:url(../_images/layout/box-top.jpg);} .page-pressreleases .sliderbox dt .topbar .middle .rightfade {height:44px; width:100px; background:url(../_images/layout/box-top-right.png); float:right;} .page-pressreleases .sliderbox dl dd {background:url(../_images/layout/black50.png) 0 0 repeat;} .page-pressreleases .sliderbox .date {padding:0 0 0 15px; line-height:44px;float:left;} .blizz_insider .archive_nav { } .insider_list { overflow:hidden;clear:both; padding-top: 20px;} .ins_content { float:left; width:650px; line-height: 0px; font-size: 0px;} .ins_cornermask { width: 18px; height: 18px; background: url(../_images/community/insider/shared/corner_mask.gif) top left no-repeat; position: absolute; margin: 0 0 0 632px; } .sidebar { width:444px; height:209px; float:right; background:url(../_images/layout/sidebox.jpg); margin-left:40px; margin-top:-42px; } .sidebar_int { padding:18px 35px; color:#b1c3d2; } .sidebar_int, .sidebar_int a { font-size:11px !important; line-height: 20px; } .contents .sidebar_int p { margin:10px; } .contents .sidebar_int h3 { margin:13px 0 25px 0; font-size:16px; } .footercontainer { background-image:url(../_images/frontpage/footerbg.gif); background-repeat: no-repeat; background-position: top center; background-color: #010E16; width: 100%; height: 190px; padding: 155px 0 0 0; } .footer { clear: both; margin: 0 auto; width: 980px; } .footer .logo-blizzard { width: 108px; height: 58px; background-image:url(../_images/layout/logo-blizzard.gif); background-repeat: no-repeat; display: block; float: left;} .footer .logo-battlenet { width: 108px; height: 58px; background-image:url(../_images/layout/logo-battlenet.gif); background-repeat: no-repeat; display: block; float: right} .footer .logo-ratings { clear: both; width: 100%; text-align: center; height: 100px; margin: 50px 0 0 0;} .footer .logo-ratings .esrb-footer { width: 80px; height: 53px; margin: 0 25px 0 0;} .footer .logo-ratings .esrb-privacy { width: 144px; height: 53px;} .footer .footercontents { width: 100%; clear: none; height: 60px; } .footer .footercontents .footercontents_int { color: #FFF; font-size: 11px; text-align: center; } .footer .footercontents .languagetitle { color: #344956; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 14px; padding: 0 12px 0 0;} .footer .footercontents .spacer { color: #012839; font-size: 13px; padding: 0 5px 0 5px; } .footer .footercontents .links { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 14px; display:inline;} .footer .footercontents .dark { color: #344956; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 14px; margin: 0;} .footer .footercontents .lang-select { position:relative; display:inline-block; padding: 0 5px 0 0; } .footer .footercontents .language {cursor: pointer;} .footer .footercontents .language .langarrow, .langbox .bottom .lang .currentlanguage .langarrow { display: inline-block; width: 12px; height: 14px; background:url(../_images/layout/arrow_blue.png) top left no-repeat; line-height: 14px; vertical-align:top; } .footer .footercontents .language:hover .langarrow, .langbox .bottom .lang .currentlanguage:hover .langarrow { display: inline-block; width: 12px; height: 14px; background:url(../_images/layout/arrow_white.png) top left no-repeat; line-height: 14px; vertical-align:top; } .footer .ratings {margin: 55px auto 45px; clear: both; width: 980px; border-top: 1px #1c2a34 solid; padding: 20px 0 20px 0; } .footer .ratings .clear {width: 100%; height: 1px; clear: both;} .footer .ratings .privacy { width: 144px; height: 53px; background: url(../_images/layout/rating-esrb-privacy.gif) top left no-repeat; display: block; float: right; margin: 0 25px 0 0;} .footer .ratings .esrb-footer { width: 116px; height: 127px; background: url(../_images/layout/rating-esrb-pendingtomature.gif) top left no-repeat; display: block; float: right; margin: 0 0 0 0;} .footer .ratings .truste-link { float:right; padding:0 10px } .footer .ratings .main-footer-facebook a { padding: 2px 10px 10px 10px; width: 31px; height: 31px; background-image:url(../_images/logos/facebook-social.png);} .footer .ratings .main-footer-twitter a { padding: 2px 10px 10px 10px; width: 31px; height: 31px; background-image:url(../_images/logos/twitter-social.png);} .footer .ratings .main-footer-youtube a { padding: 2px 10px 10px 10px; width: 31px; height: 31px; background-image:url(../_images/logos/youtube-social.png);} .footer .ratings .main-footer-glassdoor a { padding: 2px 10px; width: 31px; height: 31px; background-image:url(../_images/logos/glassdoor.png);} .footer .ratings .block7 { width:250px; margin:0 0 0 0px; float: left;} .footer .ratings .socialnetworking { padding: 0; margin:0; } .footer .ratings .socialnetworking li { display: inline-block;} .footer .ratings .socialnetworking li a {display: block; background-position: 0 0; background-repeat: no-repeat; height: 34px; width: 2px;} .footer .ratings .ratings-title { color: rgb(52, 73, 86); font-size: 11px; position: relative; bottom: 5px; padding-right: 5px; display: inline-block; font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;} .langbox .bottom .lang .currentlanguage { width: 100px; height: 20px; display: block; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; background: url(../_images/layout/langbox-current-box.gif) top left no-repeat; cursor: pointer; position: relative; margin: 11px 0px 0 0px;} .langbox .bottom .lang .currentlanguage:hover { background-position: bottom left; color: #FFF; } .footer .footercontents .language .languageitem { display: inline-block;} .langbox .bottom .lang .currentlanguage .languageitem { display: inline-block; margin: 0 0 0 6px; padding: 2px 0 0 0; } .langbox .bottom .lang .currentlanguage .langarrow {margin: 1px 0 0 0;} .langbox { width: 476px; position:absolute; bottom:-28px; left:-32px; display:none; z-index:120; text-align: left;} .langbox .top { width: 476px; height: 23px; background: url(../_images/layout/langbox-top.png); } .langbox .middle { height: 148px; overflow: hidden; background: none;} .langbox .middle .left { width: 13px; height: 100%; float: left; background: url(../_images/layout/langbox-shadow-left.png) top left repeat-y; } .langbox .middle .content { background: url(../_images/layout/langbox-bg.jpg) top left no-repeat; background-color: #001a24; width: 450px; height: 100%; float: left;} .langbox .middle .content .regions { } .langbox .middle .content .regions .regionus { width: 180px; float: left;} .langbox .middle .content .regions .regioneu { width: 140px; float: left;} .langbox .middle .content .regions .regioncn { width: 130px; float: left;} .langbox .middle .content .regions .regiontitle { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #FFF; margin: -2px 0 0 17px;} .langbox .middle .content .regions .languages { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; margin: 20px 0 0 17px; line-height: 16px;} .langbox .middle .content .regions .break { width: 100%; clear: both; border: 1px blue solid; height: 20px;} .langbox .middle .right { width: 13px; height: 100%; float: right; background: url(../_images/layout/langbox-shadow-right.png) top left repeat-y; } .langbox .bottom { width: 476px; height: 55px; padding: 0px; margin: 0px; } .langbox .bottom .left {width: 26px; height: 55px; background: url(../_images/layout/langbox-bottom-1.png) top left no-repeat; float: left; } .langbox .bottom .right {width: 26px; height: 55px; background: url(../_images/layout/langbox-bottom-5.png) top left no-repeat; float: right; } .langbox .bottom .lang { width: 100px; height: 55px; background: url(../_images/layout/langbox-bottom-2.png) top left repeat-x; float: left; } .langbox .bottom .middle { width: 26px; height: 55px; background: url(../_images/layout/langbox-bottom-3.png) top left no-repeat; float: left; } .langbox .bottom .stretch { width: 298px; height: 55px; background: url(../_images/layout/langbox-bottom-4.png) top left repeat-x; float: right; } .spotlight1 { width: 232px; height: 273px; position: absolute; top: 21px; left: 517px; background-color: transparent; display: block;} .spotlight1:hover {background-position: 0 -273px;} .spotlight2 { width: 232px; height: 273px; position: absolute; top: 21px; left: 758px; background-color: transparent; display: block;} .spotlight2:hover {background-position: 0 -273px;} .divcenter {position:absolute; width:100%; height:1px; top:56px; z-index:112; margin:0 auto; } .divcenter .c1 {float:left; position:absolute; right:50%; z-index:112; } .divcenter .c1 .c2 {float:none; position:static;} .divcenter .c1 .c2 .c3 {position:relative; right:-50%;} /*div reset*/ .divcenter .c1 .c2 .c3 .c4 {float:none; position:static;} #blackout { background-color:#000;opacity:0.6; filter:alpha(opacity=60); position:fixed;top:0;left:0;z-index:111;width:100%;height:100%; display:none; } #video_container { display:none; top:auto; left:auto !important; font-family:Calibri,Arial; } #video_player { background:black; border:1px solid #192739; margin:0 auto; text-align:center } #video_list { padding:0 6px; } .video_archive #video_player { } .video_window { background:url(../_images/layout/video_btm_b.gif) bottom repeat-x #0b1118; padding:13px; font:12px Calibri; color:#253c56; position:relative; } .video_close { overflow:auto; height:11px; } .video_close a { color:#4173ae; position:absolute; margin-top:-11px; right:11px; } .v_close_btn { background:url(../_images/layout/close_colors.png); height:19px; width:52px; display:block; } .v_close_btn:hover { background-position:0 bottom; } .video_window .video_t img { padding:0; display:block;} .ctitle, .mtitle { color:#304c6d; } .ctitle { background:url(../_images/layout/video_title_b.gif) repeat-x; padding-bottom:8px; cursor:default; color:#4675ac; } .ctitle div { background:url(../_images/layout/video_title_l_b.gif) no-repeat; } .ctitle div div { background:url(../_images/layout/video_title_r_b.gif) right no-repeat; padding:0 17px; line-height:21px; } .video_t { padding:2px; background:#252525; float:left; margin-right:9px; display:block; } .mtitle { padding-bottom:10px; display:block;} .mvideo_title { font-size:13px; padding:2px 0 7px 2px; position:relative } .mvideo { font-size:14px; line-height:13px; clear:both; display:block; background:#0b1118; color:#253c56; padding:6px; margin-bottom:4px; overflow:hidden; } a.mvideo {color:#253c56 !important; } .mvideo img { opacity:0.5; filter:alpha(opacity=50);} .mvideo:hover { background:#162230; } .mvideo:hover img { opacity:1;filter:alpha(opacity=100); } .ctitle:hover, .mvideo:hover, .mvideo:hover .mtitle, .video_close a:hover { color:#6098da } .linebreak { clear:both; line-height:1px; height:1px; overflow:hidden; } .burningcrusade .mtitle, .burningcrusade .mvideo_title { color:#706e3f; } .burningcrusade .mvideo:hover, .burningcrusade .mvideo:hover .mtitle { color:#cfad38 } .burningcrusade .mvideo { color:#414d35; background:#060902; } .burningcrusade .mvideo:hover { background:#22261d } .wow .mvideo_title, .wow .mtitle { color:#9c843d; } .wow .mvideo { background:#28201B } .wow .mvideo:hover { background:#40331f } .wow .mvideo:hover, .wow .mvideo:hover .mtitle { color:#F7D900 } .war3 .mvideo_title { color:#696c6e; } .war3 .mtitle { color:#636668; } .war3 .mvideo:hover, .war3 .mvideo:hover .mtitle { color:#F2D020 } .war3 .mvideo { color:#424547; background:#1b1d1e; } .war3 .mvideo:hover { background:#313639 } .d2 .mvideo_title, .d2 .mtitle { color:#8A8A79; } .d2 .mvideo:hover, .d2 .mvideo:hover .mtitle { color:white } .d2 .mvideo { background:#1d1b16; color:#8A8A79; } .d2 .mvideo:hover { background:#292519 } .sc .video_window { background:#0e1113 } .sc .mvideo_title, .sc .ctitle, .sc .video_close a { color:#2C741B; } .sc #video_player { border-color:#1b1d1e } .sc .mtitle { color:#2C741B; } .sc .ctitle:hover, .sc .mvideo:hover, .sc .mvideo:hover .mtitle, .sc .video_close a:hover { color:#96D24B } .sc .mvideo { background:#1b1d1e; color:#2C741B; } .sc .mvideo:hover { background:#313639; } .sc a.mvideo:hover .mtitle, .sc a.mvideo:hover { color:#96D24B !important; } .sc .ctitle div div { background:#1b1d1e; } .sc .v_close_btn { background-position:-104px 0} .sc .v_close_btn:hover { background-position:-104px bottom; } /* Video Archive styles */ .v_arc_title { clear:both; padding: 20px 0 0 0; width:100% } .v_archive_entry { float:left; font:14px Calibri, "Trebuchet MS"; padding:18px 29px 0 0; position:relative; height:231px; } .v_archive_entry .playlink { margin:4px 0px 0 0; position:relative; background-position:center; } .v_archive_entry .playlink, .v_archive_entry .playlink span { height:134px; width:216px; display:block; } .v_archive_entry .playlink img { margin:1px 0 0 1px; } .v_archive_entry .playlink span { display:block; position:absolute; padding:0; border:1px solid #1e3139; background:none; } .v_archive_entry .playlink:hover span { background:url(../_images/games/videos/video_play_t.png) 50% 50%; border:1px solid #0a4761; } .v_archive_entry .v_info, .v_title_bg { color:#AAB8BC; width:216px; padding-top:10px; font-size:12px; } .v_archive_entry b, .v_archive_entry span { display:block; color:#c2cfd3; font-size:14px;} .v_archive_entry .dltxt, #v_title .v_dl .dltxt { color:#818383; float:left; font-size:12px; line-height:21px; padding-right:14px; } .v_archive_entry .rtime { float:right; font-size:12px; } .v_dl .v_share { clear:left; height:25px; } .v_dl { padding-top:6px; /*position:absolute; bottom:0;*/ } .v_dl .yt { background:url(../_images/layout/youtube_16.gif) no-repeat 0 0; } .video_dl { height:21px; width:20px; display:block; float:left; background:no-repeat; } .video_dl:hover { background-position:bottom; } .v_dl .dl_small, .v_dl .dl_med, .v_dl .dl_large { height:21px; width:38px; display:block; background:url(../_images/layout/moviesizesprites.gif) no-repeat; display:block; float:left; margin-left:1px } .v_dl .dl_small:hover { background-position:0 bottom; } .v_dl .dl_med { background-position:-38px 0; } .v_dl .dl_med:hover { background-position:-38px bottom; } .v_dl .dl_large { background-position:-76px 0; } .v_dl .dl_large:hover { background-position:-76px bottom; } /* .v_dl.mac .dl_size.mac, .v_dl.win .dl_size.win, .v_dl.emb .v_more { display:block; } .v_dl .win { background:url(../_images/layout/dl_win.gif) no-repeat 0 0; } .v_dl .mac { background:url(../_images/layout/dl_mac.gif) no-repeat 0 0; } .v_dl .emb { background:url(../_images/layout/dl_emb.gif) no-repeat 0 0; } .v_dl .dl_size { clear:left; padding:10px; font-size:15px; display:none; margin-top:-1px } .v_more { clear:both; padding:5px; display:none; background:#041823; border:1px solid #103649 } .v_dl .dl_size, .v_more { background:#161718; border:1px solid #3a3737 } .v_dl .dl_break { height:50px; } */ .v_more input { border:1px solid #0F597E; font:12px Calibri, Arial; } .dl_size a { padding:2px; border:1px solid #41474a; margin-right:2px; color:#a4a6a6; background:#1b1b1c; } .dl_size a:hover { color:#c2cfd3; background:#3a3a3d; border:1px solid #616c71 } .category, .sorttitle { font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; background:url(../_images/layout/vtitle_bg.gif) 0 bottom no-repeat; height: 25px; width: 100%; clear: both;} .videos .title { font-size: 16px; color: #FFF } .videos .year { font-size: 14px; color:#82B8CB; padding: 0 0 0 7px; } .sorted .category {display: none;} .video_archive .video_holder { text-align:center; padding:0 0 8px; } .v_title_bg { width:auto; padding:15px 0; font-family:Calibri; } #v_title { margin:0 auto; line-height:21px; width:0; position:relative; } #v_title .v_dl { float:right; padding:0 0 0 15px; } #v_title .v_dl.add { float:none; text-align:right; padding:0; clear:right;} #v_title.v_dl { padding:0; } #v_title .dl_size { clear:none; padding:0 0 0 15px; font-size:12px; text-align:right} #v_title .v_more { padding:0; } .video_archive #video_player { position:relative; } .v_sort { height:46px; padding: 30px 0 0 0; float:right; width: 400px; } .v_sort a { display:block; } .v_sort .sortbox { font-size: 11px; font-family:Arial, Helvetica, sans-serif, sans-serif; margin: 0 0 0 0; height: 32px;} .v_sort .sortbox .left { width: 8px; height: 32px; background: url(../_images/layout/subpagepath-bgl.gif); background-position: top left; background-repeat: no-repeat; float: right;} .v_sort .sortbox .right { width: 8px; height: 32px; background: url(../_images/layout/subpagepath-bgr.gif); background-position: top left; background-repeat: no-repeat; float: right;} .v_sort .sortbox .center { height: 32px; background: url(../_images/layout/subpagepath-bg.gif); background-position: top left; background-repeat: repeat-x; float: right; display: block;} .v_sort .sortbox .center .contents { padding: 8px 8px 0 0;text-transform:uppercase;} .v_sort .sortbox .center .contents a.sortlink .arrow { width: 11px; height: 14px; display: block; float: left; background: url(../_images/layout/subpagepath-arrows-blue.png) top left no-repeat; margin: 0 8px 0 2px;} .v_sort .sortbox .center .contents a.sortlink:hover .arrow { width: 11px; height: 14px; display: block; float: left; background: url(../_images/layout/subpagepath-arrows-white.png) top left no-repeat; margin: 0 8px 0 2px;} .v_sort .sortbox .center .contents a.sortlink .sort {color: #82B8CB; display: block; float: left; margin: 0 7px 0 0;} .v_sort .sortbox .center .contents a.sortlink:hover .sort {color: #FFF; } .v_sort .sort_opt_pos, .blizzart-gallery .gallery-filter .sort_opt_pos {clear: both; height: 1px; position: relative;z-index:10;text-transform:uppercase;} #sort_opt { position:absolute; top: 5px; right: 0; z-index:10; font-size: 11px; margin:0; background:url(../_images/layout/sort_opt_bg.jpg) #022538; border:1px solid #0a374e; display:none; } #sort_opt a { padding:3px 40px 3px 10px; color:#20a0dc; } #sort_opt a:hover, #sort_opt .selected { color:white; background:#045273; } #sortparam { display:inline; font-weight:normal; } .sorted { padding-bottom:20px; } .sorttitle { display:none; } .sorted .sorttitle { display:block !important;text-transform:uppercase; } .sorted .videoheader { display:none; } .sorted .v_arc_title { float:left; padding:0; clear:none; } .v_archive_entry .v_stitle { display:none; } .sorted .v_stitle { display:block; } .gen_blue_btn { background:url(../_images/layout/blue_btn_bg_r.gif) 100% 0 no-repeat; height:45px; display:block; float:left; cursor:pointer; font:bold 22px Arial; color:white; padding:0 4px 0 0;} #featured_link:hover .gen_blue_btn, .gen_blue_btn:hover { background-position:100% 100%; } .gen_blue_btn span {line-height:45px; display:inline-block; padding:0 16px 0 20px; text-align:center; background:url(../_images/layout/blue_btn_bg.gif) 0 0 no-repeat; color:#01B2F1;} #featured_link:hover .gen_blue_btn span, .gen_blue_btn:hover span {background-position:0 100%; color:#fff; cursor:pointer} .contest_introtext { padding:10px 45px 20px; } .contests_page .navsub { margin-bottom: 218px; } .contests_page .landingcontents { width:auto; } .contests_page .contentslide {margin:20px 0 40px;} .page-events .contentslide {margin:40px 0 50px;} .contentslide {position:relative;} .info_featured {margin:0 auto; position:relative; width:864px; height:370px; overflow:hidden; background:url(../_images/subpages/contentslide-bg.gif) 0 0 no-repeat;} .featured_paging {position:absolute; right:0; bottom:0; width:252px; margin:0 0 15px 0; overflow:hidden;} .featured_paging_viewall {display:block; font-size:11px; background:url(../_images/layout/langbox-current-box.gif) 0 0 no-repeat; height:20px; line-height:20px; text-align:center; width:100px; margin:0 0 0 9px; float:left;} .featured_paging_viewall:hover {background-position:0 100%; color:#fff;} .featured_paging_wrap {float:right; width:120px; margin-right:10px;} #featured_cpage {float:left; font:10px/20px Arial, Helvetica, sans-serif; color:#fff; width:80px; text-align:center;} #featured_cpage span {font-weight:bold;} .featured_paging .arrow {background:url(../_images/subpages/contentslide-arrow-left.gif) 0 0 no-repeat; width:20px; height:20px; float:left;} .featured_paging .arrow_r {background:url(../_images/subpages/contentslide-arrow-right.gif) 0 0 no-repeat; float:right;} .featured_paging .arrow:hover { background-position:100% 100%; } #featured_link {position:absolute; top:0; left:0; display:block; width:602px; height:350px; z-index:4; cursor:pointer} #featured_link .gen_blue_btn { position:absolute; right:-46px; top:290px; } .bgband { position:absolute; bottom:0; background:url(../_images/subpages/contentslide-bgband.png) 0 0 no-repeat; width:100%; height:80px; z-index:2} .bgband .ft_name { color:white; font:bold 30px Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:14px 15px; color:#01b2f1; } #featured_link:hover .bgband .ft_name {color:#fff;} .ft_name .cnt_date { font-size:60%; float:none; padding-left:15px; display:none;} .bgband .ft_desc { color:#6ac2ff; font:14px Arial, Helvetica, sans-serif; letter-spacing:0; width:580px; color:#fff; display:block;} .bgband .readmore {float:right; font-size:11px; font-weight:bold; line-height:16px; color:#01b2f1; padding:0 5px 0 0; cursor:pointer} #featured_link:hover .bgband .readmore {color:#fff; cursor:pointer !important} .bgband .readmore span {position:relative; top:-1px;} .bnd_txt { display:none; } .featured_bg {width:602px; height:350px; overflow:hidden; position:absolute; top:10px; left:10px;} .featured_bg .ft_bg { position:absolute; z-index:1; display:none;} .ft_list_int { padding:0 10px 0 20px; height:120px; display:block; cursor:pointer} .featured_list .ft_list_title {display:block; font:bold 14px/.4 Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#fff; padding:0;} .featured_list .cnt_date {color:#fff; font:10px/1 Arial, Helvetica, sans-serif; float:none;} .featured_list .cnt_desc {padding:0 15px;} .featured_list {width:252px; height:318px; position:absolute; right:0; top:10px; margin:0; z-index:3; overflow:hidden;} .featured_list a {display:block; font-size:12px; color:white; font-weight:normal; width:242px; height:97px; margin:0 0 9px 0;} .featured_list .ft_list_int {background:url(../_images/subpages/contentslide-bg-unselected.gif) 100% 0 no-repeat; position:relative; height:100%;} .featured_list a:hover .ft_list_int {background-position:0 100%;} .featured_list .ft_list_int q {padding-top:40px;} .featured_list .selected .ft_list_int {background:url(../_images/subpages/contentslide-bg-selected.gif) 100% 0 no-repeat;} .featured_list .selected .cnt_date, .featured_list selected .ft_list_title, .featured_list a:hover .cnt_date, .featured_list a:hover .ft_list_title {color:#fff;} /*.featured_list .selected, .featured_list a:hover {background:url(../_images/layout/black50.png); color:white;}*/ /*.featured_list a:hover .ft_list_int {background:url(../_images/layout/r_padd_arrow.gif) left bottom no-repeat;}*/ /*.featured_list .selected:hover .ft_list_int, .featured_list .selected .ft_list_int {border-left:5px solid white;}*/ .contests_featured .featured_list .selected span {color:#fff !important;} .contests_current {overflow:hidden; width:865px; margin:0 auto;} .contests_current_wrap { float:left; width:617px; } .contestswrap {margin-top:20px;} .contestpage {position:relative; overflow:hidden; padding:0 0 20px 0;} .contestpage h4 {margin:1.8em 0 0;} .contestpage ul li {list-style-type:square; margin:.8em 0;} .contestpage .articlethumb {width:518px; height:320px; background:#fff; margin:0 0 30px 30px;} .contestpage .articlethumb img {width:518px; height:320px; margin:0;} .contestpage .downloadpdf div a {background:url(../_images/layout/button-bg.gif) 0 0 no-repeat; display:block; width:234px; height:53px; font:12px/53px Arial, Helvetica, sans-serif; color:#fff; text-align:center; margin:45px;} .contestpage .downloadpdf div a:hover {background-position:0 100%;} .contestpage .downloadpdf div img {margin: 1px 6px 0 0;} .blizz_btn { width:290px; height:144px; margin:0 16px 15px 0; position:relative; display:block; float:left;} .blizz_btn a {height:100%; display:block; } .blizz_btn a q {background:url(../_images/subpages/ongoingcontest-corners.gif) 0 0 no-repeat; height:100%;} .blizz_btn span {display:block; } .blizz_btn .cnt {padding:14px 0 0 14px; } .blizz_btn .int {width:303px; height:131px; position:relative; } .blizz_btn .btn_txt {background:url(../_images/subpages/contentslide-bgband.png) 75%; position:absolute; bottom:0; color:#fff; width:290px; padding:7px 0;} .blizz_btn a:hover .btn_txt_int {color:#fff;} .blizz_btn .btn_txt_int { padding:0 10px; font:bold 16px/1 Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#01B2F1;} .cnt_details, .cnt_date {color:#fff; font-size:11px; font-weight:normal; letter-spacing:0; line-height:1.6;} /*color:#cae5ff*/ .cnt_date { float:right; font-size:12px; font-weight:normal; } .past_contests_list {float:left; width:246px; font-size:11px;} .past_contests_list .contestswrap div {height:32px; line-height:32px; background:url(../_images/frontpage/newscontentbgarchive.gif) 0 0 no-repeat;} .past_contests_list.archive {float:none; width:auto; margin-top:21px; font-size:16px;} .past_contests_list a { display:block; padding:0; line-height:14px; white-space:nowrap } /*.past_contests_list a:hover {background:url(../_images/layout/blue80.png);}*/ .past_contests_list a:hover .cnt_date {color:white;} /*.past_contests_list .zebra {background:url(../_images/layout/black50.png);}*/ .past_contests_list .cnt_date {color:#366A80; font-size:11px; line-height:32px; background:url(../_images/frontpage/newscontentbgarchive.gif) 100% 0 no-repeat; padding-right:7px;} .past_contests_list.archive .cnt_date { background:none; } .archive .cnt_desc {color:#82B8CB; font-weight:normal; font-size:12px; padding:0 0 15px 31px; } .past_contests_list .bullet {color:#1ccbf4; margin:0 4px 0 9px; line-height:32px; font-weight:bold;} .past_contests_list .past_more { font-weight:normal; text-align:right; } .form-intro {padding:0 0 20px;} .form-intro .preamble {line-height: 24px; padding:0;} .submissionform {padding:0; font:12px Arial, Helvetica, sans-serif; min-height: 572px;} .submissionform p {margin:1.8em 0;} .submissionform b {color:red;} .contents .submissionform h4 { font: bold 14px/24px Arial, Helvetica, sans-serif; letter-spacing: -0.05em; margin: 0; padding: 0; color: #82B8CB; } .submissionform .textarea div b{ margin-bottom:40px} .submissionform #char-count {margin:0px auto; padding-top:10px;clear:both;width:250px;display:block;} .submissionform #char-max {margin:0px auto; padding-top:10px;clear:both;width:250px;display:block;} .submissionform td {vertical-align:top; padding:0 20px 5px; white-space:nowrap;} .submissionform .category_def {padding-bottom:15px;} .submissionform input, .submissionform select, .submissionform textarea {width:250px; font:16px Arial, Helvetica, sans-serif; color:#fff; background:#000b0f; padding:5px; border:1px solid #255884;} .submissionform input:focus, .submissionform select:focus, .submissionform textarea:focus {color:#fff; background:#061d25;} .submissionform .radio input {width:40px; padding: 5px; margin-top: 5px; margin-left: 20px;} .submissionform select option, .submissionform select optgroup {background:#061d25; border:none; width:360px;} .submissionform textarea {width:auto; margin:0 0 0 0;} .submissionform .form_fileselect input {margin-right:6px;} .submissionform .form_fileselect object {position:relative; } .submissionform .form_checkbox {margin:10px 0 10px 175px; position:relative; color:#99CEE0; clear:both; padding:0; font:12px/22px Arial, Helvetica, sans-serif;} .submissionform .form_checkbox input {border:none; background:none; padding:0; float:left; width:13px; height:13px; position:absolute; left:0; top:14px;} .submissionform .form_checkbox em {line-height:0;} .submissionform .form_checkbox div {margin:0 0 0 24px; overflow:hidden;} .submissionform .form_checkbox div div {padding:10px 15px; margin:0; /*border-right:2px solid #255884;*/ background-color:#07141f; float:left;} .submissionform .form_checkbox:hover div * {background-color:#061d25; cursor:pointer;} .submissionform .fileProxy {float:left; width:250px} .submissionform blockquote {margin:0; padding:0; clear:both;} .submissionform blockquote label {float:left; width:324px; text-align: right; padding: 0 15px 0 10px; font-size:12px !important; font:bold 12px/31px Arial, Helvetica, sans-serif; color:#00A2F1;} .submissionform blockquote .question {float:left; width:1000px; text-align: left; padding: 30px 15px 10px 10px; font-size:16px !important; font:bold 12px/31px Arial, Helvetica, sans-serif; } .submissionform #quiz {margin:0px auto 20px; padding:0px 0 20px 22px; clear:both; border:none; border-bottom:1px solid #003854; font:14px/2 Arial, Helvetica, sans-serif;} .submissionform blockquote input {margin:0 0 5px;} .submissionform blockquote select {width:262px; margin:0 0 5px;} .submissionform blockquote div span {clear:both; display:block; padding:5px 0 30px 339px; font-size:10px;} .submissionform em {font:bold 20px/16px Arial, Helvetica, sans-serif; color:#ff3c00;} .submissionform blockquote label em {margin:0 0 0 3px; position:relative; top:2px;} .submissionform .req {font:10px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 30px; text-align:left;} .submissionform .req em {position:relative; top:6px;} .submissionform #terms {width:auto;} .submissionform .termstext {margin:50px auto 20px; padding:20px 0 20px 22px; text-align:center; clear:both; border:none; font:16px/2 Arial, Helvetica, sans-serif; border-top:1px solid #003854; border-bottom:1px solid #003854;} .submissionform .termstext label {height:24px; position:relative;} .submissionform .termstext input {position:absolute; left:-22px; margin:0; display:inline; float:none; border:none; top:2px;} label {white-space:normal;} .submissionform .twocol_check {padding:5px 0; font-size:14px;} .submissionform .twocol_check td {white-space:normal; vertical-align:middle} .contestsuccess {width:100%; height:300px; vertical-align:middle; text-align:center; } .formsuccess {padding:30px 0 75px; overflow:hidden;} .formsuccess p {text-align:center;} .submissionform .dob-day, .submissionform .dob-month { width: 75px; } .submissionform .dob-year { width: 106px; } .submissionform .dob-day option, .submissionform .dob-month option, .submissionform .dob-year option { width: auto; } /*university relations submissionform*/ .submissionform.universicy-relations { margin-top:50px } .submissionform.universicy-relations blockquote { margin:10px 0 } .submissionform.universicy-relations blockquote label { width: 430px; line-height:1.8em } .submissionform.universicy-relations blockquote label span{ display:inline-block; width:370px; margin:0 0 10px } .submissionform.universicy-relations blockquote label em { display: block; float:right; } .submissionform.universicy-relations .radio { margin:10px 0} .submissionform.universicy-relations .seperator { border-bottom:1px solid #255885; margin:30px 0; clear:both } .submissionform.universicy-relations input, .submissionform.universicy-relations textarea { width:360px; margin:5px } .submissionform.universicy-relations select { width:372px; margin:5px} .submissionform.universicy-relations .radio input{width:20px} .submissionform.universicy-relations select.date, .submissionform.universicy-relations .date option { width:115px } .submissionform.universicy-relations .buttonbasic { margin: 60px 0; } .submissionform .captcha { margin:50px auto 20px; padding:20px 0 20px 22px; text-align:center; clear:both; border:none; } /* Legacy games*/ .page-legacy ul.legacybox {margin:20px auto; padding:0; list-style-type:none;} .legacybox .legacy_div {margin:40px 0; background:url(../_images/games/legacy/bg-bot.gif) 0 100% no-repeat; position:relative; padding-bottom:3px;} .legacybox .legacy_div .legacy_bgtop {background:url(../_images/games/legacy/bg-top.gif) 0 0 no-repeat;} .legacybox .legacy_div h3 {margin:0 0 .72em 0; font:bold 30px/.72 Arial, Helvetica, sans-serif; letter-spacing:-2px;} .legacybox .legacy_div div {padding:30px 25px;} .legacybox .legacy_div div div {padding:0;} .legacybox .legacy_div p {padding:0 5px;} .legacybox .legacy_div p strong {font:bold 16px "Century Gothic", Arial, Helvetica, sans-serif; color:#ccf6ff;} .legacybox .legacy_div blockquote {overflow:hidden; margin:30px 0 0 0;} .legacybox .legacy_div blockquote .legacy_ss {width:160px; height:105px; float:left; margin:0 15px 0 0;} .legacybox .legacy_div blockquote .legacy_ss a {display:block; height:100%; background:url(../_images/games/legacy/ssframe.gif) 0 0 no-repeat;} .legacybox .legacy_div blockquote .legacy_ss a:hover {background-position:0 100%;} .legacybox .legacy_div blockquote .legacy_ss img {margin:0; padding:0;} .logobox {width:258px; float:right; position:relative; margin:0 0 20px 20px;} .legacybox .quickstats {background:url(../_images/layout/quickstats-bg.gif) 0 0 no-repeat; width:322px; height:128px; overflow:hidden; margin:20px 0 40px;} .legacybox .quickstats ul {list-style-type:none; font:11px/26px Arial, Helvetica, sans-serif; letter-spacing:0; text-transform:none; margin:12px 0 0 28px; padding:0;} .legacybox .quickstats ul li {list-style-type:none; height:26px; color:#7cbfeb;} .legacybox .quickstats ul li strong {color:#fff; padding-right:2px;} .legacybox .legacy_div .legacyboxart {background-position:0 4px; background-repeat:no-repeat; width:113px; height:141px; float:left;} a.returntogames {width:234px; height:53px; background:url(../_images/lang/en-us/btn-returntogames.png) 0 0 no-repeat; display:block; margin:0 auto;} a.returntogames:hover {background-position:0 -53px;} .legacybox .flashtextcontainer {margin-bottom:15px; margin-top:-13px;} .legacybox .game-tlv .legacyboxart {background-image:url(../_images/games/legacy/box-lostvikings.gif);} .legacybox .game-rrr .legacyboxart {background-image:url(../_images/games/legacy/box-rocknrollracing.gif);} .legacybox .game-bt .legacyboxart {background-image:url(../_images/games/legacy/box-blackthorne.gif);} .legacybox .game-wc .legacyboxart {background-image:url(../_images/games/legacy/box-warcraft.gif);} .legacybox .game-war2 .legacyboxart {background-image:url(../_images/games/legacy/box-warcraft2.gif);} .legacybox .game-d1 .legacyboxart {background-image:url(../_images/games/legacy/box-diablo.gif);} .game-tlv .logobox {height:309px;} .game-rrr .logobox {height:258px;} .game-wc .logobox {height:94px; position:relative; top:40px;} .game-bt .logobox {height:266px;} .game-war2 .logobox {height:175px;} .game-d1 .logobox {height:88px; position:relative; top:40px;} /* Press */ .press_body { margin-top:30px; font-family:arial, helvetica, sans-serif; font-size:12px; color:#45acf6; } .press_body ol, .press_body ul, .holder ul, .contents ul { list-style-type:disc; margin:1.8em 0; padding:0 0 0 40px; } .press_body ol { list-style-type:decimal; } .press_body p, .contents p, .holder p, .press_body small { margin:1.8em 0; } .press_body b { color:white; } .press_body p a { font-weight:bold; text-decoration:underline; } /* Error page */ .brokennavcontainer {background:url(../_images/subpages/gratz.jpg) 50% 0 no-repeat; height:575px; z-index:110; margin:0 auto; position:relative; text-align:center;} .brokennavcontainer img {width:954px; height:572px; left:0; position:absolute; top:0; left:0; z-index:117;} .brokennavloc {background-position:50% 0; background-repeat:no-repeat;} .brokennav {width:954px; height:552px; top:0; z-index:111; margin:0 auto; position:relative;} .shatter1 {width:674px; height:549px; left:-40px; z-index:110; top:0px; background-image:url(../_images/subpages/shatter1.png); position:absolute;} .shatter2 {width:262px; height:285px; right:0px; z-index:109; top:348px; background-image:url(../_images/subpages/shatter2.gif); position:absolute;} .gratz { position:absolute; top:440px; right:180px; text-align:right; z-index:116;} .gratz p.lead {font-size:36px; margin:0 0 5px;} .gratz p.lead strong {font-size:36px;} .gratz p {font:12px Arial, Helvetica, sans-serif; color:#82B8CB; margin:0;} .fillmore {height:600px;} /* Fan Art & Concept Art */ div.fanart, div.conceptart {font-size:12px; background:url(../_images/subpages/fanart_bg.jpg) center 0 no-repeat #010E16;height:100%} div.fanart .holder, div.conceptart .holder {padding:20px 0; font-family:Arial, Helvetica, sans-serif; position:relative;} div.fanart .fn_intro, div.conceptart .fn_intro {position:absolute; right:0; bottom:0;} div.fanart .fn_holder, div.conceptart .fn_holder {width:980px; margin:0 auto; background:#021B29; padding-bottom:10px;} div.fanart .fanart_title, div.conceptart .conceptart_title {width:932px; margin:25px auto; } /* Lightbox */ #lbForeground { width:1px; height:1px; position:relative; overflow:hidden; } #lbForeground img { position:absolute; } #lbBackground { width:1px; height:1px; position:absolute; background-color:#FF3333; } #lbFrameH { position:absolute; width:600px; height:120px; left:0; z-index:114; } #lbFrameV { position:absolute; width:120px; height:600px; top:0; padding:10px; } #lbBackBlack { position:absolute; background-color:transparent; opacity:0.5; top:0px; filter:alpha(opacity=50) } #picRoot { z-index:114; position:absolute; top:0; } /* Content Pages */ ul.sectionlinks {overflow:hidden; display:block; margin:40px 0 40px 20px; padding:0; width:66%;} ul.sectionlinks li {list-style-type:none; height:83px; display:block; margin:0; padding:0;} ul.sectionlinks li a {display:block; font:14px/38px Calibri, Arial; color:#fff; padding:32px 0 0; margin:0;} ul.sectionlinks li a:hover h2 {color:#fff;} ul.sectionlinks li a:hover h3 {color:#377396;} ul.sectionlinks h2 {font:20px 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#9bd3ff; background:url(../_images/subpages/arrow-blueglow.png) 100% -8px no-repeat; display:block; padding:0 40px 0 0; margin:0; float:left;} ul.sectionlinks h3 {font:11px Arial; color:#266082; margin:0; padding:2px 0 0; display:block; clear:left; letter-spacing:normal;} .contents h3 {font:18px/1.2 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, sans-serif; letter-spacing:1px; margin:2.4em 0 1.2em; text-transform:none; color:white; font-weight:bold;} .contents h4 {font:16px/1.35 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:0px; text-transform:none; color:#fff;} .contents h5 {font:10px/2.16 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; color:#fff;} .columnlines {background:url(../_images/subpages/bg-columnline.gif) 0 0 repeat;} p.lead {/*background:url(../_images/layout/bg-blockquote.jpg) #081923 0 0 no-repeat;*/ color:#00A2F1; font:22px/1.964 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:20px 0 1.964em; display:block; /*color:#77cff1;*/} p.lead span {display:block; padding:.982em 0 0;} p.lead strong {font-size:28px; line-height:1.179;} p.lead sup {font-size:.5em;} .articlethumb {width:620px; height:390px; background:#fff;} .articlethumb img {width:620px; height:390px; margin:0;} .columns {overflow:hidden; margin:0;} .columns .column {float:left; width:465px;} .columns .column div, .columns .column dl, .webfaq {padding:0 20px;} .faqquote {font-size: 11px; color: #666; padding: 0 0 0 40px; line-height: 16px; color: #577085;} .page-about ul {overflow:hidden; list-style-type:none; margin:0 auto; padding:0; width:800px;} .page-about ul li {list-style-type:none; margin:0 11px 22px; padding:0; float:left; position:relative;} .page-about ul a {display:block; width:238px; height:141px; background-position:0 0; background-repeat:no-repeat;} .page-about ul a:hover {background-position:0 -141px;} .page-about ul a.aprilfools {background-image:url(../_images/company/about/companycard-aprilfools.jpg);} .page-about ul a.awards {background-image:url(../_images/company/about/companycard-awards.jpg);} .page-about ul a.b20 {background-image:url(../_images/company/about/companycard-b20.jpg);} .page-about ul a.contact {background-image:url(../_images/company/about/companycard-contact.jpg);} .page-about ul a.contests {background-image:url(../_images/company/about/companycard-contests.jpg);} .page-about ul a.faq {background-image:url(../_images/company/about/companycard-faq.jpg);} .page-about ul a.mission {background-image:url(../_images/company/about/companycard-mission.jpg);} .page-about ul a.partners {background-image:url(../_images/company/about/companycard-partners.jpg);} .page-about ul a.profile {background-image:url(../_images/company/about/companycard-profile.jpg);} .page-about ul a.timeline {background-image:url(../_images/company/about/companycard-timeline.jpg);} .page-about ul a.serviceawards {background-image:url(../_images/company/about/companycard-serviceawards.jpg);} .page-about ul a.serviceawards-ring {background-image:url(../_images/company/about/companycard-serviceawards-ring.jpg);} .page-about ul a.serviceawards-stein {background-image:url(../_images/company/about/companycard-serviceawards-stein.jpg);} .page-about ul a.serviceawards-sword {background-image:url(../_images/company/about/companycard-serviceawards-sword.jpg);} .page-about ul a.serviceawards-shield {background-image:url(../_images/company/about/companycard-serviceawards-shield.jpg);} .page-about ul a div { color:#FFF; font-size:16px; font-family:MuseoSans-500,"Century Gothic"; clear:both; position:absolute; top:90px; margin-left:16px; } .page-about ul a span { color:#00A2F1; font-size:11px; font-family:MuseoSans-500,"Century Gothic"; clear:both; position:absolute; top:108px; margin-left:16px; text-transform:uppercase; } .page-about ul a:hover span { color:#00A2F1; } .page-survey ul{overflow:hidden; list-style-type:none; margin:0 auto; padding:11px 338px 11px; width:400px;} .page-survey ul li {list-style-type:none; margin:0 11px 22px; padding:0; float:left;} .page-survey ul a {display:block; width:238px; height:141px; background-position:0 0; background-repeat:no-repeat;} .page-survey ul a:hover {background-position:0 -141px;} .page-survey ul a.survey-button {background-image:url(../_images/lang/en-us/survey-button.jpg);} .page-survey ul a.survey-button2 {background-image:url(../_images/lang/en-us/survey-button2.jpg);} .page-press ul {overflow:hidden; list-style-type:none; margin:0 auto; padding:0; width:508px;} .page-press ul li {list-style-type:none; margin:0 8px 16px; padding:0; float:left;} .page-press ul a {display:block; width:238px; height:141px; background-position:0 0; background-repeat:no-repeat;} .page-press ul a:hover {background-position:0 -141px;} .page-press ul a.profile {background-image:url(../_images/lang/en-us/presscard-pressreleases.jpg);} .page-press ul a.mission {background-image:url(../_images/lang/en-us/presscard-presskits.jpg);} .page-profile blockquote {width:300px; background:url(../_images/layout/bg-subpage.jpg) #081923 60% 50% no-repeat; color:#00A2F1; font:22px/1.964 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; margin:0 0 .982em 0;} .page-profile blockquote div {padding:.982em 22px .982em 27px;} .page-profile blockquote q {background:url(../_images/subpages/endquote.gif) 100% 100% no-repeat; display:inline; padding:0 15px 0 0;} .page-profile .thumb1 {margin:0 0 1.8em 20px;} .page-profile .thumb2 {margin:0 0 1.8em 0;} .page-profile .quote1 {margin:0 20px 20px 0;} .page-profile .quote2 {margin-left:20px;} .page-profile .articlethumb img {cursor:pointer;} .page-blizzcon2005 p, .page-blizzcon2007 p, .page-blizzcon2008 p {position:relative; z-index:2;} .page-blizzcon2005 .thumb1 {margin:0 0 1.8em 20px;} .page-blizzcon2005 .thumb2 {margin:0 20px 1.8em 0;} p.lead span.blizzconlogo {margin: 0 0 0 20px; padding:10px 0 0;} .page-blizzcon2007 .thumb1 {margin:0 0 1.8em 20px;} .page-blizzcon2007 .thumb2 {margin:0 20px 1.8em 0;} .page-blizzcon2008 .thumb1 {margin:0 0 1.8em 20px;} .page-blizzcon2008 .thumb2 {margin:0 20px 1.8em 0;} .page-blizzcon2009 .thumb1 {margin:0 0 1.8em 20px;} .page-blizzcon2009 .thumb2 {margin:0 20px 1.8em 0;} .page-wow-brazil .thumb1 {margin:0 0 1.8em 20px;} .page-wow-brazil .thumb2 {margin:0 20px 1.8em 0;} .page-wow-brazil .white {color:white;} .page-midnightopenings h2 { color:#00A2F1; font:22px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; margin:20px 0 10px; display:block; /*color:#77cff1;*/ } .page-midnightopenings h3 { font: 18px/1.2 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, sans-serif; letter-spacing:1px; margin:0; padding: 0; text-transform:none; color:white; font-weight:bold;} .page-midnightopenings h4{ font: 20px Arial, Helvetica, sans-serif; letter-spacing:-.05em; color:#fff; line-height:1; } .page-midnightopenings h4.mediamarkt{ background: url(../_images/company/events/sc2midnightopenings/media-markt-am-alex_logo.png) top left no-repeat; text-indent: -5000px; height: 160px; margin: 0 0 20px 0; } .page-midnightopenings h4.mediamarktmoscow{ background: url(../_images/company/events/sc2midnightopenings/media-markt-moscow_logo.png) top left no-repeat; text-indent: -5000px; height: 50px; margin: 0 0 20px 0; } .page-midnightopenings h4.fnac{ background: url(../_images/company/events/sc2midnightopenings/fnac_logo.png) top left no-repeat; text-indent: -5000px; height: 115px; margin: 0 0 20px 0; } .page-midnightopenings h4.ebaus{ background: url(../_images/company/events/sc2midnightopenings/eb-logo.png) top left no-repeat; text-indent: -5000px; height: 122px; margin: 0 0 20px 0; } .page-midnightopenings h4.funan{ background: url(../_images/company/events/sc2midnightopenings/funan_logo.png) top left no-repeat; text-indent: -5000px; height: 153px; margin: 0 0 20px 0; } .page-midnightopenings h4.gamerush{ background: url(../_images/company/events/sc2midnightopenings/gamerush_logo.png) top left no-repeat; text-indent: -5000px; height: 49px; margin: 0 0 20px 0; } .page-midnightopenings h4.saraiva{ background: url(../_images/company/events/sc2midnightopenings/saraiva_logo.png) top left no-repeat; text-indent: -5000px; height: 42px; margin: 0 0 20px 0; } .page-midnightopenings h4.frys{ background: url(../_images/company/events/sc2midnightopenings/frys_logo.png) top left no-repeat; text-indent: -5000px; height: 115px; margin: 0 0 20px 0; } .page-midnightopenings h4.webhallen{ background: url(../_images/company/events/sc2midnightopenings/webhallen_logo.png) top left no-repeat; text-indent: -5000px; height: 70px; margin: 0 0 20px 0; } .page-midnightopenings h4.game{ background: url(../_images/company/events/sc2midnightopenings/game_logo.png) top left no-repeat; text-indent: -5000px; height: 88px; margin: 0 0 20px 0; } .page-midnightopenings h4.retailername2{ font-size: 30px; } .page-midnightopenings h5 {font-size:14px; letter-spacing:-.01em;} .page-midnightopenings .location { background: url(../_images/company/events/sc2midnightopenings/bg-transparent.png) top left repeat; float: none; width: 300px; margin: 0 10px 20px 0; padding: 15px; } .page-midnightopenings .partnerback{background: url(../_images/company/events/sc2midnightopenings/bg-transparent.png) top left repeat; float: left; width: 300px; margin: 0 10px 20px 0; padding: 15px; } .page-midnightopenings .guest {color:#FFF; font:25px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:0px; display:block;} .page-midnightopenings .guesttitle {font-size:14px; font-weight:bold;} .page-midnightopenings .location-subheadline-text {} .page-midnightopenings #retailerlogo{ width: 300px; height: 50px; background: url(../_images/company/events/sc2midnightopenings/media-markt-logo.gif) top left no-repeat; margin: 0 0 20px 0; float: left; } .page-midnightopenings #partner-jinx{ width: 74px; height: 75px; background: url(../_images/company/events/sc2midnightopenings/partner_jinx.jpg) top left no-repeat; margin: 0 0 20px 20px; float: left;} .page-midnightopenings #partner-steelseries{ width: 170px; height: 24px; background:url(../_images/company/events/sc2midnightopenings/partner_steelseries_white.png) top left no-repeat; margin: 15px 0 20px 40px; float: left;} .page-midnightopenings #partner-nvidia{ width: 100px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_nvidia.jpg) top left no-repeat; margin: 0 0 20px 40px; float: left;} .page-midnightopenings #partner-panini{ width: 180px; height: 42px; background:url(../_images/company/events/sc2midnightopenings/partner_panini.gif) top left no-repeat; margin: 0 0 0 40px; float: left;} .page-midnightopenings #partner-razer{ width: 170px; height: 49px; background:url(../_images/company/events/sc2midnightopenings/partner_razer.png) top left no-repeat; margin: 0 0 20px 0; float: left;} .page-midnightopenings #partner-future{ width: 85px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_future.gif) top left no-repeat; margin: 0 45px 20px 30px; float: left;} .page-midnightopenings #partner-brady{ width: 170px; height: 27px; background:url(../_images/company/events/sc2midnightopenings/partner_brady.png) top left no-repeat; margin: 0 0 20px 0; float: left;} .page-midnightopenings #partner-jinx-brmx{ width: 74px; height: 75px; background: url(../_images/company/events/sc2midnightopenings/partner_jinx.jpg) top left no-repeat; margin: 0 0 20px 0px; float: left;} .page-midnightopenings #partner-amd{ width: 144px; height: 43px; background: url(../_images/company/events/sc2midnightopenings/partner-amd.jpg) top left no-repeat; margin: 10px 0 0px -60px; float: left;} .page-midnightopenings #partner-creative{ width: 170px; height: 29px; background:url(../_images/company/events/gamescom2010/partner_creative_white.png) top left no-repeat; margin: 0 0 20px 0; float: left;} .page-midnightopenings #partner-cryptozoic{ width: 67px; height: 75px; background:url(../_images/company/events/gamescom2010/partner_cryptozoic.png) top left no-repeat; margin: 0 15px 0 0; float: left;} .page-midnightopenings #partner-steelseries-brmx{ width: 170px; height: 24px; background:url(../_images/company/events/sc2midnightopenings/partner_steelseries_white.png) top left no-repeat; margin: 15px 0 20px 40px; float: left;} .page-midnightopenings #partner-bestbuy{ width: 107px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_bestbuy.jpg) top left no-repeat; margin: 10px 0 20px 0; float: left; cursor:pointer; } .page-midnightopenings #partner-gamestop{ width: 191px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_gamestop.jpg) top left no-repeat; margin: 15px 0 20px 40px; float: left; cursor:pointer; } .page-midnightopenings #partner-walmart{ width: 183px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_walmart.jpg) top left no-repeat; margin: -25px 0 0px 0px; float: left; cursor:pointer;} .page-midnightopenings #partner-frys{ width: 180px; height: 75px; background: url(../_images/company/events/sc2midnightopenings/partner_frys.jpg) top left no-repeat; margin: 0 0 0px 0px; float: left; cursor:pointer;} .page-midnightopenings #partner-gamestopca{ width: 192px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_gamestop-ca.jpg) top left no-repeat; margin: 10px 0 0px 0px; float: left; cursor:pointer;} .page-midnightopenings #partner-futureshop{ width: 191px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_futureshop.jpg) top left no-repeat; margin: 0px 0 0px 0px; float: left; cursor:pointer;} /* debugging with colors .page-midnightopenings #retailerlogo{ width: 300px; height: 50px; background: url(../_images/company/events/sc2midnightopenings/media-markt-logo.gif) top left no-repeat; margin: 0 0 20px 0; float: left; } .page-midnightopenings #partner-jinx{ width: 150px; height: 140px; background: url(../_images/company/events/sc2midnightopenings/partner_jinx.png) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:brown;} .page-midnightopenings #partner-steelseries{ width: 280px; height: 40px; background:url(../_images/company/events/sc2midnightopenings/partner_steelseries_white.png) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:blue;} .page-midnightopenings #partner-nvidia{ width: 180px; height: 140px; background:url(../_images/company/events/sc2midnightopenings/partner_nvidia.png) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:yellow;} .page-midnightopenings #partner-panini{ width: 175px; height: 50px; background:url(../_images/company/events/sc2midnightopenings/partner_panini.png) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:green;} .page-midnightopenings #partner-razer{ width: 230px; height: 70px; background:url(../_images/company/events/sc2midnightopenings/partner_razer.png) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:red;} .page-midnightopenings #partner-future{ width: 120px; height: 120px; background:url(../_images/company/events/sc2midnightopenings/partner_future.gif) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:purple;} .page-midnightopenings #partner-brady{ width: 100px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_brady.jpg) top left no-repeat; margin: 0 0 20px 0; float: left; background-color:orange;} */ .page-midnightopenings .gmaplink1{ width: 250px; height: 30px; background: url(../_images/company/events/sc2midnightopenings/gmaps_logo.gif) #134969 top right no-repeat; display: block; } .page-midnightopenings .gmaplink1:hover{ background: url(../_images/company/events/sc2midnightopenings/gmaps_logo.gif) #0f374e top right no-repeat; display: block; } .page-midnightopenings .gmaplink{ width: 250px; height: 30px; background: url(../_images/company/events/sc2midnightopenings/gmaps_logo.gif) #134969 top right no-repeat; display: block; position: relative; top: 53px; margin: 0 auto 0 auto; } .page-midnightopenings .gmaplink:hover{ background: url(../_images/company/events/sc2midnightopenings/gmaps_logo.gif) #0f374e top right no-repeat; display: block; } .page-midnightopenings .gmaplink1 p{ color: #fff; position: relative; left: 15px; top: 4px; letter-spacing: 2px; font:11px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height: 2.16; text-transform: uppercase;} .page-midnightopenings .gmaplink p{ color: #fff; position: relative; left: 15px; top: 4px; letter-spacing: 2px; font:11px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height: 2.16; text-transform: uppercase;} .page-midnightopenings .gmaplink p:hover{ color: #01b2f1; } .page-midnightopenings .adress{ font: 30px Arial, Helvetica, sans-serif; letter-spacing:-.01em; color:#fff; line-height:1; } .page-midnightopenings .fnactxt{ font-size: 23px; } .page-midnightopenings .mediamarkttxt{ font-size: 27px; } .page-midnightopenings hr{ width: 980px; height: 60px; background: url(../_images/frontpage/footerbg.gif) bottom left no-repeat; border: 0; display: block; } /* Cataclysm MO styles */ .cataclysm-mo .sidebar-menu { width: 175px; list-style-type:none; margin: 3px 0 0 3px; padding: 10px; } .cataclysm-mo .city-details { margin-left:13px; width:715px; } .cataclysm-mo .sidebar-menu ul { list-style-type:none; margin:0; padding:0; } .cataclysm-mo .city-details, .cataclysm-mo .city-select-wrapper { float: left; } .cataclysm-mo .city-select-wrapper {background: url(../_images/subpages/cataclysm-opening-navbox_short.png) no-repeat 0 0; position: relative; left: -20px; width: 212px; min-height: 350px; } .cataclysm-mo .entry { margin-bottom: 20px; } /* Cataclysm MO styles Misc */ .cataclysm-mo h4 { color:#00A2F1; display:block; font:22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,Helvetica,sans-serif; letter-spacing:-1px; margin:0 0 10px; text-transform:uppercase; } .cataclysm-mo h5, .cataclysm-mo .when-date, .cataclysm-mo .retailer-adress { color:#FFFFFF; font:18px/1 Arial,Helvetica,sans-serif; letter-spacing:-0.05em; } .cataclysm-mo .when-date { text-transform:none; display: block; margin-bottom: 20px; } .cataclysm-mo .city-details h3 { margin: 0 0 1em;font-size: 29px; } .cataclysm-mo .subheadline { font-size:14px; letter-spacing:-0.01em; } .cataclysm-mo .column {float: left; width: 335px; } .cataclysm-mo .column-right { background:url("../_images/company/events/ctmidnightopenings/separator.jpg") no-repeat scroll 11px 45% transparent; margin-left:12px; padding-left:32px; } .cataclysm-mo p { margin: .8em 0 1.5em } .cataclysm-mo .guesttitle { margin-bottom: 10px;} .cataclysm-mo .when-withstaff { font:14px/2.16 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,Helvetica,sans-serif; letter-spacing:1px; text-transform:uppercase; } .cataclysm-mo .news-section h5 { color: #ddd; text-transform: none; } .cataclysm-mo .section {margin-bottom: 40px;} .cataclysm-mo .news-section li { margin-bottom: .8em} /* .cataclysm-mo .section .partners ul li{ padding: 0; margin: 0 0 0 -20px; text-align: left; list-style: none; } */ .cataclysm-mo .section .partners li { display: inline-block; float: left; margin: 0 60px 20px -40px; } .cataclysm-mo .entry {display: none;} .cataclysm-mo .guest, .cataclysm-mo .guesttitle { padding-left: 20px;} .cataclysm-mo .view-map-link { display: block; padding-top: 12px;} /* Cataclysm MO styles Slide menu */ .cataclysm-mo .sidebar-menu li { margin-bottom: 4px; } .cataclysm-mo .sidebar-menu a { display: block; height: 38px; line-height: 38px; padding-left: 10px; background: #03202E; /* old browsers */ background: -moz-linear-gradient(top, #03202E 0%, #02131B 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03202E), color-stop(100%,#02131B)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03202E', endColorstr='#02131B',GradientType=0 ); /* ie */ -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #193239; color: #05b6f9; font-weight:bold; font-family: "Century Gothic"; width: 175px; cursor: pointer; } .cataclysm-mo .sidebar-menu a:hover, .swipe-container a.region, #sidebar-menu a.root-menu { background: #0e2b3a; /* old browsers */ background: -moz-linear-gradient(top, #0e2b3a 20%, #101d25 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e2b3a), color-stop(100%,#101d25)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2b3a', endColorstr='#101d25',GradientType=0 ); /* ie */ } .cataclysm-mo .sidebar-menu a.disabled, .cataclysm-mo .sidebar-menu a.disabled:hover { background: #03202E; /* old browsers */ background: -moz-linear-gradient(top, #1f1f1f 0%, #141414 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#141414)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#141414',GradientType=0 ); /* ie */ -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #2a2a2a; color: #818181; width: 175px; opacity: 0.5 } .swipe-container a.region, .sidebar-menu a.root-menu, .cataclysm-mo .sidebar-menu a.disabled { cursor:default; } .swipe-container a.root-menu {cursor: pointer} .cataclysm-mo .sidebar-menu a em { font-weight:normal; color: #82B8CB; font-size:10px; font-style:normal; } .cataclysm-mo .sidebar-menu a.active, .cataclysm-mo .sidebar-menu a.active:hover { background: #09415B; /* old browsers */ background: -moz-linear-gradient(top, #09415B 0%, #042636 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09415B), color-stop(100%,#042636)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09415B', endColorstr='#042636',GradientType=0 ); /* ie */ border: 1px solid #346478; color: #fff; } .cataclysm-mo .sidebar-menu a.active span{ color: #fff; } ul.sidebar-menu ul, .swipe-container {display: none;} .swipe-container .sidebar-menu ul {display: block; margin-top: 4px; margin-left: 10px;} .swipe-container .sidebar-menu ul a { width: 165px;} ul.sidebar-menu a.has-submenu span { padding-right: 20px; display: block; background: url(../_images/company/events/ctmidnightopenings/sidebar-menu-arrows.png) no-repeat 155px 9px; } ul.sidebar-menu a.has-submenu:hover span { background: url(../_images/company/events/ctmidnightopenings/sidebar-menu-arrows.png) no-repeat 155px -41px; } ul.sidebar-menu a.back-to span { padding-left: 18px; display: block; background: url(../_images/company/events/ctmidnightopenings/sidebar-menu-arrows.png) no-repeat -3px -90px; } ul.sidebar-menu a.back-to:hover span { background: url(../_images/company/events/ctmidnightopenings/sidebar-menu-arrows.png) no-repeat -4px -140px; } ul.sidebar-menu a.disabled span { padding-right: 20px; display: block; background: url(../_images/company/events/ctmidnightopenings/sidebar-menu-arrows.png) no-repeat 155px -192px; } ul.sidebar-menu a.disabled:hover span { background: url(../_images/company/events/ctmidnightopenings/sidebar-menu-arrows.png) no-repeat 155px -192px; } /* Retailer logos */ .cataclysm-mo .retailer-box { background-color: rgba(39, 103, 138, 0.1); padding: 20px; } .cataclysm-mo .retailer-logo { display: block; width: 292px; height: 115px; background: url(../_images/company/events/ctmidnightopenings/game_logo.png) no-repeat 50% 50%; margin: 10px 0 20px; } .cataclysm-mo .retailer-logo.game { background-image: url(../_images/company/events/ctmidnightopenings/game_logo.png); height: 88px; } .cataclysm-mo .retailer-logo.fnac { background-image: url(../_images/company/events/ctmidnightopenings/fnac_logo.png); } .cataclysm-mo .retailer-logo.mediamarkt { background-image: url(../_images/company/events/ctmidnightopenings/media-markt-moscow_logo.gif); height: 49px; } .cataclysm-mo .retailer-logo.mediamarkt-berlin { background-image: url(../_images/company/events/ctmidnightopenings/media-markt-am-alex_logo.png); height: 50px; } .cataclysm-mo .retailer-logo.mediamarkt-rotterdam { background-image: url(../_images/company/events/ctmidnightopenings/media-markt-rotterdam_logo.jpg); height: 49px; } .cataclysm-mo .retailer-logo.webhallen { background-image: url(../_images/company/events/ctmidnightopenings/webhallen_logo.png); height: 70px; } .cataclysm-mo .retailer-logo.mvideo { background-image: url(../_images/company/events/ctmidnightopenings/mvideo_logos.png); height: 70px; } .cataclysm-mo .retailer-logo.frys { background-image: url(../_images/company/events/ctmidnightopenings/frys_logo.png); height: 115px; } .cataclysm-mo .retailer-logo.gamestop { background-image: url(../_images/company/events/ctmidnightopenings/partner_gamestop-ca.jpg); height: 75px; } .cataclysm-mo .retailer-logo.redhouse { background-image: url(../_images/company/events/ctmidnightopenings/redhouse_logo.jpg); height: 132px; } .cataclysm-mo .partners { /*text-align: center;*/ } .cataclysm-mo .partners div { display: inline-block; margin: 10px 10px 0; background-repeat: no-repeat; background-position: 0 0; } .cataclysm-mo .partners div img { visibility: hidden; } .swipe-container .root-menu { display: none; } #swipe-in-container .region span, #sidebar-menu .root-menu span { color: #fff} .cataclysm-mo .flashTextHeightPlaceholder { margin-left: -3px; height:45px; margin-bottom: 16px; } .cataclysm-mo .flash-subheadline {margin-bottom: 32px;} .cataclysm-mo .location-subheadline-text {margin-bottom: 32px;} #cat-summary img { border:2px solid #03202E; cursor:pointer; float:left; margin-right:4px; } #cat-summary img:hover { border: 2px solid #1b5071;} .cataclysm-mo .openinglines {display: none;} /* Diablo3 MO styles */ .diablo3-mo .sidebar-menu { width: 175px; list-style-type:none; margin: 3px 0 0 3px; padding: 10px; } .diablo3-mo .city-details { margin-left:13px; width:715px; overflow: hidden; } .diablo3-mo .sidebar-menu ul { list-style-type:none; margin:0; padding:0; } .diablo3-mo .city-details, .diablo3-mo .city-select-wrapper { float: left; } .diablo3-mo .city-select-wrapper {background: url(../_images/subpages/diablo3-opening-navbox_short.png) no-repeat 0 0; position: relative; left: -20px; width: 212px; min-height: 350px; } .diablo3-mo .entry { margin-bottom: 20px; position: relative;} .diablo3-mo .buttonbasic { padding-top: 0; margin-left: 42px} /* Diablo3 MO styles Misc */ .diablo3-mo h4 { color:#00A2F1; display:block; font:22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,Helvetica,sans-serif; letter-spacing:-1px; margin:0 0 10px; text-transform:uppercase; } .diablo3-mo h5, .diablo3-mo .when-date, .diablo3-mo .retailer-adress { color:#FFFFFF; font:18px/1 Arial,Helvetica,sans-serif; letter-spacing:0; } .diablo3-mo .when-date { text-transform:none; display: block; margin-bottom: 20px; } .diablo3-mo .city-details h3 { margin: 0 0 1em;font-size: 29px; } .diablo3-mo .subheadline { font-size:14px; letter-spacing:-0.01em; } .diablo3-mo .column {float: left; width: 335px; } .diablo3-mo .column-right { background:url("../_images/company/events/d3midnightopenings/separator.jpg") no-repeat scroll 11px 45% transparent; margin-left:12px; padding-left:32px; } .diablo3-mo p { margin: 7px 0 34px; } .diablo3-mo .guesttitle { margin-bottom: 10px;} .diablo3-mo .when-withstaff { font:14px/2.16 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Verdana,Arial,Helvetica,sans-serif; letter-spacing:1px; text-transform:uppercase; } .diablo3-mo .news-section h5 { color: #ddd; text-transform: none; letter-spacing: 0.4px; } .diablo3-mo .section {margin-bottom: 40px;} .diablo3-mo .news-section li { margin-bottom: .8em} .diablo3-mo .section .partners ul { padding: 0; margin: 0 0 0 0; text-align: left; list-style: none; } .diablo3-mo .section .partners ul li{ } .diablo3-mo .section .partners ul li a { text-indent: -9999px; width: 300px; margin: 10px 20px 15px 0; } .diablo3-mo .section .partners a { display: block; } .diablo3-mo .section .partners .intel { background: url("../_images/company/events/d3midnightopenings/partner_intel.png") no-repeat 50% 0; height:77px; } .diablo3-mo .section .partners .gamestop { background: url("../_images/company/events/d3midnightopenings/partner_gamestop.jpg") no-repeat 50% 13px; height:77px; } .diablo3-mo .section .partners .jinx { background: url("../_images/company/events/ctmidnightopenings/partner_jinx.jpg") no-repeat 50% 0; height:74px; } .diablo3-mo .section .partners .steelseries { background: url("../_images/company/events/sc2midnightopenings/partner_steelseries_white.png") no-repeat 50% 0; height:32px; } .diablo3-mo .section .partners .nvidia { background: url("../_images/company/events/d3midnightopenings/partner_nvidia.jpg") no-repeat 50% 0; height:75px;} .diablo3-mo .section .partners .future { background: url("../_images/company/events/ctmidnightopenings/partner_future.gif") no-repeat 50% 0; height:75px;} .diablo3-mo .section .partners .razer { background: url("../_images/company/events/d3midnightopenings/razer-logo-whitebg.png") no-repeat 50% 0; height:50px;} .diablo3-mo .section .partners .creative { background: url("../_images/company/events/d3midnightopenings/partner_creative.gif") no-repeat 50% 0; height:50px;} .diablo3-mo .section .partners .cryptozoic { background: url("../_images/company/events/d3midnightopenings/partner_cryptozoic.gif") no-repeat 50% 0; height:50px;} .diablo3-mo .section .partners .panini { background: url("../_images/company/events/d3midnightopenings/partner_panini.gif") no-repeat 50% 0; height:50px;} .diablo3-mo .section .partners .brady { background: url("../_images/company/events/sc2midnightopenings/partner_brady.png") no-repeat 50% 0; height:27px;} .diablo3-mo .section .partners .level77 { background: url("../_images/company/events/d3midnightopenings/partner_level77.png") no-repeat 50% 0; height:75px;} .diablo3-mo .section .partners .asus { background: url("../_images/company/events/d3midnightopenings/partner_asus.png") no-repeat 50% 0; height:56px;} .diablo3-mo .section .partners .dell { background: url("../_images/company/events/d3midnightopenings/partner_dell.png") no-repeat 50% 0; height:75px;} .diablo3-mo .entry { display: none; } .diablo3-mo .guest, .diablo3-mo .guesttitle { padding-left: 20px;} .diablo3-mo .view-map-link { display: block; padding-top: 12px;} /* Diablo3 MO styles Slide menu */ .diablo3-mo .sidebar-menu li { margin-bottom: 4px; } .diablo3-mo .sidebar-menu a { display: block; height: 38px; line-height: 38px; padding-left: 10px; background: #03202E; /* old browsers */ background: -moz-linear-gradient(top, #03202E 0%, #02131B 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03202E), color-stop(100%,#02131B)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03202E', endColorstr='#02131B',GradientType=0 ); /* ie */ -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #193239; color: #05b6f9; font-weight:bold; font-family: "Century Gothic"; width: 175px; cursor: pointer; } .diablo3-mo .sidebar-menu a:hover, .swipe-container a.region, #sidebar-menu a.root-menu { background: #0e2b3a; /* old browsers */ background: -moz-linear-gradient(top, #0e2b3a 20%, #101d25 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e2b3a), color-stop(100%,#101d25)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2b3a', endColorstr='#101d25',GradientType=0 ); /* ie */ } .diablo3-mo .sidebar-menu a.disabled, .diablo3-mo .sidebar-menu a.disabled:hover { background: #03202E; /* old browsers */ background: -moz-linear-gradient(top, #1f1f1f 0%, #141414 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#141414)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#141414',GradientType=0 ); /* ie */ -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #2a2a2a; color: #818181; width: 175px; opacity: 0.5 } .swipe-container a.region, .sidebar-menu a.root-menu, .diablo3-mo .sidebar-menu a.disabled { cursor:default; } .swipe-container a.root-menu {cursor: pointer} .diablo3-mo .sidebar-menu a em { font-weight:normal; color: #82B8CB; font-size:10px; font-style:normal; } .diablo3-mo .sidebar-menu a.active, .diablo3-mo .sidebar-menu a.active:hover { background: #09415B; /* old browsers */ background: -moz-linear-gradient(top, #09415B 0%, #042636 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09415B), color-stop(100%,#042636)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09415B', endColorstr='#042636',GradientType=0 ); /* ie */ border: 1px solid #346478; color: #fff; } .diablo3-mo .sidebar-menu a.active span{ color: #fff; } ul.sidebar-menu ul, .swipe-container {display: none;} .swipe-container .sidebar-menu ul {display: block; margin-top: 4px; margin-left: 10px;} .swipe-container .sidebar-menu ul a { width: 165px;} /* ul.sidebar-menu a.has-submenu span { padding-right: 20px; display: block; background: url(../_images/company/events/d3midnightopenings/sidebar-menu-arrows.png) no-repeat 155px 9px; } ul.sidebar-menu a.has-submenu:hover span { background: url(../_images/company/events/d3midnightopenings/sidebar-menu-arrows.png) no-repeat 155px -41px; } ul.sidebar-menu a.back-to span { padding-left: 18px; display: block; background: url(../_images/company/events/d3midnightopenings/sidebar-menu-arrows.png) no-repeat -3px -90px; } ul.sidebar-menu a.back-to:hover span { background: url(../_images/company/events/d3midnightopenings/sidebar-menu-arrows.png) no-repeat -4px -140px; } ul.sidebar-menu a.disabled span { padding-right: 20px; display: block; background: url(../_images/company/events/d3midnightopenings/sidebar-menu-arrows.png) no-repeat 155px -192px; } ul.sidebar-menu a.disabled:hover span { background: url(../_images/company/events/d3midnightopenings/sidebar-menu-arrows.png) no-repeat 155px -192px; } */ /* Dynamic Menu */ .dynamic-menu { width: 175px; list-style-type:none; margin: 3px 0 0 3px; padding: 10px; list-style:none; } .dynamic-menu li { margin-bottom: 4px; } .dynamic-menu a { display: block; width:auto; height: 38px; line-height: 38px; padding-left: 10px; background: #03202E; /* old browsers */ background: -moz-linear-gradient(top, #03202E 0%, #02131B 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#03202E), color-stop(100%,#02131B)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03202E', endColorstr='#02131B',GradientType=0 ); /* ie */ -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #193239; color: #05b6f9; font-weight:bold; font-family: "Century Gothic"; cursor: pointer; } .dynamic-menu a:hover, .swipe-container a.region, #sidebar-menu a.root-menu { background: #0e2b3a; /* old browsers */ background: -moz-linear-gradient(top, #0e2b3a 20%, #101d25 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e2b3a), color-stop(100%,#101d25)); /* webkit */ background: -o-linear-gradient(top, #0e2b3a 0%,#101d25 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e2b3a', endColorstr='#101d25',GradientType=0 ); /* ie */ background: -ms-linear-gradient(top, #0e2b3a 20%, #101d25 100%); } .dynamic-menu a.disabled, .dynamic-menu a.disabled:hover { background: #03202E; /* old browsers */ background: -moz-linear-gradient(top, #1f1f1f 0%, #141414 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#141414)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#141414',GradientType=0 ); /* ie */ -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #2a2a2a; color: #818181; opacity: 0.5 } .swipe-container a.region, .sidebar-menu a.root-menu, .diablo3-mo .sidebar-menu a.disabled { cursor:default; } .swipe-container a.root-menu {cursor: pointer} .dynamic-menu a em { font-weight:normal; color: #82B8CB; font-size:10px; font-style:normal; } .dynamic-menu a.active, .diablo3-mo .sidebar-menu a.active:hover { background: #09415B; /* old browsers */ background: -moz-linear-gradient(top, #09415B 0%, #042636 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09415B), color-stop(100%,#042636)); /* webkit */ background: -o-linear-gradient(top, #0e2b3a 0%,#101d25 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09415B', endColorstr='#042636',GradientType=0 ); /* ie */ background: -ms-linear-gradient(top, #09415B 0%, #042636 100%); border: 1px solid #346478; color: #fff; } .dynamic-menu a.active span { color: #fff; } ul.dynamic-menu ul, .swipe-container {display: none;} .dynamic-menu ul {display: block; margin-top: 4px; margin-left: 10px;} .dynamic-menu ul a { width: 165px;} .city-select-wrapper { float:left; position:relative; overflow:hidden; } .slide-container, .cities-wrapper .dynamic-menu { position:relative; float:left; list-style-type: none; margin: 3px 0 0 3px; padding: 10px; width: 185px;} /* Retailer logos */ .diablo3-mo .retailer-box { background-color: rgba(39, 103, 138, 0.1); padding: 20px; } .diablo3-mo .retailer-logo { display: block; width: 292px; height: 115px; background: url(../_images/company/events/d3midnightopenings/game_logo.png) no-repeat 50% 50%; margin: 10px 0 20px; } .diablo3-mo .retailer-logo.game { background-image: url(../_images/company/events/d3midnightopenings/game_logo.png); height: 88px; } .diablo3-mo .retailer-logo.fnac { background-image: url(../_images/company/events/d3midnightopenings/fnac_logo.png); height: 165px; } .diablo3-mo .retailer-logo.mediamarkt { background-image: url(../_images/company/events/d3midnightopenings/media-markt-moscow_logo.gif); height: 49px; } .diablo3-mo .retailer-logo.mediamarkt-berlin { background-image: url(../_images/company/events/d3midnightopenings/media-markt-am-alex_logo.png); height: 50px; } .diablo3-mo .retailer-logo.bitplex { background-image: url(../_images/company/events/d3midnightopenings/bitplex_logo.png); height: 132px; } .diablo3-mo .retailer-logo.webhallen { background-image: url(../_images/company/events/d3midnightopenings/webhallen_logo.png); height: 70px; } .diablo3-mo .retailer-logo.mvideo { background-image: url(../_images/company/events/d3midnightopenings/mvideo_logos.png); height: 70px; } .diablo3-mo .retailer-logo.gamestop { background-image: url(../_images/company/events/d3midnightopenings/gamestop_logo.jpg); height: 75px; } .diablo3-mo .retailer-logo.redhouse { background-image: url(../_images/company/events/d3midnightopenings/redhouse_logo.jpg); height: 132px; } .diablo3-mo .retailer-logo.asiasoft { background-image: url(../_images/company/events/d3midnightopenings/asiasoft_logo.png); height: 132px; } .diablo3-mo .retailer-logo.hmv { background-image: url(../_images/company/events/d3midnightopenings/hmv_logo.png); height: 100px; } .diablo3-mo .retailer-logo.vieshow { background-image: url(../_images/company/events/d3midnightopenings/vieshow_logo.png); height: 132px; } .diablo3-mo .retailer-logo.empik { background-image: url(../_images/company/events/d3midnightopenings/empik_logo.png); height: 100px; } .diablo3-mo .retailer-logo.funan { background-image: url(../_images/company/events/d3midnightopenings/partner_funan.gif); height: 83px; } .diablo3-mo .retailer-logo.siamparagon { background-image: url(../_images/company/events/d3midnightopenings/partner_siamparagon.gif); height: 110px; } .diablo3-mo .retailer-logo.gorbushkin { background-image: url(../_images/company/events/d3midnightopenings/gorbushkin_logo.jpg); height: 132px; } .diablo3-mo .retailer-logo.saraiva { background-image: url(../_images/company/events/d3midnightopenings/saraiva_logo.jpg); height: 132px; } .diablo3-mo .retailer-logo.gamerush { background-image: url(../_images/company/events/d3midnightopenings/gamerush_logo.png); height: 211px; } .diablo3-mo .retailer-logo.zmart { background-image: url(../_images/company/events/d3midnightopenings/zmart_logo.jpg); height: 89px; } .swipe-container .root-menu { display: none; } #swipe-in-container .region span, #sidebar-menu .root-menu span { color: #fff} .diablo3-mo .flashTextHeightPlaceholder { margin-left: -3px; height:45px; margin-bottom: 16px; } .diablo3-mo .flash-subheadline {margin-bottom: 32px;} .diablo3-mo .location-subheadline-text {margin-bottom: 32px;} #cat-summary img { border:2px solid #03202E; cursor:pointer; float:left; margin-right:4px; } #cat-summary img:hover { border: 2px solid #1b5071;} .diablo3-mo .openinglines {display: none;} /* MO EU countdown*/ #openingcountdown{ width: 600px; position: absolute; top: 245px; margin: 0 auto 0 170px; } .countdown_amount, .countdown_day, .countdown_dayit, .countdown_dayde{ text-shadow: 2px 2px #000; color:#fff; font:70px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; line-height: 1.1em; font-variant: small-caps; margin: 0;} #blizzSC2Countdown{ width: 400px; text-align: center; margin: 0 auto 0 auto; display: inline; } .nucleartitle, #cest{ text-shadow: 2px 2px #000; text-align: center; color: #fff; font: 34px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; } .countdown_day{ float: left; margin: 0 0 0 70px; padding: 0; } .countdown_dayit{ float: left; margin: 0 0 0 95px; padding: 0; } .countdown_dayde{ float: left; margin: 0 0 0 90px; padding: 0; } #cest{ position: absolute; top: 337px; margin-left: 695px; } .titlepl{ font-size: 29px; } .page-gamescom2010 #gamescomlogo{ width: 304px; height: 107px; background:url(../_images/company/events/gamescom2010/gamescom_logo.png) top left no-repeat; margin: 20px 0 20px -20px; float: left;} .page-mission h3 {font:38px/40px Arial, Helvetica, sans-serif; letter-spacing:-.05em; margin:20px 0 0; color:#00adef; width:550px;} .page-mission .lead {font:12px/40px Arial, Helvetica, sans-serif; color:#82b8cb; letter-spacing:normal; margin:40px 50px; width:680px;} .page-mission .lead strong {font:24px 'Arial Black', Arial, Helvetica, sans-serif; letter-spacing:-.05em; color:#fff; padding:0 2px;} .page-mission h4 {font-family:Arial, Helvetica, sans-serif; text-transform:lowercase; letter-spacing:-.05em; color:#fff; line-height:1;} .page-mission h4 strong {font-weight:bold; text-transform:uppercase; letter-spacing:0; color:#00adef; line-height:.84; position:relative;} .page-mission h4 small {display:block; color:#4192D9; font:italic 16px/1.5 Arial, Helvetica, sans-serif; letter-spacing:normal; text-transform:none; margin-top:10px;} .page-mission ul li div p {margin:20px 30px 0 30px; font:12px/3.286 Arial, Helvetica, sans-serif; color:#82b8cb; letter-spacing:0;} .page-mission .corevalues {padding:20px 0; list-style-type:none;} .page-mission .corevalues li {width:940px; position:relative;} .page-mission .corevalues li div {margin:0; position:absolute; background-color:#000000; background-position:0 0; background-repeat:no-repeat;} .page-mission .d1c {width:60px;} .page-mission .d2c {width:140px;} .page-mission .d3c {width:220px;} .page-mission .d4c {width:300px;} .page-mission .d5c {width:380px;} .page-mission .d6c {width:460px;} .page-mission .d7c {width:540px;} .page-mission .d8c {width:620px;} .page-mission .d9c {width:700px;} .page-mission .d10c {width:780px;} .page-mission .d11c {width:860px;} .page-mission .d12c {width:940px;} .cv-gameplay {height:700px;} .cv-gameplay h4 {font-size:50px; margin:40px 0 0 30px;} .cv-gameplay h4 strong {font-size:96px; top:2px; left:-5px;} .cv-gameplay .corevalue {height:200px; top:0; left:0; background-image:url(../_images/company/about/mission/gameplay-cv.jpg);} .cv-gameplay .thumb1 {height:200px; top:0; left:400px; background-image:url(../_images/company/about/mission/gameplay-5.jpg);} .cv-gameplay .desc {height:450px; top:0; left:640px; background-image:url(../_images/company/about/mission/gameplay-desc.jpg);} .cv-gameplay .thumb2 {height:460px; top:220px; left:0; background-image:url(../_images/company/about/mission/gameplay-7.jpg);} .cv-gameplay .thumb3 {height:210px; top:470px; left:640px; background-image:url(../_images/company/about/mission/gameplay-6.jpg);} .cv-quality {height:785px;} .cv-quality h4 {font-size:54px; margin:38px 0 0 30px;} .cv-quality h4 strong {font-size:72px; top:-8px;} .cv-quality .corevalue {height:176px; top:0; left:0; background-image:url(../_images/company/about/mission/quality-cv.jpg);} .cv-quality .thumb1 {height:765px; top:0; left:400px; background-image:url(../_images/company/about/mission/quality-3.jpg);} .cv-quality .thumb2 {height:188px; top:196px; left:0; background-image:url(../_images/company/about/mission/quality-2.jpg);} .cv-quality .desc {height:361px; top:404px; left:0; background-image:url(../_images/company/about/mission/quality-desc.jpg);} .cv-playnice {height:680px;} .cv-playnice h4 {font-size:47px; line-height:42.9px; margin:30px 0 0 30px; width:170px;} .cv-playnice h4 strong {font-size:63px; top:5px; left:-1px;} ul li.cv-playnice div p {margin:25px 30px 0 30px;} .cv-playnice .thumb1 {height:237px; top:0; left:0px; background-image:url(../_images/company/about/mission/playnice-1.jpg);} .cv-playnice .corevalue {height:660px; top:0; left:320px; background-image:url(../_images/company/about/mission/playnice-cv.jpg);} .cv-playnice .thumb2 {height:660px; top:0; left:640px; background-image:url(../_images/company/about/mission/playnice-2.jpg);} .cv-playnice .thumb3 {height:403px; top:257px; left:0; background-image:url(../_images/company/about/mission/playnice-4.jpg);} .cv-innergeek {height:706px;} .cv-innergeek h4 {font-size:41px; margin:40px 30px 0 0; text-align:right;} .cv-innergeek h4 strong {font-size:79px; top:5px;} .cv-innergeek .corevalue {height:238px; top:0; left:0; background-image:url(../_images/company/about/mission/innergeek-cv.jpg);} .cv-innergeek .thumb1 {height:238px; top:0; left:320px; background-image:url(../_images/company/about/mission/innergeek-1.jpg);} .cv-innergeek .desc {height:428px; top:0; left:640px; background-image:url(../_images/company/about/mission/innergeek-desc.jpg);} .cv-innergeek .thumb2 {height:428px; top:258px; left:0; background-image:url(../_images/company/about/mission/innergeek-4.jpg);} .cv-innergeek .thumb3 {height:238px; top:448px; left:640px; background-image:url(../_images/company/about/mission/innergeek-3.jpg);} .cv-voice {height:612px;} .cv-voice h4 {font-size:57px; margin:30px 0 0 30px;} .cv-voice h4 strong {font-size:65px; top:5px; left:-3px;} ul li.cv-voice div p {margin-top:25px;} .cv-voice .corevalue {height:592px; top:0; left:0; background-image:url(../_images/company/about/mission/voice-cv.jpg);} .cv-voice .thumb1 {height:258px; top:0; left:400px; background-image:url(../_images/company/about/mission/voice-7.jpg);} .cv-voice .thumb2 {height:258px; top:0; left:640px; background-image:url(../_images/company/about/mission/voice-5.jpg);} .cv-voice .thumb3 {height:314px; top:278px; left:400px; background-image:url(../_images/company/about/mission/voice-4.jpg);} .cv-globally {height:728px;} .cv-globally h4 {font-size:104px; line-height:.4; margin:80px 0 0 30px;} .cv-globally h4 strong {font-size:42px;} ul li.cv-globally div p {margin-top:30px;} .cv-globally .corevalue {height:708px; top:0; left:640px; background-image:url(../_images/company/about/mission/globally-cv.jpg);} .cv-globally .thumb1 {height:315px; top:0; left:0; background-image:url(../_images/company/about/mission/globally-5.jpg);} .cv-globally .thumb2 {height:315px; top:0; left:320px; background-image:url(../_images/company/about/mission/globally-2.jpg);} .cv-globally .thumb3 {height:373px; top:335px; left:0; background-image:url(../_images/company/about/mission/globally-4.jpg);} .cv-responsibly {height:775px;} .cv-responsibly h4 {font-size:83px; line-height:.5; margin:50px 0 0 30px;} .cv-responsibly h4 strong {font-size:41px;} ul li.cv-responsibly div p {margin-top:30px;} .cv-responsibly .corevalue {height:491px; top:0; left:0; background-image:url(../_images/company/about/mission/responsibly-cv.jpg);} .cv-responsibly .thumb1 {height:755px; top:0; left:400px; background-image:url(../_images/company/about/mission/responsibly-4.jpg);} .cv-responsibly .thumb2 {height:244px; top:511px; left:0; background-image:url(../_images/company/about/mission/responsibly-7.jpg);} .cv-grow {height:800px;} .cv-grow h4 {font-size:54px; margin:110px 0 0 30px;} .cv-grow h4 strong {font-size:71px;} .cv-grow .corevalue {height:301px; top:0; left:0; background-image:url(../_images/company/about/mission/grow-cv.jpg);} .cv-grow .thumb1 {height:301px; top:0; left:320px; background-image:url(../_images/company/about/mission/grow-1.jpg);} .cv-grow .desc {height:358px; top:0; left:560px; background-image:url(../_images/company/about/mission/grow-desc.jpg);} .cv-grow .thumb2 {height:456px; top:321px; left:0; background-image:url(../_images/company/about/mission/grow-2.jpg);} .cv-grow .thumb3 {height:249px; top:528px; left:560px; background-image:url(../_images/company/about/mission/grow-3.jpg);} .tweet {font-family: Georgia, serif; font-size: 120%; color: #085258;} .tweet .tweet_list {-webkit-border-radius:.5em; list-style-type:none; margin:0; padding:0; background-color:#8ADEE2;} .tweet .tweet_list li {overflow:auto; padding:.5em; margin:0;} .tweet .tweet_list li a {color:#0C717A;} .tweet .tweet_list .tweet_even {background-color:#91E5E7;} .tweet .tweet_list .tweet_avatar {padding-right:.5em; float:left;} .tweet .tweet_list .tweet_avatar img {vertical-align: middle;} #targdiv .tweetlist { background:#0F5A79; } #targdiv .tweetlist .tweet_even { background:#12698C; } .page-contact h3 {margin:1.2em 0;} .page-contact h4 {color:#fff; margin:1.35em 0 0;} .page-contact h5 {margin:2.16em 0;} .page-contact ul {list-style-type:none; margin:5px 0 1.8em 0px; padding:0;} .page-contact ul li {margin:0; padding:0; font-size:11px; line-height:1.964;} .page-contact ul li a {font:11px/1.964 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;} .page-contact p {margin:5px 0 1.8em 0px; font-size:11px; line-height:1.964;} .page-contact .columns {margin:20px 0 0;} .page-contact .columns .column {width:310px; margin:0 0 0 0;} .page-contact .thumb1 {width:310px; height:192px; background:url(../_images/company/about/contact/thumb.gif) 0 0 no-repeat; margin:0; padding:0;} .page-contact .socialnetworking {list-style-type:none;} .page-contact .socialnetworking li a {display:block; height:100%; padding:0 0 0 26px; background-position:0 0; background-repeat:no-repeat;} .page-contact .socialnetworking li a:hover {background-position:0 -22px;} .twitter a {background-image:url(../_images/company/about/contact/icon-twitter.gif);} .facebook a {background-image:url(../_images/company/about/contact/icon-facebook.gif);} .youtube a {background-image:url(../_images/company/about/contact/icon-youtube.gif);} .instagram a {background-image:url(../_images/company/about/contact/icon-instagram.gif);} .googleplus a {background-image:url(../_images/company/about/contact/icon-google-plus.gif);} .vkontakte a {background-image:url(../_images/company/about/contact/icon-vk.gif);} .me2day a {background-image:url(../_images/company/about/contact/icon-me2day.gif);} ul.socialnetworking .spacer {padding:0 0 15px 0;} ul.worldclocks {list-style-type:none; overflow:hidden; clear:both; margin:3em 0 1.964em 0;} ul.worldclocks li {width:150px; height:42px; margin:0 5px 0 0; background:#081923; float:left;} ul.worldclocks li div {padding:5px 10px 5px 10px; font:14px/1px Arial, Helvetica, sans-serif;} ul.worldclocks li .time {float:right; font:bold 20px/31px 'Century Gothic', 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff;} ul.worldclocks li .city {margin:8px 0 0;} ul.worldclocks li .country {color:#777777; font-size:9px; line-height:1;} .page-awards ul {margin:20px 0; padding:0;} .page-awards ul ul {margin:0;} .page-awards ul li {display:block; padding:0 0 0 320px; list-style-type:none;} .page-awards ul ul li {padding:0; list-style-type:none;} .page-awards li.sc2 {background:url(../_images/company/about/awards/logo-sc2.gif) 31px 0 no-repeat;} .page-awards li.hots {background:url(../_images/company/about/awards/logo-hots.png) 31px 0 no-repeat; height:240px; width:146;} .page-awards li.wowx2 {background:url(../_images/company/about/awards/logo-wowx2.gif) 31px 0 no-repeat;} .page-awards li.wowx3 {background:url(../_images/company/about/awards/logo-wowx3.gif) 31px 0 no-repeat;} .page-awards li.wowx4 {background:url(../_images/company/about/awards/logo-wowx4.gif) 31px 0 no-repeat;} .page-awards li.wowx5 {background:url(../_images/company/about/awards/logo-wowx5.gif) 31px 0 no-repeat;} .page-awards li.wowx1 {background:url(../_images/company/about/awards/logo-wowx1.gif) 31px 0 no-repeat;} .page-awards li.wowx {background:url(../_images/company/about/awards/logo-wowx.gif) 31px 0 no-repeat;} .page-awards li.wow {background:url(../_images/company/about/awards/logo-wow.gif) 31px 0 no-repeat;} .page-awards li.war3x {background:url(../_images/company/about/awards/logo-war3x.gif) 31px 0 no-repeat;} .page-awards li.war3 {background:url(../_images/company/about/awards/logo-war3.gif) 31px 0 no-repeat;} .page-awards li.d3 {background:url(../_images/company/about/awards/logo-d3.png) 31px 0 no-repeat; height:180px;} .page-awards li.hearthstone {background:url(../_images/company/about/awards/hs-logo.png) 31px 0 no-repeat; height:180px;} .page-awards li.d3x {background:url(../_images/company/about/awards/logo-d3-reaper-of-souls.png) 31px 0 no-repeat; height:160px;} .page-awards li.d2x {background:url(../_images/company/about/awards/logo-d2x.gif) 31px 0 no-repeat;} .page-awards li.d2 {background:url(../_images/company/about/awards/logo-d2.gif) 31px 0 no-repeat;} .page-awards li.scx {background:url(../_images/company/about/awards/logo-scx.gif) 31px 0 no-repeat;} .page-awards li.sc {background:url(../_images/company/about/awards/logo-sc.gif) 31px 0 no-repeat;} .page-awards li.d {background:url(../_images/company/about/awards/logo-d.gif) 31px 0 no-repeat;} .page-awards li.war2x {background:url(../_images/company/about/awards/logo-war2x.gif) 33px 0 no-repeat;} .page-awards li.war2 {background:url(../_images/company/about/awards/logo-war2.gif) 33px 0 no-repeat;} .page-awards li.war1 {background:url(../_images/company/about/awards/logo-war1.gif) 31px 0 no-repeat;} .page-awards li.dev {background:url(../_images/company/about/awards/logo-dev.gif) 75px 0 no-repeat;} .page-partners .lead { } .page-partners .thumb1 {width:310px; height:192px; background:url(../_images/company/about/partners/thumb.jpg) 0 0 no-repeat; margin:0; padding:0; clear:right;} .page-partners .columns {overflow:hidden;} .page-partners ul {overflow:hidden; list-style-type:none; margin:0 0 2.933em; padding:0; float:left; width:460px;} .page-partners li { margin:2.933em 0 0; padding:0 0 0 160px;} .page-partners li p {margin:.727em 0 0; font-size:11px; line-height:1.964;} .page-partners li.alfred-music {background:url(../_images/company/about/partners/alfred-music.gif) 41px 0 no-repeat;} .page-partners li.threepoint {background:url(../_images/company/about/partners/3point.gif) 41px 0 no-repeat;} .page-partners li.bioworld {background:url(../_images/company/about/partners/bioworld.gif) 10px -5px no-repeat;} .page-partners li.bradygames {background:url(../_images/company/about/partners/bradygames.gif) 53px 0 no-repeat;} .page-partners li.creative {background:url(../_images/company/about/partners/creative.gif) 53px 0 no-repeat;} .page-partners li.cryptozoic {background:url(../_images/company/about/partners/cryptozoic.gif) 53px 0 no-repeat;} .page-partners li.dcentertainment {background:url(../_images/company/about/partners/dcentertainment.gif) 38px 0 no-repeat;} .page-partners li.dcunlimited {background:url(../_images/company/about/partners/dcunlimited.gif) 44px 0 no-repeat;} .page-partners li.epicweapons {background:url(../_images/company/about/partners/epicweapons.gif) 27px 0 no-repeat;} .page-partners li.gb_eye {background:url(../_images/company/about/partners/eye.gif) 27px 0 no-repeat;} .page-partners li.galera {background:url(../_images/company/about/partners/galera.gif) 40px 0 no-repeat;} .page-partners li.fabryka_slow {background:url(../_images/company/about/partners/fabryka.gif) 37px 0 no-repeat;} .page-partners li.figureprints {background:url(../_images/company/about/partners/figureprints.gif) 37px 0 no-repeat;} .page-partners li.fantasyflight {background:url(../_images/company/about/partners/fantasyflight.gif) 48px 0 no-repeat;} .page-partners li.kazé {background:url(../_images/company/about/partners/kaze.gif) 56px 0 no-repeat;} .page-partners li.heroic {background:url(../_images/company/about/partners/heroic.gif) 37px 0 no-repeat;} .page-partners li.jinx {background:url(../_images/company/about/partners/jinx.gif) 51px 0 no-repeat;} .page-partners li.mega-blocks {background:url(../_images/company/about/partners/mega-blocks.gif) 51px 0 no-repeat;} .page-partners li.metersbonwe {background:url(../_images/company/about/partners/metersbonwe.gif) 51px 0 no-repeat;} .page-partners li.pdp {background:url(../_images/company/about/partners/pdp.gif) 20px 0 no-repeat;} .page-partners li.pocketbooks {background:url(../_images/company/about/partners/pocketbooks.gif) 54px 0 no-repeat;} .page-partners li.razer {background:url(../_images/company/about/partners/razer.gif) 30px 0 no-repeat;} .page-partners li.sellerspublishing {background:url(../_images/company/about/partners/sellerspublishing.gif) 35px 0 no-repeat;} .page-partners li.sideshowcollectibles {background:url(../_images/company/about/partners/sideshowcollectibles.gif) 33px 0 no-repeat;} .page-partners li.steelseries {background:url(../_images/company/about/partners/steelseries.gif) 51px 0 no-repeat;} .page-partners li.tokyopop {background:url(../_images/company/about/partners/tokyopop.gif) 27px 0 no-repeat;} .page-partners li.trends {background:url(../_images/company/about/partners/trends.gif) 42px 0 no-repeat;} .page-partners li.usaopoly {background:url(../_images/company/about/partners/usaopoly.gif) 47px 0 no-repeat;} .page-partners li.upperdeck {background:url(../_images/company/about/partners/upperdeck.gif) 47px 0 no-repeat;} .page-partners li.wildstorm {background:url(../_images/company/about/partners/wildstorm.gif) 54px 0 no-repeat;} .page-partners li.rubies {background:url(../_images/company/about/partners/rubies.gif) 51px 0 no-repeat;} .page-partners li.eminencesymphony {background:url(../_images/company/about/partners/eminencesymphony.gif) 33px 0 no-repeat;} .page-partners li.simonandschuster {background:url(../_images/company/about/partners/simonandschuster.gif) 21px 3px no-repeat;} .page-partners li.stamp {background:url(../_images/company/about/partners/stamp.gif) 17px 0 no-repeat;} .page-partners li.swagdog {background:url(../_images/company/about/partners/swagdog.gif) 36px 0 no-repeat;} .page-partners li.panini{background:url(../_images/company/about/partners/panini.gif) 27px 0 no-repeat;} .page-partners li.futureus {background:url(../_images/company/about/partners/future.gif) 39px 0 no-repeat;} .page-partners li.insighteditions{background:url(../_images/company/about/partners/insight.gif) 40px 0 no-repeat;} .page-partners li.winningmoves{background:url(../_images/company/about/partners/winning.gif) 27px 0 no-repeat;} .page-webfaq div {overflow:hidden;} .page-webfaq div div {overflow:auto;} .page-legalfaq h5 {margin:2.16em 0;} .faq dt { font:14px/1.543 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; letter-spacing:0px; text-transform:none; color: #01B2F1; margin:2.571em 0 0.514em;} .faq dd {page-break-inside:avoid !important;} .faq dd p {margin-top:5px;} ul.selector {margin:40px 0 0; padding:0;} ul.selector li {margin:0 4px 0 0; padding:0; display:inline; font:16px/1.35 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;} ul.selector a {padding:3px 6px; text-decoration:none; font-weight:normal;} ul.selector a:hover {background:#0a5f7f;} ul.selector span {padding:3px 6px; color:#77cff1; /*background:url(../_images/layout/bg-blockquote.jpg) #081923 50% 50% no-repeat;*/ font-weight:bold;} .page-careers .lead {width:550px;} .page-careers .columns {} .page-careers .column {width:313px; padding:39px 0 0; position:relative; z-index:2; } .page-careers .jobscolumn {background:url(../_images/company/careers/bg-button.png) 15px 16px no-repeat;} .page-careers .column div {padding:0 0 0 38px; /*border-left:1px solid #023b60;*/} .page-careers .applicationdetails {font-size: 11px; padding: 15px 0 20px 0; text-align: center; color: #344956;} .page-careers .column p {margin:0 20px 0 0;} .page-careers .column div ul {list-style-type:none; padding:20px 0px; width:234px;} /* These need to switch from .jobscolumn to .column when internships are available again and the layout is changed */ .page-careers .column div li {margin-bottom:3px;height:26px;} .page-careers .column div li a {font:11px/22px Arial, Helvetica, sans-serif;} .page-careers .column div li a span {padding:2px 18px 2px 8px; width:234px;background:url(../_images/layout/arrow-blueglow-small.png) #081923 100% 6px no-repeat; border-left:3px solid #173B51; display:block;} .page-careers .jobs-only div a.jobsbtn {width:280px; height:68px; background:url(../_images/lang/en-us/button-searchjobs.png) 0 0 no-repeat; display:block; margin:0 0 0 -10px;} .page-careers .jobs-only div a.jobsbtn:hover {background-position:0 -68px;} .page-careers .jobs-only div a.internsbtn {width:280px; height:68px; background:url(../_images/lang/en-us/button-searchinternships.png) 0 0 no-repeat; display:block; margin:5px 0 0 -10px;} .page-careers .jobs-only div a.internsbtn:hover {background-position:0 -68px;} /* university relation page */ .page-university .scheduleTable { font-size:12px; background-color:#021622; margin: 30px auto 10px; border:1px solid #243964; color:#CDDBEA; width:100%; padding:0; border-collapse:collapse } .page-university .scheduleTable th { height:40px; background-color:#184361; color: #FFFFFF; padding:5px 5px 5px 15px; border:none; font-size: 14px; letter-spacing: -1px;} .page-university .scheduleTable div { font-size:11px; } .page-university .scheduleTable span { font-size:10px; color:#000000; } .page-university .scheduleTable td { height:32px; background-color:#092130; padding:5px 5px 5px 15px; border:none; } .page-university .scheduleTable tr { font-weight:normal; padding:8px; background:#184361; border-bottom:1px solid #243964; } .page-university .scheduleTable td.school { } .page-university .scheduleTable td.date { color: #82B8CB; } .page-university .scheduleTable td.uni { } .page-university .contents h3 { font: normal 22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans','Verdana','Arial','sans-serif'; color:#FFFFFF } .page-university .internship-list {margin:30px 0px;overflow:hidden;} .page-university .internship-list .intern-category {background-color:#092130;width:280px; float:left;display:inline-block;margin-right:30px; overflow:hidden;} .page-university .internship-list .intern-category h1 {background-color:#184361;text-align:center;font:bold 14px arial;color:#fff;padding:7px} .page-university .internship-list .intern-category p {margin:10px 15px; font-size:11px;font-style:italic;} .page-university .internship-list .intern-category ul {list-style-type:square;padding-left:0px;margin:0px;} .page-university .internship-list .intern-category ul li a{display:block;padding:5px 15px;border-top:1px solid #243964;} .page-university .internship-list .intern-category ul li a:hover{background-color:#113249;} .page-university .internship-list .intern-category ul li a.highlight{color:#3bff2c;} .page-university .internship-list .intern-category ul li a.highlight:hover{background-color:#113249;} .page-university .internship-matrix {padding:5px;margin:30px 0px 20px;display:block;} .page-university .intership-buttons { margin:30px 0 60px 0 } .page-university .gen_blue_btn.university { margin-left:40%; } .page-university .gen_blue_btn.university a { font-size:12px; line-height:14px; position:relative; top:4px; width:180px; display:inline-block; } .page-university .gen_blue_btn.disabled { background:url(../_images/layout/blue_btn_disabled_bg_r.gif) 100% 0 no-repeat; height:45px; display:block; float:left; cursor:pointer; font:bold 22px Arial; color:white; padding:0 4px 0 0;} .page-university .gen_blue_btn.disabled a{ color:#a5a5a5; cursor:default } .page-university .gen_blue_btn.disabled span{ background:url(../_images/layout/blue_btn_disabled_bg.gif) 0 0 no-repeat; } .page-university .gen_blue_btn.disabled:hover span {background-position:0 0; color:#a5a5a5} .page-university .small-title h5 { font: normal 18px 'Century Gothic', 'Arial','Helvetica','sans-serif'; margin:40px 0px 0px 0px; color: #00A2F1; text-transform: none; } .page-university .small-title h6 { font: normal 18px 'Century Gothic', 'Arial','Helvetica','sans-serif'; margin:40px 0px 10px 0px; color: #00A2F1; text-transform: none; } .page-university .page-university-buttons {width:222px; float:left; margin:20px 0px 30px 0px;} .page-university .internship-new-internship-button { background:url(../_images/lang/en-us/university-relation-internship.png) no-repeat 0 0; width:222px; height:139px; display: inline-block; margin:0px 0px 10px 0px; } .page-university .internship-new-internship-button:hover { background-position:0 -139px; } .page-university .internship-graduating-internship-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; width:200px; color: #547b89; text-transform: none; margin:0px 0px 0px 10px;} .page-university .internship-new-internship-france-button { background:url(../_images/lang/en-gb/university-relation-internship-france.png) no-repeat 0 0; width:222px; height:139px; display: inline-block; margin:0px 0px 10px 0px; } .page-university .internship-new-internship-france-button:hover { background-position:0 -139px; } .page-university .internship-graduating-internship-france-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; width:200px; color: #547b89; text-transform: none; margin:0px 0px 0px 10px;} .page-university .internship-new-internship-ireland-button { background:url(../_images/lang/en-gb/university-relation-internship-ireland.png) no-repeat 0 0; width:222px; height:139px; display: inline-block; margin:0px 0px 10px 0px; } .page-university .internship-new-internship-ireland-button:hover { background-position:0 -139px; } .page-university .internship-graduating-internship-ireland-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; width:200px; color: #547b89; text-transform: none; margin:0px 0px 0px 10px;} .page-university .internship-new-graduating-button {background:url(../_images/lang/en-us/university-relation-fulltime.png) no-repeat 0 0; width:222px; height:139px; display: inline-block; margin:0px 0px 10px 0px; } .page-university .internship-new-graduating-button:hover {background-position:0 -139px;} .page-university .internship-graduating-graduating-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; width:200px; color: #547b89; text-transform: none; margin:0px 0px 0px 10px;} .page-university .internship-new-contest-button {background:url(../_images/lang/en-us/university-relation-contest.png) no-repeat 0 0; width:222px; height:139px; display: inline-block; margin:0px 0px 10px 0px; } .page-university .internship-new-contest-button:hover {background-position:0 -139px;} .page-university .internship-graduating-contest-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; width:200px; color: #547b89; text-transform: none; margin:0px 0px 0px 10px;} .page-university .internship-new-qna-button {background:url(../_images/lang/en-us/university-relation-qna.png) no-repeat 0 0; width:222px; height:139px; display: inline-block; margin:0px 0px 10px 0px; } .page-university .internship-new-qna-button:hover {background-position:0 -139px;} .page-university .internship-graduating-qna-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; width:200px; color: #547b89; text-transform: none; margin:0px 0px 0px 10px;} /*.page-university .internship-new-contest-text-prize { font: bold 24px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans','Verdana','Arial','sans-serif'; color:#00a2f1;text-align: center; margin:60px 0px 0px 0px;}*/ .page-university .contests { padding-bottom: 340px; margin-bottom: -340px; background: url(../_images/lang/en-us/student-contest/contest-background.jpg) no-repeat bottom center; } .page-university .contest-column { vertical-align: top; display: inline-block; width: 400px; margin-bottom: 30px;} .page-university .contest-column.character { margin-left: 100px; } .page-university .contest-column .headline, .page-university .contest-prizes .headline { font: bold 24px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans','Verdana','Arial','sans-serif'; color:#00a2f1;text-align: left; margin:60px 0px 0px 0px; } .page-university .contest-column img { margin-top: 30px; cursor: pointer; display: inline-block; border: 1px solid #095371; border-radius: 5px; display: inline-block; } .page-university .contest-column img:hover { border-color: #fff } .page-university .contest-column .text-box { margin-bottom: 30px; text-align: center; display: block; font-size: 10px; } .page-university .contest-column .contest-submit { margin-left: 75px; display: inline-block; height: 53px; width: 234px; background: url(../_images/lang/en-us/btn-university-relations-contest-submit.jpg) no-repeat 0 0; } .page-university .contest-column .contest-submit:hover { background-position: 0 -53px; } .page-university .contest-prizes { margin-top: 40px; no-repeat bottom center;} .page-university .contest-prizes .prize-list { margin: 0; list-style-type: square; } .page-university .contest-previous { display: block; text-align: center; } .page-university .winners-headline { font: bold 24px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans','Verdana','Arial','sans-serif'; color:#00a2f1;text-align: center; margin:60px 0px 0px 0px; } .page-university .internship img { display: inline-block; border: 1px solid #095371; } .page-university .internship img:hover { border: 1px solid #ffffff; cursor: pointer; } .page-university .internship .text-box { position: relative; width: 320px; } .page-university .winner-name { display: block; font: normal 20px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Verdana', 'Arial', 'sans-serif'; color:#FFFFFF; } .page-university .winner-school { display: block; font: normal 13px 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Verdana', 'Arial', 'sans-serif'; color:#00a2f1; } .page-university .winner-name.name-left, .page-university .winner-school.school-left { text-align: left; } .page-university .winner-name.name-right, .page-university .winner-school.school-right { text-align: right; } .page-university .divider-line { background: url(../_images/lang/en-us/student-contest/line.jpg) no-repeat 0 0; margin: 0px 0px 0px 0px; width: 939px; height: 1px; display: inline-block; } .page-university .image-01 img { margin: 40px 0px 0px 0px; width: 686px; height: 317px; } .page-university .image-01 .text-box { left: 720px; top: -180px; } .page-university .image-02 img { margin: 40px 0px 0px 420px; width: 534px; height: 435px; } .page-university .image-02 .text-box { left: 60px; top: -240px; } .page-university .image-03 img { margin: 40px 0px 0px 0px; width: 639px; height: 407px; } .page-university .image-03 .text-box { left: 670px; top: -240px; } .page-university .image-04 img { margin: 40px 0px 0px 280px; width: 670px; height: 319px; } .page-university .image-04 .text-box { left: -70px; top: -180px; } .page-university .image-05 img { margin: 40px 0px 0px 0px; width: 613px; height: 370px; } .page-university .image-05 .text-box { left: 640px; top: -220px; } .page-university .image-06 img { margin: 40px 0px 0px 300px; width: 655px; height: 333px; } .page-university .image-06 .text-box { left: -50px; top: -190px; } /* 2013 UR Contest Winner Images */ .page-university .new-contest.image-01 img { margin: 40px 0px 0px 0px; width: 680px; height: 380px; } .page-university .new-contest.image-01 .text-box { left: 720px; top: -220px; } .page-university .new-contest.image-02 img { margin: 40px 0px 0px 280px; width: 680px; height: 391px; } .page-university .new-contest.image-02 .text-box { left: -80px; top: -220px; } .page-university .new-contest.image-03 img { margin: 40px 0px 0px 0px; width: 680px; height: 505px; } .page-university .new-contest.image-03 .text-box { left: 720px; top: -270px; } .page-university .new-contest.image-04 img { margin: 40px 0px 0px 280px; width: 680px; height: 622px; } .page-university .new-contest.image-04 .text-box { left: -70px; top: -340px; } .page-university .new-contest.image-05 img { margin: 40px 0px 0px 0px; width: 680px; height: 361px; } .page-university .new-contest.image-05 .text-box { left: 720px; top: -220px; } .page-university .new-contest.image-06 img { margin: 40px 0px 0px 280px; width: 680px; height: 542px; } .page-university .new-contest.image-06 .text-box { left: -90px; top: -320px; } .page-university .new-contest.image-07 img { margin: 40px 0px 0px 0px; width: 680px; height: 377px; } .page-university .new-contest.image-07 .text-box { left: 720px; top: -220px; } .page-university .new-contest.image-08 img { margin: 40px 0px 0px 280px; width: 688px; height: 688px; } .page-university .new-contest.image-08 .text-box { left: -90px; top: -380px; } .page-university .internship-graduating-box {width:100%; margin:40px 0px 85px 0px;} .page-university .internship-contest-image {background:url(../_images/lang/en-us/university-relation-contest-image.jpg) no-repeat 0 0; width:738px; height:372px; position:relative; top:0px; left:70px; display: inline-block; margin:0px 0px 85px 0px;} .page-university .internship-detail-list { font: normal 14px 'Arial','Helvetica','sans-serif'; line-height:28px; width:520px; margin:0px 0px 30px 0px; color: #82b8cb; text-transform: none; float:left;} .page-university .internship-detail-list strong { font: normal 14px 'Arial','Helvetica','sans-serif'; line-height:28px; margin:40px 0px 10px 0px; color: #ffffff; text-transform: none; } .page-university .internship-detail-box {background:url(../_images/lang/en-us/internship-button-bg.png) no-repeat 0 0; width:322px; height:392px; float:right; margin:50px 0px 110px 40px } .page-university .internship-france-detail-box {background:url(../_images/lang/en-gb/internship-france-button-bg.png) no-repeat 0 0; width:322px; height:392px; float:right; margin:50px 0px 110px 40px } .page-university .internship-ireland-detail-box {background:url(../_images/lang/en-gb/internship-ireland-button-bg.png) no-repeat 0 0; width:322px; height:392px; float:right; margin:50px 0px 110px 40px } /*.page-university .internship-ireland-detail-box {background:url(../_images/lang/en-us/internship-button-bg.png) no-repeat 0 0; width:322px; height:230px; float:right; margin:50px 0px 110px 40px; background-position:0 -162px; }*/ .page-university .internship-ireland-detail-box .internship-detail-box-text { float: none; position:static; margin:177px 25px 0;} .page-university .internship-detail-box-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:20px; position:relative; top:-120px; left:640px; width:290px; margin: 0px 0xp 0px 0px; color: #82b8cb; text-transform: none; } .page-university .internship-detail-box-text strong { font: bold 14px 'Arial','Helvetica','sans-serif'; line-height:42px; margin: 0px 0xp 0px 0px; color: #ffffff; text-transform: none; } .page-university .internship-detail-box-button {background:url(../_images/lang/en-us/btn-university-relation-viewsample.jpg) no-repeat 0 0; width:236px; height:55px; position:relative; top:-78px; left:663px; display: inline-block; } .page-university .internship-detail-box-button:hover {background-position:0 -55px;} .page-university .internship-graduating-hat {background:url(../_images/lang/en-us/internship-hat.png) no-repeat 0 0; width:204px; height:167px; position:relative; top:20px; left:120px; } .page-university .internship-graduating-hat-title { font: normal 18px 'Arial','Helvetica','sans-serif'; line-height:28px; color: #ffffff; position:relative; text-transform: none; text-align:center;} .page-university .internship-graduating-hat-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:24px; width:380px; position:relative; left:60px; color: #82b8cb; text-transform: none; } .page-university .internship-graduating-hat-button {background:url(../_images/lang/en-us/btn-university-relation-viewopening.jpg) no-repeat 0 0; position:relative; top:40px; left:120px; width:236px; height:55px; display: inline-block; } .page-university .internship-graduating-hat-button:hover {background-position:0 -55px;} .page-university .internship-graduating-book {background:url(../_images/lang/en-us/internship-books.png) no-repeat 0 0; width:204px; height:167px; position:relative; top:20px; left:140px; } .page-university .internship-graduating-book-title { font: normal 18px 'Arial','Helvetica','sans-serif'; line-height:28px; color: #ffffff; position:relative; left:120px; text-transform: none;} .page-university .internship-graduating-book-text { font: normal 12px 'Arial','Helvetica','sans-serif'; line-height:24px; width:380px; position:relative; left:60px; color: #82b8cb; text-transform: none; } .page-university .internship-graduating-book-button {background:url(../_images/lang/en-us/btn-university-relation-viewsample.jpg) no-repeat 0 0; position:relative; top:64px; left:120px; width:236px; height:53px; display: inline-block; } .page-university .internship-graduating-book-button:hover {background-position:0 -53px; } .page-university .internship-page-graduating-box1 {width:460px; float:left; background:url(../_images/lang/en-us/internship-graduating-line.png) no-repeat 100% 0;} .page-university .internship-page-graduating-box1.single {background: none; float:none; margin:0 auto;} .page-university .internship-page-graduating-box2 {width:460px; float:left;} .page-university .internship-president-box {margin:0px 0px 85px 0px;} .gallerycontainer {width:940px; font:11px/1.964 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:-40px 0 3.6em; position:relative; z-index:1; background:url(../_images/layout/bg-gallerysides.jpg) 50% 0 no-repeat; padding:111px 0 0;} .gallerycontainer2 {width:750px; min-height:684px; margin:0 auto; background:url(../_images/layout/bg-gallery.jpg) 0 0 no-repeat;} .page-gamescom2010 .gallerycontainer {width:940px; font:11px/1.964 'Century Gothic', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:-40px 0 3.6em; position:relative; z-index:1; background:url(../_images/layout/bg-gallerysides_gamescom.jpg) 50% 0 no-repeat; padding:111px 0 0;} .galleryborder {margin:0 10px; min-height:514px; } #current_image {margin:0; padding:0; position:relative; line-height:0; font-size:1px; cursor:pointer; } .page-gamescom2011 #current_image {background-color: #000; text-align: center; height: 480px;} .gallerycaptions {height:33px;} #gal_cap0, #gal_cap1 {line-height:33px;} #gal_cap0 { letter-spacing:0px; } #gal_cap1 { padding:0 0 0 20px; letter-spacing:0px; } .gallerycontainer h3 {height:33px; display:block; margin:0; text-align:right; font-size:11px; line-height:33px; color:#fff; letter-spacing:1px; float:right; font-weight:normal;} .gallery_prev, .gallery_next {display:block; position:absolute; top:0px; width:60px; height:480px; } .gallery_prev:hover, .gallery_next:hover { background-position: 100% 50% } .gallery_prev {left:-70px; background: url(../_images/layout/screenviewer-arrow-previous.gif) 0 50% no-repeat;} .gallery_next {left:740px; background: url(../_images/layout/screenviewer-arrow-next.gif) 0 50% no-repeat;} #gallery_thumbs {width:684px; margin:25px auto; overflow:hidden;} #gallery_thumbs a {margin:2px; padding:0; display:block; width:72px; height:48px; float:left; background-position:50% 50%; background-repeat:no-repeat;} #gallery_thumbs a span {display:block; display:none;} #gallery_thumbs a:hover span {display:block; height:100%; background:#009aff; opacity:.2; filter:alpha(opacity=20);} #gallery_thumbs a.selected span {display:block; height:100%; background:#009aff; opacity:.5; filter:alpha(opacity=50);} #gallery_thumbs a img {width:72px; height:48px;} .page-university blockquote {background:url(../_images/subpages/bg-blockquote1.gif) #1d3348 0 0 repeat-x; font:12px/1.8 Georgia, "Times New Roman", Times, serif; color:#fff; padding:10px; position:relative; margin:0px 0px 0px 10px} .page-university blockquote span {display:block; position:absolute; left:-15px; bottom:0;} .page-university blockquote span span {width:957px; height:265px; position:relative; left:0; bottom:-20px; background:url(../_images/subpages/bg-blockquoteshadow.png) 0 0 no-repeat;} .page-university blockquote div {background:url(../_images/subpages/bg-blockquote2.gif) #1c3045 0 0 repeat-x; padding:1.8em; position:relative;} .page-university blockquote div p.leading {position:relative; margin-top:0;} .page-university blockquote div p.leading:first-line {font-weight:bold;} .page-university blockquote div q {width:37px; height:31px; background:url(../_images/subpages/quotationmarks.png) 0 0 no-repeat; position:absolute; left:-45px; top:-3px;} .page-university blockquote cite {display:block; font-weight:bold; color:#c4e4ff;} .page-university h4 {margin:2.7em 0 0;} .page-resumetips h4 {margin:2.7em 0 0;} .page-benefits .columns {margin:3.6em 0 0;} .rules {list-style-type:decimal; margin:1.8em 20px 1.8em; line-height:22px;} .rules ol {list-style-type:upper-arab; margin:1.8em 0 1.8em 40px;} .rules ol.lower-alpha {list-style-type:lower-alpha;} .rules ol.lower-roman {list-style-type:lower-roman;} .rules ol.upper-roman {list-style-type:upper-roman;} .rules ol.upper-arab {list-style-type:upper-arab;} .rules ul.bullet {list-style-type:bullet;} .rules ol.decimal {list-style-type:decimal;} .rules ol.upper-alpha {list-style-type:upper-alpha;} .rules ol {margin:1.8em 0 1.8em 10px;} .rules li {margin:3.6em 0 3.6em;} .rules li li {margin:1.8em 0 1.8em;} .rules h4 {font:bold 14px/24px Arial, Helvetica, sans-serif; letter-spacing:-0.05em; margin:0; padding:0;} .rules ol h4 {color:#82B8CB;} .rules1 {list-style-type:upper-alpha; margin:1.8em 20px 1.8em; line-height:22px;} .rules1 ol {list-style-type:upper-arab; margin:1.8em 0 1.8em 40px;} .rules1 ol.lower-alpha {list-style-type:lower-alpha;} .rules1 ol.lower-roman {list-style-type:lower-roman;} .rules1 ol.upper-roman {list-style-type:upper-roman;} .rules1 ol.upper-arab {list-style-type:upper-arab;} .rules1 ul.bullet {list-style-type:bullet;} .rules1 ol.decimal {list-style-type:decimal;} .rules1 ol.upper-alpha {list-style-type:upper-alpha;} .rules1 ol {margin:1.8em 0 1.8em 10px;} .rules1 li {margin:3.6em 0 3.6em;} .rules1 li li {margin:1.8em 0 1.8em;} .rules1 h4 {font:bold 14px/24px Arial, Helvetica, sans-serif; letter-spacing:-0.05em; margin:0; padding:0;} .rules1 ol h4 {color:#82B8CB;} .btn-agree, .btn-disagree {width:234px; height:53px; background-position:0 0; background-repeat:no-repeat; display:block; float:left; margin:0 8px;} .btn-agree:hover, .btn-disagree:hover {background-position:0 100%;} .page-fanartrules .fiftycent {margin: 0 0 35px 0; padding: 25px 0 0 0;} .page-termsofsale .rules {list-style-type: decimal;} .page-search {min-height: 572px;} .page-search .flashTextHeightPlaceholder {margin-top:20px;} .searchtop {overflow:hidden;} .search_resultsfor {margin:5px 0 20px 10px; font:12px/30px Arial, Helvetica, sans-serif; } .search_refine {overflow:hidden; margin:4px 0 0;} .search_refine span {margin:0 10px 0 0; display:block; float:left; font:bold 11px/22px Arial, Helvetica, sans-serif;} .search_refine .searchbox {float:left; background:url(../_images/layout/searchbox.gif) 0 0 no-repeat; width:261px; height:22px;} .search_refine .box {width:250px; height:15px; background-color: transparent; border: 0; color: #01b2f1; font:11px Arial, Helvetica, sans-serif; margin:3px 0 0 5px;} .search_refine .searchbutton {width:28px; height:22px; margin:0 0 0 4px; float:left;} .search_refine .button {width : 28px; height: 22px; background: url(../_images/layout/nav-search.gif); display: block; background-repeat: no-repeat; background-position: 0px 0px;} .search_refine .button:hover {background-position: 0px -22px;} .search_refine_btn {background:#CCC;} .search_results {padding:0 10px; clear:both; font-family:Arial, Helvetica, sans-serif;} .search_entry {margin:30px 0; /*border-bottom:1px dotted #0E2D3F;*/ } .search_entry.hasrelated {border-bottom:none;} .search_entry.related {padding-left:40px;} .search_title {font-size:16px;} .search_title a {text-decoration:underline;} .search_content {font-size:13px; padding:5px 0;} .search_content b {/*background:#10618B; padding:0 2px;*/ font-style:normal; font-weight:bold;} .search_link {font-size:11px; line-height:1.6;} .search_link a {color:#11BAD8;} .search_link a:hover {color:#fff;} .search_results p.lead {border-style:solid; border-color:#2499dc; border-width:2px; margin:50px auto 20px; padding:30px 40px; width:750px; background:url(../_images/layout/maintenancebg.jpg) 50% -135px no-repeat;} .search_results p.lead span {padding:0;} .search_key_match {/*padding:20px; margin:40px 0;*/} .search_key_match h6 {font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; display:inline; color:#e5902b;} .search_key_match .search_title {font-size:24px;} .blankqs { padding: 0 0 300px 0;} .sitemap .subcontents .middle .wrapper .page-sitemap {padding:20px 20px 0;} .sitemap .sitemap_holder { overflow:hidden; width:900px; /*background:url(../_images/layout/bg-blockquote.jpg) 50% 0 no-repeat;*/ margin:40px auto 0; } .sitemap .cat-top { width:274px; float:left; font:20px Arial, Helvetica, sans-serif; padding-left:25px;} .sitemap .primary {font:bold 26px/1.2 'Century Gothic', Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#7ABAF2;} .sitemap .primary:hover, .sitemap .subcat .secondary a:hover, .sitemap .subcat .tertiary li a:hover {color:#fff;} .sitemap .subcat {margin:20px 0;} .sitemap .subcat .secondary {font:11px/1.8 Arial, Helvetica, sans-serif;padding:0 0 3px;} .sitemap .subcat .secondary a {border:none; border-bottom:1px solid #4192D9; color:#4192D9;} .sitemap .subcat .tertiary {margin:0 0 15px; list-style-type:square; padding:0 0 0 17px;} .sitemap .subcat .tertiary li {font:11px/1.8 Arial, Helvetica, sans-serif; padding:3px 0; color:#0083D9;} .sitemap .subcat .tertiary li a {border-bottom:1px solid #0083D9; color:#0083D9;} .jobMaintenanceAlert { width:750px; margin:39px auto 0; color:red; font-weight:bold; font-size: 12px; font-family: Arial,Helvetica,sans-serif; line-height: 1.8em; display: none;} /* Mobile */ .mobile { background:#010E16; } .mobile_rpt { background: url(../_images/subpages/bg_mobile_rpt.jpg) 50% 150% repeat-y; } .mobile_header { background: url(../_images/subpages/header_mobile.jpg) 50% 0 no-repeat; } .mobile .guts { width:916px; margin:0 auto;} .mobile .mobiletitle { padding:35px 0 279px 0;} .mobile .guts p { display:block; padding:20px; font-family:Calibri, Arial; font-size:17px; } .mobile .guts ul { padding:10px 20px } .mobile .guts li { padding:0 10px} .mobile .guts h3 { font-weight:bold; font-style:italic; } .mobile .guts .mobile_features { padding-left:20px } .mobile .guts small { font-style:italic } .mobile .footercontainer { background: url(../_images/subpages/bg_mobile_btm.jpg) 50% 100% no-repeat; padding:155px 0 144px; } .mobile .guts li { list-style:disc; line-height:22px; font-size:14px; } .mobile .guts ul ul li { list-style:circle; font-size:80%; } .mobile .m_img_column { float:right; width:252px; padding-top:85px; } .mobile .m_img { width:252px; margin-bottom:10px} .m_img .caption { text-align:right; font-size:12px; text-transform:capitalize; font-variant:small-caps; font-style:italic; font-weight:bold; text-shadow:1px 1px 1px #11AFF0, 1px 1px 2px #1281B8; } .mobile .entry { width:664px; float:left; clear:both} /* Utility */ .clear-after:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } /* Global Paging -- Ripped from gallery styles */ .paging { position:relative; } .paging .pages {overflow:hidden; clear:both; text-align:center; margin:0 auto; padding: 0 0 10px 0; /*position:absolute; right:0; top:-50px;*/ } .paging .pages .numbers {margin-right:7px;} .paging .pages .numbers, .paging .pages a#gotopg {float:right;} .paging .pages .numbers span, .paging .pages .numbers a, .paging .pages .numbers div {float:left; display:block;} .paging .pages .numbers span {padding:1px 0; margin:0 5px;} .paging .pages .numbers #prevpg {background:url(../_images/layout/btn-arrow-prev.gif) 0 0 no-repeat; width:28px; height:44px; padding:0;} .paging .pages .numbers #nextpg {background:url(../_images/layout/btn-arrow-next.gif) 0 0 no-repeat; width:28px; height:44px; padding:0;} .paging .pages .numbers #prevendpg {background:url(../_images/layout/btn-arrow-prevend.gif) 0 0 no-repeat; width:28px; height:44px; padding:0;} .paging .pages .numbers #nextendpg {background:url(../_images/layout/btn-arrow-nextend.gif) 0 0 no-repeat; width:28px; height:44px; padding:0;} .paging .pages .numbers #prevpg:hover, .paging .pages .numbers #nextpg:hover, .paging .pages .numbers #nextendpg:hover, .paging .pages .numbers #prevendpg:hover {background-position:0 100%;} .paging .pages .numbers a.disabled:hover {background-position:0 0 !important; cursor:default !important; color:#03b2f1 !important;} .paging .pages .numbers div {margin-top:5px;} .paging .pages .numbers div span {font-size:11px; font-weight:bold; color:#fff;line-height:25px;} .paging .pages .numbers div a {background:url(../_images/layout/paging-bg.gif) 0 0 no-repeat; font-size:11px; font-weight:bold; color:#fff; width:32px; height:32px; line-height:32px; letter-spacing:-.08em; margin:0 1px; text-align:center; text-decoration:none;} .paging .pages .numbers div a:hover {background-position:0 100%;} .paging .pages .numbers div a.selected, .paging .pages .numbers a.selected:hover {background:url(../_images/layout/paging-bg-selected.gif) 0 0 no-repeat; cursor:default;} .paging .pages .numbers a.disabled, .paging .pages .numbers a.disabled:hover {} .paging .pages a#gotopg {display:block; padding:0; margin:10px 5px 0 0;} .paging .pages a#gotopg span {display:block; cursor:pointer;width:24px; height:24px; background:url(../_images/layout/icon-search.gif) 0 0 no-repeat;} .paging .pages a.disabled {display:none !important;} /* tooltip */ .ui-tooltip { position: absolute; z-index: 9005; width: auto; height: auto; max-width: 300px; border:1px solid #11323e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; background-color:#04202c; padding:10px;} .ui-tooltip .tooltip-content { width: auto; height: auto; } .ui-tooltip table { border-collapse: collapse; border-spacing: 0; } .ui-tooltip td { margin: 0; padding: 0 } .tooltip-frame { background: transparent; border: none; display: none; height: 0; position: absolute; z-index: 999; width: auto; height: auto; max-width: 300px; } /* Gamescom 2011 styles */ .page-gamescom2011 .page-wrapper { padding: 0 0 40px 0; } .page-gamescom2011 .page-wrapper .gamescom-news-wrapper { width: 400px; margin: 0 80px 0 0; } .page-gamescom2011 .page-wrapper .gamescom-partners .partners-line { height: 70px; } .page-gamescom2011 .page-wrapper .gamescom-information-column{ float: right; width: 420px; } .page-gamescom2011 .gamescom-partners #partner-cryptozoic{ width: 118px; height: 45px; background:url(../_images/company/events/gamescom2011/cryptozoic-logo.gif) top left no-repeat; margin: 0 0 0 30px; float: left;} .page-gamescom2011 .gamescom-partners #partner-steelseries{ margin: 15px 0 0 0; } .page-gamescom2011 .gamescom-partners #partner-panini{ margin: 5px 0 0 0; } .page-gamescom2011 .gamescom-partners #partner-jinx{ width: 200px; height: 65px; background:url(../_images/company/events/gamescom2011/sponsor_jinx-logo.png) top left no-repeat; margin: 3px 0 0 -15px; float: left; display: block; } .page-gamescom2011 .gamescom-partners #partner-razer{ margin: 5px 0 0 20px; } .page-gamescom2011 .gamescom-partners #partner-nvidia{ width: 100px; height: 75px; background:url(../_images/company/events/sc2midnightopenings/partner_nvidia.jpg) top left no-repeat; margin: 0 0 20px 30px; float: left;} .page-gamescom2011 .sponsors-section{ padding: 25px 0 0 0; } .page-gamescom2011 .sponsors-section hr{ clear: both; width: 776px; border: 0; height: 1px; margin: 25px auto 40px auto; background:url(../_images/company/events/gamescom2011/prizes-section_separator.png) top left no-repeat; } .page-gamescom2011 .sponsor-item{ width: 840px; height: 175px; margin: 0 auto 0 auto; clear: both} .page-gamescom2011 .sponsor-content{ width: 415px; height: 175px; float: left; } .page-gamescom2011 .sponsor-content ul{ margin: 15px 0 0 25px; padding: 0; font-weight: normal; } .page-gamescom2011 .sponsor-content ul li{ font-family: Arial; font-size: 15px; font-weight: normal; color: white; } .page-gamescom2011 .sponsor-title{ width: 370px; height: 74px; background:url(../_images/company/events/gamescom2011/sponsor-title_background.png) top left no-repeat; } .page-gamescom2011 .sponsor-banner{ float: right; width: 406px; height: 175px; } .page-gamescom2011 .sponsor-logo-creative{ width: 170px; height: 29px; background:url(../_images/company/events/gamescom2010/partner_creative_white.png) top left no-repeat; margin: 23px 0 0 20px; float: left; display: block; } .page-gamescom2011 .sponsor-logo-cryptozoic{ width: 118px; height: 45px; background:url(../_images/company/events/gamescom2011/cryptozoic-logo.gif) top left no-repeat; margin: 15px 0 0 17px; float: left; display: block; } .page-gamescom2011 .sponsor-logo-jinx{ width: 200px; height: 65px; background:url(../_images/company/events/gamescom2011/sponsor_jinx-logo.png) top left no-repeat; margin: 3px 0 0 9px; float: left; display: block; } .page-gamescom2011 .sponsor-logo-panini{ width: 170px; height: 40px; background:url(../_images/company/events/sc2midnightopenings/partner_panini.gif) top left no-repeat; margin: 17px 0 0 20px; float: left; display: block; } .page-gamescom2011 .sponsor-logo-razer{ width: 170px; height: 49px; background:url(../_images/company/events/sc2midnightopenings/partner_razer.png) top left no-repeat; margin: 12px 0 0 20px; float: left; display: block; } .page-gamescom2011 .sponsor-logo-steelseries{ width: 170px; height: 24px; background:url(../_images/company/events/sc2midnightopenings/partner_steelseries_white.png) top left no-repeat; margin: 23px 0 0 20px; float: left; display: block; } .page-gamescom2011 .disclaimer-text{ text-align: center; } /* IgroMir 2011 styles */ .page-igromir2011 .page-wrapper { padding: 0 0 40px 0; } .page-igromir2011 .page-wrapper .igromir-news-wrapper { width: 400px; margin: 0 80px 0 0; } .page-igromir2011 .page-wrapper .igromir-partners .partners-line { height: 70px; } .page-igromir2011 .page-wrapper .igromir-information-column{ float: right; width: 420px; } .page-igromir2011 .igromir-partners #partner-steelseries{ margin: 15px 0 0 0; } .page-igromir2011 .igromir-partners #partner-razer{ margin: 5px 0 0 20px; } .page-igromir2011 .sponsors-section{ padding: 25px 0 0 0; } .page-igromir2011 .sponsors-section hr{ clear: both; width: 776px; border: 0; height: 1px; margin: 25px auto 40px auto; background:url(../_images/company/events/gamescom2011/prizes-section_separator.png) top left no-repeat; } .page-igromir2011 .sponsor-item{ width: 840px; height: 175px; margin: 0 auto 0 auto; clear: both} .page-igromir2011 .sponsor-content{ width: 415px; height: 175px; float: left; } .page-igromir2011 .sponsor-content ul{ margin: 15px 0 0 25px; padding: 0; font-weight: normal; } .page-igromir2011 .sponsor-content ul li{ font-family: Arial; font-size: 15px; font-weight: normal; color: white; } .page-igromir2011 .sponsor-title{ width: 370px; height: 74px; background:url(../_images/company/events/gamescom2011/sponsor-title_background.png) top left no-repeat; } .page-igromir2011 .sponsor-banner{ float: right; width: 406px; height: 175px; } .page-igromir2011 .sponsor-logo-razer{ width: 170px; height: 49px; background:url(../_images/company/events/sc2midnightopenings/partner_razer.png) top left no-repeat; margin: 12px 0 0 20px; float: left; display: block; } .page-igromir2011 .sponsor-logo-steelseries{ width: 170px; height: 24px; background:url(../_images/company/events/sc2midnightopenings/partner_steelseries_white.png) top left no-repeat; margin: 23px 0 0 20px; float: left; display: block; } .page-igromir2011 .disclaimer-text{ text-align: center; } /* D3 announcement styles */ .d3-announcement .contents h3 { font: normal 22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans','Verdana','Arial','sans-serif'; color:#FFFFFF } .d3-announcement h5 { font: normal 16px 'Century Gothic', 'Arial','Helvetica','sans-serif'; margin-bottom: 10px; color: #00A2F1; text-transform: none; } .d3-announcement .desc-block { margin:20px 0; background:url(../_images/company/events/d3announcement/line-long.jpg) 50% 0 no-repeat; padding:20px 0; position:relative;} .d3-announcement .desc-block .left{ float:left; } .d3-announcement .desc-block .none-ss { width:400px } .d3-announcement .openinglines {display: block;} #cat-d3-overview .desc-block .img { width:273px; height:136px; float:right; display:block; } #cat-d3-overview .desc-block .ss-1 { background:url(../_images/company/events/d3announcement/overview-ss1.jpg) 0 0 no-repeat; } #cat-d3-overview .desc-block .ss-2 { background:url(../_images/company/events/d3announcement/overview-ss2.jpg) 0 0 no-repeat; } #cat-d3-overview .desc-block .ss-3 { background:url(../_images/company/events/d3announcement/overview-ss3.jpg) 0 0 no-repeat; } #cat-d3-overview .desc-block .ss-4 { background:url(../_images/company/events/d3announcement/overview-ss4.jpg) 0 0 no-repeat; } #cat-d3-overview .desc-block .ss-5 { background:url(../_images/company/events/d3announcement/overview-ss5.jpg) 0 0 no-repeat; } #cat-d3-overview .desc-block .ss-6 { background:url(../_images/company/events/d3announcement/overview-ss6.jpg) 0 0 no-repeat; } #cat-d3-overview .desc-block .ss-7 { background:url(../_images/company/events/d3announcement/overview-ss7.jpg) 0 0 no-repeat; } #cat-d3-interview .desc-block .num-2 { float:right; } #cat-d3-interview .desc-block .num-4 { float:right; } #cat-d3-interview .desc-block .num-6 { float:right; } #cat-d3-interview .desc-block .num-7 { margin-bottom:20px; width:100% } #cat-d3-interview .desc-block .num-9 { margin-bottom:20px; width:100% } #cat-d3-interview .ss-2 { background:url(../_images/company/events/d3announcement/interview-ss1.jpg) 0 0 no-repeat; width:272px; height:391px; float:left } #cat-d3-interview .ss-3 { background:url(../_images/company/events/d3announcement/interview-ss2.jpg) 0 0 no-repeat; width:272px; height:311px; float:right } #cat-d3-interview .ss-4 { background:url(../_images/company/events/d3announcement/interview-ss3.jpg) 0 0 no-repeat; width:272px; height:351px; float:left } #cat-d3-interview .ss-6 { background:url(../_images/company/events/d3announcement/interview-ss4.jpg) 0 0 no-repeat; width:272px; height:412px; float:left } #cat-d3-interview .ss-7 { background:url(../_images/company/events/d3announcement/interview-ss5.jpg) 50% 0 no-repeat; width:100%; height:380px; float:left} #cat-d3-interview .ss-9 { background:url(../_images/company/events/d3announcement/interview-ss6.jpg) 50% 0 no-repeat; width:100%; height:287px; float:left} .d3-announcement .short { margin:20px 0; background:url(../_images/company/events/d3announcement/line-short.jpg) 0 0 no-repeat; padding:20px 0} #cat-d3-faq .ss-1 { background:url(../_images/company/events/d3announcement/beta-faq-ss1.png) 0 0 no-repeat; width:186px; height:215px;float:right; margin-right:70px } #cat-d3-faq .ss-4 { background:url(../_images/company/events/d3announcement/beta-faq-ss2.jpg) 0 0 no-repeat; width:269px; height:454px; right:0px; position:absolute; } #cat-auction-summary .desc-block .img { width:272px; height:150px; float:right; display:block } #cat-auction-summary .desc-block .ss-1 { background:url(../_images/company/events/d3announcement/summary-ss1.jpg) 0 0 no-repeat; } #cat-auction-summary .desc-block .ss-2 { background:url(../_images/company/events/d3announcement/summary-ss2.jpg) 0 0 no-repeat; } #cat-auction-summary .desc-block .ss-3 { background:url(../_images/company/events/d3announcement/summary-ss3.jpg) 0 0 no-repeat; } #cat-auction-summary .desc-block .ss-4 { background:url(../_images/company/events/d3announcement/summary-ss4.jpg) 0 0 no-repeat; } #cat-auction-summary .desc-block .ss-5 { background:url(../_images/company/events/d3announcement/summary-ss5.jpg) 0 0 no-repeat; } #cat-auction-summary .desc-block .ss-6 { background:url(../_images/company/events/d3announcement/summary-ss6.jpg) 0 0 no-repeat; } #cat-auction-summary .desc-block .ss-7 { background:url(../_images/company/events/d3announcement/summary-ss7.jpg) 0 0 no-repeat; } #cat-auction-faq { background:url(../_images/company/events/d3announcement/faq-bg.jpg) 0 200px no-repeat; } .d3-announcement .gallerycontainer { margin-left:-240px } .d3-announcement .gallerycontainer h3 { font-size: 11px; margin:0; position:relative; top:8px } .d3-announcement ul{ list-style-type:none; margin:0; padding:10px 0 } .d3-announcement .menu #first{ border:none } .d3-announcement .menu li { float:left; border-left:1px solid #038cd1; padding:0 15px; line-height: 1em; font-family:Century Gothic; } .d3-announcement .menu li.view { color:#fff; } .d3-announcement .menu li.view a { color:#fff; } .d3-announcement .viewer li { display:none; } .d3-announcement .viewer .view { display:block } .d3-announcement .main-banner { margin:0 auto 150px; font-family:'Century Gothic', 'Arial','Helvetica','sans-serif'; } .d3-announcement .main-banner a.back-link { position:absolute; width:444px; height:180px; margin-top:-234px } .d3-announcement .main-banner .faqs-title { font-size: 20px; color:#fff; margin:180px 0 0 0; width:100%; text-align:center; line-height:1.5em } .d3-announcement .main-banner a.sub-menu { display:inline-block; padding:0 10px } .d3-announcement .main-banner span { display:block; width:100%; text-align:center } .d3-announcement .main-banner .sub-menu { font-size:14px } .d3-announcement .beta-faq { background:url(../_images/company/events/d3announcement/betafaq.jpg) 0 0 no-repeat; width:445px; height:244px; display:block; float:left } .d3-announcement .beta-faq:hover { background-position:0 100% } .d3-announcement .auction-house { background:url(../_images/company/events/d3announcement/auctionhouse.jpg) 0 0 no-repeat; width:445px; height:244px; display:block; float:right} .d3-announcement .auction-house:hover { background-position:0 100% } /*CS survey*/ .page-survey .check-rules { text-align:center; background:url('../_images/layout/line-long.jpg') 50% 0 no-repeat; padding-top:20px } .page-survey ul.prize-list { list-style-type: none; margin: 0 auto; width: 100%; padding: 0; width:840px} .page-survey .prize { width:188px; height:258px; text-align:center; float:left } .page-survey .prize.first{ background:url('../_images/survey/prize-01.jpg') no-repeat 0 0; } .page-survey .prize.second{ background:url('../_images/survey/prize-02.jpg') no-repeat 0 0; } .page-survey .prize.third{ background:url('../_images/survey/prize-03.jpg') no-repeat 0 0; } .page-survey .prize.fourth{ background:url('../_images/survey/prize-04.jpg') no-repeat 0 0; } .page-survey .prize-title { display:block; margin-top:195px; font:normal 16px Century Gothic; color:#00a2f1 } .page-survey .buttonbasic #terms-accpet { text-transform:none; } .page-survey .buttonbasic #terms-accpet.disable { background:url('../_images/layout/button-disabled-bg.gif')no-repeat; cursor:default} .cs-survey-rules .flashTextHeightPlaceholder{height:70px;} /*Events gallery lighbox*/ .gallery-container { padding-bottom: 40px;} .gallery-container .thumb { position:relative; float: left; margin: 0 25px 20px 0;} .gallery-container .thumb img, .gallery-container .thumb .thumb-link { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: block; height: 96px; background-color: #092b3d; width: 144px;} .gallery-container .thumb.portrait img, .gallery-container .thumb.portrait .thumb-link { height: 216px; } .gallery-container .thumb .thumb-link { border: 1px solid #033452; display: block; } .gallery-container .thumb .thumb-link:hover { border: 1px solid #2171a5;} /*charity auction*/ .subheader .charity-auction {background: url(../_images/subpages/header-charity-auction.jpg) no-repeat 50% 0; height:408px;} .charity-auction h3 { color: #FFFFFF; font: 22px 'Century Gothic','Lucida Sans Unicode','Lucida Grande','Lucida Sans','Verdana','Arial','sans-serif'; } .charity-auction .center-bg { background: url(../_images/company/charity-auction/background.jpg) no-repeat -30px -30px; margin:0 auto; width:866px; height:622px; } .charity-auction p em { color:#00a2f1; font-style:normal } .charity-auction p.asterisks { font-size:11px; color:#3e5c67; float:right; width:290px; line-height:1.5em } .charity-auction p.asterisks span { color:#00a2f1 } .charity-auction .seperator { background: url("../_images/layout/line-long.jpg") no-repeat 50% 0; margin: 50px auto; padding:0; height:1px; display:block } .charity-auction h5 { color: #00A2F1; font: 16px 'Century Gothic','Arial','Helvetica','sans-serif'; margin-bottom: 10px; text-transform: none; } .charity-auction .st-jude { background: url("../_images/company/charity-auction/background-logo.jpg") no-repeat 0 30px; } .charity-auction .st-jude .desc { width:540px; float:right } .charity-auction .st-jude-pic { padding:60px 0 } .charity-auction .st-jude-pic .ss1 { background: url(../_images/company/charity-auction/ss01.jpg) no-repeat 0 0; width:224px; height:336px; float:left } .charity-auction .st-jude-pic .ss2 { background: url(../_images/company/charity-auction/ss02.jpg) no-repeat 0 0; width:290px; height:208px; float:right } .charity-auction .blade-pic { width:605px; height:450px; margin:0 auto } .charity-auction .blade-pic .ss2 { background: url(../_images/company/charity-auction/ss04.jpg) no-repeat 0 0; margin: 10px; width:300px; height:202px; float:left } .charity-auction .blade-pic .ss3 { background: url(../_images/company/charity-auction/ss05.jpg) no-repeat 0 0; margin: 15px 10px; width:300px; height:202px; float:left } .charity-auction .blade-pic .ss1 { background: url(../_images/company/charity-auction/ss06.jpg) no-repeat 0 0; margin: 10px; width:262px; height:431px; float:right } .charity-auction .more-info { clear:both; text-align:left; margin:30px 0 50px 0 } /*retire-mobile*/ .mobile { background: url(../_images/mobile/bg-mobile.jpg) no-repeat 50% 0 #142430; } .mobile-wrapper { background: url("../_images/mobile/bg.jpg") no-repeat 0 0; width:979px; height:803px; margin-top:20px; position:relative } .mobile-wrapper .title { font-size:24px; color:#fff; height:167px; text-align:center } .mobile-wrapper .title p { position:relative; top:67px; } .mobile-wrapper .left { background: url("../_images/mobile/bg-left.jpg") no-repeat 0 0; width:388px; height:547px; position:relative; left:50px; top:32px; } .mobile-wrapper .left p { font-size:12px; color:#82b8cb; padding:0 25px; line-height:1.8em } .mobile-wrapper .left blockquote { font-size:11px; font-style:italic; color:#54676e; padding:0 25px; line-height:1.8em; } .mobile-wrapper .left blockquote a { color:#96b2bc; text-decoration:underline } .mobile-wrapper .left .buttons-holder { margin-left:21px; height:38px } .mobile-wrapper .left .mobile-button { background: url("../_images/mobile/mobile-button.jpg") no-repeat 0 0; width:169px; height:38px; font-size:12px; text-align:center; float:left; margin:0 2px; display:block; color:#fff } .mobile-wrapper .left .mobile-button span { margin-top:10px; position:relative; top:11px; font-weight:bold } .mobile-wrapper .left .seperator { background: url("../_images/mobile/line.jpg") no-repeat 0 0; height:3px; margin:18px 0; } .mobile-wrapper .right { background: url("../_images/mobile/bg-right.png") no-repeat 0 0; width:601px; height:593px; position:absolute; top:152px; left:443px; } /*pt-legal*/ .linkto-portugeuse { background-color: #000; cursor: pointer; display: block; position: relative; float:right; top:-110px; padding:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} .linkto-portugeuse span { position:relative; top:4px } .linkto-portugeuse strong { color:#fff } .linkto-portugeuse .iconglobal { background: url("../_images/layout/language-choice-globe.gif") no-repeat scroll 0 0 transparent; float: left; height: 31px; margin-right: 7px; width: 30px; } .linkto-portugeuse:hover .iconglobal {background-position:0 -31px;} .blizzcon-2013-media-signup .error { padding-top: 5px; } .blizzcon-2013-media-signup .form_checkbox { margin-left: 340px; } .blizzcon-2013-media-signup .form_checkbox .checkbox { padding-top: 5px; } .blizzcon-2013-media-signup .form_checkbox .checkbox label { float: none; } .blizzcon-2013-media-signup .form_checkbox .checkbox input[type=checkbox] { float: none; } /* New shop sub nav */ .navigation .shop-subnav { float:right; width:442px; height:321px; position:absolute; top:126px; right:5px; display:none; } .navigation .shop-subnav a { float:left; height:321px; } .navigation .shop-subnav a.bg-left {background:url(../_images/layout/shop-subnav-left.png) 0 0 no-repeat; width:221px; } .navigation .shop-subnav a.bg-right {background:url(../_images/layout/shop-subnav-right.png) 0 0 no-repeat; width:221px; } .navigation .shop-subnav a h2 { color:#00abe8; font-size:20px; margin:160px 24px 6px 24px; font-family: MuseoSans-500,"Century Gothic"; } .navigation .shop-subnav a div { color:#99cee0; margin:0px 24px; font-size:14px; line-height:1.25em; } .navigation .shop-subnav a:hover h2 { color:#fff; } .navigation .shop-subnav a.bg-left:hover {background-position:0px -321px; } .navigation .shop-subnav a.bg-right:hover {background-position:0px -321px; } /* Chrome- work-around for non-rendering sparkles */ @media screen and (-webkit-min-device-pixel-ratio:0) { #logo-sparkles { display:none; } } .blizzcon-media-signup .error { padding-top: 5px; } .blizzcon-media-signup .form_checkbox { margin-left: 340px; } .blizzcon-media-signup .form_checkbox .checkbox { padding-top: 5px; } .blizzcon-media-signup .form_checkbox .checkbox label { float: none; } .blizzcon-media-signup .form_checkbox .checkbox input[type=checkbox] { float: none; }