/********************************************/ /*** Global Styles ***/ /********************************************/ body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;} a{color:#FFF; outline:none;background-color: transparent;} a:hover{color:#0aeeff;} img{border:0;} h1,h2,h3,h4,h5,h6{font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal;} .sep {border-right:1px solid #444;} .noborder{border:none;} .clear{clear:both;} .center {text-align: center} .small {padding: 7px 0;font-size: 11px} .noBlock {display: inline} .smallPad {padding: 0 5px} .hideMe{display:none} a.image {border: 0 !important;text-decoration: none !important} .floatLeft {float: left} .hide-text{display: block;text-align: left;text-indent: -9999px;overflow: hidden;outline: none;} .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } /* Sticky footer */ html, body {height: 100%;} #sticky-footer-wrapper {min-height: 100%;} .outer-container {overflow:auto; padding-bottom: 163px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -163px !important; clear:both;} /*Opera Fix*/ body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px; } /********************************************/ /*** Global Layout ***/ /********************************************/ /* Home Page Featured Slider */ /*** Main Content Columns ***/ .hero-banner-container {margin: -2px 0 0;height: 375px;overflow: hidden;position: relative;} .main-content{margin-bottom: 20px;overflow: hidden;} .main-content .column{margin-left: 100px;float: left;} .main-content .column:first-child{margin-left: 0;} .main-content .column .header h2, .main-content .column .header h3 {color: #fff;font: 18px/32px IntervalSansProRegular,Arial,Helvetica,sans-serif;} .main-content .column .header a{float: right;line-height: 35px;} .main-content > .column > .bucket{} .main-content .social{width: 318px;} /*** Scrollbars ***/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 19px; height: 100%;background: #212121; } .jspVerticalBar * { margin: 0; padding: 0;cursor: pointer; } .jspVerticalBar .jspArrow{width: 100%;height: 20px;display: block;background: url(/global/includes/images/template_items/home-page/scrollbar-arrows.png) no-repeat;} .jspVerticalBar .jspArrowUp{} .jspVerticalBar .jspArrowDown{background-position: -19px 0;} .jspVerticalBar .jspArrowUp:hover{background-position: 0 -20px;} .jspVerticalBar .jspArrowDown:hover{background-position: -19px -20px;} .jspVerticalBar .jspCapTop + .jspActive{background-position: 0 -40px;} .jspVerticalBar .jspTrack + .jspActive{background-position: -19px -40px;} .jspVerticalBar .jspTrack .jspActive{background-position: -17px 50%;} .jspTrack { position: relative; } .jspDrag { width: 17px;position: relative; top: 0;left: 1px;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(/global/includes/images/template_items/home-page/scrollbar-slider-bg.png) no-repeat 0 50%; } /*** Social Column ***/ .main-content .social .content-header{height: 35px;border-bottom: 1px solid #4a4a4a;outline: none;background: url(/global/includes/images/template_items/home-page/content-social-heading-bg.png) repeat-x #1d1d1d;cursor: pointer;} .main-content .social .content-header h3{margin-left: 10px;padding-left: 29px;color: #fff;font: 16px/32px IntervalSansProRegular,Arial,Helvetica,sans-serif;background: url(/global/includes/images/template_items/home-page/social-header-icons.png) no-repeat} .main-content .social .content-header h3 span.arrow{padding-right: 12px;font-size: 14px;background: url(/global/includes/images/template_items/home-page/latest-news-heading-arrow.png) no-repeat scroll 100% 7px;} .main-content .social .content-header h3.twitter{background-position: 0 7px;} .main-content .social .content-header h3.facebook{background-position: 0 -71px;} .main-content .social .ui-state-active h3 span.arrow{background-position: 100% -163px;} .main-content .social .content{height: 450px;overflow: hidden;position: relative;line-height: 1.3em;} .main-content .social .content ul li{margin-left: 5px;padding: 20px 10px;width: 270px;border-top: 1px dashed #737373;word-wrap: break-word;} .main-content .social .content ul li a { display: inline;} .main-content .social .content ul li:first-child{border-top: 0 none;} .main-content .social .content ul li.ncs-loading{margin: 0;padding: 0;width: 317px;height: 449px;text-indent: -9999px;overflow: hidden;outline: none;background: url(/global/includes/images/template_items/home-page/ajax-loader.gif) no-repeat 50% 50%;} .main-content .social .content ul li .post-link {margin: 10px 0 10px 9px;padding-left: 6px;display: block;font-size: 11px;border-left: 1px solid #525252;} .main-content .social .content ul li .post-link a{display: block;} .main-content .social .content ul li .post-link img{margin-bottom: 5px;display: block;border: 1px solid #5a5a5a;} .main-content .social .content ul li .extra-info{font-size: 11px;} .main-content .social .content ul li .extra-info .publish-date{color: #a2a2a2;} .main-content .social .content ul li .extra-info a.like-count {margin: 0 17px;padding-left: 18px;background: url(/global/includes/images/template_items/home-page/facebook-icons.gif) no-repeat;} .main-content .social .content ul li .extra-info a.comment-count {padding-left: 18px;background: url(/global/includes/images/template_items/home-page/facebook-icons.gif) no-repeat scroll 0 -41px;} .no-js .main-content .social div.facebook{display: none !important;} /*** Sidebar ***/ .main-content .sidebar{width: 220px;} .main-content .sidebar .bucket{margin-top: 20px;} .main-content .sidebar .bucket:first-child{margin-top: 0;} .main-content .sidebar .sidebar-btn { height: 70px;position: relative;} .main-content .sidebar .sidebar-btn a { font-size:18px;text-align:center;display: block; height: 70px;background: url("/global/includes/images/template_items/games/sidebar-btn.png") no-repeat;text-shadow:2px 2px 2px #222;} .main-content .sidebar .sidebar-btn a span{padding-right: 25px;line-height: 66px;background: url(/global/includes/images/template_items/home-page/header-link-icons.png) no-repeat 100% -5px;} .main-content .sidebar .play-free a{} .main-content .sidebar .official-site { margin: 10px 0;} .main-content .sidebar .bucket a{display: block;position: relative;} .main-content .sidebar .bucket img{display: block;visibility: hidden;} .main-content .sidebar .bucket div.bucket-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .main-content .sidebar .bucket div.bucket-bg:hover{background-position: -220px 0;} .main-content .sidebar .bucket.newsletter-signup{background: url(/global/includes/images/template_items/home-page/newsletter-bucket-bg.png) 50% 100% no-repeat;} .main-content .sidebar .bucket.newsletter-signup .header{margin-bottom: 10px;padding-bottom: 68px;text-align: center;background: url(/media/uploads/front-page-buckets/ncsoft-newsletter-en.png) 50% 100% no-repeat;} .main-content .sidebar .bucket.newsletter-signup .submit-button{display: inline-block;width: 190px;height: 48px;border: 0 none;text-align: center;font: 16px IntervalSansProRegular,Arial,Helvetica,sans-serif;color: #ffb316;background: url(/global/includes/images/template_items/home-page/newsletter-bucket-submit-btn.png) no-repeat;cursor: pointer;} .main-content .sidebar .bucket.newsletter-signup .submit-button:hover{background-position: 0 -48px;color: #fff;} #fp-newsletter-signup{padding: 0 15px 15px;} #fp-newsletter-signup input, #fp-newsletter-signup select{width: 100%;} #fp-newsletter-signup .jqTransformSelectWrapper a.jqTransformSelectOpen{position: absolute;} #fp-newsletter-signup .jqTransformInputWrapper, #fp-newsletter-signup .jqTransformSelectWrapper{width: 100% !important;} /********************************************/ /*** Home Page ***/ /********************************************/ #fp{color: #fff;} .outer-container{margin: 0 auto;width: 960px;} #fp .main-content a {color: #ffb316;text-decoration: none;} #fp .main-content a:hover{text-decoration: underline;} /*** Hero Banner ***/ #fp .hero-banner-container #fp-slider .panel{width: 100%;height: 375px;display: none;position: relative;background-position: 50% 0;background-repeat: no-repeat;} #fp .hero-banner-container #fp-slider .panel:first-child{display: block;} #fp .hero-banner-container #fp-slider .panel .banner-link{width: 100%;height: 100%;overflow: hidden;display: block;position: absolute;top: 0;left: 0;outline: none;text-indent: -9999px;} #fp .hero-banner-container .panel-nav {margin-left: -480px;position: absolute;bottom: 0;left: 50%;width: 960px;} #fp .hero-banner-container .panel-nav-dots {padding: 11px 10px 9px;position: absolute;z-index: 10;bottom: 25px;right: -6px;min-width: 133px;text-align: right;background: url(/global/includes/images/template_items/home-page/hero-panel-nav-bg.png) 50% 0 repeat-y;} #fp .hero-banner-container .panel-nav-dots a {margin-left: 7px; width:15px;height:15px;overflow:hidden; display: inline-block; text-align: left; text-indent:-9999px;background: url(/global/includes/images/template_items/home-page/hero-panel-nav-dots.png) no-repeat;} #fp .hero-banner-container .panel-nav-dots a.activeSlide {background-position:-15px 0;} #fp .hero-banner-container .panel-nav-dots a:hover {background-position: -15px 0;} /* Games Tiles */ #fp .game-tile-container{margin: 0 0 20px;height: 133px;position: relative;z-index: 100;background: url(/global/includes/images/template_items/home-page/game-tile-container-bg.png) repeat-x;} #fp .game-tile-container .outer-container{overflow: visible;} #fp .game-tiles{padding: 0 20px;position: relative;} #fp .game-tiles .tile-container{padding-top: 5px;padding-left: 37px;float: left;} #fp .game-tiles .tile-container:first-child{padding-left: 0;} #fp .game-tiles .tile{width: 120px;height: 120px;border: 1px solid #090e0f;border-radius: 5px;background: #282933 url(/global/includes/images/template_items/home-page/game-tile-bg2.png) repeat-x;transition: 0.2s;border-bottom-color: #4b5354;} #fp .game-tiles .tile .tile-link{position: relative;display: block;width: 120px;height: 118px;border-top: 1px solid #cecfd1;border-bottom: 1px solid #141a1b;border-radius: 5px;transition: 0.2s;} #fp .game-tiles .tile .tile-link .character{position: relative;top: -25px;display: block;height: 146px;background-repeat: no-repeat;background-position: 50% 0;} #fp .game-tiles .tile .tile-link .logo{width: 100%;height: 53px;position: absolute;top: 63px;left: 0;background-position: 50% 0;background-repeat: no-repeat;} #fp .game-tiles .tile:hover{border-color: #b0b0b0;box-shadow: 0 0 15px rgba(255,255,255, 0.7);} #fp .game-tiles .tile:hover .tile-link{border-bottom-color: #b0b0b0;} #fp .game-tiles .tile:hover .tile-link .character{background-position: 50% -146px;} #fp .game-tiles .tile:hover .tile-link .logo{background-position: 50% -53px;} /*** News Column ***/ #fp .main-content .fp-news {margin-bottom: 14px;font-size: 19px;} #fp .main-content .fp-news span {font-size: 18px;} #fp .main-content .latest-news{margin-top: 13px;width: 640px;} #fp .main-content .latest-news .content{position: relative;outline: none;} #fp .main-content .latest-news .content div.read-more-news{padding-left: 125px;} #fp .main-content .latest-news .content div.read-more-news a span{font-size: 1.1em;} /********************************************/ /*** News Listing ***/ /********************************************/ ul.news-listing {margin:0!important;padding:0 !important;} ul.news-listing > li{padding: 0 0 55px !important;word-wrap: break-word;} ul.news-listing > li a { color: #ffb316; text-decoration: none;border: none !important;} ul.news-listing > li a:hover { text-decoration: underline;border:none !important;color: #ffb316 !important;} ul.news-listing > li h3{margin:0 0 6px !important;font: 19px/1 IntervalSansProRegular,Arial, Helvetica, sans-serif !important; padding:0!important;} ul.news-listing > li h3 sup {font-size: 10px} ul.news-listing > li h3 a{color: #99f3fa !important;text-decoration: none;} ul.news-listing > li h3 a:hover{color: #99f3fa !important;text-decoration: none;} ul.news-listing > li .news-logo{margin-right: 15px;float: left;display: block;} ul.news-listing > li .copy{overflow: hidden;border-left: 1px dotted #444;padding-left: 15px;padding-top: 1px;padding-bottom: 3px;} ul.news-listing > li span.details {color: #777;font-size: 10px;line-height: 1;display: block;} ul.news-listing > li span.details .brand {margin-right: 3px;font-size: 11px;line-height: 10px;color:#fff;} ul.news-listing > li span.details a:hover {text-decoration: underline;} ul.news-listing > li span.details span.date{margin-left: 3px;color: #bcbcbc;font-size: 11px;line-height: 10px} ul.news-listing > li div.description{padding-top: 8px;line-height: 1.3em;font-size: 14px;font-family: IntervalSansProRegular,Arial,Helvetica,sans-serif;color:#fff;} ul.news-listing > li div.description a.read-more{padding-right: 20px;display: inline-block;line-height: 16px;font-size: 12px;} ul.news-listing > li div.description a.read-more span {font-family: arial;font-size: 12px;} ul.news-listing > li div.description p{font-size: 13px;line-height:18px;} #newsPage ul.news-listing {margin-top:30px;} #newsPage ul.news-listing > li .copy {border: none;padding-left: 0;} /********************************************/ /*** Game Pages ***/ /********************************************/ .game-page{color: #fff;} .game-page a {color: #ffb316;text-decoration: none;} .game-page a:hover{text-decoration: underline;} .game-page .hero-banner-container{height: 482px;background-repeat: no-repeat;} .game-page .hero-banner-container .text-container { padding: 16px 20px 20px;position: absolute;bottom: 1px;left: 26px;width: 918px;font: 16px IntervalSansProRegular,Arial,Helvetica,sans-serif;background: url("/global/includes/images/template_items/games/hero-text-bg.png");} .game-page .hero-banner-container .text-container h2 { color: #0AEEFF;font-size: 28px;font-style: normal;margin: 0;padding: 0;} .game-page .hero-banner-container .text-container .sub-head { line-height: 18px;margin: 2px 0 0;padding: 0;} .game-page .main-content .column .header .twitter { background: url("/global/includes/images/template_items/home-page/social-header-icons.png") no-repeat scroll 0 8px transparent;color: #FFFFFF;font: 17px IntervalSansProRegular,Arial,Helvetica,sans-serif;height: 35px;margin-left: 9px;padding-left: 28px;padding-top: 5px;} .game-page .main-content .left-col .content {border:1px solid #4a4a4a;border-top: none;height: 614px;margin-top: 0;overflow: hidden;position: relative;width: 708px;background-repeat: no-repeat;background-position: 0 100%;background-color: #111111;} .game-page .main-content .left-col .content .content-column {margin-top: 15px;} .game-page .main-content .left-col .content .leftCol {float: left;margin-left: 15px;width: 295px;} .game-page .main-content .left-col .content .rightCol {float: right;margin-right: 0;width: 368px;} .game-page .main-content .left-col .content .leftCol p {font-size: 13px;line-height: 1.5em;margin: 0 0 15px;} .game-page .main-content .left-col .content .leftCol ul {margin-bottom: 15px;padding-left: 17px;} .game-page .main-content .left-col .content .leftCol ul li {font-size: 13px;line-height: 1.5em;margin: 0 0 5px;list-style: disc;} .game-page .main-content .left-col .content .leftCol p a {font: 15px arial,sans-serif;} .game-page .main-content .left-col .content .rightCol .video-container {border: 1px solid #4A4A4A;height: 189px;margin-bottom: 20px;overflow: hidden;width: 350px;} .game-page .main-content .left-col .content .rightCol .video-container .video-player { background: url("/global/includes/images/template_items/games/video-play-btn.png") no-repeat 0 6px;clear: both;color: #0AEEFF;display: block;font-family: Arial,sans-serif;font-size: 14px;height: 189px;letter-spacing: 1px;padding: 0;position: relative;text-align: left;text-decoration: none;} .game-page .main-content .left-col .content .rightCol .video-container .video-player:hover { background-position: 0 -196px;} .game-page .main-content .left-col .content .rightCol .video-container a span { bottom: 0;display: block;font-size: 14px;padding: 0 2px 7px 10px;position: absolute;text-align: left;} .game-page .main-content .left-col .content .rightCol .thumbs {display: inline-block;vertical-align: top;margin: 0 7px 10px 0;padding: 0;} .game-page .main-content .left-col .content .rightCol .thumbs h4 { font: 11px arial,sans-serif;padding-top: 3px;width: 171px;} .game-page .main-content .left-col .content .rightCol .thumbs a { border: 1px solid #4A4A4A;display: block;} .game-page .main-content .left-col .content .rightCol .thumbs a:hover {border-color: #FFB316;} .game-page .main-content .left-col .header {border: 1px solid #4A4A4A; -moz-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .game-page .main-content .left-col .header h3 { color: #FFFFFF;font: 18px IntervalSansProRegular,Arial,Helvetica,sans-serif;margin: 0;padding: 4px 0 0 15px;} .game-page .main-content .left-col .content .rightCol .video-container {background-repeat: no-repeat;} .game-page .main-content .left-col .content .social-connect { bottom: 17px;height: 41px;position: absolute;right: 13px;text-align: right; } .game-page .main-content .left-col .content .social-connect ul { list-style: none outside none;margin: 0;padding: 0;} .game-page .main-content .left-col .content .social-connect ul li { color: #FFFFFF;float: left;font: 21px IntervalSansProRegular,Arial,Helvetica,sans-serif;margin: 0 0 0 10px;padding: 0;} .game-page .main-content .left-col .content .social-connect ul li.copy {padding-top: 4px;text-shadow: 1px 1px 3px #000000;} .game-page .main-content .left-col .content .social-connect ul li a {overflow: hidden;text-indent: -9999px;text-align: left;outline: none;background: url("/global/includes/images/template_items/games/social-btns.png") no-repeat;display: block;height: 41px;width: 41px;} .game-page .main-content .left-col .content .social-connect ul li.facebook a {background-position: 0 0;} .game-page .main-content .left-col .content .social-connect ul li.twitter a { background-position: -51px 0;} .game-page .main-content .left-col .content .social-connect ul li.youtube a { background-position: -101px 0;} .game-page .main-content .social { width: 228px;} .game-page .main-content .sidebar { width: 230px;} .game-page .main-content .social .content { height: 344px;margin: 0;padding: 0;} .game-page .main-content .social .content ul li { font-size: 11px;padding-bottom: 10px;padding-top: 10px;width:175px;} .game-page .main-content .social .content ul li.ncs-loading { width: 225px;} .game-page .main-content .social .content ul li .username { color: #29BBC6;display: block;} .game-page .main-content .sidebar .sidebar-btn a:hover{background-position: 0 -79px;text-decoration:none;} .game-page .main-content .sidebar .bucket{margin-top: 8px;} /*** Aion Game Page ***/ #aion-page .hero-banner-container { background: url("/global/includes/images/template_items/games/aion/hero-banner.jpg") no-repeat;} #aion-page .main-content .left-col .content {text-shadow: 1px 1px 2px #000000;background: url("/global/includes/images/template_items/games/aion/left-content-background.jpg") no-repeat 0 100% #111111;} /*** City of Heroes Game Page ***/ #coh-page .hero-banner-container { background: url("/global/includes/images/template_items/games/coh/hero-banner.jpg") no-repeat;} #coh-page .main-content .left-col .content {text-shadow: 1px 1px 2px #000000;background: url("/global/includes/images/template_items/games/coh/left-content-background.jpg") no-repeat 0 100% #111111;} #coh-page .main-content .left-col .content .rightCol .video-container {background: url("/global/includes/images/template_items/games/coh/video-poster.jpg") no-repeat;} /*** Lineage 2 Game Page ***/ #l2-page .hero-banner-container { background: url("/global/includes/images/template_items/games/lineage-2/hero-banner.jpg") no-repeat;} #l2-page .main-content .left-col .content {text-shadow: 1px 1px 2px #000000;background: url("/global/includes/images/template_items/games/lineage-2/left-content-background.jpg") no-repeat 0 100% #111111;} #l2-page .main-content .left-col .content .rightCol .video-container {background: url("/global/includes/images/template_items/games/lineage-2/video-poster.jpg") no-repeat;} /*** Guild Wars Game Page ***/ #gw-page .hero-banner-container { background: url("/global/includes/images/template_items/games/guild-wars/hero-banner.jpg") no-repeat;} #gw-page .main-content .left-col .content {text-shadow: 1px 1px 2px #000000;background: url("/global/includes/images/template_items/games/guild-wars/left-content-background.jpg") no-repeat 0 100% #111111;} #gw-page .main-content .left-col .content .rightCol .video-container {background: url("/global/includes/images/template_items/games/guild-wars/video-poster.jpg") no-repeat;} /*** Guild Wars 2 Game Page ***/ #gw2-page .hero-banner-container { background: url("/global/includes/images/template_items/games/guild-wars-2/hero-banner.jpg") no-repeat;} #gw2-page .main-content .left-col .content {text-shadow: 1px 1px 2px #000000;background: url("/global/includes/images/template_items/games/guild-wars-2/left-content-background.jpg") no-repeat 0 100% #111111;} #gw2-page .main-content .left-col .content .rightCol .video-container {background: url("/global/includes/images/template_items/games/guild-wars-2/video-poster.jpg") no-repeat;} /*** WildStar Game Page ***/ #ws-page .hero-banner-container { background: url("/global/includes/images/template_items/games/wildstar/hero-banner.jpg") no-repeat;} #ws-page .main-content .left-col .content {text-shadow: 1px 1px 2px #000000;background: url("/global/includes/images/template_items/games/wildstar/left-content-background.jpg") no-repeat 0 100% #111111;} #ws-page .main-content .left-col .content .rightCol .video-container {background: url("/global/includes/images/template_items/games/wildstar/video-poster.jpg") no-repeat;} /*#ws-page .main-content .sidebar .play-free a span{margin-top: 13px;display: inline-block;text-align: left;line-height: 20px;background-position: 100% 4px;}*/ /********************************************/ /*** News Page ***/ /********************************************/ #newsPage .commonpage {margin-top:50px;} #newsPage .commonpage .sidebar {margin-top:-50px;} #newsPage .commonbody {background: none; padding:0;} /********************************************/ /*** Events Pages /********************************************/ /**Landing Page**/ #events-overview-page .previousEvents ul {padding-left:10px; list-style-type:none;} #events-overview-page .previousEvents a:link,.previousEvents a:visited,.previousEvents a:active{font-family: sans-serif; font-size: 16px; font-weight: normal; color: #fff; margin-bottom:15px; text-decoration:none; display:inline-block; background:url(https://us.ncsoft.com/global/includes/images/template_items/news_more_arrow.jpg) 100% center no-repeat; overflow:visible; padding-right:15px; } #events-overview-page .previousEvents a:hover{color:#00ebff;} #events-overview-page .landingSection {padding:0px; margin:0px; text-align:left;} #events-overview-page .landingSection h2 { font-family: Georgia, serif; font-style: italic; font-size: 24px; color: #fff; margin: 0; width:650px; padding:0px; } #events-overview-page #homeContent > landingSection > h2 > a.activities:hover{color:#fff;} #events-overview-page .previousEvents ul li span {font-size:8px;} #events-overview-page .content{margin: 0 auto 50px;width: 920px;text-align: left;color: #fff;} #events-overview-page .content h2 {margin: 0;padding: 0;font: italic 24px Georgia, serif;} #events-overview-page .content h3 {font-size: 20px;} #events-overview-page .content ul{padding-left: 20px;} #events-overview-page .content li{margin-bottom: 15px;list-style: none;} #events-overview-page .content li a{padding-right: 15px;overflow: visible;display: inline-block;font: 16px sans-serif;text-decoration: none;background: url("/global/includes/images/template_items/news_more_arrow.jpg") no-repeat 100% 50%;} #events-overview-page .content li a:hover {color: #00EBFF;} #events-overview-page .content li p{margin-top: 5px;} /** Individual Event Pages **/ #event-page .eventMainBanner {background-position: 50% 100%; background-repeat: no-repeat; height: 600px; margin: -112px 0 0;text-indent: -9999px;} #event-page .eventSection { text-align: left; margin-bottom: 150px; } #event-page .eventSection h2 { font-family: Georgia, serif; font-style: italic; font-size: 24px; color: #fff; margin: 0; width:650px; padding:16px 0; } #event-page .eventSection .newsTime { font-size:11px; color:#FFF; float:right; height:1px; position:relative; top:-33px; padding:0px; margin:0; } #event-page .eventSectionBody { background: #fff no-repeat 0 100%; font-family: sans-serif; font-size: 13px; color: #000; padding: 20px 40px 18px; margin-bottom: 10px; overflow: hidden; width:645px; } #event-page .eventSectionBody h3 { margin: 0px 0 5px; padding-top: 0px; font-family: Georgia, serif; font-style: italic; font-size: 18px; } #event-page .eventSectionBody h3 strong {color:#09a2da;font-weight: normal;} #event-page .eventSectionBody p { margin: 10px 0 20px; line-height: 21px; } #event-page .eventSectionBody a { color: #111111; } #event-page .eventSectionBody blockquote {margin: 20px 30px; } #event-page .eventSectionBody blockquote p { font: normal 22px/1.5 Georgia, "Times New Roman", serif; color: #09a2da; text-align: center; } #event-page .eventSectionBody table { border-spacing: 20px 0px; margin: 10px -20px; width:680px !important;} #event-page .eventSectionBody table th { border-top: 5px solid #8a8a8a; vertical-align: top; padding: 5px 5px; text-transform: uppercase; color: #111111; min-width: 130px; } #event-page .eventSectionBody table td strong { color: #333333; line-height: 16px; } #event-page .eventSectionBody table td { border-top: 5px solid #bbbbbb; vertical-align: top; padding: 9px 5px; font-size: 12px; } #event-page .eventSectionBody table td p { margin: 0px; line-height: 16px; padding-top:6px; } #event-page .eventSectionBody table.eventPics td { border:none; } #event-page .eventSectionBody .centerLogos li { margin-left:115px; } #event-page .eventSectionBody table.schedule td ul { list-style: inside } #event-page .eventSectionBody dl { margin: 0; } #event-page .eventSectionBody dt { margin: 0; padding: 0; color: #333333; font-weight: bold; } #event-page .eventSectionBody dd { margin: 0; padding: 0; margin-bottom: 5px; } #event-page .eventSectionBody ul { line-height: 21px; margin: 0 0 0 70px; padding: 0; } #event-page .eventSchedule ul li { list-style-type: none; } #event-page .eventRulesList li { margin-left: 40px; } #event-page .eventSectionBody .eventSponsor { display: block; list-style: none; margin: 0; padding: 0; overflow: hidden; float: left; } #event-page .eventSponsor li { float: left; margin: 0; } #event-page .eventSponsor img { border: 0; } #event-page #eventSponsorAMD { padding-bottom: 20px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; } #event-page #contentBody .sponsors {text-align: center} #event-page #contentBody .sponsors img{margin: 20px} #event-page #contentBody .gw2-demo {padding: 20px;width: 685px} #event-page #contentBody .gw2-demo p {margin: 0 0 20px} #event-page .eventSectionBody #eventSpeakersText, #event-page .eventSectionBody .eventSpeakersText { float: left; width: 375px; overflow: hidden; } #event-page .eventSectionBody .eventSpeakersText > h3 {margin-top: 10px} #event-page .eventSectionBody .eventSpeakers, #event-page .eventSectionBody #eventSpeakers { float: right; width: 250px; margin: 0 -10px 0 0; padding: 0px 0px 20px 0px; list-style: none; overflow: hidden; } #event-page .eventSectionBody .eventSpeakers li, #event-page .eventSectionBody #eventSpeakers li { clear: both; margin-bottom: 5px; overflow: hidden; } #event-page .eventSectionBody .eventSpeakers dl, #event-page .eventSectionBody #eventSpeakers dl { margin-top: 4px; } #event-page .eventSectionBody .eventSpeakers dt, #event-page .eventSectionBody #eventSpeakers dt { margin-bottom: 3px; color: #000; } #event-page .eventSectionBody .eventSpeakers img, #event-page .eventSectionBody #eventSpeakers img { float: left; margin-right: 10px; } #event-page #eventSidebar { width: 219px; float: right; margin-top: 60px; position:relative; } #event-page #eventSidebar img { margin-bottom: 15px; } #event-page #eventSidebar h2#eventMenu { width: 219px; height: 36px; background: url('/global/includes/images/events/event-menu-header.gif') no-repeat; text-indent: -5000px; overflow: hidden; margin: 0; } #event-page #eventSidebar ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #5c5c5c; } #event-page #eventSidebar ul li { background: #404040; border: 1px solid #5c5c5c; border-top: none; text-align: left; padding: 5px 5px 5px 10px; } #event-page #eventSidebar ul li a, #eventSidebar ul li span { line-height: 18px; color: #fff; text-decoration: none; font-weight: bold; } #event-page #eventSidebar ul li a:hover { color: #00ebff; } #event-page #eventIndent p { margin-left:30px; } #event-page ul.noListStyle li, #event-page #eventIndent ul li { list-style-type:none; margin-left: 20px; } #event-page #comiconHeader { width:960px; margin:0 auto 50px; } #event-page li.sponsorQuote { margin:25px 0 15px; } #event-page li.sponsorQuote h3 { color:#09a2da; } #event-page li.sponsorQuote p { float:right; margin:0 20px; font-family:Georgia, "Times New Roman", Times, serif; color:#333; } #event-page li.sponsorQuoteRight { width:474px; } #event-page p.sponsorRecognition { margin:0; color:#aaa; position:relative; top:-15px; clear:both; } #event-page ul#snsIcons { border:none; background:none; text-align:right; } #event-page ul#snsIcons li { background:none; display:inline; border:none; padding: 5px 0px 5px 10px } #event-page ul#snsIcons li a.snsIcon { display:inline-block; padding-bottom:3px; } #event-page ul#snsIcons li img { margin:8px 0 0; } #event-page ul#snsIcons li span { display:none; text-align:right; position:absolute; width:105px; border:1px solid #5C5C5C; border-bottom:none; } #event-page ul#snsIcons li span a { display: block; padding-right:10px; background-color:#404040; border-bottom:1px solid #5C5C5C; line-height: 28px; } #event-page ul#snsIcons li:hover span { display:block; } #event-page #twitterBox { left:46px; } #event-page #facebookBox { left:79px; } #event-page #youtubeBox { left:112px; } #event-page #comiconGallery { text-align:center; } #event-page .specialtyEventInfo h3, #event-page .schedule h3 { margin-top: 20px; } #event-page .eventAnchor { display:block; height:1px; width:1px; } /*** Hiding Sidebar ***/ #event-page .hide-sidebar #homeContent {width: 960px} #event-page .hide-sidebar .eventSection h2{width: 960px;} #event-page .hide-sidebar .eventSectionBody{width: auto;} #event-page .hide-sidebar #snsIconsContainer{margin-bottom: -60px; float: right; position: relative; } #event-page .hide-sidebar #snsIcons li span a{font-weight: bold;text-decoration: none;} #event-page .hide-sidebar ul#snsIcons > li{position: relative;} #event-page .hide-sidebar #twitterBox, #event-page .hide-sidebar #facebookBox, #event-page .hide-sidebar #youtubeBox {left: auto;right: 0; } /*** AOB Launch Party ***/ #event-page #eventWGLaunchSponsor img { margin-left:38px; } #event-page a.event-cta {display: inline-block; padding: 3px 19px 5px; margin-left: 16px; background: #9fb0ab url(/global/includes/images/events/cta-bg.png) repeat-x scroll 50% 0; text-decoration: none; font: normal 16px/1.4 IntervalSansProRegular, Arial, Helvetica, sans-serif; color: #035555; border:solid 1px #09a2da; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; -webkit-box-shadow: 0px 0px 5px rgba(16, 162, 218, 0.75);-moz-box-shadow: 0px 0px 5px rgba(16, 162, 218, 0.75);box-shadow: 0px 0px 5px rgba(16, 162, 218, 0.75);} #event-page .event-more {padding-left: 16px;} #event-page .eventSectionBody .txt {overflow: hidden;} #event-page .speakers { width:285px; float:right;margin:10px -20px 0 20px;} #event-page .speakers .txt { width:160px; float:right;margin: 19px 0 0 10px;} #event-page .speakers h3 { font: normal 27px/1 Arial, Helvetica, sans-serif; margin: 0;} #event-page .speakers p { font: normal 11px/1.6 Arial, Helvetica, sans-serif; color: #09a2da; margin:0;} #event-page .speakers ul { list-style-type: none; margin: 24px 0 0 16px;} #event-page .speakers ul li { margin-bottom: 10px; } #event-page .speakers ul li .txt { width: 176px; margin: 10px 0 0; } #event-page .speakers ul li h4 { font: bold 14px/1.5 Arial, Helvetica, sans-serif; margin:0;} #event-page .speakers ul li p { font: normal 13px/1 Arial, Helvetica, sans-serif; margin:0;color: #000;} #event-page .partners {margin: 0 auto;} #event-page .partners.col-count-1 {width:238px;} #event-page .partners.col-count-2 {width:476px;} #event-page .partners ul {list-style-type: none;margin:0 -40px;} #event-page .partners ul li {float:left; padding:13px 19px; background: transparent url(/global/includes/images/events/partner-vr.png) no-repeat scroll 0 0;} #event-page .partners ul li.boa-01 {background-position: 0 -141px;} #event-page .partners ul li.boa-10 {background-position: 0 100%;} #event-page .partners ul li.boa-11 {background-position: 0 -282px;} #event-page .partners ul li.first-col {background-image: none;} #event-page .partners ul li img {display: block;} #event-page .right-banner-image {float:right;margin-right:-40px;} #event-page .left-banner-image {float:left;margin-left:-40px;} #event-page .event-custom-footerImage {text-align: center; display: block;} #event-page .event-custom-cta {margin: 50px 0 0; background: transparent url(/global/includes/images/events/cta-hr.png) no-repeat scroll 50% 0;} #event-page .event-custom-cta img {float:left; margin: 1px 0 -18px -40px;} #event-page .event-custom-cta .txt {overflow: hidden; padding:50px 0 0;} #event-page .event-custom-cta .txt h3, #event-page .event-custom-cta .txt p {margin-left: 18px;} #event-page .event-custom-cta .event-cta {margin-left: 0;} /********************************************/ /*** Old Styles ***/ /********************************************/ /*** Main content body ***/ #contentBody{position:relative; z-index:3; width:960px; margin:0 auto; text-align:center;} /* Front Page Media Center */ /*#screenshotSlider{height: 338px; background:url(/en/includes/images/home_screens.png); padding:0 0 0 10px; width:210px; text-align:left;}*/ #screenshotSlider h3{margin: 0; padding: 13px 0 22px 3px;font: 18px IntervalSansProRegular, Arial, Helvetica, sans-serif;text-align: left;color: #0AEEFF} .jcarousel-container {width:200px; position:relative;} .jcarousel-container .jcarousel-clip{height:225px; overflow:hidden; position:relative; top:-7px;} .jcarousel-container .jcarousel-next, .jcarousel-container .jcarousel-prev{height:17px; cursor:pointer;} .jcarousel-container .jcarousel-next {background:url(/global/includes/images/template_items/slider_down_arrow.png) no-repeat; position:relative; top:236px;} .jcarousel-container .jcarousel-prev {background:url(/global/includes/images/template_items/slider_up_arrow.png) no-repeat;} .jcarousel-container .jcarousel-next:hover, .jcarousel-container .jcarousel-prev:hover{background-position:0px -17px;} .jcarousel-container .jcarousel-prev-disabled, .jcarousel-container .jcarousel-next-disabled{background-position:bottom;} .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-container .jcarousel-next-disabled:hover{background-position:bottom; cursor:default;} /********************************************/ /*** Top Featured Slider ***/ /********************************************/ #featureSlider{width:980px;margin:0 auto;height:425px;position:relative;z-index:0; left:0;} #featureArt{position:absolute;width:990px;height:475px;z-index:0; top:-45px; left:-5px;} #featureArt a.panel, #featureArt span.panel{width:990px;height:65px; display:block;z-index:0; text-decoration:none; text-align:center; letter-spacing:1px; padding-top:400px; color:#fff;background:url(https://us.ncsoft.com/global/includes/images/template_items/aion-ncsoft.jpg);} #featureArt a.panelEN, #featureArt span.panel{width:990px;height:65px; display:block;z-index:0; text-decoration:none; text-align:center; letter-spacing:1px; padding-top:400px; color:#fff;background:url(https://us.ncsoft.com/global/includes/images/template_items/coh_herocon.jpg);} #featureArt a.panel span, #featureArt a.panelEN span {position: absolute; left: -999999px;} #featureArt a.homeone, #featureArt a.hometwo, #featureArt a.homethree, #featureArt span.homespan{background:url(https://us.ncsoft.com/global/includes/images/template_items/slider_main.jpg) no-repeat top center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:26px;} #featureArt a.hometwo{background:url(https://us.ncsoft.com/global/includes/images/template_items/slider_02.jpg)} #featureArt a.homethree{background:url(https://us.ncsoft.com/global/includes/images/template_items/slider_03.jpg)} #featureNav { position:absolute; bottom:110px; right:20px; padding:0; margin:0; list-style:none; } #featureNav a { float:left; margin-left:5px; display:block; width:15px; height:15px; text-indent:-9999px; overflow:hidden; background:url(https://us.ncsoft.com/global/includes/images/template_items/button_navigation_dots.png) no-repeat; } #featureNav a:hover { background-position:-40px 0px; } #featureNav a.activeSlide { background-position:-20px 0px; } #featureNav a.activeSlide:hover { background-position:-20px 0px; } #featureNav a:focus { outline: none; } #leftFeatButton, #rightFeatButton{position:absolute; z-index:1;top: 265px; display:block; width:102px; height:33px; text-indent:-9000px; overflow:hidden;} #leftFeatButton{left:20px; background:url(https://us.ncsoft.com/global/includes/images/template_items/button_prev.png) no-repeat;} #rightFeatButton{right:20px; background:url(https://us.ncsoft.com/global/includes/images/template_items/button_next.png) no-repeat;} #leftFeatButton:hover, #rightFeatButton:hover{background-position:bottom center;} #featureSlider .featurenav{position:absolute; bottom:110px; right:20px; padding:0; margin:0; list-style:none;} #featureSlider .featurenav li{float:left; margin-left:5px;} #featureSlider .featurenav li a{display:block; width:15px; height:15px; text-indent:-9999px; overflow:hidden; background:url(https://us.ncsoft.com/global/includes/images/template_items/button_navigation_dots.png) no-repeat;} #featureSlider .featurenav li a:hover{background-position:-40px 0px;} #featureSlider .featurenav li a.active{background-position:-20px 0px;} /* Home Page Featured Slider */ .mainIndex #featureSlider{margin: -43px auto 0;padding-left: 8px;height: auto} .mainIndex #featureSlider a{display:block; width: 990px; height: 470px; text-indent:-9999px; overflow:hidden; background:url(/global/includes/images/banners/COHfreedom_NCsoftHero_EN.jpg) no-repeat} /* Main content body */ #contentBody{position:relative; z-index:3; width:960px; margin:0 auto; text-align:center;} /* Game spotlight & left column pieces */ #gamesFeature {margin-bottom: 25px;height:330px;width: 715px} #videoFeature, #fpNews {margin-bottom: 25px;width: 715px} /* Right column promos */ #promo1, #screenshotSlider, #promo3{width:220px !important; height:160px; margin: 0 0 20px 0px;padding: 0; background:url(/global/includes/images/template_items/coh_mac-en.png);background-repeat: no-repeat !important} #accordion {width:220px !important; height:245px; background:url(https://us.ncsoft.com/en/includes/images/home_promo01.png);background-repeat: no-repeat !important} #promo1{margin-bottom:10px; float: right; margin-top: 15px;} #promo2 {width:220px !important; height:160px; margin: 0 0 20px 10px;padding: 0;background-repeat: no-repeat} #promo2 .gtEN{ background: url(https://us.ncsoft.com/en/includes/images/gc_bucket.jpg);} #promo2 .gtENGB {background: url(/global/includes/images/eu_game_time_card.jpg) !important;} #promo2 .gtDE {background: url(/global/includes/images/de_game_time_card.jpg) !important;} #promo2 .gtFR {background: url(/global/includes/images/fr_game_time_card.jpg) !important;} #promo2 .gtES {background: url(/global/includes/images/es_game_time_card.jpg) !important;} #promo3{background:url(https://us.ncsoft.com/global/includes/images/template_items/promo_slider.jpg); height:300px; width:220px;} #promo1 a {color:#04CFE2; display:block; text-indent:-9000px; width:220px; height:160px;} #promo2 a {color:#04CFE2; display:block; text-indent:-9000px; width:220px; height:160px;} #promo4 {margin: 35px 0 20px 8px;width: 220px;height: 153px;display: block;text-indent: -9000px;background:url(https://us.ncsoft.com/en/includes/images/home_jobs.jpg)} #promo4 a {width: 220px;height: 153px;display: block;text-indent: -9000px} /* Front Page Media Center */ #screenshotSlider{height: 338px; background:url(/en/includes/images/home_screens.png); padding:0 0 0 10px; width:210px; text-align:left;} #screenshotSlider h3{margin: 0; padding: 13px 0 22px 3px;font: 18px IntervalSansProRegular, Arial, Helvetica, sans-serif;text-align: left;color: #0AEEFF} .jcarousel-container {width:200px; position:relative;} .jcarousel-container .jcarousel-clip{height:225px; overflow:hidden; position:relative; top:-7px;} .jcarousel-container .jcarousel-next, .jcarousel-container .jcarousel-prev{height:17px; cursor:pointer;} .jcarousel-container .jcarousel-next {background:url(https://us.ncsoft.com/global/includes/images/template_items/slider_down_arrow.png) no-repeat; position:relative; top:236px;} .jcarousel-container .jcarousel-prev {background:url(https://us.ncsoft.com/global/includes/images/template_items/slider_up_arrow.png) no-repeat;} .jcarousel-container .jcarousel-next:hover, .jcarousel-container .jcarousel-prev:hover{background-position:0px -17px;} .jcarousel-container .jcarousel-prev-disabled, .jcarousel-container .jcarousel-next-disabled{background-position:bottom;} .jcarousel-container .jcarousel-prev-disabled:hover, .jcarousel-container .jcarousel-next-disabled:hover{background-position:bottom; cursor:default;} #fpscreens, #fpvideos{padding:0; margin:0; top:0px; position:relative; list-style:none;} #fpscreens .jcarousel-item {width:210px; height:75px; position:relative;} #fpscreens .jcarousel-item a{margin:0 10px 0 0; display:block; width:95px; height:65px; position:relative; float:left; text-decoration:none;} #fpscreens .jcarousel-item a:hover{color:#fff;} #fpscreens .jcarousel-item a span{width:95px; height:65px; position:absolute; top:0px; left:0px; background:url(https://us.ncsoft.com/global/includes/images/template_items/bg_black_trans_80.png); line-height:65px; text-align:center; display:none;} #fpvideos .jcarousel-item {width:190px; height:103px; margin:0 0 10px 0;} /* Video Feature */ /*#videoFeature{background: url(/en/includes/images/home_video.png); height:338px;}*/ #videoFeature h3{margin: 0; padding: 13px 0 22px 12px;font: 18px IntervalSansProRegular, Arial, Helvetica, sans-serif;text-align: left;color: #0AEEFF} /* left column */ #vidLeftCol{width:211px; float:left; padding-left:8px;} #fpvideos{list-style:none; padding:0 0 0 5px; margin:0;} .vidThumb{width:190px; height:107px;} .vidThumb a{height:25px; padding-top:82px; display:block; text-decoration:none;} .vidThumb a.playing{color:#0aeeff;} /* right column */ #vidRightCol{float:left; width:480px; height:269px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic;} #vidRightCol a{display:block; width:480px; height:269px; text-decoration:none; background:url(/global/includes/images/template_items/fp-latest-videos/lineage2.jpg);} #vidRightCol a span{position:relative; top:220px;} #vidRightCol a.vid{display:block; position:absolute; z-index:2;} /* right column Euro Pages */ #vidRightCol a.euVid{display:block; width:480px; height:269px; text-decoration:none; background:url(/global/includes/images/template_items/fp-latest-videos/aion-video-27.jpg);} #vidRightCol a.euVid span{position:relative; top:220px;} #vidRightCol a.vid{display:block; position:absolute; z-index:2;} /* Video Feature end */ /* News section */ #fpNews{height:auto; background:none; text-align:left; color:#fff;} /* header */ .NewsHeader{padding-bottom: 8px;border-bottom: 1px solid #4a4a4a} .NewsHeader h3{margin:0; padding:0;font: 24px IntervalSansProRegular, Arial, Helvetica, sans-serif;letter-spacing: -0.04em;color: #0AEEFF} .NewsHeader a{display:block; float:right; height:16px; margin-top:7px;font: 14px IntervalSansProRegular, Arial, Helvetica, sans-serif;text-decoration: none;} .NewsHeader a.newsToggleMore .show-less{display: none;} .NewsHeader a.newsToggleLess .show-more{display: none;} .NewsHeader a:hover{background-position: bottom;} /* news items */ #fpNews .newsItem{margin:25px 0; clear: left;} #fpNews .newsItem p{ margin: 4px 0 15px 77px; color:#c7c7c7;float:left;width:630px;display:inline;/*ie6 double-margin fix*/} #fpNews .newsItem table { clear: both; margin: 4px 0 15px 77px;} #fpNews .newsItem ul, #fpNews .newsItem ol{ clear: both; display: block; margin: 4px 0 15px 77px;} .fpNewsDate{float:left !important;background:url(/global/includes/images/template_items/news_date_arrow.jpg); height:15px; width:52px; padding:8px 5px; text-transform:uppercase; font-size:12px; font-weight:bold; margin: -5px 15px 0 0;display:inline;/*ie6 double-margin fix*/} .fpNewsDate span{color:#c7c7c7;} .fpNewsTitle{padding: 0;display: inline;font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; background:url(/global/includes/images/template_items/news_more_arrow.jpg) center right no-repeat;} .fpNewsTitle a{text-decoration:none; padding-right:20px;} #moreNews{display:none;width: 715px;} #moreNews .newsItem{margin-top:0;} .botPageCount{text-align: center; color:#fff;font-family: IntervalSansProRegular,Arial,Helvetica,sans-serif;} .commonbody .botPageCount b{padding:5px 8px; color:#fff;} .commonbody .botPageCount a{padding:5px 3px; text-decoration:none;color:#ffb316;border: none;} .commonbody .botPageCount a:hover {text-decoration: underline;color:#ffb316;border: none;} .commonbody .botPageCount span.previousPage{margin-right:10px;} .commonbody .botPageCount span.nextPage{margin-left:10px;} .commonbody .botPageCount span a{padding:0; background:none;border:none;} /* News section end */ /* Store Styles */ .storecontainer{background:#fff; width:960px; margin:0 auto; min-height: 700px; position:relative; top:-20px;} .storecontainer .feature{background:#111111; height: 180px;} .storecontainer .feature h2{margin:0; padding:50px 0 0 0; font-size:34px; position:relative;} .storecontainer .sort{margin:0; padding:0; list-style:none; background:url(/global/includes/images/template_items/store_menu_bar.png) no-repeat; height:50px;} .storecontainer .sort li{float:left; height:42px; line-height:61px; margin-left:10px;} .storecontainer .sort li a{background:url(/global/includes/images/template_items/store_menu_tab_bg_off.png) repeat-x; text-decoration:none; padding:12px; border:1px solid #8c8c8c; border-bottom:none;} .storecontainer .sort li.active a{background:#fff; text-decoration:none; padding:12px; border:1px solid #fff; border-bottom:none; color:#434343;} /* Common Page Styles */ .commonpage{width:960px; margin:0 auto; position:relative} .commonpage .title h3{height:20px; margin:15px 0 5px 0; color:#0aeeff; font-family:Arial, Helvetica, sans-serif; font-style:normal;} .commonpage .title h1{margin:20px 0; font-size:36px; padding-right:240px; color:#fff;} .commonpage .commonbody{width:700px; background:#fff; float:left; min-height:440px; padding: 20px 0 25px 20px;} .commonpage .commonbodyWide{width:910px; background:#fff; float:left; margin-bottom:25px; min-height:440px; padding:25px;} .commonbody a, .commonbodyWide a{color: blue; text-decoration: underline;} .commonbody a:hover, .commonbodyWide a:visited {color: purple;} .commonbody a:hover, .commonbodyWide a:hover{color: blue;} .commonpage .commonbody h2, .commonpage .commonbodyWide h2{margin:0 25px 15px 0; font-size:22px; padding-top:10px;} .commonpage .commonbody h3, .commonpage .commonbodyWide h3{margin:0 25px 15px 0; font-size:20px; padding-top:10px;} .commonpage .timestamp{margin:0; background:url(/global/includes/images/template_items/common_timestamp.png) repeat-x bottom; padding:10px 0 40px 15px; font-weight:bold; min-height:10px;} .commonpage p{margin:0 25px 15px 0; line-height:22px;} .commonpage .commonbody .entryBlock{padding:0 0 0 65px; position:relative; margin-bottom:40px; left:-20px;} .commonpage .commonbody .entryBlock .entryTimeStamp{background:url(/global/includes/images/template_items/news_listing_timestamp.png) no-repeat; width:74px; height:30px; position:absolute; left:-4px; line-height:32px; color:#fff; text-transform:uppercase; font-weight:bold; padding-left:14px;} .commonpage .commonbody .entryBlock .entryTimeStamp span{color:#c7c7c7;} .commonpage .commonbody h4.intNewsTitle{margin:0 25px;padding: 4px 0 8px 0;} .commonpage .commonbody h4.intNewsTitle a{text-decoration:none; color:#000000;} .commonpage .commonbody h4.intNewsTitle a:hover{text-decoration:underline;} .commonpage .commonbody .newsExcerpt{color:#555; margin-left:25px;} .commonpage blockquote.quotes{margin:25px 100px 30px 100px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-style:italic;} .commonpage .sidebar {width:230px; float:right; min-height:485px;} /*** .commonpage .sidebar #rssFeeds {margin: 0 0 15px 0;padding: 0;width: 230px;height: 63px;background: url(/global/includes/images/template_items/news_rss_bg.png) no-repeat;border: none} .commonpage .sidebar #rssFeeds li {border: none} .commonpage .sidebar #rssFeeds li a {padding: 11px 0 0 15px;display: block;border: none} ***/ .commonpage .sidebar #companyNews {margin: 0;padding: 0;width: 223px;background: #404040;border: 1px solid #616161} .commonpage .sidebar #companyNews li {border: none} .commonpage .sidebar #companyNews li a {border: none} .commonpage .sidebar .rssFeed {background:url(/global/includes/images/template_items/sidebar_rss_feed.png) no-repeat; width:195px; height:40px; display:block; text-decoration:none; line-height:40px; padding-left:35px; font-weight:bold; font-size:13px; color:#fff; margin-bottom:10px;} .commonpage .sidebar h4{margin:10px 0 0 0; padding:0; line-height:40px; background:url(/global/includes/images/template_items/sidebar_heading.png) no-repeat; color:#0aeeff; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:14px; font-weight:bold; padding-left:15px;} .commonpage .sidebar ul{background:#404040; list-style:none; margin:0; border:1px solid #5c5c5c; padding:15px 15px 5px 15px;} .commonpage .sidebar ul li a{display:block; text-decoration:none; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #5c5c5c;} .commonpage .sidebar ul li.active a{color:#0aeeff;} .commonpage .sidebar ul li.last a{border:none;} .back-to-top { position: relative;float: right; font: normal 12px/1 Arial,Helvetica,sans-serif; text-decoration: none;text-transform: uppercase;margin:10px 20px 0 0;} .back-to-top:before, .back-to-top:after { position: absolute; background:transparent url(/global/includes/images/template_items/back_to_top-bg.png) no-repeat scroll 0 0; width:10px; height:8px; top:50%; margin-top:-4px; content:'';} .back-to-top:before { left:-20px; } .back-to-top:after { right:-20px; } .back-to-top:hover:before, #event-page .eventSection .back-to-top:hover:after { background-position: 0 100%; } .commonpage .commonbody h4, .commonpage .commonbodyWide h4 {margin: 0 25px 15px 0;padding-top: 10px;font-size: 20px} .commonbody ul {padding: 0 0 0 30px;margin-right: 25px;line-height: 22px} .commonbody ul li {padding-bottom: 12px} .commonbody ul li ul, .commonbody ul li ol, .commonbody ol li ul, .commonbody ol li ol {margin-bottom: 0;padding-top: 10px} .commonbody ol {margin-right: 25px;padding: 0 0 0 30px;line-height: 22px} .commonbody ol li {padding-bottom: 12px} .commonpage p.small {line-height: 15px} .commonbodyWide .fullWidthSidebar{float:right; width:200px; background:#f7f7f7; border:1px solid #ececec; padding:20px; margin:0 0 20px 30px; line-height:18px;} .commonbodyWide .fullWidthSidebar p{line-height:18px; margin:15px 0 0 0;} .commonbodyWide .commonbodyWideCol{width:640px;} /* Generic Use Styles */ /* Gametime Cards Page */ div.center a.smallPad, a.smallPad:Hover { border-bottom:none; } div.center a.smallPad img.absmiddle { vertical-align: middle; margin-bottom: 10px; } p.gameCardCoh, p.gameCardGW { width:295px; float:left; } p.gameCardGW { margin: 0 0 15px 25px; } p.gameCardCoh { margin: 0 25px 35px 140px; } .commonbody .gameCardStoreLogos a, .commonbodyWide .gameCardStoreLogos a, .commonbody .gameCardStoreLogos a:hover, .commonbodyWide .gameCardStoreLogos a:visited, .commonbody .gameCardStoreLogos a:hover, .commonbodyWide .gameCardStoreLogos a:hover { border:none; } .gameCardStoreLogos { margin-bottom:40px; } .gameCardStoreLogos div { margin:0 0 25px 27px; height:60px; } div#gameCardButtons { margin-bottom:40px; } .gameCard3060day { margin: 20px 0; } /* Jobs Page */ #jobListing{margin:0 25px 15px} .loadingJobs{ padding-left: 25px; background: url(/global/includes/images/template_items/ajax_loading_whitebg.gif) 0px 4px no-repeat; color: #666666; font-style: italic;} /* Support Page */ .commonbody .support-links {list-style:none;margin: 0;padding: 0;} .commonbody .support-links li {float: left;padding: 0;} .support-links a { background: transparent url('/global/includes/images/template_items/support/support-games.jpg') scroll no-repeat 0 0; display: block; width: 330px; height: 226px; text-indent: -9999px; border-bottom: none; margin-bottom: 20px; margin-right: 15px; } .support-links a:hover {background-position: 0 100%;border-bottom: none;} .support-links a.support-coh {background-position: -660px 0;} .support-links a.support-coh:hover {background-position: -660px 100%;} .support-links a.support-l2 {background-position: -330px 0;} .support-links a.support-l2:hover {background-position: -330px 100%;} .support-links a.support-gw {background-position: -990px 0;} .support-links a.support-gw:hover {background-position: -990px 100%;} .support-links a.support-gw2{background-position: -1320px 0;} .support-links a.support-gw2:hover {background-position: -1320px 100%;} .commonbody .support-copy {clear:both;} .commonbody .support-copy p {clear:both; font-size: 15px;line-height: 1.6;margin-bottom: 5px;} /* Accordion Page */ #accordion {margin: 0 0 28px 10px;padding: 0;width: 219px !important;position: relative} /*#accordion h1{margin: 0; padding: 13px 0 12px 12px;font: 18px IntervalSansProRegular, Arial, Helvetica, sans-serif;text-align: left;color: #0AEEFF;background: url(/en/includes/images/accordion_heading.jpg) no-repeat;}*/ #accordion h2 {margin: 0;padding: 0;cursor: pointer} .levelImage {margin: 0;padding: 0;display:none;width: 219px;height: 119px} /* Home Page Containers */ #homeContent {margin: 0 0 25px 0;padding: 0;float: left;width: 725px} #homeSidebar {margin: 47px 0 0 0;padding: 0;float: left;width: 230px} /* Guildwars Overview */ #contentBody .rightColGame {margin-bottom: 35px;float: right;width: 465px} #contentBody .leftColGame {margin: 0 0 35px 0;padding: 0;float: left;width: 470px} #contentBody #gameBucket {margin-bottom: 65px;width: 465px;height: 420px;text-align: left} #contentBody #gameBucket h2 {margin: 0 0 5px 10px;padding-top: 345px;font-size: 20px;color: white} #contentBody #gameBucket p {margin: 0 0 42px 10px;padding: 0;color: white} #contentBody .rightColGame .factionsBucket {background: url(/global/includes/images/template_items/games/general/guildwars_fractions_bucket.jpg) no-repeat} #contentBody .rightColGame .eyeNorthBucket {background: url(/global/includes/images/template_items/games/general/guildwars_eyenorth_bucket.jpg) no-repeat} #contentBody .leftColGame .guildwarsBucket {background: url(/global/includes/images/template_items/games/general/guild_wars_bucket.jpg) no-repeat} #contentBody .leftColGame .nightfallBucket {background: url(/global/includes/images/template_items/games/general/guildwars_nightfall_bucket.jpg) no-repeat} #contentBody .rightColGame .drBucket {background: url(/global/includes/images/template_items/games/general/dungeon_runners_bucket.jpg) no-repeat} #contentBody .leftColGame .exteelBucket {background: url(/global/includes/images/template_items/games/general/exteel_bucket.jpg) no-repeat} .commonbody a.button, .commonbodyWide a.button, .button {background:#171717 url(/global/includes/images/template_items/button_two_bg.jpg) repeat-x; border: 1px solid #515151;text-align: center; padding:10px 20px; color:#fff; text-decoration:none; text-transform:uppercase; line-height:32px;} .commonbody a.button:hover, .commonbodyWide a.button:hover, .button:hover{color:#0aeeff;} .buttonwide{display:block; width:185px; padding:0 20px; float:left;} .buttonleft{margin-right:11px;} #gameTop {text-align: center} #gameFeature {margin: 0 auto;padding: 0;position: relative;width: 1200px;height: 375px;z-index: 0} #gameFeaturePlayNC {margin: 0 auto;padding: 0;position: relative;width: 1200px;height: 250px;z-index: 0} h5.availableAt {position: relative;top: -12px;font-size: 18px} p.paddingTop {margin-top: 30px} .commonbody ol {margin: 0 20px 10px 10px} .commonbodyWide ol {margin: 0 0 10px 20px} .commonbody ol li, .commonbodyWide ol li {padding-bottom: 7px;} .commonbody ul {margin: 0 20px 10px 10px} .commonbodyWide ul {margin: 0 0 10px 20px} .commonbody ul li, .commonbodyWide ul li {padding-bottom: 7px;} .commonbody a.needCorrectLink, .commonbodyWide a.needCorrectLink {color: red;background: yellow} .commonbody h4 a, .commonbody h4 a:hover {text-decoration: none;border: none} /********************************************/ /*** Site Map ***/ /********************************************/ #sitemap .column {padding-left: 15px;width: 310px;float: left} #sitemap .columnRight {float: right;width: 230px} #sitemap ul {margin: 0;padding: 0 0 15px 25px} #sitemap ul li ul {margin: 0;padding: 10px 0 0 15px} /********************************************/ /*** Google Mini ***/ /********************************************/ #googleMiniConainer {width: 100%} #innerGoogleMiniConainer {margin: 0 auto;width: 960px;text-align: left} #googleMiniConainer body {line-height: 22px} #googleMiniConainer #searchLinks a {color: #0000CC} #googleMiniConainer #searchLinks a:hover {text-decoration: none} #googleMiniConainer p.g {margin-bottom: 0px;line-height: 22px} #googleMiniConainer p.g span {display: block;margin-bottom: 5px} #GoogleMiniSearchPage #googleMiniConainer p.g a {font-family: Georgia, "Times New Roman", Times, serif;color: #0000CC;font-style: italic;font-size: 17px;text-decoration: none} #GoogleMiniSearchPage #googleMiniConainer a.titleLink {border-bottom: 1px solid #0000CC} #googleMiniConainer p.g a:hover {border: none} #googleMiniConainer table#commonSearchText {width: 700px} #googleMiniConainer #commonSearchText tr {width: 700px} #googleMiniConainer td.s {font-size: 12px;color: #000;width: 700px} #googleMiniConainer #miniWrapper {padding: 35px;background: white} #googleMiniConainer span.s {display: none} #googleMiniConainer input#searchBox {padding: 5px;background: url(/global/includes/images/template_items/input_bg.gif) no-repeat;border: 1px solid #d3d3d3} #googleMiniConainer #searchButton {background:#171717 url(/global/includes/images/template_items/button_two_bg.jpg) repeat-x; border: 1px solid #515151;text-align: center; padding: 3px 10px; color:#fff; text-decoration:none; text-transform:uppercase;cursor: pointer} #googleMiniConainer #resultsOverview {margin: 0;padding: 0;color: #111} #googleMiniConainer .bottomArea {margin-top: 5px} #googleMiniConainer .showURL {color: #959595} #googleMiniConainer .sizeDateCache {display: none} #googleMiniConainer .sizeDateCache font{} #googleMiniConainer td.s{} #googleMiniConainer .searchHelp {display: none} #GoogleMiniSearchPage #header a {font-family: Arial, Helvetica, sans-serif;color: #fff} #GoogleMiniSearchPage .footerNoBreadcrumb a {font-family: Arial, Helvetica, sans-serif;color: #fff} #GoogleMiniSearchPage .footerNoBreadcrumb a:hover {color: #0AEEFF} #GoogleMiniSearchPage .n a:hover {color: #0000CC} #GoogleMiniSearchPage #titleContainer {width: 100%} #GoogleMiniSearchPage #titleContainer .title {margin: 0 auto;padding: 15px 0;width: 960px;text-align: left} #GoogleMiniSearchPage #titleContainer .title h1 {color: #fff;font-size: 36px} /*#newsPage {width: 690px} #newsPage .newsItem {position: relative;margin-bottom: 35px} #newsPage .fpNewsDate {position: absolute;left: -24px;width: 64px !important;color: #fff} #newsPage .fpNewsTitle {margin-left: 75px;background: none;font-size: 20px;display: block} #newsPage .fpNewsTitle a {padding-right: 0;color: #000;text-decoration: none;border: none} #newsPage .fpNewsTitle a:hover {color: #000;border-bottom: 1px solid #000} #newsPage p {margin: 7px 0 0 75px;color: #555} #newsPage .fpNewsDate { background:transparent url(/global/includes/images/template_items/news_listing_timestamp.png) repeat scroll 0 0; display:block; float:left !important; font-size:12px; font-weight:bold; height:15px; margin:-5px 15px 0 0; padding:8px 5px; text-transform:uppercase; width:52px; } #newsPage .hideMe {display: block}*/ .esrb {margin-top: 15px} .game-page .rating { margin-top: 10px;text-align: center;} /********************************************/ /*** RNW Survey ***/ /********************************************/ .rnwSurvey {width:500px; margin:auto;} .rnwSurveyLogo {margin-top:20px; margin-bottom:40px;} .rnwSurvey .title h1 {color:#FFFFFF; font-size:36px; margin:10px 0 30px; padding-right:240px;} .rnwSurveyInner {color:#000; background-color:#FFF; padding:20px; margin-bottom:40px;} /********************************************/ /*** Sidebar Redesign ***/ /********************************************/ #sideBarRedesign {width:230px; float:right; min-height:485px} #sideBarRedesign ul {margin: 0 0 25px 0;padding: 0;width: 210px;list-style-type: none;border: 1px solid #616161;text-align: left} #sideBarRedesign .rssFeed {padding-top: 10px;width: 222px;position: relative} #sideBarRedesign .rssFeedIcon {position: absolute;top: 0;right: 0} #sideBarRedesign ul li {margin: 0;padding: 0;border-bottom: 1px solid #5c5c5c} #sideBarRedesign ul li.last {border: none} #sideBarRedesign ul li a {margin: 0;padding: 6px 0 6px 7px;display: block;background: #404040;border: 1px solid #404040;text-decoration: none} #sideBarRedesign ul li a:hover {color: #0AEEFF;background: #6b6b6b;border: 1px solid #4c4c4c;text-decoration: none} body.fr #store a.buy_button { padding-bottom: 11px !important; background-color: #191919; } body.fr #store a.buy_button span { font-size: 13px !important } body.fr .storecontainer a.buy_button { padding-bottom: 11px !important; background-color: #191919; } body.fr .storecontainer a.buy_button span { font-size: 13px !important; }/* RETAIL LOGOS */ div.commonpage div.commonbody div.retail-logos h3 { border-top: 1px solid #E9E9E9; margin: 15px 20px 10px 0; padding: 10px 0 0 0; } div.commonpage div.commonbody div.retail-logos h3.first { border: 0; margin: 0 20px 10px 0; padding: 0; } div.retail-logos div.caption { float: left; margin: 0 18px 40px 8px; position: relative; } div.retail-logos div.caption a, div.retail-logos div.caption img { margin: 0; } div.retail-logos div.caption p { color: #222; font-size: 9px; font-weight: bold; left: 3px; line-height: 1.3; margin: 0; position: absolute; text-transform: uppercase; text-align: center; top: 75px; width: 198px; } div.retail-logos a, div.retail-logos img { border: 3px solid #F0F0F0; float: left; margin: 0 18px 40px 8px; padding: 0; } div.retail-logos a.black { border-color: #555; } div.retail-logos a.green { border-color: #70BC40; } div.retail-logos a.red { border-color: #E35C65; } div.retail-logos a.blue { border-color: #CCE3EC; } div.retail-logos a.dark-blue { border-color: #1C2B5A; } div.retail-logos a.orange { border-color: #FF6D33; } div.retail-logos a.yellow { border-color: #FFD539; } div.retail-logos a:hover { border: 3px solid #0AEEFF; } div.retail-logos a img { border: none; float: none; margin: 0; } .enGoingRogue-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/GoingRogue_NCsoft_EN.jpg) no-repeat top left;text-indent: -5000px} .frGoingRogue-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/GoingRogue_NCsoft_FR.jpg) no-repeat top left;text-indent: -5000px} .deGoingRogue-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/GoingRogue_NCsoft_DE.jpg) no-repeat top left;text-indent: -5000px} .esGoingRogue-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/GoingRogue_NCsoft_ES.jpg) no-repeat top left;text-indent: -5000px} .enAion20-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/Aion20_NCsoftHero_EN.jpg) no-repeat top left;text-indent: -5000px} .frAion20-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/Aion20_NCsoftHero_FR.jpg) no-repeat top left;text-indent: -5000px} .deAion20-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/Aion20_NCsoftHero_DE.jpg) no-repeat top left;text-indent: -5000px} .esAion20-Banner {width: 990px;height: 470px;display: block;background: url(/global/includes/images/banners/Aion20_NCsoftHero_SP.jpg) no-repeat top left;text-indent: -5000px} .eventSectionBody .youtube-vid {padding: 10px 0 35px 0;margin-left: 42px} .eventSectionBody .flickr-gallery {margin: 35px 0 55px 0} .eventSectionBody .ustream-vid {padding: 10px 0 35px 0;margin-left: 120px} /********************************************/ /*** NCsoft Launcher Page ***/ /********************************************/ #launcherImage{margin-bottom: 20px} /********************************************/ /*** NCsoft Launcher Page ***/ /********************************************/ .userAgreement li {list-style:none;} /********************************************/ /*** Newsletter Form ***/ /********************************************/ .newsletter_form *{color:#000} .newsletter_form>.newsletter_signup{width:650px} .newsletter_form>.newsletter_signup>div.err_msg{background:#f4d0d0;border:2px solid #9a0000;left:-1px;display:none;line-height:25px;margin:0 19px 17px 0;padding:0 8px;position:relative} .newsletter_form>.newsletter_signup>h4{font-size:22px;left:0;margin:0 0 0 1px;padding:0;position:relative;text-transform:capitalize;top:-4px} .newsletter_form>.newsletter_signup>p{line-height:18px;padding-top:2px;width:410px} .newsletter_form>.newsletter_signup>form{margin-top:5px} .newsletter_form>.newsletter_signup>form>.row{clear:left;margin-bottom:11px} .newsletter_form>.newsletter_signup>form>.row>label{clear:left;display:block;float:left;line-height:22px;text-align:right;width:94px} .newsletter_form>.newsletter_signup>form>.row>input, .newsletter_form>.newsletter_signup>form>.row>select{margin-left:7px;width:224px} .newsletter_form>.newsletter_signup>form>.row>select{width:228px} .newsletter_form>.newsletter_signup>form>.row>input[type=submit]{margin-left:101px;margin-top:13px;padding-left:8px;padding-right:8px;width:auto} .newsletter_form>.newsletter_confirm, .newsletter_form>.newsletter_success{display:none} .newsletter_form>.newsletter_confirm>h4, .newsletter_form>.newsletter_confirm>p, .newsletter_form>.newsletter_success>h4, .newsletter_form>.newsletter_success>p{text-align:center} .newsletter_form>.newsletter_confirm>h4, .newsletter_form>.newsletter_success>h4{margin:170px 19px 0 0px;padding:0;font-size:28px;text-transform:capitalize} .newsletter_form>.newsletter_confirm>p, .newsletter_form>.newsletter_success>p{font-size:16px;margin:5px 19px 0 0px;padding:0} #newsletter_box{display:none;position:fixed;top:0;margin:268px 288px 0 288px;width:383px;background:#fcae17;z-index:9999} #newsletter_box>a{display:block;height:30px;width:30px;float:right;position:relative;margin-bottom:-30px;top:-12px;right:-14px} #newsletter_box>.newsletter_form{min-height:157px;margin:9px;padding:11px 11px 158px 11px;background:#fff url(/global/includes/images/template_items/newsletter_form/footer.png) bottom left no-repeat;width:343px;overflow:hidden} #newsletter_box>.newsletter_form h4, #newsletter_box>.newsletter_form p{margin:0;padding:0;position:static;max-width:343px} #newsletter_box>.newsletter_form>.newsletter_signup>div.err_msg{margin:0 0 11px 0;width:324px;position:static} #newsletter_box>.newsletter_form>.newsletter_signup>h4{margin:5px 0 0 10px} #newsletter_box>.newsletter_form>.newsletter_signup>p{margin:6px 0 0 10px} #newsletter_box>.newsletter_form>.newsletter_signup>form{margin-top:17px} #newsletter_box>.newsletter_form>.newsletter_signup>form>.row>input[type=submit]{margin-top:2px} #newsletter_box>.newsletter_form>.newsletter_confirm>h4, #newsletter_box>.newsletter_form>.newsletter_confirm>p{text-align:left;margin-left:10px} #newsletter_box>.newsletter_form>.newsletter_confirm>h4{font-size:22px;margin-top:5px} #newsletter_box>.newsletter_form>.newsletter_confirm>p{font-size:14px;margin-top:6px} #newsletter_overlay{display:none;position:fixed;height:100%;width:100%;background:#000;top:0;left:0;z-index:9998;background: url(/global/includes/images/template_items/newsletter_form/overlay.png) 0 0 repeat} #fp-newsletter-signup .lang-dropdown { margin-bottom: 10px; padding: 0; background: url(/global/includes/images/template_items/head_lang_arrow.png) no-repeat;font-family: IntervalSansProRegular,Arial,Helvetica,sans-serif;background-position: 95% 10px;background-color: #606868;} #fp-newsletter-signup .lang-dropdown > span {font-size: 14px;line-height: 18px;padding: 2px 10px 2px 10px;display:block;cursor:pointer;} #fp-newsletter-signup .lang-dropdown > ul {display:none;position:relative;left:0;background-color:#606868;border-top:1px dashed #222;} #fp-newsletter-signup .lang-dropdown > ul > li { display: block;padding: 2px 4px 2px 10px;font-size: 14px;line-height: 18px;border-bottom: 1px solid #4a4a4a;cursor:pointer;} #fp-newsletter-signup .lang-dropdown > ul > li:hover {background-color: #495050;color:#0aeeff;} #fp-newsletter-signup .lang-dropdown > ul > li.active {background-color: #495050;color:#FFB316;} .main-content .sidebar .bucket.newsletter-signup .err_msg{margin-bottom:10px;display:none;color: rgb(214, 11, 7);padding: 10px 10px 11px 10px;text-align: center;background-color: rgb(84, 19, 22);} .main-content .sidebar .bucket.newsletter-signup .newsletter_confirm{display:none;background-color: #0a3339;padding: 10px 10px 11px 10px;text-align: left;line-height: 15px;color: white;margin-bottom: 10px;} .main-content .sidebar .bucket.newsletter-signup .newsletter_confirm span {font-weight: bold;padding: 7px 0;display: block;} /********************************************/ /*** Search Results ***/ /********************************************/ #search-results { width: 960px; margin: 0 auto; } #search-results .header { height: 62px; background: url("/global/includes/images/template_items/search/search-header.png") top left no-repeat; } #search-results .header H1 { margin: 14px 0 0 20px; color: #FFF; font-family: GabrielSansLightRegular, Arial, Helvetica, sans-serif; font-size: 28px; float: left; } #search-results .header P { margin: 27px 0 0 10px; float: left; color: #909090; font-family: Arial, Helvetica, sans-serif; font-size: 13px; } #search-results .main-container { width: 960px; padding: 20px 0 0; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #e3e7e8; } #search-results .search-form { margin: 0 20px 20px 18px; height: 48px; width: 599px; background: url("/global/includes/images/template_items/search/search-query-bg.png") top left no-repeat; position: relative; } #search-results .bottom-search .search-form { margin-bottom: 0; } #search-results .search-form INPUT.query { width: 532px; border: none; background: none; color: #777; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; position: absolute; top: 14px; left: 24px; } #search-results .search-form .submit { margin-left: 10px; height: 36px; width: 33px; position: absolute; top: 5px; right: 10px; cursor: pointer; text-indent: -9999px; border: none; background: url("/global/includes/images/template_items/search/search-button-sprite.png") no-repeat left top; } #search-results .search-form .submit:HOVER { background-position: bottom left; } #search-results .main-container .results { padding: 20px 340px 20px 20px; background: url("/global/includes/images/template_items/search/divider-bg.jpg") no-repeat center top; } #search-results .main-container .bottom-search { padding: 10px 0; background: url("/global/includes/images/template_items/search/divider-bg.jpg") no-repeat center top; } #search-results .main-container .results LI { margin-bottom: 22px;list-style: none; } #search-results .main-container .results LI .url { margin: 3px 0; color: #515151; } #search-results .main-container .results LI .highlight-word { font-weight: bold; } #search-results .main-container .results H3 { font-size: 15px; font-weight: bold; } #search-results .main-container .results H3 A{ color: #0096b6; text-decoration: none; } #search-results .main-container .results H3 A:HOVER { text-decoration: underline; } #search-results .main-container .results H3 A:VISITED { color: #765f87; } #search-results .main-container .pagination { margin: 0 20px 20px 20px; height: 30px; } #search-results .main-container .pagination LI:first-child { margin-left: 0; } #search-results .main-container .pagination LI { width: 26px; margin-left: 8px; display: block; float: left; background-color: #222; text-align: center; vertical-align: middle; border: 1px solid #666; border-radius: 4px; background: -moz-linear-gradient(top, #3d3d3d 0%, #222222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(100%,#222222)); background: -webkit-linear-gradient(top, #3d3d3d 0%,#222222 100%); background: -o-linear-gradient(top, #3d3d3d 0%,#222222 100%); background: -ms-linear-gradient(top, #3d3d3d 0%,#222222 100%); background: linear-gradient(top, #3d3d3d 0%,#222222 100%); } #search-results .main-container .pagination LI.first, #search-results .main-container .pagination LI.last {width:60px;} #search-results .main-container .pagination LI.first .prev, #search-results .main-container .pagination LI.last .next {font-size:16px;padding:3px;} #search-results .main-container .pagination LI:HOVER { background: #00eaff; /* Old browsers */ background: -moz-linear-gradient(top, #00eaff 0%, #0198a6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00eaff), color-stop(100%,#0198a6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00eaff 0%,#0198a6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00eaff 0%,#0198a6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00eaff 0%,#0198a6 100%); /* IE10+ */ background: linear-gradient(top, #00eaff 0%,#0198a6 100%); /* W3C */ } #search-results .main-container .pagination LI A { padding: 5px 0; display: block; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; } #search-results .main-container .pagination LI A strong { text-decoration:underline;} #search-results .main-container .pagination LI A.prev, #search-results .main-container .pagination LI A.next { padding: 0; margin: -2px 0 2px; font-size: 20px; } .autocomplete { position: absolute; top: 41px; left: 17px; width: 500px; background-color: #CCC; border: 1px solid #000; z-index: 10; } .autocomplete LI { padding: 3px 8px; font-weight: bold; border-top: 1px solid #000; } .autocomplete LI:first-child { border-top: 0 none; } .autocomplete LI.selected { background-color: #AAA; } .autocomplete LI .match { font-weight: normal; } /********************************************/ /*** Game Support Tiles ***/ /********************************************/ .game-support-tiles{} .game-support-tiles ul{margin: 0;padding: 0;} .game-support-tiles ul > li{margin-right: 6px;float: left;list-style: none;} .game-support-tiles ul > li a{margin-bottom: 40px;display: block;position: relative;text-align: center;text-decoration: none;background-repeat: no-repeat;background-color: #000;} .game-support-tiles ul > li a span.tile{display: block;width: 176px;height: 363px;top: 0;position: relative;opacity: 1;background: url(/global/includes/images/game-support-tiles/tile-bg.jpg) no-repeat;} .game-support-tiles ul > li a span.tile span.hover{display: block;width: 176px;height: 363px;top: 0;position: relative; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .game-support-tiles ul > li a span.tile span.hover span.bg{display: block;width: 176px;height: 363px;top: 0;position: absolute;opacity: 0;background: url(/global/includes/images/game-support-tiles/tile-bg.jpg) no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .game-support-tiles ul > li a span.title{padding: 20px 0;display: block;font-size: 23px;background: green;position: relative;font-family: "Trebuchet MS", Helvetica, sans-serif;} .game-support-tiles ul > li a span.title span.arrow{ position: absolute;left: 80px;top: 67px;width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid green; } .game-support-tiles ul > li a span.visit{display: block;position: absolute;top: 363px;left: 0;width: 100%;text-transform: uppercase;color: #000;opacity: 0;background: url(/global/includes/images/game-support-tiles/shadow.png) 50% 15px no-repeat; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; padding-top: 40px; } .game-support-tiles ul > li a span.shadow{display: block;position: absolute;top: 381px;left: 0;width: 100%;height: 12px;opacity: 0;; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; -ms-transition: 0.2s; transition: 0.2s; } .game-support-tiles ul > li a:hover{color: #fff;} .game-support-tiles ul > li a:hover span.tile span.hover{top: -14px;} .game-support-tiles ul > li a:hover span.tile span.hover span.bg, .game-support-tiles ul > li a:hover span.shadow, .game-support-tiles ul > li a:hover span.visit{opacity: 1;} .game-support-tiles ul > li a.aion .tile{background-position: 0 67px;} .game-support-tiles ul > li a.aion .tile .hover .bg{background-position: 0 -231px;} .game-support-tiles ul > li a.aion span.title{ background-color: #127d94; } .game-support-tiles ul > li a.aion span.title span.arrow{ border-top-color: #127d94; } .game-support-tiles ul > li a.gw .tile{background-position: -176px 67px;} .game-support-tiles ul > li a.gw .tile .hover .bg{background-position: -176px -231px;} .game-support-tiles ul > li a.gw span.title{ background-color: #ad9a70; } .game-support-tiles ul > li a.gw span.title span.arrow{ border-top-color: #ad9a70; } .game-support-tiles ul > li a.gw2 .tile{background-position: -352px 67px;} .game-support-tiles ul > li a.gw2 .tile .hover .bg{background-position: -352px -231px;} .game-support-tiles ul > li a.gw2 span.title{ background-color: #912a23; } .game-support-tiles ul > li a.gw2 span.title span.arrow{ border-top-color: #912a23; } .game-support-tiles ul > li a.l2 .tile{background-position: -528px 67px;} .game-support-tiles ul > li a.l2 .tile .hover .bg{background-position: -528px -231px;} .game-support-tiles ul > li a.l2 span.title{ background-color: #817267; } .game-support-tiles ul > li a.l2 span.title span.arrow{ border-top-color: #817267; } .game-support-tiles ul > li a.ws .tile{background-position: -704px 67px;} .game-support-tiles ul > li a.ws .tile .hover .bg{background-position: -704px -231px;} .game-support-tiles ul > li a.ws span.title{ background-color: #599bc7; } .game-support-tiles ul > li a.ws span.title span.arrow{ border-top-color: #599bc7; } /********************************************/ /*** Help Page ***/ /********************************************/ #support-page {background: url(/global/includes/images/charge-page/background.jpg) repeat-x 50% 66px #fff;} #support-page #header + .outer-container{padding-bottom: 0;} #support-page .outer-container{font-family: "Trebuchet MS",Helvetica,sans-serif; font-size: 16px; width: 910px;color: #333; } #support-page .outer-container a{text-decoration: none;color: #cc8d14;} #support-page .outer-container a:hover{text-decoration: underline;} #support-page .intro{height: 126px;} #support-page .game-support-tiles{border-bottom: 1px solid #b0b0b0; background: #efedee; /* Old browsers */ background: -moz-linear-gradient(top, #efedee 0%, #d2d2d2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efedee), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #efedee 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #efedee 0%,#d2d2d2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #efedee 0%,#d2d2d2 100%); /* IE10+ */ background: linear-gradient(to bottom, #efedee 0%,#d2d2d2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efedee', endColorstr='#d2d2d2',GradientType=0 ); padding-bottom: 15px; /* IE6-9 */ } #support-page .game-support-tiles ul{position: relative;top: -28px;width: 910px;margin: 0 auto;} #support-page h1{font-family: inherit;font-style: normal;text-transform: uppercase;margin: 29px 0 -18px;} #support-page h1 .highlight{color: #fff;} /********************************************/ /*** Charges Page ***/ /********************************************/ #charges-page {background: url(/global/includes/images/charge-page/background.jpg) repeat-x 50% 66px #fff;} #charges-page h1{font-family: inherit;font-style: normal;margin: 5px 0 25px;} #charges-page h2{font-family: inherit;font-style: normal;font-size: 2em;text-transform: uppercase;margin: 5px 0 -7px;} #charges-page h2 .highlight{color: #cc8d14;} #charges-page .outer-container{background: url(/global/includes/images/charge-page/content-bg.png) no-repeat;padding: 27px;width: 906px;font-family: "Trebuchet MS",Helvetica,sans-serif;font-size: 16px;color: #333;margin-top: 10px;} #charges-page .outer-container a{text-decoration: none;color: #cc8d14;} #charges-page .outer-container a:hover{text-decoration: underline;} #charges-page .game-support-tiles{margin: 0 auto;width: 910px;height: 625px;} /********************************************/ /*** jqTransform ***/ /********************************************/ form.jqtransformdone div.rowElem { clear: both; padding: 4px 0; } /** Buttons **/ button.jqTransformButton { margin: 0; padding: 0; border: none; cursor: pointer; overflow: visible; font-family: Arial; } button.jqTransformButton span { display: block; float: left; padding: 0 4px 0 0; /* sliding doors padding */ margin: 0; height: 33px; } button.jqTransformButton span span { color: #333; padding: 8px 4px 0 8px; font-weight: normal; font-size: 12px; line-height: 13px; display: block; text-decoration: none; height: 33px; } /** Inputs **/ .jqTransformInputWrapper { margin-bottom: 10px;background: #606868; height: 22px; padding: 0; } .jqTransformInputInner { padding: 0; margin: 0; } .jqTransformInputInner div { height: 22px; margin: 0 0 0 8px; } .jqTransformInputInner div input { font-family: IntervalSansProRegular,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 18px; vertical-align: middle; height: 22px; color: #fff; border: none; padding: 0; margin: 0; background: #606868; } /*focus*/ .jqTransformSafari .jqTransformInputInner div { position: relative; overflow: hidden; margin: 0 8px; } .jqTransformSafari .jqTransformInputInner div input { position: absolute; top: -10px; left: -2px; height: 42px; padding-left: 4px; } /** Textarea **/ table.jqTransformTextarea{} table.jqTransformTextarea td#jqTransformTextarea-mm textarea { font-size: 12px; line-height: 16px; } table.jqTransformTextarea td { font-size: 1px; line-height: 1px; width: 5px; height: 5px; margin: 0; padding: 0; } table.jqTransformTextarea tr { /*border: 1px solid red;*/} table.jqTransformTextarea textarea { margin: 0; padding: 0; border: 0; } table.jqTransformTextarea .jqTransformSafariTextarea div { position: relative; overflow: hidden; border: 0 solid red; } table.jqTransformTextarea .jqTransformSafariTextarea textarea { position: absolute; top: -10px; left: -10px; padding: 10px 10px 10px 10px; resize: none; } /** Radios **/ .jqTransformRadioWrapper { margin: 0 4px; margin-top: 5px; } .jqTransformRadio { vertical-align: middle; height: 19px; width: 18px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; /* see http://www.quirksmode.org/css/display.html */ } /** Checkboxes **/ span.jqTransformCheckboxWrapper { margin-top: 5px; } a.jqTransformCheckbox { vertical-align: middle; height: 19px; width: 18px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; /* see http://www.quirksmode.org/css/display.html */ } /** Checked **/ a.jqTransformChecked{} /** Selects **/ .jqTransformSelectWrapper { margin-bottom: 10px;display: block; width: 45px; position: relative; height: 22px;font-size: 14px;font-family: IntervalSansProRegular,Arial,Helvetica,sans-serif;color: #fff; background: #606868; text-align: left; } .jqTransformSelectWrapper li { list-style: none; padding: 0; margin: 0; } .jqTransformSelectWrapper div span { float: none; position: absolute; white-space: nowrap; height: 31px; line-height: 15px; padding: 3px 0 0 9px; overflow: hidden; cursor: pointer; width: 93%; display: block;/*border: 1px solid #CCCCCC;*/} .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; top: 5px;right: 3px; width: 15px; height: 12px; background: url(/global/includes/images/fp-buckets/newsletter-dropdown-arrow.gif) no-repeat; } .jqTransformSelectWrapper ul { position: absolute; width: 100% !important; top: 0;left: 0; list-style: none; background: #606868; display: none; margin: 0; padding: 0; height: 150px; overflow: auto; overflow-y: auto; z-index: 10; } .jqTransformSelectWrapper ul a { display: block; padding: 3px 9px 7px; text-decoration: none; } .jqTransformSelectWrapper ul a.selected { background: #515858; color: #FFB316; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: #495050; } /** Hidden **/ .jqTransformHidden { display: none; }