/******TABLE OF CONTENTS:****** GLOBAL SETTINGS 01) RESET 02) MAIN CONTAINERS 03) COMMON DEFAULTS -Headings -General -Images -Links -Paragraphs -Forms -Horizontal Line Breaks -Un-Ordered Lists -Nested (Unordered Lists) -Gem List -Ordered Lists -Nested (Ordered Lists) -Definition Lists -Blockquotes -Tables -Messages Error/Info 05) BREADCRUMB 06) SINGLE COLUMN 07) TWO COLUMN LEFT 08) TWO COLUMN RIGHT (SIDEBAR) -Bucket Headers & Footers -Buckets -Newsletter Form -Accordion 09) CONTENT TOP -Content Navigation -Drop Down 10) CONTENT AREA -Content Header -Content Container -Shaded Rows 11) PAGINATION SITE COMPONENTS 14) LIGHTBOX -Download Dialog Box -Share This Dialog Box 15) SHARE THIS -Rows of Links -Embed and URL Section -Footer SITE SECTIONS AND PAGES 16) FRONT PAGE 17) MEDIA SECTION 18) ACCOUNT SERVICES PAGE 19) ABOUT SECTION -Sub Nav -Landing Page Banner -Sub Nav in Landing Page Banner -New To Aion -Gameplay -Factions 20) ABOUT: SERVER STATISTICS PAGES -Server Statistics Detail -Stat Tabs -Stat Container (with decorated corners) -Player Statistics -Bar Chart -Slider -Abyss Status -Leaderboards -Pagination 21) ABOUT: CLASSES PAGE 22) ABOUT: CLASS DETAILS PAGES 23) FANSITE PAGE 24) SEARCH RESULTS PAGE -Character and Legion Search Results -Search Results (No Results) 25) SITEMAP 26) ACCOUNT LOG IN 27) SERVICES SECTION -Shadow Court Archive -Store -Overview -Support -Refer a Friend -Security -Veteran's Rewards -CUBE -NCoin 28) ERROR PAGES 29) Custom Event page ******************************/ /******************************************** ** 1) Reset /********************************************/ div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {margin: 0; padding: 0; border: 0} /******************************************** ** 1) Common Defaults /********************************************/ /*** Headings ***/ h2, h3, h4, h5, h6 {font-weight: normal;font-family:CartoGothicProBold, Arial, Helvetica, sans-serif} h1 {padding: 11px 0; color: #0c3d51; font-family: AdelonMedium, "Times New Roman", Times, serif; font-size: 22px;font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 0 #e9e9e9} h1 a:hover {color: #06506e; border-bottom: none} h1 a:active {color: #06506e} h1 span.sub-title {color: #3c474c} h2 {padding: 0 10px 0 0; font-size: 20px; color: #0c3d51; font-weight: normal} h2 a{color: #0c3d51} h2 span.sub-title {color: #717171} h3 {padding: 10px 0; font-size: 16px; padding: 5px 0} h3 span.sub-title {color: #717171} h4 {padding: 10px 0; font-size: 14px; text-transform: uppercase} h4 span.sub-title {color: #717171} h5 {padding: 10px 0; font-size: 14px; color: #333} h5 span.sub-title {color: #717171} h6 {padding: 5px 0; font-size: 12px; font-weight: bold} h6 span.sub-title {color: #717171} h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight: bold} /*** General ***/ .floatRight {float: right} .floatLeft {float: left} .displayNone {display: none} .clear {clear: both} .clear-fix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /*** Images ***/ img {border: none} img.floatRight {margin: 10px 10px 10px 15px} img.floatLeft {margin: 10px 15px 10px 0} img.dbl-border-thick {padding: 2px; background: #fff; border: 2px solid #5f5f5f} img.dbl-border-thin {padding: 1px; background: #fff; border: 1px solid #5f5f5f} /*** Links ***/ a {color: #2B6C8C; text-decoration: none; outline:0} .extLink-small{padding-right: 14px;background: url("/global/includes/images/template-items/ext_link_small.png") no-repeat 100% 3px} .extLink-small:hover { background-position: 100% -27px } .extLink-large{padding-right: 20px;background:url("/global/includes/images/template-items/ext_link_large.png") no-repeat 100% 0} .extLink-large:hover{background-position: 100% -32px} a[href$='.pdf']{display: inline-block; padding-right: 20px;background: transparent url('/global/includes/images/template-items/pdf_icon.png') no-repeat scroll 100% 0} /*** Paragraphs ***/ p {padding: 5px 0; font-family: CartoGothicProBook, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 20px} p span.highlight {font-weight: bold} p span.drop-cap {font-family: AdelonMedium, "Times New Roman", Times, serif; text-transform: uppercase; float: left; color: #0c3d51; font-size: 75px; line-height: 60px; padding-right: 3px} p.text-indent {text-indent: 20px} abbr {border-bottom: 1px dotted #333; color: #333; cursor: help} /*** Forms ***/ input {background: url(/global/includes/images/template-items/input_bg.png) no-repeat; border: 1px solid #cdcdcd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px} /*** Horizontal Line Breaks ***/ #twoCol-left div.break-one {margin: 0 0 5px -1px; width: 738px; height: 20px; position: relative; background: url(/global/includes/images/template-items/hr/hr_1.png) no-repeat; border: 0 none; z-index: 105} #twoCol-left div.break-one-last {margin-top: -33px} #twoCol-left div.break-two {margin: 0 0 5px -1px; width: 736px; height: 19px; position: relative; background: url(/global/includes/images/template-items/hr/hr_4.png) no-repeat; border: 0 none; z-index: 105} #twoCol-left div.break-two-last {margin-top: -10px} #twoCol-left div.break-six {margin: 5px 0; height: 2px; background: url(/global/includes/images/template-items/hr/hr_6.png) no-repeat} #oneCol div.break-one {border: medium none; height: 19px; margin-left: -3px; position: relative; width: 989px; z-index: 105; background: url("/global/includes/images/template-items/hr/hr_3.png") no-repeat scroll 0 0 transparent; clear: both} #oneCol div.break-one-last {margin-top: -33px} #oneCol div.break-two {border: medium none; height: 19px; margin: 0 0 20px -33px; position: relative; width: 989px; z-index: 105; background: url("/global/includes/images/template-items/hr/hr_2.png") no-repeat scroll 0 0 transparent; clear: both} #oneCol div.break-six {margin: 5px 0; height: 2px; background: url(/global/includes/images/template-items/hr/hr_6.png) no-repeat} #oneCol div.break-seven {margin-bottom: 1px; height: 2px; background: url("/global/includes/images/template-items/hr/hr_7.png") no-repeat scroll 50% 0 } #oneCol div.break-nine {height: 2px; background: transparent url("/global/includes/images/template-items/hr/hr_9.png") no-repeat scroll 50% 0} #twoCol-left div.break-news{height:4px;margin:1em 0;background:transparent url('/global/includes/images/template-items/hr/hr_news.png') no-repeat} div.break-one hr, div.break-two hr, div.break-four hr, div.break-six hr, div.break-seven hr, div.break-nine hr, div.break-news hr{display: none} /*** Un-Ordered Lists ***/ ul {margin: 7px 0 7px 10px; padding-left: 0; list-style: none; font-family: CartoGothicProBook, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 20px;display: block;} ul li {padding: 0 0 3px 10px} ul li span {display: inline-block; margin-top: 3px; color: #717171} ul li a {} /******* Nested ***/ ul ul {margin: 2px 0 7px} ul li li {padding-bottom: 0px; line-height: 18px; font-size: 12px; margin-left: 10px; padding-left: 0; list-style-type: disc; background: none} /******* Gem List ***/ ul.gem li {padding-left: 20px; background-image: url(/global/includes/images/template-items/bullet_gem.png); background-repeat: no-repeat; background-position: 0 3px} ul.gem li li {padding-left: 0px; background: none} /*** Ordered Lists ***/ ol {margin: 7px 7px 7px 31px; font-family: CartoGothicProBook, Arial, Helvetica, sans-serif; font-size: 13px; color: #333; line-height: 30px} ol li {line-height: 24px} ol li a {} /******* Nested ***/ ol ol {margin: 0 0 5px 0!important} ol li li {line-height: 18px; font-size: 12px; margin-left: 10px; padding-left: 0 !important; list-style-type: disc; background: none !important} /*** Definition Lists ***/ dl {font-family: CartoGothicProBook, Arial, Helvetica, sans-serif; font-size: 14px; color: #333; line-height: 30px} dl dt {} dl dd {} /*** Blockquotes ***/ blockquote {padding: 7px 0; font-family: CartoGothicProBoldItalic, Arial, Helvetica, sans-serif; font-size: 16px; color: #333; line-height: 21px} blockquote span {font-family: Georgia, "Times New Roman", Times, san-serif; font-size: 44px; font-weight: bold; vertical-align: middle} /*** Tables ***/ .ncCommunity table {font-size: 12px; text-align: center; border-collapse: collapse; border-spacing: 0} .ncCommunity table tbody {} .ncCommunity table a {} .ncCommunity table a:hover {} .ncCommunity table a:visited {} .ncCommunity table tr {} .ncCommunity table tr th {background: #E4E4E4; border: 1px solid #C6C6C6; border-width: 1px 1px 0} .ncCommunity table tr td {padding: 10px 0/*; width: 150px*/} .ncCommunity table tr td:first-child {width: 150px; background: #E4E4E4; border: 1px solid #C6C6C6; border-width: 1px 1px 0} /*** Messages Error/Info ***/ .custom-msg {margin: 10px 0} .custom-msg p {padding: 10px 10px 10px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} .custom-error {margin: 0} .custom-error p {color: #CC0000; border: 1px solid #FE7B7A; padding: 18px 18px 18px 50px; background: #FEECEE url(/global/includes/images/template-items/error-pages/error_icon.png) 6px 6px no-repeat} .custom-info {} .custom-info p {color: #0055BB; background: #D8E5F8; border: 1px solid #629DE3} .custom-warn {} .custom-warn p {color: #B79000; background: #FEF6D8; border: 1px solid #FDE179} /******************************************** ** 1) Breadcrumb /********************************************/ #breadcrumb{margin: 0 15px -163px 12px;padding: 4px 0 0 12px;height: 162px;font-size: 12px;color: #fff;background: url(/global/includes/images/template-items/breadcrumb_bg.png) repeat-x} #breadcrumb a{color: #fff} /******************************************** ** 1) Single Column /********************************************/ #oneCol {margin-top: 15px; width: 990px; float: left} #oneCol a:hover {text-decoration: underline} #oneCol .content-top {padding:22px 32px 0; height: 40px;position: relative; z-index: 105; background: url(/global/includes/images/template-items/content-well/top_bg1_wide.png) no-repeat} #oneCol .content-top h1 {padding:0} #oneCol .content-container {margin: 0 18px 25px 12px;padding: 20px 0 20px 20px; min-height: 380px; position: relative; background: #D6CFDC;background: rgba(229, 236, 241, 0.85);} #oneCol .twoSubCol {width: 446px; float: left; padding-left: 28px} #oneCol .twoSubCol:first-child {padding-left: 0} /******************************************** ** 1) Two Column Left /********************************************/ #twoCol-left {margin-top: 15px; width: 737px; float: left} #twoCol-left a:hover {text-decoration: underline} #twoCol-left .content-top {padding: 21px 32px 0; height: 39px; position: relative; z-index: 105; background: url(/global/includes/images/template-items/content-well/top_bg1.png) no-repeat} #twoCol-left .content-top2 {padding: 20px 32px 0; height: 44px; position: relative; z-index: 105; text-align:center; background: url(/global/includes/images/template-items/content-well/top_bg2.png) no-repeat} #twoCol-left .content-top2 h2 {padding: 3px 0 0;font-family: AdelonMedium, "Times New Roman", Times, serif;font-weight: normal;text-shadow: 1px 1px 0 #E9E9E9} #twoCol-left .content-top h1 {padding: 0} #twoCol-left .cat-entry {margin: -15px 13px -10px 12px; padding: 20px 0 35px; position: relative; background: rgba(229, 236, 241, 0.85);} #twoCol-left .cat-bg2 {background: url(/global/includes/images/template-items/content-well/bg_fadeout_157pixel.png) no-repeat} #twoCol-left .cat-bg3 {padding-bottom: 30px;border-left: 1px solid #717171;border-right: 1px solid #717171;background: #d7d0dd;background: rgba(229, 236, 241, 0.85);} #twoCol-left .cat-entry h2 {padding: 0 0 5px;line-height: 26px} #twoCol-left .content-top + .cat-entry {margin-top: -9px;padding-top: 24px} #twoCol-left .cat-entry .content {margin-right: 17px;width: 573px; float: right} #twoCol-left .cat-entry .content .btn-right-1 {margin: 8px 0 0 -1px} #twoCol-left .cat-entry .content .social-btns-right {float: right} #twoCol-left .cat-entry .content .social-btns-right a {margin-left:7px} #twoCol-left .cat-entry .content .post-data {margin: 15px 0 5px; font-size: 12px; line-height: 12px} #twoCol-left .cat-entry .content .post-data li {padding: 0 7px; display: inline-block; border-left: 1px solid #666666} #twoCol-left .cat-entry .content .post-data li:first-child {padding-left: 0; border-left: none} #twoCol-left .cat-entry .entry-date {margin: 0 0 0 25px; padding: 0;width:75px; background: url(/global/includes/images/template-items/entrydate_bg.png) no-repeat} #twoCol-left .cat-entry .entry-date .day {margin: 0 0 0 -1px;padding-top: 3px;display: block;text-align:center;font: normal 36px AdelonBook, "Times New Roman", Times, serif; text-shadow: 0 1px 0 #e9e9e9;color: #0c3d51;} #twoCol-left .cat-entry .entry-date .month {margin-top: 1px;display: block;text-align:center; color:#333; font-size:12px} #twoCol-left .cat-entry img {max-width: 100%} #twoCol-left .cat-entry .news-comment{text-align: left} #twoCol-left .cat-entry .news-comment a{background: none;font-weight: normal;padding: 1px 2px 2px 3px} #twoCol-left .cat-entry-footer-links {margin-top: -7px;float:right} #twoCol-left .category-listing-footer {padding: 35px 13px 0 12px;text-align: center} #twoCol-left .category-listing-footer a.btn-right-1 {margin-right: 45px} /******************************************** ** 1) Two Column Right (Sidebar) /********************************************/ #twoCol-right {margin-top: 15px; padding: 7px 0 0 3px; width: 244px; float: left} #twoCol-right p {font-size: 12px; line-height: 14px} #twoCol-right h3 {font-size: 14px; font-family: AdelonMedium, "Times New Roman", Times, serif; color: #4d4d4d; text-shadow: 1px 1px 0 #e9e9e9; font-weight: normal} #twoCol-right .center-button {display: block;clear: both;text-align: center} /*** Bucket Headers & Footers ***/ #twoCol-right .bucket .bucket-top-one {margin-top: -1px;padding-top: 10px; height: 43px; background: url(/global/includes/images/template-items/buckets/top1.png) no-repeat; outline: 0} #twoCol-right .bucket .bucket-top-one h3 {padding-top: 6px;font-size: 18px;text-transform: uppercase} #twoCol-right .bucket .bucket-top-one h3.black-cloud { font-size: 15px; } #twoCol-right .bucket .bucket-top-two {padding-top: 4px;height: 36px; background: url(/global/includes/images/template-items/buckets/top2.png) no-repeat} #twoCol-right .bucket .bucket-top-three {height: 32px; background: url(/global/includes/images/template-items/buckets/top3.png) no-repeat; border-bottom: 1px solid #717171} #twoCol-right .bucket .bucket-top-three h3 {padding-top: 8px;font-size: 16px;text-transform: uppercase} #twoCol-right .bucket .bucket-bottom-one {background: url("/global/includes/images/template-items/buckets/bottom1.png") no-repeat left bottom transparent; height: 5px} /*** Buckets ***/ #twoCol-right .bucket {margin-top: 15px; width: 230px; background: #ebebeb; border: 1px solid #717171} #twoCol-right .bucket:first-child {margin-top: 0px} #twoCol-right .bucket h3 {margin-left: 10px; padding: 9px 0 0 3px; color: #0c3d51} #twoCol-right .bucket img {display: block} #twoCol-right .bucket .content {padding: 10px 12px} #twoCol-right .bucket .content p {} #twoCol-right .bucket .content a {} #twoCol-right .content ul.gem {margin-left: 0} #twoCol-right .content li {font-size: 12px; line-height: 14px; margin-top: 10px} #twoCol-right .content li:first-child {margin-top: 0} #twoCol-right .content ul li span {margin: 0;display: block;word-wrap: break-word;font-size: 11px} #twoCol-right .bucket .highlight-rows {padding: 0px;text-align: left} #twoCol-right .bucket .highlight-rows ul {margin: 0} #twoCol-right .bucket .highlight-rows ul li {margin: 0;padding: 0} #twoCol-right .bucket .highlight-rows a, #twoCol-right .bucket .highlight-rows span {padding: 8px 15px;display: block;font-size: 14px;background: url("/global/includes/images/template-items/buckets/categories_bg.png") no-repeat 0 0} #twoCol-right .bucket .highlight-rows a.active, #twoCol-right .bucket .highlight-rows a:hover {background-color: #dcddde} #twoCol-right .bucket .highlight-rows ul li:first-child a {background-image: none} #twoCol-right .bucket .content a.subscribe-rss {background: url("/global/includes/images/template-items/subscribe_rss.png") no-repeat 0 0 transparent; display: block; font-size: 12px; height: 16px; padding: 1px 0 0 25px; margin-top: 4px} #twoCol-right .bucket .content a.subscribe-rss:hover {background-position: 0 -17px} #twoCol-right .fansites .content {padding-bottom: 205px;background: url("/global/includes/images/template-items/bucket_fansites_cheer.png") no-repeat 55px 100%} #twoCol-right .fansites .content ul {margin-left: 3px} #twoCol-right .fansites .content li {padding: 0;font-size: 13px} #twoCol-right .bucket .fansite-kit ul.gem li {margin-top: 3px;background-position: 0 1px} #twoCol-right .bucket .fansite-kit ul.gem {margin-left: 10px} #twoCol-right .bucket .fansite-kit .center-button {margin: 10px 0 6px} #twoCol-right .bucket .follow-us {margin-bottom: -1px} #twoCol-right .bucket .follow-us h3{padding-top: 8px;font-size: 16px} #twoCol-right .bucket .follow-us ul {margin: 0} #twoCol-right .bucket .follow-us ul li {margin-right: 3px;padding: 0;float: right} #twoCol-right .bucket .upcoming-events p span {display: block} #twoCol-right .bucket .upcoming-events p span.type {color: #717171} #twoCol-right .bucket .upcoming-events .center-button {margin: 5px 0} #twoCol-right .bucket .updated-articles h3 {font-size: 15px} #twoCol-right .bucket .updated-articles ul.gem li {background-position: 0 0} #twoCol-right .bucket-img {border:0} #twoCol-right .bucket-img img {padding: 1px; background: none #FFF; border: 1px solid #717171} /*** Newsletter Form ***/ /* #newsletter-signup {padding-top: 6px; position: relative} #newsletter-signup label {position: absolute; top: 12px; left: 10px; display: none; color: #8a8a8a; font-size: 11px} #newsletter-signup #newsletter-email {padding: 4px 3px; width: 190px; font-size: 11px; margin-bottom: 13px} #newsletter-signup button {margin: 0;padding: 0;display: inline-block;width: 130px;height: 35px;border: 0 none;font-size: 14px;background: url("/global/includes/images/template-items/lang-en/btn_subscribe.jpg") no-repeat;cursor: pointer} #newsletter-signup button:hover {background-position: 0 -35px} */ #dialog-form .validateTips { padding-bottom: 4px; font-size: 13px; line-height: 18px; } #dialog-form .validateTips.warn { color: red; } /*** Accordion ***/ #twoCol-right .accordion .header h3 {margin-left: 10px; padding: 8px 0 0 38px; height: 26px;font-size: 18px;text-transform: uppercase} #twoCol-right .accordion .ui-state-default h3{color: #4d4d4d} #twoCol-right .accordion .ui-state-hover h3{color: #0C3D51} #twoCol-right .accordion .header .twitter {background: url(/global/includes/images/template-items/social/twitter_icon.png) no-repeat 0 2px} #twoCol-right .accordion .header .facebook {background: url(/global/includes/images/template-items/social/facebook_icon.png) no-repeat 0 2px} #twoCol-right .accordion .header .youtube {background: url(/global/includes/images/template-items/social/youtube_icon.png) no-repeat 0 2px} #twoCol-right .accordion .content {padding: 0;height: 430px } #twoCol-right .accordion .content .twitter-widget{padding:0 0 0 10px;} #twoCol-right .accordion .content ul.gem {margin: 0px; padding:10px; height:368px;overflow-y:auto; overflow-x:hidden;} #twoCol-right .accordion .content ul.gem li {padding-top: 2px;word-wrap: break-word} #twoCol-right .accordion .content ul.gem li:first-child {margin-top: 1px} #twoCol-right .accordion .content ul.gem li span {margin-top: 3px;display: block;font-size: 11px;line-height: 12px} #twoCol-right .accordion .content .extLink-large {margin: 17px 8px 0 0;font-size: 11px;text-transform: uppercase;line-height: 14px;background-position: 100% -32px} #twoCol-right .accordion div.youtube {overflow: hidden} #twoCol-right .accordion .youtube .column {margin-left: 8px;float: left} #twoCol-right .accordion .youtube .column img {margin: 1px 0 9px} #twoCol-right .accordion .youtube ul { margin: 10px 0 0 1px; padding: 0px;height:260px; } #twoCol-right .accordion .youtube a.extLink-large { margin-top: 25px } #twoCol-right .accordion .youtube-feed li {margin: 5px;padding:1px;position:relative;float:left;width:100px } #twoCol-right .accordion .youtube-feed .youtube-overlay { display: none;position:absolute; top: 1px;left: 1px; width:102px; height:77px;border: 1px solid #000;background: url(/global/includes/images/template-items/content-well/bg_50perc_black.png) } #twoCol-right .accordion .youtube-feed .youtube-overlay-link {padding: 3px;display: block;position: relative;text-decoration:none; font-size: 10px; text-align:center; text-decoration:none; color: #fff } #twoCol-right .accordion .youtube-feed .youtube-overlay-selected { display: block } #twoCol-right .accordion .bucket-top-one {padding: 0;height: 6px} #twoCol-right .accordion .bucket-top-two {height: 41px;cursor: pointer; outline: 0; border-bottom: 1px solid #8c8d8d} #twoCol-right .accordion .bucket-bottom-one {height: 4px} /******************************************** ** 1) Content Top /********************************************/ /*** Content Navigation ***/ .content-top ul.nav {margin:0} .content-top ul.nav li {padding: 4px 15px 0;float: left;background: url("/global/includes/images/template-items/content-well/top_nav_bg.png") no-repeat 0 0} .content-top ul.nav a {padding-bottom: 28px; z-index: 110; position:relative;font-family: AdelonMedium, "Times New Roman", Times, serif; font-size: 18px;font-weight: normal;text-transform: uppercase;text-shadow: 0 1px 0 #E9E9E9;color: #3c474c} .content-top ul.nav a.active {text-decoration: none !important;color: #2b6c8c;background: url("/global/includes/images/template-items/content-well/top_nav_point.png") no-repeat center 30px transparent} .content-top ul.nav a:hover {text-decoration: none !important;color: #2b6c8c;} .content-top ul.nav li.media-nav-viewall {background: url();} #twoCol-left .content-top ul.nav a.active, #twoCol-left .content-top ul.nav a:hover {background-position: center 28px} .content-top ul.left {float: left} .content-top ul.right {float: right} .content-top ul.left li {background-position: 100% 0} /*** Drop Down ***/ .content-top ul.nav {margin:0} #twoCol-left .content-top ul.prev-next{margin-top: -2px;float: right} #twoCol-left .content-top ul.prev-next > li{padding: 5px 0 0 11px;float: left;height: 28px} #twoCol-left .content-top ul.prev-next > li:first-child{padding-right: 11px;background: url(/global/includes/images/template-items/content-well/top_nextprev_sep.png) 100% 0 no-repeat} #twoCol-left .content-top ul.prev-next > li > a{color: #3c474c;font-family: AdelonMedium, "Times New Roman", Times, serif;font-size: 16px;font-weight: normal;text-shadow: 0 1px 0 #E9E9E9;text-transform: uppercase} #twoCol-left .content-top ul.prev-next > li > a:hover{color: #0C3D51; text-decoration: none;} #twoCol-left .content-top ul.prev-next .prev-next-disabled{color: #797B80; font-family: AdelonMedium, "Times New Roman", Times, serif;font-size: 16px;font-weight: normal;text-shadow: 0 1px 0 #E9E9E9;text-transform: uppercase; margin-top: 0;} #twoCol-left .content-top .dropdown{position: absolute;right: 30px} #twoCol-left .content-top .dropdown .btn-square-7{} .dropdown ul{margin: -4px 0 0;border: 1px solid #bbb;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 13px;text-shadow: 0 1px 0 #fff;color: #000;background: url(/global/includes/images/template-items/dropdown_bg.jpg) repeat} .dropdown ul > li{border-top: 1px solid #bbb;padding: 0} .dropdown ul > li:first-child{padding-top: 1px} .dropdown ul > li a{border-top: 1px solid #fff;border-left: 1px solid #fff;padding: 1px 13px;display: block;color: inherit} .dropdown ul > li a:first-child{} .dropdown ul > li a:hover, .dropdown ul > li.active a{background: url(/global/includes/images/template-items/dropdown_hover.png) repeat-x} /******************************************** ** 1) Content Area /********************************************/ .content-container span.button-right{display: block; text-align: right} .content-container span.button-right a.btn-right-2{padding-right: 35px;width: auto;line-height: 26px;color: #06506e;text-shadow: none} .content-container span.button-right a.btn-right-2:hover{} /*** Content Header ***/ #twoCol-left .content-header{margin: 0 13px 0 12px;padding: 20px;position: relative;background-color:#D6CFDC;} #twoCol-left .content-header h2{padding: 0} #twoCol-left .content-header h2 ~ h2{font-size: 18px} #twoCol-left .content-header p{padding-top: 0} /*** Content Container ***/ #twoCol-left .content-container{margin: 0 13px 25px 12px;} #twoCol-left .content-container .break-one{left: -32px;top: 35px} /*** Shaded Rows ***/ .content-container .shaded-row{padding: 20px;position: relative;border-top: 1px solid #fff} .content-container .shaded-row:first-child{border: none} .content-container .dark-row{background: #e4dfe8;background: rgba(213,223,231,0.85);} .content-container .light-row{background: #dbd5e1;background: rgba(229,236,241,0.85);} /******************************************** ** 1) Pagination /********************************************/ .pagination {margin: 20px 13px 18px;font-size: 13px;line-height: 27px;text-align: center; z-index: 105;} #oneCol .pagination {margin-right: 18px} .pagination ul {margin-left: 0;display: inline-block} .pagination ul>li {padding:0!important;margin:0!important;display:inline-block;} .pagination ul>li>a{text-align:center!important;} .pagination span, .pagination a{padding-right: 5px;padding-left: 5px;} .pagination a{color: #4D4D4D;} #onCol .pagination a:hover, #twoCol-left .pagination a:hover{color: #2b6c8c;text-decoration: none;} .pagination span.pacurrent{color: #2B6C8C;} .pagination span.previous a{padding: 0;display: inline-block;height: 27px;width: 27px;text-indent: -9999em;background: url("/global/includes/images/template-items/btns/btn_left2_bg.png") no-repeat;} .pagination span.previous a:hover{background-position: 0 -27px;} .pagination span.next a{padding: 0;display: inline-block;height: 27px;width: 27px;text-indent: -9999em;background: url("/global/includes/images/template-items/btns/btn_right2_bg.png") no-repeat;} .pagination span.next a:hover{background-position: 0 -27px;} .pagination span a.btn-left-2, .pagination span a.btn-right-2 {margin-top: -3px;} .pagination a.btn-left-2, .pagination a.btn-right-2 {position: relative;top: 9px;} .pagination span.unavailable a.btn-left-2, .pagination span.unavailable a.btn-right-2 {background-position: 0 -54px !important;cursor: default;} /******************************************** ** 1) Next/Previous Buttons /********************************************/ a.btn-more-results, a.btn-back-to-top {margin-top:4px;padding-right: 13px;font-size: 12px;text-transform: uppercase;background: transparent url(/global/includes/images/template-items/btns/btn_arrows.png) no-repeat scroll 100% -47px} #twoCol-left a.btn-more-results:hover, #twoCol-left a.btn-back-to-top:hover, #oneCol a.btn-more-results:hover, #oneCol a.btn-back-to-top:hover {text-decoration: none} a.btn-more-results {left:0} a.btn-back-to-top{right:0;background-position: 100% 4px} #twoCol-left .next-prev-btns {margin: 0 13px 0 12px;position: relative;text-transform: uppercase;font-size: 12px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif} .next-prev-btns a.btn-more-results, .next-prev-btns a.btn-back-to-top {position: absolute} /******************************************** ** 1) Lightbox ********************************************/ .ncLightBox-overlay {position:fixed;top:0;left:0;height:100%;width:100%;background:#000;z-index:199;display:none;} .lightbox{display:none;min-width:210px;position:absolute;left:0px;top:0px;z-index:200;position:fixed;-webkit-backface-visibility: hidden;} .lightbox .left-aligned{float:left} .lightbox .logo{margin-bottom:10px} .lightbox .lightbox-count{color:#0c3d51;font-family:AdelonBook, "Times New Roman", Times, serif;font-size:20px;margin:0;padding:0;text-transform:uppercase;text-shadow:0 1px 0 #e9e9e9; left:0px; position:absolute;left:30px;} .lightbox .header{position:relative;background:url("/global/includes/images/template-items/lightbox_header_bg.png") left top repeat transparent;height:6px;z-index:1;} .lightbox .header .left{width:44px;height:18px;background:url("/global/includes/images/template-items/lightbox_header_left.png") left top no-repeat transparent;position:absolute;left:-12px;top:-6px} .lightbox .header .right{width:44px;height:18px;background:url("/global/includes/images/template-items/lightbox_header_right.png") left top no-repeat transparent;position:absolute;right:-12px;top:-6px} .lightbox .main .loading >img{ position:absolute; top:45%; left:45%; } .lightbox .main{padding:12px 30px;position:relative;border: 1px solid #fff;background:url("/global/includes/images/template-items/lightbox_content_bg.png") left top repeat } .lightbox .main > ul{margin:0;float:right} .lightbox .main > ul li{float:left} .lightbox .main > ul li a span{color:inherit} .lightbox .content{margin: 15px auto;min-width:218px;position:relative; } .lightbox .content .media {margin-left: auto;margin-right: auto;padding:1px; background:#000;height:380px; width:640px;border:2px solid #333;} .lightbox .content .dialog-box{z-index:165;position:absolute;left: 0;bottom: 0;width:100%;min-height:125px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size:14px;color:#fff;background:url("/global/includes/images/template-items/black_90_percent.png") repeat} .lightbox .content .dialog-box .dialog-box-header{padding:4px 10px 4px 16px;border-top:1px solid #2a2a2c;border-bottom:1px solid #2a2a2c;background:url("/global/includes/images/template-items/black_90_percent.png") repeat} .lightbox .content .dialog-box .dialog-box-header h3{font-size:14px;font-weight:normal;} .lightbox .content .dialog-box .dialog-box-header a.dialog-close{background:url("/global/includes/images/lightbox-dialog-close.png") no-repeat top left;cursor:pointer;display:block;float:right;height:24px;width:23px;} .lightbox .content .dialog-box .dialog-box-body{margin:0 auto;padding:22px 16px 0;line-height:22px} .lightbox .content .dialog-box .dialog-box-body p{color:#fff} .lightbox .content .dialog-box .dialog-box-body ul{margin:0 auto;position:relative;float:none;color:inherit} .lightbox .content .dialog-box .dialog-box-body ul li{margin:0;padding:0} #ncLB-video{background:#000;display:block;height: 100%;width: 100%;background: url("/global/includes/images/aion3-5/fancybox/fancybox_loading.gif") 50% 50% no-repeat;} .video-rating { position: absolute; width: 100%; top: 0; bottom: 0; z-index: 160; background-color: #000; text-align: center; padding-top: 15%; } /*** Next/Previous ***/ .lightbox a.lightbox-prev, .lightbox a.lightbox-next{background:url("/global/includes/images/lightbox-arrows.png") no-repeat;cursor:pointer;display:block;height:23px;margin-top:-15px;position:absolute;top:50%;width:22px;} .lightbox a.lightbox-prev{background-position:0 0;left:4px;} .lightbox a.lightbox-prev:hover{background-position:0 -23px;} .lightbox a.lightbox-next{background-position:-22px 0;right:4px;} .lightbox a.lightbox-next:hover{background-position:-22px -23px;} /*** Download Dialog Box ***/ .lightbox .dialog-box-body .dialog-download{text-align:center;font-size:12px;padding-bottom:22px;} .lightbox .dialog-box-body .dialog-download div.links{padding-left:32px;display:inline-block;text-align:left} .lightbox .dialog-box-body .dialog-download div.links:first-child{margin-right:40px} .lightbox .dialog-box-body .dialog-download div.quicktime{background:url("/global/includes/images/template-items/quicktime_icon.png") no-repeat} .lightbox .dialog-box-body .dialog-download div.media-player{background:url("/global/includes/images/template-items/windowsmedia_icon.png") no-repeat} .lightbox .dialog-box-body .dialog-download h4{padding:0 0 4px 0;font-size:inherit;font-weight:inherit} .lightbox .dialog-box-body .dialog-download ul{font-size:inherit} .lightbox .dialog-box-body .dialog-download ul li{margin-bottom:4px;float:none;list-style-type:none} .lightbox .dialog-box-body .dialog-download ul li a{color:#fff} .lightbox .dialog-box-body .dialog-download ul li a:hover{color:#66CDFF;} .lightbox .dialog-box-body .dialog-download ul li a span{margin:0;color:#555} .lightbox .dialog-box-body .dialog-download .wallpapers{display:block;margin:0 auto;padding:0;text-align:center;width:400px;} .lightbox .dialog-box-body .dialog-download .wallpapers ul li{display:inline;font-size:13px;margin:0 15px 5px;} .lightbox .dialog-box-body .dialog-download .wallpapers ul li a{display:inline-block} /*** Share This Dialog Box ***/ .lightbox .dialog-box .dialog-box-body .dialog-share{margin:0 auto;padding-bottom:9px;width:490px} .lightbox .dialog-box .dialog-box-body .dialog-share ul{font-size:12px} .lightbox .dialog-box .dialog-box-body .dialog-share ul li{margin-bottom:13px;padding:0} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social{float:left;width:260px} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li{float:left;width:130px;text-align: left} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a, .lightbox .dialog-box .dialog-box-body .dialog-share ul.links li a{padding:2px 0 0 31px;display:inline-block;height:21px;font-size:12px;color:#fff} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a:hover, .lightbox .dialog-box .dialog-box-body .dialog-share ul.links li a:hover{color:#66CDFF;} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a.twitter{background:url("/global/includes/images/template-items/social/twitter.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a.facebook{background:url("/global/includes/images/template-items/social/facebook.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a.myspace{background:url("/global/includes/images/template-items/social/myspace.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a.digg{background:url("/global/includes/images/template-items/social/digg.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a.reddit{background:url("/global/includes/images/template-items/social/reddit.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.social li a.delicious{background:url("/global/includes/images/template-items/social/delicious.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.links li a.email{margin-left:18px;padding-left:39px;background:url("/global/includes/images/template-items/social/mail_icon.png") no-repeat left top transparent} .lightbox .dialog-box .dialog-box-body .dialog-share ul.links{float:left;width:230px} .lightbox .dialog-box .dialog-box-body .dialog-share ul.links li > span{margin:0;display:inline-block;width:55px;color:#fff} .lightbox .dialog-box .dialog-box-body .dialog-share ul.links li textarea{margin:0;padding:0;width:170px;height:16px} .mc-poster{overflow:hidden; margin: 00px 0px 150px 0px; padding: 0px;} /*** Share This pop up ***/ .share-this {position: relative} .share-this-container {display: block;position: absolute;bottom: 11px;right: -13px;z-index: 130;width: 290px;text-align: left;color: #fff;text-shadow: none} .share-this-container .share-this-top {height: 17px;background: url("/global/includes/images/template-items/share-this/top_bg.png") no-repeat} .share-this-container .share-this-content {padding: 6px 10px 12px;width: 270px;position: relative;background: url("/global/includes/images/template-items/share-this/content_bg.png") repeat-y} .share-this-container .share-this-content a:hover {color: #66cdff} .share-this-container .share-this-bottom {height: 38px;background: url("/global/includes/images/template-items/share-this/bottom_bg.png") no-repeat} .share-this-container .share-this-close {float: right;border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #000;background: #e6e7e8} .share-this-container .share-this-close span{margin-left: -9px;padding: 0 6px 0 9px;display: block;height: 23px;line-height: 23px;font-size: 12px;background: url("/global/includes/images/template-items/share-this/close_cap.png") no-repeat} .share-this-container h3 {padding: 0 20px 21px;color: #fff; font-size: 18px} .share-this-container .share-this-links {margin: 0;border-top: 1px solid #30343f} .share-this-container .share-this-links li {padding: 5px 0 5px 20px;float: left;width: 115px;border-bottom: 1px solid #30343f} .share-this-container .share-this-links a {padding: 3px 0 4px 30px;color: #fff} .share-this-container .share-this-links a.twitter {background: url("/global/includes/images/template-items/social/twitter.png") no-repeat left top transparent} .share-this-container .share-this-links a.facebook {background: url("/global/includes/images/template-items/social/facebook.png") no-repeat left top transparent} .share-this-container .share-this-links a.myspace {background: url("/global/includes/images/template-items/social/myspace.png") no-repeat left top transparent} .share-this-container .share-this-links a.digg {background: url("/global/includes/images/template-items/social/digg.png") no-repeat left top transparent} .share-this-container .share-this-links a.reddit {background: url("/global/includes/images/template-items/social/reddit.png") no-repeat left top transparent} .share-this-container .share-this-links a.delicious {background: url("/global/includes/images/template-items/social/delicious.png") no-repeat left top transparent} .share-this-container .share-this-urls {margin: 0 0 12px;padding: 20px 0 13px 20px;clear: both;border-bottom: 1px solid #30343f} .share-this-container .share-this-urls li {padding: 0 0 3px} .share-this-container .share-this-urls .label {display: inline-block;width: 54px;color: #fff;font-size: 12px} .share-this-container .share-this-urls textarea {padding: 4px;width: 166px;height: 15px} .share-this-container .share-this-email {margin-left: 20px;padding: 3px 0 0 30px;display: block;height: 16px;color: #fff;background: url("/global/includes/images/template-items/share-this/mail_icon.png") no-repeat left top transparent} /******************************************** ** 1) SOCIAL MEDIA BOX /********************************************/ #twoCol-right .accordion .content ul.gem li .extra-info span { display: inline; } #twoCol-right #fp-accordion.accordion UL.gem LI.followers:first-child { margin: -10px -10px 0 -10px; padding: 10px 0 10px 30px; font-size: 14px; border-bottom: 1px dotted #000; background-color: #DDD; background-image: none; } #twoCol-right #fp-accordion.accordion UL.gem LI.followers A { padding-left: 20px; background: url("/global/includes/images/template-items/social/facebook_sprite.png") no-repeat scroll 0 -14px transparent; } #fp-accordion UL LI A:HOVER { text-decoration: underline } #fp-accordion UL LI A.username { display: block; font-weight: bold; } #fp-accordion UL LI A.publish-date { color: #717171; } #fp-accordion UL LI .post-link { display: block; margin: 4px 0 4px 2px; padding-left: 6px; border-left: 2px solid #B1C2C9; } #fp-accordion UL LI .post-link IMG { margin-bottom: 3px; } #fb-accordion UL LI .extra-info { display: block; } #fp-accordion UL LI .like-count { height: 16px; padding-left: 20px; background: url(/global/includes/images/template-items/social/facebook_sprite.png) 3px -16px no-repeat } #fp-accordion UL LI .comment-count { height: 16px; padding-left: 20px; background: url(/global/includes/images/template-items/social/facebook_sprite.png) 3px 0 no-repeat } /******************************************** ** 1) Front Page /********************************************/ #fp-banner {margin-left: 12px; width: 958px; position: relative; border-right: 1px solid #333;border-bottom: 1px solid #333;border-left: 1px solid #333} #fp-banner .vertical-end-top {height: 28px; background: url(/global/includes/images/template-items/fp-banner/fp_banner_vertical_end_top.png) no-repeat} #fp-banner .vertical-end-btm {height: 28px; background: url(/global/includes/images/template-items/fp-banner/fp_banner_vertical_end_btm.png) no-repeat} #fp-banner .banner-right {margin-right: 2px; padding-left: 5px; width: 228px; float: right; background: url(/global/includes/images/template-items/fp-banner/fp_banner_vertical_seperator.png) no-repeat top left} #fp-banner .banner-right .bucket {padding: 8px 1px 1px; width: 228px; background: #fff url(/global/includes/images/template-items/fp-banner/fp_banner_horizontal_seperator.png) no-repeat top right} #fp-banner .banner-right .bucket:first-child {padding: 1px; background: #fff none} #fp-banner .banner-right .bucket img {display: block} #fp-banner .banner-left {width: 723px; height: 408px; border: none} #fp-banner #panels {position: relative;background: #000 none} #fp-banner #panels div.panel-item{display: none} #fp-banner #panels div.panel-item:first-child{display: block} #fp-banner #panels div.panel-item img{border: 1px solid #fff} #fp-banner #pager {position: absolute; bottom: 6px; left: 10px} #fp-banner #pager .page {margin-right: 5px; width: 15px; height: 15px; display: block; float: left; background: url(/global/includes/images/template-items/fp-banner/fp_banner_paging_dots.png) no-repeat top left; text-indent: -5000px; cursor: pointer} #fp-banner #pager .page:hover {background-position: bottom left} #fp .content {font-size:130%;} /*** CSS for NCSoft instance of JPlayer ***/ #jp_container_1 {width:723px;height:380px; position:absolute; z-index:1;} #jp_container_1.jp-video-full{z-index:200;} .jp-interface{position: relative;height: 28px;width: 723px; bottom:0px; visibility: hidden;background: url(/global/includes/images/jplayer/player-bg-960.png) no-repeat; } .jp-interface .jp-play{position: absolute;top: 8px;left: 13px;width: 9px;height: 12px;background: url(/global/includes/images/jplayer/player-btns-720.png) 0 0 no-repeat} .jp-interface .jp-pause{position: absolute;top: 8px;left: 13px;width: 9px;height: 12px;background: url(/global/includes/images/jplayer/player-btns-720.png) -11px 0 no-repeat} .jp-interface .jp-pause{} .jp-interface .jp-progress{position: absolute;top: 10px;left: 45px;width: 480px;height: 10px;text-align:left;background: url(/global/includes/images/jplayer/player-btns-720.png) -100px 0 no-repeat;cursor: pointer} .jp-interface .jp-progress .jp-seek-bar{position: relative;height: 100%;cursor: pointer;} .jp-interface .jp-progress .jp-play-bar{position: relative;height: 100%;background: url(/global/includes/images/jplayer/player-btns-720.png) -100px -10px no-repeat;cursor: pointer} .jp-interface .jp-progress .jp-play-bar .scrubber{position: absolute;right: -8px;top: -4px;width: 17px;height: 17px;background: url(/global/includes/images/jplayer/player-btns-720.png) -21px 0 no-repeat;cursor: pointer} .jp-interface .track-info{position: absolute;top: 7px;right: 97px;height: 15px;font: 10px Verdana,Geneva,sans-serif;text-align: right;color: #d0d0d0;} .jp-interface .jp-volume-bar {position: absolute;top: 9px;right:48px;width: 33px;height: 11px;background: url(/global/includes/images/jplayer/player-btns-720.png) no-repeat -49px -11px;cursor: pointer;} .jp-interface .jp-volume-bar .jp-volume-bar-value{height: 100%;cursor: pointer; background: url(/global/includes/images/jplayer/player-btns-720.png) no-repeat -49px 0px} .jp-interface .jp-full-screen{position: absolute;top: 9px;right: 11px;width: 11px;height: 11px;background: url(/global/includes/images/jplayer/player-btns-720.png) -87px 0 no-repeat} .jp-video{width: 723px;height: 480px;} .jp-video-full .jp-video { background-color:black; left: 0; overflow: hidden; position: fixed !important; top: 0; z-index: 9999;} div.jp-video div.jp-video-play { position:absolute; top:0px; left:0px; width:723px; cursor:pointer; background-color:rgba(0,0,0,0); } a.jp-video-play-icon { position:relative; display:block; width: 723px; height: 380px; margin-left:7px; left:0px; top:0px; text-indent:-9999px; background: url(/global/includes/images/jplayer/ie_fx_transparent.png) no-repeat;} /*** Full Screen ***/ div.jp-video-full div.jp-jplayer {background-color:#000; top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; z-index:9999;} div.jp-video-full div.jp-gui { position: fixed !important; position: static; top: 0; left: 50%; margin-left:-480px; width:100%; height:100%; z-index:9999;} div.jp-video-full div.jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; z-index:9999;} /* @group TOGGLES */ ul.jp-toggles { list-style-type:none; padding:0; margin:0 auto; z-index:20; overflow:hidden;} div.jp-video ul.jp-toggles { width:30px; height:25px; margin-right:0px; postion} ul.jp-toggles li{ display:block; float:right;} ul.jp-toggles li a{ display:block; width:11px; height:11; text-indent:-9999px; line-height:100%; } .jp-restore-screen {position: absolute;top: 8px;right: 10px;width: 11px;height: 11px;background: url(/global/includes/images/jplayer/player-btns-720.png) -87px 0 no-repeat;} /******************************************** ** 1) Media Section /********************************************/ .media-row {clear: both;margin-left: 2px} .media-row h2 {margin-bottom: 10px} .media-row btn-right-1 {margin-left: -3px} .media-row-left{float: left;width: 780px} .media-row-right{float: right;width: 780px} .media-row .media-item {margin: 0 18px 20px 0; position: relative;width: 138px;height: 148px; float: left;overflow: hidden} .media-row .media-item .description {font-family: CartoGothicProBold, Arial, Helvetica, sans-serif; font-size: 12px; line-height:14px; display: block;color: #2b6c8c} .media-row .media-item .type {font-size: 11px; display: block;color: #333} .media-row .media-item a {display: block} .media-row .media-item a .media-item-hover {display: none;position: absolute;left: 2px;top: 2px;width: 130px;height: 98px;background: url("/global/includes/images/template-items/media_item_hover.png") no-repeat left top transparent} .media-row .media-item a:hover .media-item-hover {display: block} /******************************************** ** 1) Account Services Page /********************************************/ #oneCol #account-services {padding: 0;background: none} #account-services .shaded-row h2{padding: 0} #account-services .shaded-row img{margin: -20px 20px -20px -20px;float: left} #account-services .shaded-row ul.buttons{margin: 2px 0 0 20px;float: right} #account-services .shaded-row ul.buttons li{padding-left: 8px;display: inline} #account-services .shaded-row ul.buttons li a{display: inline-block} #account-services .shaded-row ul.buttons li a span{color: #000} #account-services .shaded-row p + ol{margin: -7px 7px 7px 38px} #account-services .shaded-row p + ol li{line-height: 20px} #account-services .shaded-row span.button{display: block; text-align: right} #account-services .shaded-row p strong{font-size: 13px} #account-services #faq-general-account-services-faq{margin-top: 20px} /******************************************** ** 1) About Section /********************************************/ #twoCol-left .about-content .about-entry p{padding-top: 0;font-size: 16px} #twoCol-left .about-content .about-entry h2{padding-bottom: 0} #twoCol-left .about-content .about-entry h3{padding: 0 0 2px;font-weight: normal;color: #0C3D51;font-size: 18px; text-shadow:0 1px 0 #E9E9E9} /*** Sub Nav ***/ #about-subnav {margin: 0;padding-bottom: 6px;display: block;background: url(/global/includes/images/template-items/about/about_subnav_bottom.png) no-repeat 0 100% transparent} #about-subnav li{padding: 0;display: block} #about-subnav li a.btn{display: block;width: 230px;height: 69px;text-decoration: none;background: url(/global/includes/images/template-items/about/about_subnav_buttons.jpg) no-repeat} #about-subnav li a.btn span{margin: 28px 0 0 78px;color: #07516e;font-family: AdelonMedium, "Times New Roman", Times, serif;font-size: 18px;text-shadow: 0 1px 0 #fff;text-transform: uppercase;font-weight: normal} #about-subnav li a.btn:hover{padding: 0;border: none} #about-subnav li a.btn:hover span{text-decoration: none;color: #3c474c} #about-subnav li a.new-to-aion{background-position: 0 0} #about-subnav li a.new-to-aion:hover, #about-subnav li.active a.new-to-aion{background-position: 0 -69px} #about-subnav li a.gameplay{background-position: -230px 0} #about-subnav li a.gameplay:hover, #about-subnav li.active a.gameplay{background-position: -230px -69px} #about-subnav li a.classes{background-position: -460px 0} #about-subnav li a.classes:hover, #about-subnav li.active a.classes{background-position: -460px -69px} #about-subnav li a.factions{background-position: -690px 0} #about-subnav li a.factions:hover, #about-subnav li.active a.factions{background-position: -690px -69px} #about-subnav li a.servers{background-position: -920px 0} #about-subnav li a.servers:hover, #about-subnav li.active a.servers{background-position: -920px -69px} #about-subnav li a.buy-aion{background-position: -1150px 0} #about-subnav li a.buy-aion:hover, #about-subnav li.active a.buy-aion{background-position: -1150px -69px} /*** Landing Page Banner ***/ #about-panels{padding: 1px 1px 1px 6px;width: 723px;height: 406px; background: url(/global/includes/images/template-items/about/about_panel_bg.png) no-repeat #fff} #about-panels ul{margin:0;position:relative} #about-panels ul li{padding:0;position:absolute;display: none} #about-panels ul li:first-child{display: block} #about-panels ul li > a{display: block;width: 723px;height: 406px;text-indent:-9000px;} #about-panels ul li > a.about-panel-newto{background: url(/global/includes/images/content/lang-en/about/about_panel_newto.jpg) no-repeat} #about-panels ul li > a.about-panel-gameplay{background: url(/global/includes/images/content/lang-en/about/about_panel_gameplay.jpg) no-repeat} #about-panels ul li > a.about-panel-classes{background: url(/global/includes/images/content/lang-en/about/about_panel_classes.jpg) no-repeat} #about-panels ul li > a.about-panel-factions{background: url(/global/includes/images/content/lang-en/about/about_panel_factions.jpg) no-repeat} #about-panels ul li > a.about-panel-servers{background: url(/global/includes/images/content/lang-en/about/about_panel_servers.jpg) no-repeat} #about-panels ul li > a.about-panel-buyaion{background: url(/global/includes/images/content/lang-en/about/about_panel_playfree.jpg) no-repeat} /*** Sub Nav in Landing Page Banner ***/ #oneCol .content-top-bg4 {background: url("/global/includes/images/template-items/content-well/top_bg4_wide.png") no-repeat scroll 0 0 transparent;} #about-banner{margin: 0 18px 0 12px} #about-banner .vertical-end-btm{clear: both;background: url("/global/includes/images/template-items/fp-banner/fp_banner_vertical_end_btm.png") no-repeat scroll 0 0 transparent;height: 28px;} #about-banner #about-subnav{float: right; padding-bottom: 0;} #about-banner #about-subnav li a.new-to-aion {background-position: 0 -6px;height: 63px} #about-banner #about-subnav li a.new-to-aion:hover, #about-banner #about-subnav li.active a.new-to-aion {background-position: 0 -75px;height: 63px} #about-banner #about-subnav li a.new-to-aion span {margin: 22px 0 0 78px} /*** New To Aion ***/ #twoCol-left #about-newto{min-height: 375px;background: url("/global/includes/images/template-items/about/about_newto_bg.jpg") no-repeat 0 100%} #twoCol-left #about-newto p, #twoCol-left #about-newto li{font-size: 16px} #twoCol-left #about-newto li{background-position: 0 5px} #twoCol-left #about-newto p + h2{padding-top: 8px} #twoCol-left #about-newto .copy{position: relative;z-index: 107;width: 398px} #twoCol-left #about-newto img.hero{position: absolute;z-index: 106; right: 0; bottom: -14px} /*** Gameplay ***/ #twoCol-left #about-gameplay .shaded-row{padding-bottom: 47px;} #twoCol-left #about-gameplay .shaded-row img.preview{margin: -20px 0 -47px -19px;float: left} #twoCol-left #about-gameplay .shaded-row h2{padding: 0;font-size: 18px} #twoCol-left #about-gameplay .shaded-row p{margin-left: 211px;font-size: 16px} #twoCol-left #about-gameplay .shaded-row span.button-right{position: absolute;right: 20px;bottom: 18px} /*** Factions ***/ #twoCol-left #factions-header{padding: 0 0 51px;border-bottom: 1px solid #fff;background-color: #ccd6db} #twoCol-left #factions-header p{padding: 10px 20px 0;font-size: 16px} #twoCol-left #factions-header div.character-container{position: relative;height: 440px;background: url("/global/includes/images/template-items/about/about_factions_bg.jpg") no-repeat} #twoCol-left #factions-header div.asmodian{position: absolute;left: 0;top: 50px;width: 288px;height: 381px;background: url("/global/includes/images/content/about/factions_asmo.png") no-repeat 0 0} #twoCol-left #factions-header div.balaur{position: absolute;left: 180px;top: -10px;width: 379px;height: 411px;background: url("/global/includes/images/content/about/factions_balaur.png") no-repeat 0 0} #twoCol-left #factions-header div.elyos{position: absolute;left: 445px;top: 50px;width: 274px;height: 390px;background: url("/global/includes/images/content/about/factions_elyos.png") no-repeat 0 0} #twoCol-left #factions-header div.asmodian-active{background-position: -288px 0} #twoCol-left #factions-header div.balaur-active{background-position: -379px 0} #twoCol-left #factions-header div.elyos-active{background-position: -274px 0} #twoCol-left #factions-tabs ul.tabs{margin: -52px auto 0;position: relative;height: 51px;text-align: center} #twoCol-left #factions-tabs ul.tabs li{margin-left: 4px;padding: 0;display: inline-block} #twoCol-left #factions-tabs ul.tabs li:first-child{margin-left: 0} #twoCol-left #factions-tabs ul.tabs li a{display: block;width: 217px;height: 51px;line-height: 50px;text-align: center;color: #7b7e80;font-family: AdelonMedium, "Times New Roman", Times, serif;font-size:26px;text-shadow: 0 1px 0 #E9E9E9; text-transform:uppercase;background: url("/global/includes/images/template-items/about/factions_tabs.png") no-repeat;outline: none} #twoCol-left #factions-tabs ul.tabs li a:hover, #twoCol-left #factions-tabs ul.tabs li.ui-tabs-selected a{color: #0c3d51;background-position: -217px 0;text-decoration: none} #twoCol-left #factions-tabs .ui-tabs-hide{display: none} /*** New Player's Guide ***/ #about-npg .content-header{margin: 0;padding-right: 220px;position: relative;height: 136px;background: #fff;z-index: 110;} #about-npg .content-header *{position: relative;} #about-npg .content-header .heading-hero{position: absolute;right: 0;bottom: 0;} #about-npg table{margin: 10px 0 20px;font-size: 13px;border-collapse: collapse;} #about-npg table td, #about-npg table th{padding: 3px;border: 1px solid #e7e7e7;} #about-npg table th{background: #f8f8f8;} #about-npg #about-npg-accordion .accordion-heading{position: relative;background: url(/global/includes/images/template-items/about/npg/accordion-heading-bg.jpg) 0 0 #c4c4c4;cursor: pointer;} #about-npg #about-npg-accordion .accordion-heading:hover, #about-npg #about-npg-accordion .accordion-heading.ui-state-active{background-position: 0 -49px;} #about-npg #about-npg-accordion .accordion-heading .expand-icon{position: absolute;right: 10px;top: 10px;width: 27px;height: 27px;background: url(/global/includes/images/template-items/about/npg/accordion-expand-icon.png)} #about-npg #about-npg-accordion .accordion-heading h2{padding-left: 20px;line-height: 49px;font-size: 18px;text-shadow: 0 1px 0 #E9E9E9;} #about-npg #about-npg-accordion .accordion-content{padding: 20px;background: #fff;} #about-npg #about-npg-accordion .accordion-content .floatRight{margin-right: 0;} #about-npg #about-npg-accordion .accordion-content img{padding: 2px;position: relative;border: 2px solid #5F5F5F;background: #FFFFFF;} #about-npg #about-npg-accordion .accordion-content img:after{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: red;} #about-npg #about-npg-accordion .accordion-content h3{margin-top: 15px;margin-bottom: 4px;padding: 0 0 2px 20px;position: relative;clear: both;background: url(/global/includes/images/template-items/about/npg/heading-sep.png) 50% 100% no-repeat;color: #093f5b;} #about-npg #about-npg-accordion .accordion-content h3:before{position: absolute;top: 4px;left: 0;width: 13px;height: 13px;background: url(/global/includes/images/template-items/bullet_gem.png) no-repeat;content:"";} #about-npg #about-npg-accordion .accordion-content h4{margin-bottom: -4px;padding-bottom: 0;} #about-npg #about-npg-accordion .accordion-heading .expand-icon{position: absolute;right: 10px;top: 10px;width: 27px;height: 27px;background: url(/global/includes/images/template-items/about/npg/accordion-expand-icon.png)} /******************************************** ** 1) About: Server Statistics Pages /********************************************/ #about-servers .shaded-row{padding: 25px 20px;font-size: 13px} #about-servers .shaded-row:first-child{padding: 13px 20px;font-family: CartoGothicProBold, Arial, Helvetica, sans-serif } #about-servers .shaded-row .cell-1{padding-top: 10px;float: left;width: 140px} #about-servers .shaded-row:first-child .cell-1{padding-top: 0} #about-servers .shaded-row .cell-1 a.big-button{padding-top: 10px;display: block;width: 112px;height: 32px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 18px;text-align: center;color: #06506e;text-shadow: 0px 1px 0 #fff;background: url(/global/includes/images/template-items/server-stats/big_button_bg.png) no-repeat 0 0} #about-servers .shaded-row .cell-1 a.big-button:hover{background-position: 0 -42px;text-decoration: none} #about-servers .shaded-row .cell-2{padding: 12px 10px 0 0;float: left;width: 140px} #about-servers .shaded-row:first-child .cell-2{padding-top: 0} #about-servers .shaded-row .cell-3{float: left;width: 380px} #about-servers .shaded-row .control-ratio{padding: 12px 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;color: #717171;background: #fff;-webkit-box-shadow: 0px 2px 3px #b0b0b0 inset;-moz-box-shadow: 0px 2px 3px #b0b0b0 inset;box-shadow: 0px 2px 3px #b0b0b0 inset;} #about-servers .shaded-row .control-ratio .slider{margin: 0 0 15px;height: 20px} #about-servers .shaded-row .control-ratio .slider .asmo, #about-servers .shaded-row .control-ratio .slider .balaur, #about-servers .shaded-row .control-ratio .slider .elyos{float:left;height: 24px;border-bottom: 1px solid #fff} #about-servers .shaded-row .control-ratio .slider .asmo{-webkit-box-shadow: 0px 2px 6px #212f38 inset;-moz-box-shadow: 0px 2px 6px #212f38 inset;box-shadow: 0px 2px 6px #212f38 inset} #about-servers .shaded-row .control-ratio .slider .balaur{-webkit-box-shadow: 0px 2px 6px #872021 inset;-moz-box-shadow: 0px 2px 6px #872021 inset;box-shadow: 0px 2px 6px #872021 inset} #about-servers .shaded-row .control-ratio .slider .elyos{-webkit-box-shadow: 0px 2px 6px #2C5229 inset;-moz-box-shadow: 0px 2px 6px #2C5229 inset;box-shadow: 0px 2px 6px #2C5229 inset} #about-servers .shaded-row .control-ratio .slider .asmo{width: 33.3%;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;text-align: right;background-color: #397184} #about-servers .shaded-row .control-ratio .slider .balaur{width: 33.3%;text-align: center;background-color: #e17572} #about-servers .shaded-row .control-ratio .slider .elyos{width: 33.3%;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;text-align: left;background-color: #5ca858} #about-servers .shaded-row .control-ratio .slider span.field-value{margin-top: 27px;display: block;text-align: center} /*** Server Statistics Detail ***/ #about-servers-detail{padding: 15px} #about-servers-detail h2{padding: 0;font-family: AdelonMedium, "Times New Roman", Times, serif;font-size: 18px;font-weight: normal;text-transform: uppercase} /*** Stat Tabs ***/ #about-servers-detail ul.stat-tabs{margin: 0;position: absolute;top: -27px;color: #000} #about-servers-detail ul.stat-tabs > li{margin-left: 4px;padding: 0;float: left} #about-servers-detail ul.stat-tabs > li:first-child{margin-left: 7px} #about-servers-detail ul.stat-tabs > li a{padding: 3px 10px 0;display: block;height: 23px;min-width: 65px;border-color: #fff;border-style: solid; border-width: 1px 1px 0;text-align: center} #about-servers-detail ul.stat-tabs > li.active a, #about-servers-detail ul.stat-tabs > li a:hover{height: 22px;color: #267FAC;text-decoration: none;background: url(/global/includes/images/template-items/server-stats/tabs_bg.png) repeat-x} #about-servers-detail ul.stat-tabs > li.active a{height: 23px} /*** Stat Container (with decorated corners) ***/ #about-servers-detail .stats-container{margin-bottom: 20px;padding: 18px 13px;position: relative;border: 1px solid #b8b4b4;background: #fff} #about-servers-detail .stats-container .decor-top-left, #about-servers-detail .stats-container .decor-top-right, #about-servers-detail .stats-container .decor-bottom-left, #about-servers-detail .stats-container .decor-bottom-right {position: absolute;width: 13px;height: 13px;background: url(/global/includes/images/template-items/server-stats/stats_container_corners.png) no-repeat 0 0} #about-servers-detail .stats-container .decor-top-left{top: -4px;left: -4px;} #about-servers-detail .stats-container .decor-top-right{top: -4px;right: -4px;background-position: -13px 0} #about-servers-detail .stats-container .decor-bottom-left{bottom: -4px;left: -4px;background-position: -26px 0} #about-servers-detail .stats-container .decor-bottom-right{bottom: -4px;right: -4px;background-position: -39px 0} #about-servers-detail .stats-container .spinner {position: absolute; top: 10px; bottom: 10px; left: 1px; right: 1px;background: #FFF url(/global/includes/images/template-items/loading.gif) no-repeat scroll 50% 50%;} /*** Player Statistics ***/ #about-servers-detail #player-stats-container{padding: 1px;margin-top:53px} #stats-race,#stats-class,#stats-level{position: relative;height: 334px;background: url(/global/includes/images/template-items/server-stats/player_stats_bg.png) repeat-x} #stats-race .slider-elyos{position: relative;top: 149px;left: 152px;width: 368px;height: 30px;background: url(/global/includes/images/template-items/server-stats/ratio_slider_elyos.png)} #stats-race .slider-asmo{width: 50%;height: 30px;background: url(/global/includes/images/template-items/server-stats/ratio_slider_asmo.png) repeat-x} #stats-race .ratio-chrome{position: absolute;left: 106px;top: 113px;width: 463px;height: 103px;background: url(/global/includes/images/template-items/server-stats/ratio_chrome.png) no-repeat 0 0} #stats-race .char-left{position: absolute;left: 4px;top: 14px;width: 156px;height: 321px;background: url(/global/includes/images/template-items/server-stats/ratio_character.png) no-repeat 0 0} #stats-race .char-right{position: absolute;left: 500px;top: 14px;width: 171px;height: 321px;background: url(/global/includes/images/template-items/server-stats/ratio_character.png) no-repeat -156px 0} #stats-race .slider-asmo-text{position: absolute;top: 155px;left: 175px;text-align: left;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;color: #fff} #stats-race .slider-elyos-text{position: absolute;top: 155px; right: 178px;text-align: right;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;color: #fff} #stats-race ul.ratio-switch{margin: 0;position: absolute;top: 245px;left: 265px} #stats-race ul.ratio-switch > li{padding: 0 0 0 4px;float: left} .stats-container li.active a.btn-square-1{ background-position: right bottom !important} .stats-container li.active a.btn-square-1 span{color: #267FAC;text-shadow: none;background-position: left bottom !important} /*** Bar Chart ***/ .stats-container .barchart{position: absolute;top: 6px;left: 32px;width: 611px;height: 251px} .stats-container .barchart .bar{position: absolute;bottom: 0px;display: inline-block;bottom: 47px;width: 59px;} .stats-container .barchart .bar span{margin: -16px 3px 0 0;display: block;text-align: center;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;text-shadow: 0 1px 0 #e9e9e9; color: #0c3d51} .stats-container .barchart .light-green{background: url(/global/includes/images/template-items/server-stats/barchart_bars.png) no-repeat 50% 0} .stats-container .barchart .dark-green{background: url(/global/includes/images/template-items/server-stats/barchart_bars.png) no-repeat 50% -331px} .stats-container .barchart .light-blue{background: url(/global/includes/images/template-items/server-stats/barchart_bars.png) no-repeat 50% -662px} .stats-container .barchart .dark-blue{background: url(/global/includes/images/template-items/server-stats/barchart_bars.png) no-repeat 50% -993px} .stats-container .barchart .light-red{background: url(/global/includes/images/template-items/server-stats/barchart_bars.png) no-repeat 50% -1324px} .stats-container .barchart .dark-red{background: url(/global/includes/images/template-items/server-stats/barchart_bars.png) no-repeat 50% -1654px} .stats-container .barchart #bc-bar01{left: 60px;height: 14%} .stats-container .barchart #bc-bar02{left: 122px;height: 14%} .stats-container .barchart #bc-bar03{left: 184px;height: 14%} .stats-container .barchart #bc-bar04{left: 247px;height: 14%} .stats-container .barchart #bc-bar05{left: 309px;height: 14%} .stats-container .barchart #bc-bar06{left: 371px;height: 14%} .stats-container .barchart #bc-bar07{left: 432px;height: 14%} .stats-container .barchart #bc-bar08{left: 494px;height: 14%} .stats-container .barchart .chrome{position: absolute;left: 0px;bottom: 0px;width: 611px;height: 51px;background: url(/global/includes/images/template-items/server-stats/barchart_chrome.png) no-repeat 0 0} .stats-container .barchart .bar-labels{position: absolute;left: 58px;bottom: 19px;width: 496px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;text-shadow: 0 1px 0 #e9e9e9; color: #0c3d51} .stats-container .barchart .bar-labels span{padding-top: 45px;display: inline-block;width: 59px;text-align: center;background: url(/global/includes/images/template-items/server-stats/barchart_bar_icons.png) no-repeat} .stats-container .barchart .bar-labels span.gladiator{background-position: 50% 0} .stats-container .barchart .bar-labels span.templar{background-position: 50% -95px} .stats-container .barchart .bar-labels span.ranger{background-position: 50% -193px} .stats-container .barchart .bar-labels span.assassin{background-position: 50% -286px} .stats-container .barchart .bar-labels span.sorcerer{background-position: 50% -381px} .stats-container .barchart .bar-labels span.spiritmaster{background-position: 50% -479px} .stats-container .barchart .bar-labels span.cleric{background-position: 50% -575px} .stats-container .barchart .bar-labels span.chanter{background-position: 50% -671px} #stats-level .barchart .bar-labels span{background: none} #stats-level ul.class-switch{margin: 0;position: absolute;top: 18px;right: 15px} #stats-level ul.class-switch > li{padding: 0 0 0 4px;float: left} /*** Slider ***/ #about-servers .shaded-row .cell-3 ul.legend, #abyss-status-container .control-ratio ul.legend{margin: 0;float: right;font: 12px AdelonMedium, "Times New Roman", Times, serif;text-transform: uppercase;line-height: inherit} #about-servers .shaded-row .cell-3 ul.legend > li, #abyss-status-container .control-ratio ul.legend > li{margin-left: 10px;padding: 0 0 0 15px;float: left;height: 14px;background: url(/global/includes/images/template-items/server-stats/abyss_control_legend.png) no-repeat} #about-servers .shaded-row .cell-3 ul.legend > li.asmo, #abyss-status-container .control-ratio ul.legend > li.asmo{background-position: 0 1px} #about-servers .shaded-row .cell-3 ul.legend > li.balaur, #abyss-status-container .control-ratio ul.legend > li.balaur{background-position: 0 -24px} #about-servers .shaded-row .cell-3 ul.legend > li.elyos, #abyss-status-container .control-ratio ul.legend > li.elyos{background-position: 0 -49px} #abyss-status-container .control-ratio .slider{margin: 7px 0 6px;height: 24px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} #abyss-status-container .control-ratio .slider .asmo, #abyss-status-container .control-ratio .slider .balaur, #abyss-status-container .control-ratio .slider .elyos{float:left;width: 33.3%;height: 24px;border-bottom: 1px solid #fff} #abyss-status-container .control-ratio .slider .elyos{-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #5ca858;-webkit-box-shadow: 0px 2px 6px #2C5229 inset;-moz-box-shadow: 0px 2px 6px #2C5229 inset;box-shadow: 0px 2px 6px #2C5229 inset} #abyss-status-container .control-ratio .slider .balaur{background-color: #e17572;-webkit-box-shadow: 0px 2px 6px #872021 inset;-moz-box-shadow: 0px 2px 6px #872021 inset;box-shadow: 0px 2px 6px #872021 inset} #abyss-status-container .control-ratio .slider .asmo{-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #397184;-webkit-box-shadow: 0px 2px 6px #212F38 inset;-moz-box-shadow: 0px 2px 6px #212F38 inset;box-shadow: 0px 2px 6px #212F38 inset} #abyss-status-container .control-ratio ul.percentages{margin: 0;height: 8px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;color: inherit;line-height: inherit} #abyss-status-container .control-ratio ul.percentages li{padding: 0px;float: left} #abyss-status-container .control-ratio ul.percentages li span.field-value{margin: 0;display: block;text-align: center} /*** Abyss Status ***/ #about-servers-detail #abyss-status-container {margin-top: 19px} #abyss-status-container .control-ratio{margin-bottom: 22px;width: 300px;float: left} #abyss-status-container .rounded-shadowed{padding: 12px 16px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;color: #000;background: #cdd7dc;-webkit-box-shadow: 0px 2px 3px #aeb7bb inset;-moz-box-shadow: 0px 2px 3px #aeb7bb inset;box-shadow: 0px 2px 3px #aeb7bb inset;} #abyss-status-container .economy-asmo, #abyss-status-container .economy-elyos{padding: 11px 13px;clear: right;float: right;width: 276px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;-webkit-box-shadow: 0px 2px 3px #333 inset;-moz-box-shadow: 0px 2px 3px #333 inset;box-shadow: 0px 2px 3px #333 inset;} #abyss-status-container .economy-asmo{margin-bottom: 17px;background-color: #485d62} #abyss-status-container .economy-elyos{background-color: #4b6248} #abyss-status-container .fortresses{padding-top: 10px;padding-bottom: 10px;clear: both} #abyss-status-container .fortresses p{padding: 3px;font-size: 12px;line-height: 16px} #abyss-status-container .fortresses .abyss-map{margin:7px 61px;float: right;position: relative;width: 146px;height: 76px;background: url(/global/includes/images/template-items/server-stats/abyss_map.png) no-repeat} #abyss-status-container .fortresses .abyss-map #abyss-icon-1211{position: absolute;top: 3px;left: 29px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1221{position: absolute;top: 3px;left: 48px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1231{position: absolute;top: 3px;left: 67px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1241{position: absolute;top: 3px;left: 86px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1251{position: absolute;top: 3px;left: 105px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1011{position: absolute;top: 30px;left: 67px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1131{position: absolute;top: 57px;left: 50px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1132{position: absolute;top: 57px;left: 67px} #abyss-status-container .fortresses .abyss-map #abyss-icon-1141{position: absolute;top: 57px;left: 86px} #abyss-status-container .fortresses .abyss-map .asmo, #abyss-status-container .fortresses .abyss-map .balaur, #abyss-status-container .fortresses .abyss-map .elyos{width: 11px;height: 12px;background: url(/global/includes/images/template-items/server-stats/abyss_control_legend.png) no-repeat} #abyss-status-container .fortresses .abyss-map .asmo{background-position: 0 0} #abyss-status-container .fortresses .abyss-map .balaur{background-position: 0 -25px} #abyss-status-container .fortresses .abyss-map .elyos{background-position: 0 -50px} #about-servers-detail #fortress-flash, {min-height: 440px} #about-servers-detail #balaurea-flash{min-height: 440px; margin-bottom: 20px;} /*** Leaderboards ***/ #about-servers-detail #leaderboards-container{padding: 16px 1px 6px;min-height: 48px} #about-servers-detail #leaderboards-container table.leaderboard{table-layout:fixed;margin-bottom: 6px;width: 100%;text-align: left;font-size: 12px;color: #255361} #about-servers-detail #leaderboards-container table.leaderboard a:hover{text-decoration: underline} #about-servers-detail #leaderboards-container table.leaderboard th{border: none;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;text-align: left;font-size: 12px;color: #fff;background: #1a2327;font-weight:normal} #about-servers-detail #leaderboards-container table.leaderboard td{padding: 4px 4px 2px;vertical-align:middle} #about-servers-detail #leaderboards-container table.leaderboard td img{vertical-align: text-bottom} #about-servers-detail #leaderboards-container table.leaderboard tbody td{border-width: 1px 0 0; border-top: solid 1px #dfdfdf;background: none} #about-servers-detail #leaderboards-container table.leaderboard thead tr{border-top: 1px solid #dfdfdf} #about-servers-detail #leaderboards-container table.leaderboard tr:first-child{border-top: none} #about-servers-detail #leaderboards-container table.leaderboard tr.dark-bg{background-color: #f3f4f4} #about-servers-detail #leaderboards-container table.leaderboard th{padding: 2px} #about-servers-detail #leaderboards-container table.leaderboard th.rank{width: 10%;text-align: center} #about-servers-detail #leaderboards-container table.leaderboard td.rank{text-align: center;font-family: CartoGothicProBold, Arial, Helvetica, sans-serif;color: #a04e05} #about-servers-detail #leaderboards-container table.leaderboard th.character, #about-servers-detail #leaderboards-container table.leaderboard td.character{padding-left: 15px} #about-servers-detail #leaderboards-container table.leaderboard th.legion, #about-servers-detail #leaderboards-container table.leaderboard td.legion{padding-left: 15px} #about-servers-detail #leaderboards-container table.leaderboard td.character a, #about-servers-detail #leaderboards-container table.leaderboard td.legion a{overflow: hidden;word-wrap:break-word;display:block;font-family: CartoGothicProBold, Arial, Helvetica, sans-serif} #about-servers-detail #leaderboards-container table.leaderboard th.level, #about-servers-detail #leaderboards-container table.leaderboard td.level{width: 33px;text-align: center} #about-servers-detail #leaderboards-container table.leaderboard td.level{font-family: CartoGothicProBold, Arial, Helvetica, sans-serif;color: #a04e05} #about-servers-detail #leaderboards-container table.leaderboard th.class, #about-servers-detail #leaderboards-container table.leaderboard td.class{padding-left: 27px} #about-servers-detail #leaderboards-container table.leaderboard th.personel, #about-servers-detail #leaderboards-container table.leaderboard td.personel{padding-left: 27px} #about-servers-detail #leaderboards-container table.leaderboard th.point, #about-servers-detail #leaderboards-container table.leaderboard td.point{padding-right: 20px;width: 104px;text-align: right} #about-servers-detail #leaderboards-container table.leaderboard td .icon-elyos{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_elyos.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-asmo{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_asmodian.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-gladiator{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_gladiator.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-templar{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_templar.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-assassin{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_assassin.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-ranger{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_ranger.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-sorcerer{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_sorcerer.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-spiritmaster{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_spiritmaster.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-chanter{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_chanter.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard td .icon-cleric{padding: 2px 0 2px 21px;background: url(/global/includes/images/template-items/server-stats/icon_cleric.gif) no-repeat} #about-servers-detail #leaderboards-container table.leaderboard + span{display: block;text-align: center;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 10px;color: #717171;margin-bottom: 5px} #about-servers-detail #leaderboards-container table.leaderboard .icons-class { padding: 2px 0 2px 21px; border: 0 none} /*** Server Details Controls ***/ .server-details-controls {margin: 1.6em 0 0.5em} .server-details-controls .flat-list {float: right} .server-details-controls .flat-list li {float: left;color: #333;padding: 0;margin-left: 6px} .server-details-controls .flat-list li.active {font-family: CartoGothicProBold, Arial, Helvetica, sans-serif} .server-details-controls .flat-list li.active a {color: #06506E} .server-details-controls .flat-list li a {border-left: solid 1px #333;padding: 0 7px;color: #333} .server-details-controls .flat-list li:first-child a {border-left-width: 0;padding: 0} .server-details-controls .dropdown {float: left;margin-right: 8px;position: relative} .server-details-controls .dropdown a {position: relative;z-index: 11} .server-details-controls .dropdown ul {position: absolute;z-index: 10} .server-details-controls #server-list-2 > a > span {min-width: 40px} .server-details-controls #race-list > a > span {min-width: 53px} .server-details-controls #type-list > a > span {min-width: 47px} /*** Header with breadcrumbs ***/ .header-n-crumbs h2, .header-n-crumbs ul, .header-n-crumbs li {float: left} .header-n-crumbs ul {margin: 0.33em 0 0;color: #333;font-size: 14px;line-height: 1} .header-n-crumbs li {padding: 0 0 3px 10px} .header-n-crumbs span {display: inline;color: #333;margin: 0} /******************************************** ** 1) About: Classes Page /********************************************/ #classes-overview{ padding: 20px 0;background: #D6CFDC;background: rgba(229, 236, 241, 0.85);} #classes-overview p{padding: 0 20px 36px;font-size: 16px} #classes-overview .classes-container{background: url("/global/includes/images/template-items/classes/platform.png") no-repeat 0 275px; display: block; height: 500px; position: relative; width: 350px} #classes-overview .classes-container div.character-left, div.classes-container div.character-right{display: block; height: 340px; position: absolute; top: 15px; width: 250px} #classes-overview .classes-container div.classes-nav{background: url("/global/includes/images/template-items/classes/nav_bg.png") no-repeat center center; display: block; height: 90px; left: 20px; position: absolute; top: 330px; width: 310px} #classes-overview .classes-nav a{color: #333; display: block; font-size: 14px; position: absolute; text-align: center; text-decoration: none; text-transform: uppercase; top: 33px; width: 105px} #classes-overview .classes-nav a:hover{color: #06506E} #classes-overview .classes-nav a.name-left{left: 20px} #classes-overview .classes-nav a.name-right{right: 20px} #classes-overview .classes-nav h2{padding: 0;position: relative;top: 108px;text-align: center;font-family: AdelonMedium, "Times New Roman", Times, serif;font-size: 20px;font-weight: normal;text-shadow: 0 1px 0 #E9E9E9;text-transform: uppercase;color: #0C3D51} #classes-overview .classes-container div.coin{display: block; height: 60px; left: 50%; margin: -30px 0 0 -29px; position: absolute; top: 50%; width: 60px} #warrior{float: left} #warrior #gladiator{background: url("/global/includes/images/template-items/classes/gladiator.png") no-repeat -25px 0; left: 0} #warrior #templar{background: url("/global/includes/images/template-items/classes/templar.png") no-repeat 25px 0; right: 0} #warrior div.coin{background: url("/global/includes/images/template-items/classes/coin_warrior.png") no-repeat 0 0} #scout{float: right} #scout #ranger{background: url("/global/includes/images/template-items/classes/ranger.png") no-repeat -25px 0; left: 0} #scout #assassin{background: url("/global/includes/images/template-items/classes/assassin.png") no-repeat 25px 0; right: 0} #scout div.coin{background: url("/global/includes/images/template-items/classes/coin_scout.png") no-repeat 0 0} #mage{float: left} #mage #spiritmaster{background: url("/global/includes/images/template-items/classes/spiritmaster.png") no-repeat -25px 0; left: 0} #mage #sorcerer{background: url("/global/includes/images/template-items/classes/sorcerer.png") no-repeat 25px 0; right: 0} #mage div.coin{background: url("/global/includes/images/template-items/classes/coin_mage.png") no-repeat 0 0} #priest{float: right} #priest #cleric{background: url("/global/includes/images/template-items/classes/cleric.png") no-repeat -22px 0; left: 0} #priest #chanter{background: url("/global/includes/images/template-items/classes/chanter.png") no-repeat 25px 0; right: 0} #priest div.coin{background: url("/global/includes/images/template-items/classes/coin_priest.png") no-repeat 0 0} /******************************************** ** 1) About: Class Details Pages /********************************************/ #video-container{padding: 14px 0 0 18px;position: absolute;display: block;top: 15px;right: 10px;height:229px; width:406px;background: url("/global/includes/images/content/about/videoFrame.png") no-repeat 50% 50%; z-index:1;} #video-container div.class-nav{margin-top: 90px;text-align: center} #video-container div.class-nav a{margin: 0 3px} #video-player-small{height:217px; width:386px } div.classes-detail{padding: 470px 20px 22px;position: relative;background: #CDD7DC url("/global/includes/images/template-items/classes/classes_detail_bg.jpg") no-repeat top center} div.classes-detail p {font-size: 16px} div.classes-detail div.character-detail{ display: block; height: 325px; left: 0; position: absolute; top: 50px; width: 310px; z-index: 90; } div.character-detail div.character{bottom: 0px; display: block; height: 325px; left: 0; position: absolute; width: 300px;} div.classes-detail div.class-name{float: left; margin: 0 30px 0 0} div.classes-detail div.class-name h2{color: #0C3D51; font-family: AdelonMedium, "Times New Roman", Times, serif; font-size: 20px;font-weight: normal; margin: 0 0 60px; padding: 7px 0; text-shadow: #E9E9E9 0px 1px 0px; text-transform: uppercase} #character-detail-platform{background: url("/global/includes/images/template-items/classes/platform.png") no-repeat left bottom; display: block; height: 165px; left: 0; position: absolute; top: 275px; width: 355px; z-index: 1; } #character-detail-platform ul.gender-nav{bottom: 0; left: 50%; list-style: none; margin: 0 0 0 -175px; overflow: hidden; position: absolute; text-align: center; width: 350px;} ul.gender-nav li{display: inline; margin: 0 -5px; padding: 0} ul.gender-nav li a{background: url("/global/includes/images/template-items/classes/classes_gender_nav.png") no-repeat; display: inline-block; height: 44px; width: 44px} ul.gender-nav li a span{margin-left: -9999px} ul.gender-nav li.male a{background-position: 0 0;outline: none} ul.gender-nav li.female a{background-position: -44px 0;outline: none} ul.gender-nav li.male a:hover{background-position: 0 -44px} ul.gender-nav li.female a:hover{background-position: -44px -44px} ul.gender-nav li.male a.active:hover{background-position: 0 0;cursor: default} ul.gender-nav li.female a.active:hover{background-position: -44px 0;cursor: default} #gladiator-detail div.character{background: url("/global/includes/images/template-items/classes/gladiator_detail.png") no-repeat 0 0; background-position:-375px; } #gladiator-detail div.class-name{background: url("/global/includes/images/template-items/classes/gladiator_icon.png") no-repeat center bottom} #templar-detail div.character{background: url("/global/includes/images/template-items/classes/templar_detail.png") no-repeat 0 0} #templar-detail div.class-name{background: url("/global/includes/images/template-items/classes/templar_icon.png") no-repeat center bottom} #ranger-detail div.character{background: url("/global/includes/images/template-items/classes/ranger_detail.png") no-repeat 0 0} #ranger-detail div.class-name{background: url("/global/includes/images/template-items/classes/ranger_icon.png") no-repeat center bottom} #assassin-detail div.character{background: url("/global/includes/images/template-items/classes/assassin_detail.png") no-repeat 0 0} #assassin-detail div.class-name{background: url("/global/includes/images/template-items/classes/assassin_icon.png") no-repeat center bottom} #spiritmaster-detail div.character{background: url("/global/includes/images/template-items/classes/spiritmaster_detail.png") no-repeat 0 0} #spiritmaster-detail div.class-name{background: url("/global/includes/images/template-items/classes/spiritmaster_icon.png") no-repeat center bottom} #sorcerer-detail div.character{background: url("/global/includes/images/template-items/classes/sorcerer_detail.png") no-repeat 0 0} #sorcerer-detail div.class-name{background: url("/global/includes/images/template-items/classes/sorcerer_icon.png") no-repeat center bottom} #cleric-detail div.character{height: 370px;background: url("/global/includes/images/template-items/classes/cleric_detail.png") no-repeat 0 0} #cleric-detail div.class-name{background: url("/global/includes/images/template-items/classes/cleric_icon.png") no-repeat center bottom} #chanter-detail div.character{height: 370px;background: url("/global/includes/images/template-items/classes/chanter_detail.png") no-repeat 0 0} #chanter-detail div.class-name{background: url("/global/includes/images/template-items/classes/chanter_icon.png") no-repeat center bottom} /******************************************** ** 1) Fansite Page /********************************************/ #fansites .content-top3 {margin-top: 17px; padding-top: 7px; height: 26px; background: url(/global/includes/images/template-items/content-well/top_bg3.png) no-repeat transparent !important} #fansites .content-top3 h1 {padding: 0; font-size: 16px} #fansites {margin-left: 12px} #fansites .row {margin-bottom: 3px; clear: both; width: 710px; background: url(/global/includes/images/template-items/content-well/bg_25perc_white.png) repeat; color:#333333;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size:15px;line-height:18px;} #fansites .cell-1 {padding: 0 14px; float: left; width: 112px} #fansites .cell-2 {padding: 0 14px; float: left; width: 162px} #fansites .cell-3 {padding: 0 14px; float: left; width: 352px} #fansites .row .cell-1, #fansites .row .cell-2, #fansites .row .cell-3 {padding: 8px 14px} #fansites .divider {margin-top: -3px; width: 710px; height: 6px; background: url(/global/includes/images/template-items/hr/hr_5.png) no-repeat} /******************************************** ** 1) Search Results Page /********************************************/ #search-results .shaded-row{padding: 20px 20px 17px} #search-results h2{padding: 0 4px 5px 0;display: inline-block} #search-results h3{padding: 0;font-size: 15px;color: #0C3D51} #search-results h3 a{color: inherit} #search-results h3 a:hover{text-decoration: underline} #search-results p{padding: 0 0 4px;line-height: 17px;font-size: 13px} #search-results span.results-count{font-size: 12px} #search-results span.results-data{padding: 0 0 10px;display: block;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;font-size: 11px;color: #717171} #search-results a.btn-back-to-top{float: right} /*** Character and Legion Search Results ***/ #search-results .char-legion-result {margin-bottom: 7px;padding: 7px;font: 12px CartoGothicProBook, Arial, Helvetica, sans-serif;color: #fff;background-color: #131b1e} #search-results .characters, #search-results .legions{margin-bottom: 16px} #search-results .characters .hr, #search-results .legions .hr{margin: 6px 0 4px;height: 1px;background: url(/global/includes/images/template-items/hr/search_results_char.png) no-repeat 100% 0} #search-results .char-legion-result .thumbnail{width: 82px;height: 82px;margin-right: 17px;float: left;border: 1px solid #7487a0} #search-results .char-legion-result .level{float: right} #search-results .char-legion-result .level, #search-results .char-legion-result a.name{font-family: AdelonMedium, "Times New Roman", Times, serif;font-size: 19px;color: #FFF} #search-results .char-legion-result a.name:hover{text-decoration: underline} #search-results .characters .char-legion-result .cell-1{float: left;width: 210px} #search-results .characters .char-legion-result .cell-2{float: left;width: 180px} #search-results .characters .char-legion-result .cell-3{float: right;width: 150px} #search-results .characters .char-legion-result .cell-4{float: left;width: 380px} #search-results .legions .char-legion-result .cell-1{float: left;width: 280px} #search-results .legions .char-legion-result .cell-2{float: left;width: 140px} #search-results .legions .char-legion-result .cell-3{float: right;width: 135px} #search-results .legions .char-legion-result .cell-4{float: left;width: 380px} #search-results .char-legion-result .details{padding-top: 2px;display: block} #search-results .char-legion-result .details:first-child{padding-top: 0} #search-results .char-legion-result .details span{color: #c9eeff} #search-results .char-legion-result .details-commander{width: 560px} #search-results .search{margin: 10px auto 15px;display: block;position: relative;width: 320px;height: 33px;border: 1px solid #878787;background: url(/global/includes/images/template-items/nav/search_bg.png) no-repeat transparent} #search-results .search .input_border{position: absolute;width: 308px;height: 23px;left: 5px; top: 5px;border: 1px solid #707070;background:none #f7f7f7} #search-results .search #search_page_input{padding: 3px 2px 2px;position: absolute;left: 6px;top: 6px;width: 150px;height: 18px;border: none; -moz-border-radius: 0;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif; font-size: 12px; color: #656363;background:none #f7f7f7} #search-results .search #search_page_area{margin: 0;padding: 1px;position: absolute;left: 161px; top: 7px;width: 130px;height: 21px;border: 1px solid #E4E4E4;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif; font-size: 12px; color: #323030;background: #c9c9c9} #search-results .search #search_page_submit{margin: 1px;position: absolute;z-index: 106;left: 291px; top: 6px;width: 21px; height: 21px; border: none; -moz-border-radius: 0;background: url(/global/includes/images/template-items/search_submit.png) no-repeat transparent;cursor: pointer} /*** Search Results (No Results) ***/ #search-results .no-results-message{margin: 70px auto 140px;width: 320px;} #search-results .no-results-message h2{display: block;text-align: center;font-size: 16px;} #search-results .no-results-message .search {margin: 19px auto 20px} #search-results .no-results-message strong { color: #0c3d51; } #search-results .no-results-message ul{margin: 0} #search-results .no-results-message ul > li{padding: 0;line-height: 17px} /*** Search Results Icons ***/ .icon-class, .icon-class-elem {background: transparent url('/global/includes/images/template-items/classes/icon-class.png') no-repeat scroll 0 0; padding-left: 26px;display: inline-block;min-height: 18px; } .icon-class-elem { padding: 0; margin-right: 8px; height: 18px; width: 18px; background-color: #7487A0; border: solid 1px #7487A0; float: left; } .icon-Assassin, .icon-4 { background-position: 0 -36px; } .icon-Chanter, .icon-11 { background-position: 0 -72px; } .icon-Cleric, .icon-10 { background-position: 0 -108px; } .icon-Gladiator, .icon-1 { background-position: 0 -144px; } .icon-Mage, .icon-6 { background-position: 0 -180px; } .icon-Priest, .icon-9 { background-position: 0 -216px; } .icon-Ranger, .icon-5 { background-position: 0 -252px; } .icon-Scout, .icon-3 { background-position: 0 -288px; } .icon-Sorcerer, .icon-7 { background-position: 0 -324px; } .icon-Spiritmaster, .icon-8 { background-position: 0 -360px; } .icon-Templar, .icon-2 { background-position: 0 -396px; } .icon-Warrior, .icon-0 { background-position: 0 -432px; } /******************************************** ** 1) Site Map /********************************************/ #oneCol #site-map { padding: 0} #site-map .site-map-bg { background: transparent url('/global/includes/images/template-items/site-map/site_map_bg.png') no-repeat scroll 50% 100%; padding: 20px 0 20px 20px; } #site-map .site-map-content { background: transparent url('/global/includes/images/template-items/site-map/site_map_flag.png') no-repeat scroll 0 50%; padding-left: 210px; } #site-map .site-map-col { width: 215px; float: left; padding-left: 25px; } #site-map .site-map-col:first-child { padding-left: 0; } #site-map h2 { padding-bottom: 0.15em;font-family: AdelonBook, "Times New Roman", Times, serif;text-transform: uppercase; } #site-map h2 a {color: inherit} #site-map ul { margin: 0 0 0.7em 0;font-size: 13px } #site-map ul li { padding: 0; } #site-map a { color: #333; } #site-map a:hover { color: #246787; text-decoration: none !important; } /******************************************** ** 1) Account Log In /********************************************/ #account-login{margin: 0 auto;padding: 80px 0 140px;width: 300px} #account-login label{display: block;font: 12px CartoGothicProBook, Arial, Helvetica, sans-serif;text-transform: uppercase} #account-login #cookie-label{padding-top: 5px;float: right;text-transform: none} #account-login #cookie-label input{position: relative;top: 2px} #account-login #user, #account-login #pass{margin: 3px 0 13px;padding: 2px 2px 2px 4px;width: 292px;height: 26px;border: 1px solid #717171;line-height: 26px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0} #account-login #pass{margin-bottom: 20px} #account-login ul{margin: 20px 0 0;font-size: 12px} #account-login ul li{padding: 0;line-height: 17px} #account-login ul li a{color: #000} #account-login #login-submit{padding: 2px 10px;border:1px solid #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-family: CartoGothicProBook, Arial, Helvetica, sans-serif;color:#fff;background:url(/global/includes/images/template-items/btns/btn_login.png) repeat-x 0 0 #0F181B;-webkit-box-shadow: 0 0 3px #666;-moz-box-shadow: 0 0 3px #666;box-shadow: 0 0 3px #666;cursor: pointer} #account-login #login-submit:hover{background-position: 0 100%;background-color: #142932} #unauthorized .custom-error{margin: -80px 0 20px} #unauthorized .custom-error p{padding: 15px 15px 15px 60px;background:url(/global/includes/images/template-items/error-pages/error_icon.png) no-repeat 11px 14px #FFD6D6;-moz-box-shadow: 0 1px 4px #000000;-webkit-box-shadow: 0 1px 4px #000000;box-shadow: 0 1px 4px #000000} #unauthorized #account-login #user, #unauthorized #account-login #pass{border-color: #ff0000} /******************************************** ** 1) Services Section /********************************************/ /*** Shadow Court Archive ***/ #shadow-court-archives { padding-top: 0 !important; padding-left: 0 !important; } #shadow-court-archives h3 { color: #027B92 } #shadow-court-archives .shadow-court-archives-bg { background: transparent url('/global/includes/images/template-items/shadow-court-archives/content_bg.jpg') no-repeat 0 0; padding-top: 20px; padding-left: 20px; } #shadow-court-archives .container-gradient { background: transparent url('/global/includes/images/template-items/shadow-court-archives/container_gradient_bg.png') no-repeat scroll 0 0; padding: 10px 22px 0 16px; margin-left: 10px; } #shadow-court-archives .container-gradient .break-six {margin: 12px 0} #shadow-court-archives .shadow-court-archives-content { padding: 10px 212px 0 0; position: relative; } #shadow-court-archives .shadow-court-archives-content .shadow-court-top { margin: 0 90px 0 8px } #shadow-court-archives .shadow-court-archive-char { position: absolute; height: 566px; width: 312px; top: -93px; right: 0; z-index: 110; display: block; overflow: visible;background: url('/global/includes/images/template-items/shadow-court-archives/char.png') no-repeat } #shadow-court-archives .shadow-court-archives-form { margin-bottom: 1.5em; position: relative; z-index: 115; } #shadow-court-archives .shadow-court-archives-form input, #shadow-court-archives .shadow-court-archives-form select { border: solid 1px #717171; -moz-border-radius: 0; width: 81px; padding-left: 2px; margin-right: 6px; height: 1.6em; line-height: 1.6em; } #shadow-court-archives .shadow-court-archives-form select { width: 133px; } #shadow-court-archives .shadow-court-archives-form input.outline { border: solid 2px #20313A; width: 173px; } #shadow-court-archives .shadow-court-archives-form input[type=submit] { background: transparent url('/global/includes/images/template-items/shadow-court-archives/submit_bg.png') no-repeat scroll center center; color: #FFF; text-align: center; width: 75px; height: 28px; border: none; padding: 0; } #shadow-court-archives .shadow-court-archives-form label { font-size: 13px; } #shadow-court-archives .panel-simple { margin-bottom: 10px; padding: 9px 0 11px 17px; background-color: #FFF; border: solid 1px #787878} /*** Shadow Court Archive Tables ***/ #shadow-court-archives table.character-search-results { width: 100%;border: none; font-size: 11px; text-align: left;background-color: #FFF} #shadow-court-archives table.character-search-results thead th { background: #1A2428 url('/global/includes/images/template-items/shadow-court-archives/thead_bg.png') repeat-x 0 0; color: #fff; font-family: CartoGothicProBold, Arial, Helvetica, sans-serif; border-top-width: 0; } #shadow-court-archives table.character-search-results th, #shadow-court-archives table.character-search-results td { padding: 4px 8px; background-color: transparent; border: solid 1px #B4B4B4; } #shadow-court-archives .container-gradient .pagination {margin: 0;text-align: left} #shadow-court-archives .container-gradient .pagination a.btn-back-to-top {margin-top: 24px} #shadow-court-archives .container-gradient .pagination ul {padding-top: 16px} #shadow-court-archives .container-gradient .pagination ul li:first-child{padding-left: 0} #shadow-court-archives .shadow-court-instructions { font-family: CartoGothicProBold,Arial,Helvetica,sans-serif; color: #027B92; background-color: #FFFFFF; border: 1px solid #787878; padding: 0 0 0 12px; margin: 0 8px; height: 28px;} #shadow-court-archives .shadow-court-instructions LI { display: inline-block; height: 28px } #shadow-court-archives .shadow-court-instructions LI DIV { padding-top: 3px; } #shadow-court-archives .shadow-court-instructions .shadow-court-has-next { padding: 0 20px 0 0; background: url('/global/includes/images/content/account-services/shadow-court-inst-arrow.png') no-repeat center right } /*** Store ***/ #oneCol #store-wrapper {padding: 0;background: none #cdd7dc } #store-wrapper a.btn-back-to-top{margin: 11px 40px 0 0; float: right } #store-wrapper a.extLink-small{padding-top: 2px } #store-wrapper .assault { background:url('/global/includes/images/template-items/store/assault_bg.jpg') no-repeat; height:353px; } #store-wrapper .assault .assault-desc { width:400px; position:relative; margin:0 0 0 232px; top:48px; text-align: center } #store-wrapper .assault .assault-desc h2 { font-size: 18px; text-transform:uppercase; padding:0; color:#027b92; text-align: left } #store-wrapper .assault .assault-desc p { font-size:13px; padding-top:0px; line-height:1.4; text-align: left } #store-wrapper .assault .assault-desc .btn-square-9 { margin: 13px 5px 0 } #store-wrapper #weapon-skins .skin-item h2 span { color:#7b7c7c; font-size:12px; text-transform:uppercase; padding:0 0 0 6px; } #store-wrapper .store-nav { background:url('/global/includes/images/template-items/store/item_nav_bg.jpg') repeat-x left top; height:37px; } #store-wrapper .store-nav ul.list-standard { margin: 0 0 0 14px } #store-wrapper .store-nav ul.list-standard li { padding:14px 10px; position:relative; float:left; top:-4px; background:url('/global/includes/images/template-items/store/item_seperator.png') no-repeat 0 6px} #store-wrapper .store-nav ul.list-standard li:first-child {background: none} #store-wrapper .store-nav ul.list-standard li a { text-transform:uppercase; font: normal 16px AdelonMedium, "Times New Roman", Times, serif; text-decoration: none; text-shadow: 0 1px 0 #E9E9E9; color:#908f8f } #store-wrapper .store-nav ul.list-standard li a:hover, #store-wrapper .store-nav ul.list-standard li a.active { color:#0c3d51 } #store-wrapper #featured, #store-wrapper #pets, #store-wrapper #weapon-skins, #store-wrapper #merchandise { position:relative; text-align:center; } #store-wrapper #featured, #store-wrapper #pets, #store-wrapper #weapon-skins { margin-bottom:48px; } #store-wrapper #merchandise { padding-bottom:40px; } #store-wrapper .featured-item, #store-wrapper .pet-item, #store-wrapper .skin-item, #store-wrapper .merch-item { position:relative; width:306px; display:inline-block;vertical-align: top;text-align:center; } #store-wrapper .featured-item h2, #store-wrapper .pet-item h2, #store-wrapper .skin-item h2, #store-wrapper .merch-item h2 { margin-top:-16px;margin-bottom: 3px;padding: 0;position:relative;color:#027b92; text-transform:uppercase; font-size:16px; text-shadow: 0 1px 0 #E9E9E9 } #store-wrapper .featured-item p, #store-wrapper .pet-item p, #store-wrapper .skin-item p, #store-wrapper .merch-item p { margin:0 0 6px;padding: 0;text-align: center; color:#333333; font:12px/1.2 CartoGothicProBold, Arial, Helvetica, sans-serif } #store-wrapper .featured-item a, #store-wrapper .pet-item a, #store-wrapper .skin-item a, #store-wrapper .merch-item a { color:#2b6c8c; font-family:CartoGothicProBold, Arial, Helvetica, sans-serif; font-size:12px } #store-wrapper .cat-desc { padding-top:12px; text-align:center; } /*** Overview ***/ #services-overview .support-services{height:186px;background:url('/global/includes/images/template-items/services/overview_support_bg.jpg') no-repeat} #services-overview .aion-store{height:186px;background:url('/global/includes/images/template-items/services/overview_store_bg.jpg') no-repeat} #services-overview .acc-services{height:186px;background:url('/global/includes/images/template-items/services/overview_account_services_bg.jpg') no-repeat} #services-overview .refer-a-friend-services{height:186px;background:url('/global/includes/images/template-items/services/overview_refer_a_friend_bg.jpg') no-repeat} #services-overview .veteran-rewards-services{height:186px;background:url('/global/includes/images/template-items/services/overview_veteran_rewards_bg.jpg') no-repeat} #store-overview .shaded-row { position: relative; height:137px;} #store-overview .black-cloud { height: 170px; } #store-overview .image { height:100%; width: 100%; position: absolute; top: 0; left: 0; } #store-overview .cube .image{ background:url('/global/includes/images/template-items/store-overview/cube-background.png') no-repeat} #store-overview .black-cloud .image{ background:url('/global/includes/images/template-items/store-overview/black-cloud-background.png') 36px center no-repeat} #store-overview .account-services .image{ background:url('/global/includes/images/template-items/store-overview/account-services-background.png') left center no-repeat} #store-overview .ncoin .image{ background:url('/global/includes/images/template-items/store-overview/ncoin-background.png') left bottom no-repeat} #store-overview .lucky-game {height: auto; min-height: 170px; } #store-overview .lucky-game .image {background: url("/global/includes/images/template-items/store-overview/lucky-game-background.png") no-repeat 36px 100%; } #store-overview .lucky-game .services-desc h2 {padding: 0; } #store-overview h2{font: 33px AdelonMedium, "Times New Roman", Times, serif;letter-spacing: -1px;text-transform: uppercase;} #store-overview a.btn-right-1 {position: absolute;right: 20px;bottom: 20px} #store-overview .services-desc{margin-top: 7px;width:335px} #store-overview .services-small-desc p {width:248px} /*** Support ***/ #support-services .twoSubCol h2 {padding-bottom: 1px; padding-top: 0} #support-services .twoSubCol h3 {padding: 3px 0 0; font-size: 15px;} #support-services .twoSubCol h3, #support-services a { color: #2b6c8c} #support-services .twoSubCol p {padding-top: 0; padding-bottom: 17px;} #support-services .twoSubCol ul {margin-bottom: 14px} #support-services .twoSubCol p + ul {margin-top: -12px} /*** Refer A Friend ***/ #refer-friend ol + h2, #refer-friend p + h2{padding: 20px 0 5px} #refer-friend .content-header{padding: 60px 20px 0 415px;height: 197px;background:url('/global/includes/images/template-items/services/refer_friend_header.jpg') no-repeat} #refer-friend .content-header, #services-security .content-header, #veterans-rewards .content-header{margin: 0 0 10px;border-bottom: 1px solid #fff} #refer-friend .content-header p, #services-security .content-header p, #veterans-rewards .content-header p{font: normal 23px AdelonMedium, "Times New Roman", Times, serif;color: #0C3D51;text-transform: uppercase} #refer-friend .content-header span{padding-top: 17px;display: block} /*** Security ***/ #services-security p + h2{padding: 20px 0 5px} #services-security .content-header{padding: 80px 20px 0 440px;height: 177px;background:url('/global/includes/images/template-items/services/security_header.jpg') no-repeat} /*** Veterans Rewards ***/ #veterans-rewards ul.gem li{color: #2b6c8c} #veterans-rewards span.button-right{margin-top: 15px} #veterans-rewards .content-header{padding: 60px 40px 0 415px;height: 197px;background:url('/global/includes/images/template-items/services/vet_rewards_header.jpg') no-repeat} #veterans-rewards .content-header p{margin-top:-15px} /*** Cube Intro ***/ #oneCol #cube-intro {padding-right: 20px;} #cube-intro .content-header .copy{margin-bottom: 80px;padding-top: 30px;float: right;width: 647px;} #cube-intro .content-header .copy h2{margin-bottom: 3px;font: 34px/34px CartoGothicProBook,Arial,Helvetica,sans-serif;letter-spacing: -0.7px;color: #252525;} #cube-intro .content-header .copy h3{margin-bottom: 10px;font: 24px CartoGothicProBook,Arial,Helvetica,sans-serif;color: #ff5500;} #cube-intro .content-header .header-logo{margin: -20px -40px 0 -20px;} #cube-intro .process-chart{margin-bottom: 45px;display: block;text-align: center;} #cube-intro .center-button{display: block;text-align: center;background: url('/global/includes/images/template-items/cube/center-btn-sep.png') 50% 50% no-repeat} #cube-intro .btn-back-to-top{float: right;} #cube-intro h3{padding-bottom: 0;font-size: 13px;} #cube-intro p{padding-top: 0;} #cube-intro p + .btn-back-to-top, #cube-intro p + .btn-back-to-top + h2{margin-top: 35px;} /*** NCoin ***/ #oneCol #ncoin-page {padding-right: 20px;} #ncoin-page .float-right{margin: 0 30px 10px 20px;float: right;} #ncoin-page .shadow{ box-shadow: 0 0 8px #888888; -moz-box-shadow: 0 0 8px #888888; -webkit-box-shadow: 0 0 8px #888888; -o-box-shadow: 0 0 8px #888888; } #ncoin-page .section{padding: 20px 0;border-top: 1px solid #fff;border-bottom: 1px solid #959595;} #ncoin-page .content-header{padding: 0;overflow: visible;border-top: 0 none;} #ncoin-page .content-header .copy{padding-top: 18px;padding-right: 60px;float: right;width: 590px;} #ncoin-page .content-header .copy h2{margin-bottom: 15px;font: 34px/34px CartoGothicProBook,Arial,Helvetica,sans-serif;letter-spacing: -0.7px;color: #252525;} #ncoin-page .content-header .header-logo{margin: 9px 0 -23px 14px;} #ncoin-page .section-how-to .screenshots{padding: 25px 0;clear: both;text-align: center;} #ncoin-page .section-how-to .screenshots img{margin-left: 40px;} #ncoin-page .section-how-to .screenshots img:first-child{margin-left: 0px;} #ncoin-page .section-denominations table.bundles{text-align: center;} #ncoin-page .section-denominations table.bundles thead{background: url(/global/includes/images/template-items/ncoin/table-head-bg.png);} #ncoin-page .section-denominations table.bundles tbody{background: #f0f4f6;} #ncoin-page .section-denominations table.bundles tbody tr:first-child td{border-top: 0 none;} #ncoin-page .section-denominations table.bundles th, #ncoin-page .section-denominations table.bundles td{padding: 5px 17px;} #ncoin-page .section-denominations table.bundles td{border-top: 2px solid #fff;} #ncoin-page .section-faq{border-bottom: 0 none;} #ncoin-page .btn-back-to-top{float: right;} #ncoin-page h3{padding-bottom: 0;font-size: 13px;} /******************************************** ** 1) Error Pages /********************************************/ #oneCol #error-404 { position: relative;background:url('/global/includes/images/template-items/error-pages/error_404_bg.jpg') no-repeat 1px 0 #cad5d9 } #oneCol #error-404 div.character { background:url('/global/includes/images/template-items/error-pages/drakan.png') no-repeat left top; position: absolute; top: 6px; left: 86px; height: 538px; width: 474px; z-index:100; } #twoCol-left #error-404 { position: relative;background:url('/global/includes/images/template-items/error-pages/error_404_twocol_bg.jpg') no-repeat #cad5d9 } #twoCol-left #error-404 div.character { background:url('/global/includes/images/template-items/error-pages/drakan_twocol.png') no-repeat left top; position: absolute; top: 20px; left: 10px; height: 396px; width: 360px; z-index:100; } #oneCol #error-500{ position: relative;background:url('/global/includes/images/template-items/error-pages/error_500_bg.jpg') no-repeat 1px 0 #cad5d9 } #oneCol #error-500 div.character { background:url('/global/includes/images/template-items/error-pages/daeva.png') no-repeat left top; position: absolute; top: 136px; left: 46px; height: 538px; width: 530px; z-index:100; } #twoCol-left #error-500 { position: relative;background:url('/global/includes/images/template-items/error-pages/error_500_twocol_bg.jpg') no-repeat #cad5d9 } #twoCol-left #error-500 div.character { background:url('/global/includes/images/template-items/error-pages/daeva_twocol.png') no-repeat left top; position: absolute; top: 66px; left: 0; height: 297px; width: 345px; z-index:100; } #oneCol #maintenance {margin: -15px 0 0;height: 614px;position: relative;background:url('/global/includes/images/template-items/error-pages/maintenance_bg.jpg') no-repeat} #oneCol .error-page { height: 535px;padding: 0 } #oneCol .error-page .message, #twoCol-left .error-page .message { background: url(/global/includes/images/template-items/error-pages/message_bg.png) no-repeat; padding: 30px 20px 20px; position: absolute; top: 82px; left: 508px; min-height: 410px; width: 324px; } #twoCol-left .error-page {height: 495px} #twoCol-left .error-page .message { top: 70px; left: 300px } .error-page .message p { padding:7px 18px 7px 12px;font-size: 16px } .error-page .message .message-top { background: url(/global/includes/images/template-items/error-pages/message_top_bg.png) no-repeat; position: absolute; top: -10px; left: -24px; width: 412px; height: 18px; } .error-page .message .message-separator { background: url(/global/includes/images/template-items/error-pages/message_sep_bar1.png) no-repeat 50% 0; margin-bottom: 15px; height: 2px; } .error-page .message h1 { padding-bottom: 15px;font: normal 36px/36px AdelonBook, "Times New Roman", Times, serif; text-align: center } .error-page .message ul.buttons { margin-top: 24px; text-align: center; background: url(/global/includes/images/template-items/error-pages/message_sep_bar2.png) no-repeat 50% 50%; } .error-page .message ul.buttons li { padding: 0 4px; display: inline; } .error-page .message ul.buttons li span { color: inherit; } .error-page .message ul.buttons li a { display: inline-block; text-transform: uppercase } /***userMessage display area ***/ .userMessage-container {display:none;background-color:#FFECEE;color:#A53C45;height:27px; width:100%;z-index:1000;border:solid 1px #A53C45;padding:3px;} .userMessage-container .message-icon {width:22px;height:22px;float:left;} .userMessage-container .error-icon {background: url("/global/includes/images/template-items/wrngShield.png") no-repeat;} .userMessage-container .message-text {float:left;font-size:12px; font-weight:bold;padding:3px 0px 0px 10px;} .userMessage-container .close-button {background: url("/global/includes/images/template-items/btn-close.jpg") no-repeat top left;width:20px;height:20px;float:right;padding-right:3px;} .userMessage-container .close-button:hover {background: url("/global/includes/images/template-items/btn-close.jpg") no-repeat 0px -20px;} /**** AION LOGIN DISABLED ****/ .login-disabled { margin: 40px auto; padding: 8px 8px 8px 60px; width: 240px; color: #B79000; background: #FEF6D8 url(/global/includes/images/template-items/error-pages/error_icon.png) 6px 6px no-repeat; border: 1px solid #FDE179} /******************************************** ** 1) Custom Event Page /********************************************/ body.custom-page #twoCol-left {margin-top: 30px;} body.custom-page {background: url("/global/includes/images/feb-2012-event/bg.png") repeat-y scroll center top transparent;} body.custom-page .show-bg { background:none; } /******************************************** ** 1) EU Popup Message /********************************************/ #eu-message { width: 449px; margin-left: -225px; position: fixed; top: 100px; left: 50%; z-index: 800; } #eu-message H2 { margin: 10px 60px 6px; padding: 8px 0 16px 32px; background:url('/global/includes/images/template-items/popup/note-icon.jpg') no-repeat left top; font-size: 15px; } #eu-message .container { position: relative; background:url('/global/includes/images/template-items/popup/bg-middle.jpg') repeat-y center top; z-index: 1000; } #eu-message .container > .close A { display: block; background: url("/global/includes/images/template-items/popup/close-sprite.png") no-repeat top left; width:30px;height:32px;float:right; position: relative; top: -6px; right : -9px; text-indent: -9999px;} #eu-message .close A:HOVER { background-position: bottom left; } #eu-message .top { height: 27px; width: 449px; background:url('/global/includes/images/template-items/popup/bg-top.jpg') no-repeat center top; } #eu-message .footer { height: 27px; width: 449px; background:url('/global/includes/images/template-items/popup/bg-bottom.jpg') no-repeat center top; } #eu-message P { padding: 10px 50px 0; text-align: left;} #eu-message H2 + P{ background:url('/global/includes/images/template-items/popup/divider.png') no-repeat center top; } #eu-message .overlay { height: 100%; width: 100%; position: fixed; top: 0; left: 0; background:url('/global/includes/images/template-items/popup/overlay.png') repeat center top; z-index: 900; } #eu-message UL { margin: 20px 0; } #eu-message UL LI { display: inline-block; } #eu-message UL LI A SPAN { color: #000; font: 13px/18px CartoGothicProBook,Arial,Helvetica,sans-serif; } #oneCol #feature-removed{ position: relative;background:url('/global/includes/images/template-items/feature-removed-bg.jpg') no-repeat 1px 0 #cad5d9 } #oneCol #feature-removed.error-page .message{ background: url(/global/includes/images/template-items/message_bg_short.png) no-repeat; } /******************************************** ** 1) NCoin Event Page /********************************************/ body#ncoin-event{-webkit-background-size:2000px 1900px;background:#bdbdbd url(/global/includes/images/posa/bg.jpg) top center no-repeat} body#ncoin-event #main-container, body#ncoin-event #main-container>.inner-container{margin:0 auto!important;padding:0!important} body#ncoin-event #main-container>.inner-container>#oneCol{float:none!important;height:1443px;margin:365px auto 70px!important;overflow:hidden;width:614px} body#ncoin-event #main-container>.inner-container>#oneCol>h1{display:none} body#ncoin-event #main-container>.inner-container>#oneCol>h2, body#ncoin-event #main-container>.inner-container>#oneCol>p{color:#0f0f0f;font-size:21px;font-weight:400;line-height:32px;margin:0 0 33px;max-width:556px;padding:0} body#ncoin-event #main-container>.inner-container>#oneCol>h2{font-size:28px;font-weight:600;line-height:36px;margin:47px 0 26px!important} body#ncoin-event #main-container>.inner-container>#oneCol>h2>sup, body#ncoin-event #main-container>.inner-container>#oneCol>p>sup{font-size:16px;position:relative;top:5px} body#ncoin-event #main-container>.inner-container>#oneCol>img#card{float:right;margin-left:35px;margin-top:7px;position:relative;left:5px} body#ncoin-event #main-container>.inner-container>#oneCol>div.hr{clear:both;display:block;height:3px} body#ncoin-event #main-container>.inner-container>#oneCol>div.hr1{background:url(/global/includes/images/posa/hr1.jpg) 0 0 no-repeat;margin-bottom:28px} body#ncoin-event #main-container>.inner-container>#oneCol>div.hr2{background:url(/global/includes/images/posa/hr2.jpg) 0 0 no-repeat;margin-bottom:51px;margin-top:-23px} body#ncoin-event #main-container>.inner-container>#oneCol>div#button>a{background:url(/global/includes/images/posa/button.png) 0 0 no-repeat;display:block;height:60px;line-height:60px;margin:4px auto 0 auto;overflow:hidden;text-indent:-9000px;width:280px} /******************************************** ** 1) Aion 3.1 Page /********************************************/ body#aion3-1{-webkit-background-size:2000px 2177px;background:#000 url(/global/includes/images/aion3-1/bg-2.jpg) top center no-repeat} body#aion3-1 #main-container,body#aion3-1 #main-container>.inner-container{margin:0 auto!important;padding:0!important} body#aion3-1 #main-container>.inner-container>#oneCol{float:none!important;height:1590px;margin:365px auto 100px!important;overflow:hidden;width:628px} body#aion3-1 #main-container>.inner-container>#oneCol>h1{display:none} body#aion3-1 #aion-footer-container{background-color:#dedede!important} body#aion3-1 #main-container>.inner-container>#oneCol>h2{color:#ffe99c;font-family:AdelonBook, "Times New Roman", Times, serif;font-size:28px;font-weight:600;line-height:36px;margin:0 0 15px;padding:0} body#aion3-1 #main-container>.inner-container>#oneCol>h2>sup,body#aion3-1 #main-container>.inner-container>#oneCol>ul>li sup{font-size:14px;position:relative;top:5px} body#aion3-1 #main-container>.inner-container>#oneCol>ul,body#aion3-1 #main-container>.inner-container>#oneCol>ul>li{margin:0;padding:0} body#aion3-1 #main-container>.inner-container>#oneCol>ul.half{width:408px!important} body#aion3-1 #main-container>.inner-container>#oneCol>ul>li{list-style-type:disc;color:#fff;font-size:16px;line-height:22px;margin:0 0 9px 18px} body#aion3-1 #main-container>.inner-container>#oneCol>ul>li span,body#aion3-1 #main-container>.inner-container>#oneCol>ul>li strong{color:#fa8b3a} body#aion3-1 #main-container>.inner-container>#oneCol>div#button>a{background:url(/global/includes/images/aion3-1/sprite.png) no-repeat;display:block;height:45px;line-height:45px;margin:41px auto 33px;overflow:hidden;text-indent:-9000px;width:203px} body#aion3-1 #main-container>.inner-container>#oneCol>div#button.read>a{background-position:0 -64px} body#aion3-1 #main-container>.inner-container>#oneCol>div#button.event>a{background-position:0 0} body#aion3-1 #main-container>.inner-container>#oneCol>div#button.shop>a{background-position:0 -114px} body#aion3-1 #main-container>.inner-container>#oneCol>div.hr{background:url(/global/includes/images/aion3-1/sprite.png) no-repeat;background-position:0 -50px;clear:both;display:block;height:9px;margin:0 auto 33px 0;width:628px} /******************************************** ** 1) Aion 3.7 Page /********************************************/ body#aion3-7{background:#180e13 url(/global/includes/images/aion3-7/3.7.bg.jpg) top center no-repeat;background-size:2000px;background-position-y:30px;} body#aion3-7 #main-container>.inner-container {margin-top:40px!important;padding-left:20px;} body#aion3-7 #main-container>.inner-container .main {width:712px;height:1250px;} body#aion3-7 #main-container>.inner-container .main h1 {font-size:55px;letter-spacing:1px;font-family:AdelonMedium;color:#e5bf52;text-shadow:0px 0px 2px #000, 2px 2px 4px #d60b0d, 6px 6px 6px #3d0c2f;text-transform:none;padding:0px;} body#aion3-7 #main-container>.inner-container .main h1 sup {position:relative;left:-20px;font-size:18px;} body#aion3-7 #main-container>.inner-container .main h1 span {font-size:70px;margin-left:-15px;} body#aion3-7 #main-container>.inner-container .main p {color:#fff;text-shadow:0px 0px 6px #000, 2px 2px 4px #000;font-size:22px;font-family:CartoGothicProLight;font-weight:bold;line-height:25px;margin-bottom:430px;width:480px;} body#aion3-7 #main-container>.inner-container .main ul {margin:0!important;} body#aion3-7 #main-container>.inner-container .main ul .specialCube {width:118px;} body#aion3-7 #main-container>.inner-container .main ul .compositeManastones {width:218px;background-position:-140px;} body#aion3-7 #main-container>.inner-container .main ul .theHexway {width:118px;background-position:-380px;} body#aion3-7 #main-container>.inner-container .main ul .wingReskinning {width:173px;background-position:-530px;} body#aion3-7 #main-container>.inner-container .main ul li {background-image:url('/global/includes/images/aion3-7/3.7.nav.png');color:#dc9a30;height:162px;cursor:pointer;float:left;margin-right:10px;border-radius:20px 20px 0px 0px;font-family:AdelonMedium;font-size:18px;font-weight:bold;text-shadow:0px 0px 2px #000, 0px 0px 4px #000, 0px 0px 8px #000, 0px 0px 10px #000;line-height:300px;} body#aion3-7 #main-container>.inner-container .main ul li:hover {color:#fff399!important;} body#aion3-7 #main-container>.inner-container .main .content {position:absolute;width:696px;height:550px;background-color:#020004;padding-top:35px;margin-left:1px;} body#aion3-7 #main-container>.inner-container .main .content h2 {font-family:CartoGothicProBold;color:#ee2598;text-transform:uppercase;padding:20px;padding-top:30px;padding-bottom:0px;margin:0px;border-top:1px solid #92278f;} body#aion3-7 #main-container>.inner-container .main .content p {color:#d7cdcd;padding-left:20px;margin:0px;font-size:18px;text-align:left;line-height:25px;font-family:CartoGothicProLight;width:310px;float:left;} body#aion3-7 #main-container>.inner-container .main .content img {float:left;width:355px;margin-right:5px;position:relative;margin-top:-25px;} body#aion3-7 #aion-footer-container{background-color:#dedede!important;width:100%;position:relative;bottom:-60px;} /********************************************************/ /*** LUCKY GAME ***/ /********************************************************/ #lucky-game-container{margin: 0px 15px 0 -5px;overflow: hidden;} #lucky-game-container .sidebar{overflow: hidden;float: right;width: 274px;} #lucky-game-container .sidebar h2 {color: #0C3D51;font-family: AdelonMedium,"Times New Roman",Times,serif;font-size: 20px;font-weight: normal;padding: 11px 0;text-shadow: 0 1px 0 #E9E9E9;text-transform: uppercase;} #lucky-game-container .sidebar .scrollpane{overflow: hidden;height: 785px;} #lucky-game-container .sidebar ul{background: url(/global/includes/images/template-items/lucky-game/list-divider.png) no-repeat 50% 0;} #lucky-game-container .sidebar ul li{padding: 5px 0;overflow: hidden;text-transform: uppercase;background: url(/global/includes/images/template-items/lucky-game/list-divider.png) no-repeat 50% 100%;} #lucky-game-container .sidebar ul li .float-left{margin-right: 10px;float: left;} #lucky-game-container .sidebar ul li p{margin-top: 9px;} #lucky-game-container .sidebar ul li p .grade{font-style: italic;text-transform: none;color: #aa9898;} #lucky-game-container .left-container{overflow: hidden;float: left;width: 640px;} #lucky-game-container .left-container .game-container{width: 640px;height: 835px;} #lucky-game-container .faq-section{margin-top: 10px;} #lucky-game-container .faq-section h2{margin: 10px 0;padding: 10px 0;text-transform: uppercase;font: 24px/1em AdelonBook,"Times New Roman",Times,serif;} #lucky-game-container .faq-section a.read-the-faq{padding-right: 32px;display: inline-block;line-height: 27px;font-size: 13px;background: url(/global/includes/images/template-items/btns/btn_down_bg.png) no-repeat 100% 0;} #lucky-game-container .faq-section a.read-the-faq:hover{background-position: 100% -27px;} #lucky-game-container .faq-section .expand{display: none;} #lucky-game-container .faq-section .expand ul{margin-left: 0;} #lucky-game-container .faq-section .expand ul li{padding-bottom: 10px;padding-left: 0;} #lucky-game-container .faq-section .expand ul li .question{color: #0C3D51;} #lucky-game-container .jspContainer { overflow: hidden; position: relative; } #lucky-game-container .jspVerticalBar { height: 100%; position: absolute; right: 0; top: 0; width: 15px;background: url(/global/includes/images/template-items/lucky-game/scrollbar-bg.png) repeat-y;} #lucky-game-container .jspVerticalBar * { cursor: pointer; margin: 0; padding: 0; } #lucky-game-container .jspVerticalBar .jspTrack { } #lucky-game-container .jspVerticalBar .jspCap { height: 2px;background: #bcd7e3; } #lucky-game-container .jspTrack { position: relative; } #lucky-game-container .jspVerticalBar .jspTrack .jspDrag { position: relative;cursor: pointer; left: 2px; position: relative; top: 0; width: 11px;background: url(/global/includes/images/template-items/lucky-game/scrollbar-drag-bg.png) repeat-y; } #lucky-game-container .jspVerticalBar .jspTrack .jspDrag .jspDragTop {position: absolute;top: 0;left: 0;height: 7px;width: 100%;background: url(/global/includes/images/template-items/lucky-game/scrollbar-drag-top.png) no-repeat;} #lucky-game-container .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {position: absolute;bottom: 0;left: 0;height:7px;width: 100%;background: url(/global/includes/images/template-items/lucky-game/scrollbar-drag-bottom.png) no-repeat;} /********************************************************/ /*** Player's Guide ***/ /********************************************************/ /* Common Styles */ /* Overview Page */ #oneCol #players-guide-overview {background: url(/global/includes/images/template-items/new-players-guide/overview-background.png) no-repeat 0 0;height: 885px;padding:0;} #players-guide-overview .blur{ -webkit-filter: blur(2px);-moz-filter: blur(2px);filter: blur(2px); } #players-guide-overview .overview-intro {text-align: center;color: #eee;position: relative;width: 803px;margin: 0 auto;font-size: 15px;background: url(/global/includes/images/template-items/new-players-guide/overview-decoration.png) no-repeat center bottom;padding-bottom: 66px;} #players-guide-overview .overview-intro h2 { color: #fff;font-size: 60px; text-transform: uppercase; padding-top: 38px; background: url(/global/includes/images/template-items/new-players-guide/overview-title.png) no-repeat 50% 47px;} #players-guide-overview .overview-intro-excerpt {display: block;color: #afe1e8;} #players-guide-overview .character-selection > .race-selector{float:left;position: absolute;display:inline-block;width: 649px;height: 549px; -webkit-transform: scale(.95,.95); transform: scale(.95, .95); -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; transition:0.25s; -o-transition:0.25s; } #players-guide-overview .character-selection > .race-selector.asmodian { background: url(/global/includes/images/template-items/new-players-guide/asmodian-character-selection.png) no-repeat center 0; z-index:2; left: 107px; top: 20px; left: 105px !important;} #players-guide-overview .character-selection > .race-selector.elyos { background: url(/global/includes/images/template-items/new-players-guide/elyos-character-selection.png) no-repeat center 0; left: 258px; top: 25px;} #players-guide-overview .character-selection {width: 100%;margin: 0 auto;position: relative;} #players-guide-overview .character-selection.asmodian > .race-selector.asmodian, #players-guide-overview .character-selection.elyos > .race-selector.elyos{ -webkit-transform: scale(1,1); transform: scale(1,1); background-position-x: 0px;margin-top:7px;z-index:11; left: 100px !important; width: 523px;} #players-guide-overview .character-selection.elyos > .race-selector.elyos{left: 300px !important;width: 649px;} #players-guide-overview > a {background: url(/global/includes/images/template-items/new-players-guide/character-selection-buttons.png) no-repeat 0 0;width: 270px;height: 81px;display: inline-block;position: absolute;text-align: center;bottom: 390px;z-index: 3;left: 180px;} #players-guide-overview > a:hover{background-position: 0px -91px;text-decoration:none;} #players-guide-overview > a.elyos:after {width: 200px;height: 500px;display: block;position: relative;content: close-quote;top: -182px;left: 38px;} #players-guide-overview > a.asmodian:after {width: 200px;height: 500px;display: block;position: relative;content: close-quote;top: -182px;left: 38px;} #players-guide-overview a.elyos:hover + .character-selection > .race-selector.elyos, #players-guide-overview a.asmodian:hover + a.elyos + .character-selection > .race-selector.asmodian{ -webkit-transform: scale(1,1); transform: scale(1,1); margin-top: 7px; left: 262px;} #players-guide-overview > a:hover > span{color:#afe1e8;text-shadow:0px 0px 9px rgba(107, 220, 221, 0.75)} #players-guide-overview > a.elyos { left: 521px;} #players-guide-overview > a > span { font-family: AdelonMedium;font-size: 25px;text-transform: uppercase;position: relative;top: 25px;text-shadow: 0px 0px 9px rgba(147, 147, 147, 0.75);color: #fff;} /* Details Pages */ #oneCol #players-guide-level-details {padding-left:0;padding-top: 0;padding-bottom: 0;background: none;} #players-guide-level-details .level-section {background: #b8c0c7;display: inline-block;width: 100%;padding: 35px 97px 0 97px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding-top: 35px;border-bottom: 1px solid #eee;padding-bottom: 35px;} #players-guide-level-details .level-section > .level-section-images {float: left;width: 300px;margin-right: 30px;} #players-guide-level-details .level-section > .level-section-images > img {margin-bottom:10px;width:300px;} #players-guide-level-details .level-section > p {display: inline-block;float: right;width: 430px;padding-top: 0px;font-size: 14px;padding-bottom: 10px;} #players-guide-level-details .level-section > h3 {font-size: 20px;color: #333;margin-bottom: 10px;} #players-guide-level-details .level-section-nav {list-style-image: url(/global/includes/images/template-items/list-style-arrow.png);list-style-position: inside;font-size: 15px;margin: 40px 0 0 0;} #players-guide-level-details .level-section-nav li{margin-bottom: 7px;} #players-guide-level-details .level-section-nav li a{font-weight: bold;color: #333;} #players-guide-level-details .level-section-nav li a:hover{color: #2b6c8c;} #players-guide-level-details .level-section-intro {padding: 44px 97px 50px 97px;display: inline-block;background: rgba(229, 236, 241, 0.85);-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;width:100%;} #players-guide-level-details .level-section-intro > p {font-size: 15px;padding-top: 0px;margin-top: -5px;} #players-guide-level-details .level-section-intro > h2 {font-size: 50px;margin-bottom: 30px;text-transform: uppercase;} #players-guide-level-details .level-section-intro > h2 > span {font-family: CartoGothicProLight, Arial, sans-serif;} #players-guide-level-details .level-section-intro > img {float: right;margin-left: 35px;} #players-guide-level-details .level-section-shadow {background: url(/global/includes/images/template-items/new-player-guide-level-shadow1.png) no-repeat;width: 906px;height: 10px;position: relative;margin: 0 auto -10px;} #players-guide-level-details .players-guide-top {padding: 0 75px;background: url(/global/includes/images/template-items/new-players-guide/top-section-background.jpg) no-repeat 0 0;height: 200px;position: relative;font-size: 18px;text-shadow: 0 1px 3px #000;color: #fff;} #players-guide-level-details .players-guide-top h2 {padding: 41px 0 6px;font: 42px/1em AdelonMedium, "Times New Roman", Times, serif;text-transform: uppercase;color: #fff;text-shadow: 0 1px 3px #000;} #players-guide-level-details .class-tabs {background: url(/global/includes/images/template-items/new-players-guide/races-buttons.png) no-repeat 0px 0px;width: 411px;height: 51px;display: inline-block;vertical-align: middle;text-align: center;} #players-guide-level-details .players-guide-class-tabs {width: 100%;position: absolute;bottom: -3px;left: 0;z-index:2;} #players-guide-level-details .class-tabs.asmodian {float:left;margin-left: 65px;} #players-guide-level-details .class-tabs.elyos {float: right;margin-right: 65px;} #players-guide-level-details .class-tabs:hover {background-position: 0px -66px;} #players-guide-level-details .class-tabs.active {background-position: 0px -133px;height:54px;} #players-guide-level-details .class-tabs > a {color: #333;display: inline-block;width: 100%;height: 100%;font: bold 22px/60px AdelonBook;text-transform: uppercase;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);} #players-guide-level-details .class-tabs > a:hover {text-decoration: none;} #players-guide-level-details .class-tabs.active > a {color: #2b6c8c;text-shadow: none;} #players-guide-level-details .content-top-decoration {background: url(/global/includes/images/template-items/new-players-guide/content-top-decoration.png) no-repeat;width: 966px;height: 40px;position: absolute;left: -3px;} #players-guide-level-details table {border: 1px solid #bfc8cf;} #players-guide-level-details table tr:first-child td{background:#d5dbe0;} #players-guide-level-details table tr > td{background:#a9b2ba;padding:4px;font-size:13px} #players-guide-levels {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 10;display:none;} #players-guide-levels > .levels-list {position: absolute;bottom: 50px;left: 0px;width: 100%;height:549px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;padding-right: 200px;display: none;opacity:0; -webkit-transition:0.3s; -moz-transition: 0.3s; transition:0.3s; -o-transition:0.3s;} #players-guide-levels > .levels-list.active {opacity:1;display:block;} #players-guide-levels > .levels-list.elyos {text-align: left;padding-left: 140px;} #players-guide-levels > .levels-list.asmodian {text-align:right;} #players-guide-levels > .levels-list ul > li > a, #players-guide-level-nav > ul > li > a {display: inline-block;padding: 4px 20px 4px 0px;color: #eaebeb;font-size: 15px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition:0.2s; -o-transition:0.2s;} #players-guide-levels > .levels-list ul > li > a{width:152px;overflow: hidden;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;position: relative;} #players-guide-levels > .levels-list ul {margin-left: 10px;} #players-guide-levels > .levels-list h3 {color: #64c9d1;font-size: 24px;font-family: AdelonMedium;text-transform: uppercase;} #players-guide-levels > .levels-list.elyos h3{padding-left:40px;} #players-guide-levels > .levels-list h2 {font-family: AdelonMedium;font-size: 30px;padding: 0;color: #eaebeb;background: url(/global/includes/images/template-items/new-players-guide/inset-black-divider.png) no-repeat 100% 100%;padding-bottom: 15px;text-transform: uppercase;} #players-guide-levels > .levels-list.elyos h2{background-position: 0 100%;padding-left: 40px;} #players-guide-levels > .levels-list.asmodian h3, #players-guide-levels > .levels-list.asmodian h2 { padding-right: 20px;} #players-guide-levels > .levels-list.elyos > ul > li > a{padding: 5px 0px 5px 20px;} #players-guide-overview > .character-selection.elyos .close-btn, #players-guide-overview > .character-selection.asmodian .close-btn{opacity:1;z-index:12;} #players-guide-overview > .character-selection .close-btn{position: absolute;top: 50px;right: 20px;width: 47px;height: 47px;background: url(/steel-cavalry/img/instances-close-btn-sprite.png) no-repeat;cursor: pointer;opacity: 0; -webkit-transition: 0.3s opacity; -moz-transition: 0.3s opacity; -ms-transition: 0.3s opacity; transition: 0.3s opacity;} #players-guide-overview > .character-selection .close-btn:hover{background-position: 0 -47px;} #players-guide-level-nav {position: absolute;width: 0px;top: 0px;z-index: 3;padding-top: 100px; -webkit-transition:0.5s; -moz-transition: 0.5s opacity; -ms-transition: 0.5s opacity; transition: 0.5s opacity; min-height: 100%;background: rgba(0,0,0,0.85);} #players-guide-level-nav.expanded {/* background: rgba(0,0,0,0.85); */width: 134px;} #players-guide-level-nav > ul{display: none;-webkit-transition: 0.5s;-moz-transition: 0.5s; transition:0.5s;-o-transition:0.5s;opacity: 0;} #players-guide-level-nav.expanded > ul{margin:0;padding:0;display:block;width: 134px;opacity: 1;} #players-guide-level-nav > ul > li{margin:0;padding:0;vertical-align: middle;} #players-guide-level-nav > ul > li.level-title {font: 15px/1em "AdelonMedium";color: #64c9d1;text-transform: uppercase;padding: 0 0 10px 20px;border-bottom: 1px solid #2b2d30;} #players-guide-level-nav > ul > li > a {display: block;padding: 20px 4px 20px 20px;color: #fff;font-size: 15px; -webkit-transition: 0.4s; -moz-transition: 0.4s; transition:0.4s; -o-transition:0.4s; } #players-guide-levels > .levels-list ul > li > a:hover, #players-guide-level-nav > ul > li > a:hover {text-decoration:none;background-color: #003244;box-shadow: inset 0px 0px 12px rgba(79, 199, 211, 0.8);-moz-box-shadow:inset 0 0 12px rgba(79, 199, 211, 0.8);-webkit-box-shadow:inset 0 0 12px rgba(79, 199, 211, 0.8);} #players-guide-level-nav > .level-nav-tab {background: url(/global/includes/images/template-items/new-players-guide/levels-nav-tab-shadow.png) no-repeat 0 0px;background-color: rgba(0,0,0,0.85);position: fixed;width: 35px;height: 140px;text-align: center;cursor:pointer;margin-top:160px;} #players-guide-level-nav.expanded > .level-nav-tab {margin-left: 134px;position: fixed;} #players-guide-level-nav > .level-nav-tab:hover > .arrow{margin-left:11px;} #players-guide-level-nav.expanded > .level-nav-tab:hover .arrow{margin-right:11px;margin-left:0;} #players-guide-level-nav > .level-nav-tab > .arrow + span { -webkit-transform: rotate(90deg); -ms-transform:rotate(90deg); -sand-transform:rotate(90deg); transform: rotate(90deg); display: block;font-size: 18px;margin-top: 18px;color: #fff;font-family: 'CartoGothicProBook';font-weight: bold;} #players-guide-level-nav > .level-nav-tab > .arrow {background: url(/global/includes/images/template-items/new-players-guide/blue-arrows.png) no-repeat 0px -22px;width: 13px;height: 22px;display: inline-block;margin-top: 13px; -webkit-transition:0.2s; -moz-transition: 0.2s; transition:0.2s; -o-transition:0.2s;} #players-guide-level-nav.expanded > .level-nav-tab > .arrow {background-position: 0px 0px;} #players-guide-level-nav.expanded.sticky{bottom:0px;top:inherit;padding-bottom:10px;} #players-guide-level-nav.expanded.sticky > ul {position: fixed;top: 25px;width:134px;} #players-guide-level-nav.sticky > .level-nav-tab {position:fixed;top:40px;}