/* Override default browser styles */
* { margin: 0; padding: 0; }
body { font: 13px/20px Arial, Verdana, sans-serif; color: #999; background: #000000 url(../img/bg/main.jpg) center 49px no-repeat; }
a { text-decoration: none; outline: none; color:#999 }
ul { list-style: none; }
img, input, textarea, select { border: none; }
table { border-collapse: collapse; }

/* Shortcuts */
.dn { display: none; }
.ds { display: block; }
.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
.cb { clear: both; }
.oh { overflow: hidden; }
.clearfix:after { height: 0; content: ''; visibility: hidden; clear: both; display: block; }
.clearfix2:before { height: 0; content: ''; visibility: hidden; clear: both; display: block; }

/* TYPOGRAPHY */
.fwb { font-weight:bold; }
.tdu { text-decoration:underline; }

/* COLORS */
.purple { color: #36193B; }

/* SPACING HELPERS */
/*
   m = margin
   a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
   xs,s,m,l,xl,xxl,3xl,n =x-small(5px),small(10px),medium(15px),large(20px),x-large(25px),xx-large(30px),3xl(40px),none(0px)
*/
.mtn,.mvn,.man { margin-top:0; }
.mtxs,.mvxs,.maxs { margin-top:2px; }
.mts,.mvs,.mas { margin-top:3px; }
.mtm,.mvm,.mam { margin-top:10px; }
.mtl,.mvl,.mal { margin-top:15px; }
.mtxl,.mvxl,.maxl { margin-top:20px; }
.mtxxl,.mvxxl,.maxxl { margin-top:25px; }
.mt3xl,.mv3xl,.ma3xl { margin-top:30px; }
.mt4xl,.mv4xl,.ma4xl { margin-top:40px; }
.mt5xl,.mv5xl,.ma5xl { margin-top:50px; }
.mt6xl,.mv6xl,.ma6xl { margin-top:60px; }

.mrn,.mhn,.man { margin-right:0; }
.mrxs,.mhxs,.maxs { margin-right:2px; }
.mrs,.mhs,.mas { margin-right:5px; }
.mrm,.mhm,.mam { margin-right:10px; }
.mrl,.mhl,.mal { margin-right:15px; }
.mrxl,.mhxl,.maxl { margin-right:20px; }
.mrxxl,.mhxxl,.maxxl { margin-right:25px; }
.mr3xl,.mh3xl,.ma3xl { margin-right:30px; }
.mr4xl,.mh4xl,.ma4xl { margin-right:40px; }
.mr5xl,.mh5xl,.ma5xl { margin-right:50px; }
.mr6xl,.mh6xl,.ma6xl { margin-right:60px; }

.mbn,.mvn,.man { margin-bottom:0; }
.mbxs,.mvxs,.maxs { margin-bottom:2px; }
.mbs,.mvs,.mas { margin-bottom:5px; }
.mbm,.mvm,.mam { margin-bottom:10px; }
.mbl,.mvl,.mal { margin-bottom:15px; }
.mbxl,.mvxl,.maxl { margin-bottom:20px; }
.mbxxl,.mvxxl,.maxxl { margin-bottom:25px; }
.mb3xl,.mv3xl,.ma3xl { margin-bottom:30px; }
.mb4xl,.mv4xl,.ma4xl { margin-bottom:40px; }
.mb3xl,.mv3xl,.ma3xl { margin-bottom:40px; }
.mb5xl,.mv5xl,.ma5xl { margin-bottom:50px; }
.mb6xl,.mv6xl,.ma6xl { margin-bottom:60px; }

.mln,.mhn,.man { margin-left:0; }
.mlxs,.mhxs,.maxs { margin-left:2px; }
.mls,.mhs,.mas { margin-left:5px; }
.mlm,.mhm,.mam { margin-left:10px; }
.mll,.mhl,.mal { margin-left:15px; }
.mlxl,.mhxl,.maxl { margin-left:20px; }
.mlxxl,.mhxxl,.maxxl { margin-left:20px; }
.ml3xl,.mh3xl,.ma3xl { margin-left:30px; }
.ml4xl,.mh4xl,.ma4xl { margin-left:40px; }
.ml5xl,.mh5xl,.ma5xl { margin-left:50px; }
.ml6xl,.mh6xl,.ma6xl { margin-left:60px; }

/* Lists */
.ls-disc { list-style-type:disc; }
.ls-circ { list-style-type:circle; }
.ls-none { list-style-type:none; }

/* Manual Ordered List - IE9 changes decimal numbers to 0 when $().tabber() fades in other <ol> tags that were previously hidden */
.list-ol { padding-left:0 !important; } /* reset left padding applied by .basic_power */
.list-ol label { float:left; margin-right:10px; }
.list-ol span { width:90%; display:inline-block; }

/* Fake GNT - REMOVE BEFORE SENDING TO WEBDEV */
#gnt { height: auto; background: #ccc; }

/* Site base styles */
#site-wrap { width: 1059px; /* width: 1002px; */ margin: 0 auto; }
#header { height: 139px; background: transparent url(../img/bg/nav-bottom.png) -9px 77px no-repeat; position: relative; }
#body-wrap { padding: 0 29px; background: transparent url(../img/bg/wrap.png) 0 0 no-repeat; }
#top-row { height: 262px; margin-bottom: 16px; }
#left-column, #right-column { float: left; }
#left-column { width: 315px; /*min-height: 800px;*/ }
.subpage #left-column { width: 309px; }
#right-column { width: 686px; /*min-height: 800px;*/ }
.subpage #right-column { width: 692px; }

/* Logo */
#logo { width: 260px; height: 143px /*142px*/; position: absolute; top: 6px; left: 400px; z-index: 4; }
#logo a { height: 142px; text-indent: -9999px; background: transparent url(../img/btn/logo.png) 0 0 no-repeat; display: block; }

/* Navigation */
#nav-wrap, #nav, .nav-corner { z-index: 3; }
#nav-wrap { width: 1026px; height: 64px; position: absolute; top: 48px /*-28px*/; left: 17px; }
#nav-wrap:hover #nav-dropdown { display: block; }
#nav { height: 65px; padding: 0 41px; background: transparent url(../img/bg/nav.png) 0 -48px no-repeat; position: relative; }
#nav li { float: left; }
#nav a { height: 60px; margin-top: 2px; text-indent: -9999px; background: transparent url(../img/btn/nav-text.png) 0 0 no-repeat; display: block; }
#navNews a { width: 65px; background-position: 4px 19px; }
#navNews a:hover, #navNews.hoverMatch a { background-position: 4px -27px; }
#navGuides { margin-left: 52px; }
#navGuides a { width: 80px; background-position: -113px 19px; }
#navGuides a:hover, #navGuides.hoverMatch a { background-position: -113px -27px; }
#navCommunity { margin-left: 33px; }
#navCommunity a { width: 127px; background-position: -247px 19px; }
#navCommunity a:hover, #navCommunity.hoverMatch a { background-position: -247px -27px; }
#navRanking { margin-left: 237px; }
#navRanking a { width: 94px; background-position: -429px 19px; }
#navRanking a:hover, #navRanking.hoverMatch a { background-position: -429px -27px; }
#navItemMall { margin-left: 29px; }
#navItemMall a { width: 109px; background-position: -578px 19px; }
#navItemMall a:hover, #navItemMall.hoverMatch a { background-position: -578px -27px; }
#navSupport { margin-left: 26px; }
#navSupport a { width: 90px; background-position: -741px 19px; }
#navSupport a:hover, #navSupport.hoverMatch a { background-position: -741px -27px; }
.nav-corner { width: 100px; height: 82px; background: transparent url(../img/bg/nav-corners.png) 0 0 no-repeat; position: absolute; top: 36px; }
#nav-left-corner { left: -32px; }
#nav-right-corner { background-position: right top; right: -33px; }
#nav-dropdown { width: 1021px; height: 222px; margin-left: -510.5px; background: transparent url(../img/bg/dropdown.png) 0 0 repeat; border: 1px solid #534f72; border-top: none; position: absolute; top: 62px /*109px*/; left: 50%; z-index: 2; overflow: hidden; display: none; }
#nav-dropdown a { color: #b3b5d4; }
#nav-dropdown a:hover { color: #8083fe; }
#subnav {}
#subnav li { text-align: center; float: left; }
.subnav-list { height: 167px; margin-top: 26px; }
.subnav-list li { margin-bottom: 12px; float: none !important; }
#subNews { width: 137px; }
#subGuides { width: 115px; }
#subCommunity { width: 139px; margin-left: 7px; }
#subRanking { width: 131px; margin-left: 215px; }
#subMall { width: 122px; margin-left: 5px; }
#subSupport { width: 130px; }

/* Sub-modules for Main page and Subpages - Left Column */
#submodule-panel { width: 314px; padding: 23px 0 38px; background: #181818 url(../img/bg/submodules-xl.png) 0 0 repeat-y; border: 1px solid #393939; border-right: none; }
/* Subpage overrides */
.subpage #submodule-panel { width: 308px; padding: 23px 0 38px; margin-top: 15px; background-image: url(../img/bg/submodules.png); }
.submodules { margin-bottom: 38px; /*position: relative;*/ }
.subpage .submodules { margin-bottom: 0; }
/* Subheaders styles */
.subheaders { width: 308px; height: 42px; padding-left: 15px; margin-left: -9px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 17px; color: #dbcc7a; line-height: 39px; background: transparent url(../img/headers/subtitles.png) 0 0 no-repeat; position: relative; z-index: 1; }
.subpage .subheaders { width: 302px; }
/* Submodule content wrap */
.subcontent { width: 289px; min-height: 270px; margin: -5px 0 0 12px; padding-top: 1px; /* Fix collapsible-margin */ background: #262729; padding-bottom:8px; }

/* Main page & Subpage header styles - Right Column */
.subpage-header { width: 668px;  height: 58px; padding-left: 18px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 21px; color: #cacbf0; line-height: 50px; background: transparent url(../img/headers/main-page.png) 0 0 no-repeat; position: relative; z-index: 1; }
.subpage .subpage-header { width: 674px; height: 52px; color: #e2d0de; line-height: 48px; background-image: url(../img/headers/subpage-main.png); }
#content { width: 617px; min-height: 1036px; margin-top: -11px; padding: 6px 33px 88px; background: #414147 url(../img/bg/main-page-content.png) 0 0 repeat-y; border: 1px solid #646464; border-top: none; position: relative; }
.subpage #content { width: 634px; min-height: 1039px; margin-top: -5px; padding: 10px 28px 88px; background-image: url(../img/bg/subpage-content.png); }

/* Play */
#play { width: 300px; height: 261px; background: #ccc; }
/* Show button as offline */
#play.offline #play-btn { background-position: left bottom; cursor: default; }
#play-btn { width: 300px; height: 158px; background: transparent url(../img/btn/play.png) left top no-repeat; text-indent: -9999px; display: block; }
#play-btn:hover { background-position: left center; }
#play-links { width: 299px; height: 98px; padding: 5px 0 0 1px; background: transparent url(../img/bg/play-links.png) 0 0 no-repeat; }
#play-links a { width: 149px; height: 69px; padding-top: 28px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 16px; color: #c2b56d; text-transform: uppercase; text-align: center; line-height: 22px; background-color: transparent; background-image: url(../img/btn/play-links.png); background-repeat: no-repeat; float: left; display: block; }
#play-links a:hover {color:#e4d372;}
#dl-game { background-position: left top; }
#sign-up, #manage-account { background-position: right top; }
.loggedout #manage-account, .loggedin #sign-up { display: none; }
.loggedin #manage-account { display: block; }

/* Side navigation for subpages */
.sidenav ul { margin-left: 28px; }
.sidenav li { padding: 10px 0 7px; font-size: 15px; font-weight: bold; }
.sidenav a { color: #8083fe; }
.sidenav a:hover, .sidenav .active a { color: #8859ad; }

/* Navigational Bubbles */
.nav-bubble { width: 254px; margin-top: 13px; background: #111000; border: 1px solid #000; border-radius: 4px; position: relative; }
.nav-bubble ul { margin-left: 0 !important; padding: 12px 0 8px 20px; }
.nav-bubble li { margin-bottom: 5px; padding: 0 !important; }
.nav-bubble a { font-size: 14px; font-weight: normal; color: #888 !important; }
.nav-bubble .active a { color: #8859ad !important; border-bottom: none !important; font-weight:bold }
.nav-bubble a:hover { color: #8859ad; }
.bubble-tip { width: 13px; height: 7px; background: transparent url(../img/item-mall/subnav-tip.png) 0 0 no-repeat; position: absolute; top: -7px; left: 14px; }
/* Side banner */
#side-banner { width: 273px; height: 209px; margin: 55px 0 0 18px; }

/* Pager */
.s-pager { margin-top: 30px; color: #949494; text-align: center; }
.s-pager li { height: 19px; margin: 0 6px; line-height: 21px; display: inline-block; }
.s-pager .apb-r { margin-right: 5px; margin-top:35px; }
.s-pager .apb-l { margin-left: 5px; }
#first-pg-btn.active:hover, #prev-pg-btn.active:hover, #next-pg-btn.active:hover, #last-pg-btn.active:hover { border-bottom: 1px dotted #949494; cursor: pointer; }
.pg-number a { min-width: 21px; height: 20px; color: #666; background: #18181a; display: block; }
.pg-number.current a, .pg-number a:hover { color: #fff; background: #484b9b; }

/* Presentation border - DO NOT CHANGE */
.bottom-border { width: 100%; height: 8px; background: #363636; position: absolute; bottom: 0; left: 0; }
.subpage .bottom-border { background: #414147; }

/* Footer */
#footer-nav { width: 962px; margin: 29px auto 20px; }
#footer-nav a { color: #666666; text-decoration: none; }
#footer-nav a:hover { color: #8083fe; cursor: pointer; }
#footer-nav dl { margin-left: 96px; text-align: left; float: left; }
#footer-nav dt { margin-bottom: 15px; font-weight: bold; color: #c0c0c0; }
#footer-nav dd { margin-bottom: 1px; }
#footer-nav .cf { clear: both; }
#foot-copy { width: 674px; height: 28px; margin: 49px auto 0; padding-top: 1px; text-align: left; background: url("http://nxcache.nexon.net/atlantica/img/bg/copyright-logo.png") no-repeat scroll left top transparent; cursor: default; }
#foot-copy small { font-family: KlavikaL, sans-serif; margin: 4px 0 0 184px; font-size: 13px; color: #808080; display: block; }

/* Lightbox/Popups */
#screen { background: transparent url(../img/bg/screen-overlay.png) 0 0 repeat; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 499; display: none; }
#popup { width: 666px; min-height: 371px; margin-left: -333px; background: #414147 url(../img/bg/popup-content.png) 0 0 repeat-y; box-shadow: 0 0 6px 6px rgba(0,0,0,0.3); position: absolute; top: 120px; left: 50%; z-index: 2147483641; display: none; }
#popup-close { width: 13px; height: 15px; text-indent: -9999px; background: transparent url(../img/btn/popup-close.png) 0 0 no-repeat; position: absolute; top: 10px; right: 13px; z-index: 2; }
#popup-close a { height: 15px; display: block; }
#popup .subpage-header { width: 648px; height: 44px; margin-left: -28px; font-size: 18px; line-height: 34px; background-image: url(../img/headers/popup.png); }
#popup-content { min-height: 294px; padding: 1px 28px 32px; /* Padding-top 1px to fix collapsible-margin*/ }
.popup-message { margin-top:-7px }
	.popup-message .message-content { color:#000; background:#D0AF35; padding: 5px 10px; font-size:14px; width:645px; margin: 0 0 0 -28px; border-bottom: 10px solid #414147 }
		.popup-message .message-content .title { width:10%; float:left; font-weight:bold; margin-left:7px; }
		.popup-message .message-content .msg { width: 85%; float:left; }
		.popup-message .message-content a { color: #36193B; font-weight: bold; text-decoration:underline; }
			.popup-message .message-content a:hover { text-decoration:none; }

/* Search */
.search-input, .search-btn { background-color: #151515; border: 1px solid #010101; float: left; }
.search-input { width: 230px; height: 32px; color: #ccc; padding-left: 12px; font-style: italic; font-size: 14px; border-right: none; }
.search-btn { width: 29px; height: 34px; text-indent: -9999px; background-image: url(../img/btn/magnifier-icon2.png); background-position: center center; background-repeat: no-repeat; border-left: none; cursor: pointer; }

/* Yellow submit button styles */
.yellow-grad-btn { width: 255px; height: 38px; font-family: 'Quattrocento', serif; font-weight: 600; font-size: 19px; color: #000 !important; text-align: center; line-height: 40px; background: transparent url(../img/btn/purchase-nx.png) left bottom no-repeat; display: block; }
.yellow-grad-btn:hover { text-decoration: none !important; background-position: left top; }

/* Mediabox */
.mb-caption {
    color:#E2D0DE;
    font-size:21px;
	padding-top:5px;
}

.mb-thumb {
    border:2px solid #84236a;
}
#mediabox-wrap { width: 100%; position: absolute; top: 105px; z-index: 500; display: none; }
#mediabox { width: 250px; height: 250px; margin: 0 auto; padding: 10px; background: rgba(0,0,0,0.5); position: relative; }
#mediabox-close { width: 22px; height: 22px; text-indent: -9999px; background: transparent url(../img/btn/popup-close-2.png) 0 0 no-repeat; position: absolute; top: -12px; right: -12px; }
#mediabox-inner {}
.mediabox-btn { width: 30px; height: 56px; margin-top: -28px; text-indent: -9999px; background: transparent url(../img/btn/popup-arrow.png) left top no-repeat; position: absolute; top: 50%; z-index: 502; display: block; }
#mediabox-prev { left: 1.5%; }
#mediabox-prev:hover { background-position: left bottom; }
#mediabox-next { right: 1.5%; background-position: right top; }
#mediabox-next:hover { background-position: right bottom; }
#mediabox-content { margin: 0 auto; text-align: center; }
#mediabox-load { width: 27px; height: 6px; margin: -3px 0 0 -13.5px; background: transparent url(../img/bg/popup-loader.gif) 0 0 no-repeat; position: absolute; top: 50%; left: 50%; display: none; }

/* TEMPORARY CODE */
/*body { background-image: url(../img/bg/test.jpg); background-position: -468px 0; }
#body-wrap { background-image: none; }
.subpage #content { background-color: transparent; background-image: none !important; }*/
/*.subpage #content, #content, #body-wrap { background: none; }
body { background-image: url(../img/bg/test10.jpg); background-position: -472px 0; }*/