﻿/*CHANGES FROM GLOBAL CSS*/
#m-subnav h2 span {background-position:0 -16px;}
#m-page{padding:10px 27px 40px 23px}
#m-page-header h2{background:url(../img/headers/sprite-guide.png ) no-repeat;}
#m-page-header h2.synopsis {background-position:0 0;}
#m-page-header h2.class-info{background-position:0 -104px} 
#m-page-header h2.controls {background-position:0 -234px;}
#m-page-header h2.dungeons{background-position:0 -312px;}
#m-page-header h2.battle{background-position:0 -338px;}
#m-page-header h2.transactions{background-position:0 -364px;}
#m-page-header h2.town{background-position:0 -390px;}
#m-page-header h2.ui{background-position:0 -416px}
#m-page-header h2.cm{background-position:0 -442px}
#m-page-header h2.interface {background-position:0 -468px;}
#m-page-header h2.mercenaries{background-position:0 -494px;}


/*GLOBAL GUIDE STYLES*/
#nav-guide-tabs {padding:0 0 0 23px;width:553px;height:31px;background:url(../img/news/bg-nav-news.png) no-repeat;float:left;clear:both;margin:0 0 38px 0;}	
#nav-guide-tabs li{
		float:left;
		height:29px;
		margin:0 5px; 
		padding-left:10px;
		text-transform:uppercase;
		font-weight:bold;
		font-size:13px;
		text-align:center;
		line-height:32px
		}
#nav-guide-tabs.dungeon {margin-bottom:18px;}
#nav-guide-tabs.dungeon li{margin:0 2px}
#nav-guide-tabs li a{color:#5673B4;display:block; text-decoration:none;padding-right:10px}
#nav-guide-tabs li:hover, #nav-guide-tabs li.active{background:url(../img/news/bg-nav-news-link.png) no-repeat 0 2px;}
#nav-guide-tabs li:hover a,#nav-guide-tabs li.active a{background:url(../img/news/bg-nav-news-link.png) no-repeat 100% 2px;color:#b2ceee}

#s-game-guide{font-size:13px;width:575px}
#s-game-guide h2{background:url(../img/guide/game-guide/h-icon.png) 0 0 no-repeat;padding-left:24px;color:#baac7b;font-size:13px;text-transform:uppercase;height:19px;clear:both;margin-bottom:26px}
#s-game-guide h3{background:url(../img/guide/game-guide/bullet.png) 0 50% no-repeat;padding-left:13px;color:#5673b5;font-size:13px;clear:both;margin-bottom:18px}
#s-game-guide img{float:left;margin-right:20px;margin-bottom:20px}
#s-game-guide img.ac{margin-left:10px}
#s-game-guide p{margin-bottom:16px;overflow:hidden;/*clear:both*/}
#s-game-guide .last{margin-bottom:36px}
#s-game-guide table{border:solid 1px #353535;border-right:none;text-align:center;margin-bottom:38px}
#s-game-guide th{background:#000;padding:9px 25px}
#s-game-guide td{border-right:solid 1px #353535;padding:6px 15px}
#s-game-guide .chart td{border-bottom:solid 1px #353535;padding:6px}
#s-game-guide th{border-right:solid 1px #353535}
#s-game-guide ul{font-size:11px;padding-left:20px;margin-bottom:36px; clear:both;}
#s-game-guide li{list-style-type:disc}
#s-game-guide .col{float:left;width:300px}
#s-game-guide li span{font-weight:bold;}


/*GAME INTRODUCTION*/

/*CHARACTER INFORMATION*/
#s-guide-tabs {width: 553px; height:44px;padding:8px 13px; background: #000; margin:0 0 15px 0;-webkit-border-radius:7px;-moz-border-radius:7px;}
#s-guide-tabs a{width:100%;height:100%;display:block}
#s-sword, #s-spear, #s-axe, #s-gun, #s-how, #s-bow, #s-cannon, #s-staff, #s-maniac, #s-musician, .s-nullchar {float:left; width:43px;height:43px;margin-right:8px; text-indent:-9999px;background:  url("../img/guide/characters/guide-char-nav.png") no-repeat  0 0;}
#s-sword {background-position: 0 100%;}
#s-sword.active, #s-sword:hover {background-position:0 0;}
#s-spear {background-position: -43px 100% ;}
	#s-spear.active, #s-spear:hover{background-position: -43px 0;}
#s-axe {background-position: -86px 100% ;}
	#s-axe.active, #s-axe:hover {background-position: -86px 0;}
#s-gun {background-position: -129px 100% ;}
	#s-gun.active, #s-gun:hover {background-position: -129px 0;}
#s-bow {background-position: -172px 100% ;}
	#s-bow.active, #s-bow:hover {background-position: -172px 0;}
#s-cannon {background-position: -215px 100% ;}
	#s-cannon.active, #s-cannon:hover {background-position: -215px 0;}
#s-staff {background-position: -258px 100% ;}
	#s-staff.active, #s-staff:hover {background-position: -258px 0;}
#s-maniac {background-position: -301px 100% ;}
	#s-maniac.active, #s-maniac:hover {background-position: -301px 0;}
#s-musician {background-position: -344px 100% ;}
	#s-musician.active, #s-musician:hover {background-position: -344px 0;}
.s-nullchar {background: #1a1a1a ;}
.s-nullchar.last{margin-right:0}

#s-guide-body {padding: 0 17px 0 194px ;background: url(../img/guide/characters/s-guide-bg-sword.png)  no-repeat;margin-left:-20px}


.body-title {margin-left:100px}
.char-desc-top {background: url(../img/guide/characters/s-guide-body-top.png) no-repeat; height:6px;width:400px;}
.char-desc-body {background: url(../img/guide/characters/s-guide-body.png) repeat-y; min-height:600px; padding:8px 15px 30px;width:370px; line-height:15px;}
.char-desc-body h4{line-height:19px}
.char-desc-bot {background: url(../img/guide/characters/s-guide-body-bottom.png) no-repeat; height:7px;width:400px}
.magic-desc{width:360px}
.magic-desc img {float:left;padding:3px 5px 0 0;}
.magic-desc li{clear:both; margin-bottom:7px;float:left;}
.magic-desc span {color:#BAAC7B;width:110px;float:left}
.magic-desc p {float:left;width:240px;padding-left:10px;}
.h-intro {color: #BAAC7B; font-size:15px;line-height:15px;margin-bottom:8px;}
.h-skills, .h-attack, .h-magic {width:185px; height:23px; text-indent:-9999px; background: url("../img/headers/m-char-title.png"); margin:12px 0 12px -15px;}
.h-skills {background-position:0 0px;}
	.h-skills+img {margin-left:40px;}
.h-attack {background-position:0 -23px;}
.h-attack+span {color: #BAAC7B; font-size:13px;line-height:15px;float:left;font-weight:bold;margin-top:5px;}
.h-attack+span+img {margin-left:20px; float:left;margin:0 012pX;}
.h-magic {background-position:0 -46px;clear:both;}

/*CHARACTER INFO-HEADER and BACKGROUND OVERWRITE*/
#s-guide-body.sword {background-image: url(../img/guide/characters/s-guide-bg-sword.png)}
#s-guide-body.spear {background-image: url(../img/guide/characters/s-guide-bg-spear.png) }
#s-guide-body.axe {background-image: url(../img/guide/characters/s-guide-bg-axe.png)}
#s-guide-body.gun {background-image: url(../img/guide/characters/s-guide-bg-gun.png)}
#s-guide-body.bow {background-image: url(../img/guide/characters/s-guide-bg-bow.png)}
#s-guide-body.cannon {background-image: url(../img/guide/characters/s-guide-bg-cannon.png)}
#s-guide-body.staff {background-image: url(../img/guide/characters/s-guide-bg-staff.png)}
#s-guide-body.maniac {background-image: url(../img/guide/characters/s-guide-bg-maniac.png)}
#s-guide-body.musician {background-image: url(../img/guide/characters/s-guide-bg-musician.png)}

#s-guide-body.sword h3{margin-left:100px;}
#s-guide-body.spear h3 {margin-left:110px;}
#s-guide-body.axe h3 {margin-left:140px;}
#s-guide-body.gun h3 {margin-left:130px;}
#s-guide-body.bow h3 {margin-left:130px;}
#s-guide-body.cannon h3 {margin-left:80px;}
#s-guide-body.staff h3 {margin-left:120px;}
#s-guide-body.maniac h3 {margin-left:90px;}
#s-guide-body.musician h3 {margin-left:70px;}

#s-guide-body h3 img{margin-top:30px;}


/*MERCENARY INFORMATION*/

/*DUNGEON INFORMATION*/
#nav-dungeon a{color:#5673b4;width:100%;height:100%;display:block;line-height:32px}
	#nav-dungeon a:hover, #nav-dungeon li.active a{color:#b2ceee;text-decoration:none;}
#nav-dungeon .submenu {font-weight:normal;text-transform:none;background:url(../news/bg-nav-news-sub.png) 0 100% no-repeat;padding-bottom:10px;display:none;position:relative;z-index:2}
	#nav-dungeon li:hover .submenu{display:block}
#nav-dungeon .submenu a { display:block; color:#6c7f91; text-decoration:none; line-height:22px }
	#nav-dungeon .submenu a:hover{color:#b2ceee;font-weight:bold;}
	
select{color:#6c7f91;background:#000;width:230px;border:solid 1px #2d2f31; height:22px;text-align:left;float:right;margin:0 15px 20px 0;}

#dungeon-wrap {clear:both;display:block;height:613px;padding:75px 20px 10px;}

/*QUEST BG*/
	.bg-forest {background:url(../img/guide/dungeons/bg-dungeon-forest.png) no-repeat;}
	.bg-yellow {background:url(../img/guide/dungeons/bg-dungeon-yellow.png) no-repeat}
	.bg-seaking {background:url(../img/guide/dungeons/bg-dungeon-seaking.png) no-repeat;}
	.bg-angkor {background:url(../img/guide/dungeons/bg-dungeon-angkor.png) no-repeat;}
	.bg-nest {background:url(../img/guide/dungeons/bg-dungeon-nest.png) no-repeat;}
	.bg-graveyard {background:url(../img/guide/dungeons/bg-dungeon-graveyard.png) no-repeat;}
	.bg-bran {background:url(../img/guide/dungeons/bg-dungeon-bran.png) no-repeat;}
	.bg-cretan {background:url(../img/guide/dungeons/bg-dungeon-cretan.png) no-repeat;}
	.bg-devil {background:url(../img/guide/dungeons/bg-dungeon-devil.png) no-repeat;}
	.bg-babylon {background:url(../img/guide/dungeons/bg-dungeon-babylon.png) no-repeat;}
	.bg-kings {background:url(../img/guide/dungeons/bg-dungeon-kings.png) no-repeat;}
	.bg-sunken {background:url(../img/guide/dungeons/bg-dungeon-sunken.png) no-repeat;}
	.bg-shogun {background:url(../img/guide/dungeons/bg-dungeon-shogun.png) no-repeat;}
	.bg-volcanic {background:url(../img/guide/dungeons/bg-dungeon-volcanic.png) no-repeat;}
	.bg-yggdrasil {background:url(../img/guide/dungeons/bg-dungeon-yggdrasil.png) no-repeat;}
	.bg-battlefield {background:url(../img/guide/dungeons/bg-dungeon-battlefield.png) no-repeat;}
	.bg-adlivun {background:url(../img/guide/dungeons/bg-dungeon-adlivun.png) no-repeat;}
	.bg-dallas {background:url(../img/guide/dungeons/bg-dungeon-dallas.png) no-repeat;}
	.bg-detroit {background:url(../img/guide/dungeons/bg-dungeon-detroit.png) no-repeat;}
	.bg-aztec {background:url(../img/guide/dungeons/bg-dungeon-aztec.png) no-repeat;}
	.bg-lijiang {background:url(../img/guide/dungeons/bg-dungeon-lijiang.png) no-repeat;}
	.bg-bulguksa {background:url(../img/guide/dungeons/bg-dungeon-bulguksa.png) no-repeat;}
	.bg-ghost {background:url(../img/guide/dungeons/bg-dungeon-ghost.png) no-repeat;}
	.bg-saloon {background:url(../img/guide/dungeons/bg-dungeon-saloon.png) no-repeat;}
	.bg-vangogh {background:url(../img/guide/dungeons/bg-dungeon-vangogh.png) no-repeat;}
	.bg-grand {background:url(../img/guide/dungeons/bg-dungeon-grand.png) no-repeat;}
/*GUILD*/
	.bg-snakes {background:url(../img/guide/dungeons/bg-dungeon-snakes.png) no-repeat;}
	.bg-marksburg {background:url(../img/guide/dungeons/bg-dungeon-marksburg.png) no-repeat;}
	.bg-golden {background:url(../img/guide/dungeons/bg-dungeon-golden.png) no-repeat;}
	.bg-mausoleum {background:url(../img/guide/dungeons/bg-dungeon-mausoleum.png) no-repeat;}
	.bg-oblivion {background:url(../img/guide/dungeons/bg-dungeon-oblivion.png) no-repeat;}
/*NATION*/
	.bg-babel {background:url(../img/guide/dungeons/bg-dungeon-babel.png) no-repeat;}
	.bg-caribbean {background:url(../img/guide/dungeons/bg-dungeon-caribbean.png) no-repeat;}
	.bg-alcatraz {background:url(../img/guide/dungeons/bg-dungeon-alcatraz.png) no-repeat;}
/*INDIVIDUAL*/
	.bg-forbidden {background:url(../img/guide/dungeons/bg-dungeon-forbidden.png) no-repeat;}
	.bg-arachne {background:url(../img/guide/dungeons/bg-dungeon-arachne.png) no-repeat;}
	.bg-hypogeum {background:url(../img/guide/dungeons/bg-dungeon-hypogeum.png) no-repeat;}
	.bg-sealed {background:url(../img/guide/dungeons/bg-dungeon-sealed.png) no-repeat;}
	.bg-lerna {background:url(../img/guide/dungeons/bg-dungeon-lerna.png) no-repeat;}
	.bg-palace {background:url(../img/guide/dungeons/bg-dungeon-palace.png) no-repeat;}
	.bg-lava {background:url(../img/guide/dungeons/bg-dungeon-lava.png) no-repeat;}
/*UPGRADE*/
	.bg-tajmahal {background:url(../img/guide/dungeons/bg-dungeon-tajmahal.png) no-repeat;}
	.bg-necropolis {background:url(../img/guide/dungeons/bg-dungeon-necropolis.png) no-repeat;}
	.bg-emei {background:url(../img/guide/dungeons/bg-dungeon-emei.png) no-repeat;}
#dungeon-wrap-squad {background:url() no-repeat;clear:both;display:block;height:613px;margin-left:10px;padding:75px 20px 10px;}
#dungeon-wrap-tbs {background:url() no-repeat;clear:both;display:block;height:613px;margin-left:10px;padding:75px 20px 10px;}

/*SQUAD*/
	.bg-tatami {background:url(../img/guide/dungeons/bg-dungeon-tatami.png) no-repeat;}
	.bg-coyote {background:url(../img/guide/dungeons/bg-dungeon-coyote.png) no-repeat;}
/*TBS*/
	.bg-troy{background:url(../img/guide/dungeons/bg-dungeon-troy.png) no-repeat;}
	
.dungeon-content {
	/*background: #000;*/
	background: rgba(0, 0, 0, 0.8);/*css3 transparency, for IE, use the code below*/
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
	zoom: 1;

	color:#858585;
	width:496px;
	font-size:13px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px 4px 4px 4px; 
	display:block; 
	padding:10px 20px 20px;	
	position:absolute;
}
.dungeon-area {margin:15px 0;float:left}
	.type{width:393px;display:block;background-color:#39528a;color:#b2ceee;text-align:left;padding-left:5px;clear:both;float:left;position:relative;}
	.level{width:50px;float:left;background-color:#002148;color:#b2ceee;position:relative;text-align:center;display:block;}
	.number{width:47px;float:left;background-color:#39528a;color:#b2ceee;position:relative;text-align:center;display:block;}

/*GAME FEATURES*/
#s-game-features {margin-top:20px;width:575px}
#s-game-features h2{color:#5673b4;font-size:18px;font-weight:normal;margin-bottom:17px;clear:both;text-transform:uppercase;}
#s-game-features h3{color:#baac7b; font-size:13px;margin-bottom:10px;}
#s-game-features img {float:left; margin:0 20px 20px 0;}
#s-game-features p{margin-bottom:10px;overflow:hidden;font-size:13px;}
#s-game-features a {color:#5673b4;margin-bottom:25px;float:right;font-size:13px;}
#s-game-features .last{margin-bottom:40px;}

/*GAME SYNOSPSIS*/
#s-game-synopsis {font-size:13px;margin-top:20px;padding-right:15px}
#s-game-synopsis h2{color:#5673b4;font-size:34px;font-family:"Trajan Pro",Lucida Sans,Lucida Sans Unicode;font-weight:normal;margin-bottom:15px;}
#s-game-synopsis img{float:left;}
#s-game-synopsis h3{color:#6c7f91;font-size:13px;margin-bottom:15px;font-weight:normal;}
#s-game-synopsis h3+img{margin:0 15px 15px 0;}
#s-game-synopsis p{margin-bottom:10px;}
#s-game-synopsis p+img{margin-bottom:40px;}
#s-game-synopsis p+img+h3 {margin-bottom:10px;}
.synopsis-first {margin-top:10px;}

/*NPC INFORMATION*/

/*WORLD MAP*/

/*GAME INTERFACE*/

/*CONTROLS*/
#s-guide-control img{margin-bottom:25px;} 
#s-guide-control h2{color:#5673b4; font-size:18px; font-weight:normal;margin-bottom:10px;text-transform:uppercase;}
#s-guide-kb{display:block; border:1px solid #2c2c2c;padding:25px 0 25px 25px;}
.kb-left{clear:both;float:left;display:block;}
.kb-left li{margin:0 13px 20px 0px; }
.kb-description {float:left; display:block;margin-bottom:40px;}
.kb-description li{margin-bottom:20px;height:30px;valign:middle;padding-top:1px;}
.kb-description-right{float:left; display:block;}
.kb-description-right li{margin-bottom:20px;height:30px;valign:middle;padding-top:1px;}
.kb-description-right span{margin-left:70px;}
.kb-description-right li+li span{margin-left:35px;}
.kb-description-right li+li+li span{margin-left:10px}
.kb-description-right li+li+li+li span{margin-left:20px;}
.right-list {margin-right:50px;}
.kb-red {float:left;margin:-2px 0 30px;  }
.kb-red li{margin-bottom:20px;margin-right:15px; }
.mouse-wrap-basic{clear:both;;display:block;margin-left:70px;background:#000; height:80px; width:350px; padding:25px 10px 25px 20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px 4px 4px 4px; 
}
.mouse-wrap-basic ul{float:left;}
.mouse-wrap-basic li{float:left;text-align:center;margin-left:20px;width:150px;}
.mouse-wrap-basic li+li{margin-left:15px;}
.mouse-wrap-basic span{clear:both;display:block;margin-top:10px;}
.mouse-wrap-move{clear:both;;display:block;margin:0 20px 0 0;background:#000; height:110px; width:445px; padding:40px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px 4px 4px 4px; 
}
.mouse-wrap-move ul{float:left;}
.mouse-wrap-move li{float:left;text-align:center;margin-left:5px;width:120px;}
.mouse-wrap-move li+li{margin-left:40px;}
.mouse-wrap-move li+li+li{margin-left:40px;}
.mouse-wrap-move span{clear:both;display:block;margin-top:10px;}
.mouse-wrap-combat{clear:both;display:block;margin-left:80px;background:#000; height:120px; width:350px; padding:25px 10px 25px 20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px 4px 4px 4px; 
}
.mouse-wrap-combat ul{float:left;}
.mouse-wrap-combat li{float:left;text-align:center;margin-left:55px;width:90px;}
.mouse-wrap-combat span{clear:both;display:block;margin-top:10px;}
.mouse-wrap-move{clear:both;;display:block;margin:0 20px 0 0;background:#000; height:110px; width:445px; padding:40px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px 4px 4px 4px; 
}

/*.mouse-basic-right {margin-right:80px;}*/


/*MERCENARY GUIDE PAGE MAIN*/


#merc-guide{padding-top:20px;}
#merc-guide ul{margin-top:15px;}

#merc-guide h1{background:url(../img/headers/sprite-merc.png) 0 0 no-repeat;width:280px;height:18px;display:block;float:left;margin:37px 0 13px;clear:both;text-indent:-9999px}
	#merc-guide h1.ranged-title{background-position:0 -18px;}
	#merc-guide h1.magic-title{background-position:0 -36px;}
#merc-guide p{clear:both;}
#merc-guide li{margin:0 15px 15px 0;}
#merc-guide .last-merc li{margin-bottom:53px;}
#merc-guide #melee-merc h1{margin-top:0px;}
#melee-merc li{background:url(../img/guide/mercenary/btn-merc-melee.png) 0 0 no-repeat;width:280px;height:42px;display:block;float:left;}
#melee-merc a{height:42px;width:280px;display:block;text-indent:-9999px;}

	#melee-merc li.swordsman{background-position:0 0px;}
		#melee-merc li.swordsman:hover{background-position:-280px 0px;}
	#melee-merc li.spearman{background-position:0 -42px;}
		#melee-merc li.spearman:hover{background-position:-280px -42px;}
	#melee-merc li.viking{background-position:0 -84px;}
		#melee-merc li.viking:hover{background-position:-280px -84px;}
	#melee-merc li.beast{background-position:0 -126px;}
		#melee-merc li.beast:hover{background-position:-280px -126px;}
	#melee-merc li.exorcist{background-position:0 -168px;}
		#melee-merc li.exorcist:hover{background-position:-280px -168px;}
	#melee-merc li.lady{background-position:0 -210px;}
		#melee-merc li.lady:hover{background-position:-280px -210px;}
	#melee-merc li.spartan{background-position:0 -252px;}
		#melee-merc li.spartan:hover{background-position:-280px -252px;}
	#melee-merc li.pirate{background-position:0 -294px;}
		#melee-merc li.pirate:hover{background-position:-280px -294px;}
	#melee-merc .punisher{background-position:0 -336px;}
		#melee-merc li.punisher:hover{background-position:-280px -336px;}
	#melee-merc .druid{background-position:0 -378px;}
		#melee-merc li.druid:hover{background-position:-280px -378px;}
	#melee-merc .champion{background-position:0 -420px;}
		#melee-merc li.champion:hover{background-position:-280px -420px;}
	#melee-merc .general{background-position:0 -462px;}
		#melee-merc li.general:hover{background-position:-280px -462px;}
		
#ranged-merc li{background:url(../img/guide/mercenary/btn-merc-range.png) 0 0 no-repeat;width:280px;height:42px;display:block;float:left;}
#ranged-merc a{height:42px;width:280px;display:block;text-indent:-9909px;}
	h1.ranged-title{background-position:0 -18px;}
	#ranged-merc li.archer{background-position:0 0px;}
		#ranged-merc li.archer:hover{background-position:-280px 0;}
	#ranged-merc li.gunner{background-position:0 -42px;}
		#ranged-merc li.gunner:hover{background-position:-280px -42px;}
	#ranged-merc li.artilleryman{background-position:0 -84px;}
		#ranged-merc li.artilleryman:hover{background-position:-280px -84px;}
	#ranged-merc li.prophet{background-position:0 -126px;}
		#ranged-merc li.prophet:hover{background-position:-280px -126px;}
	#ranged-merc li.inventor{background-position:0 -168px;}
		#ranged-merc li.inventor:hover{background-position:-280px -168px;}
	#ranged-merc li.cannoneer{background-position:0 -210px;}
		#ranged-merc li.cannoneer:hover{background-position:-280px -210px;}
	#ranged-merc li.janissary{background-position:0 -252px;}
		#ranged-merc li.janissary:hover{background-position:-280px -252px;}
	#ranged-merc li.hwarang{background-position:0 -294px;}
		#ranged-merc li.hwarang:hover{background-position:-280px -294px;}
	#ranged-merc li.minstrel{background-position:0 -336px;}
		#ranged-merc li.minstrel:hover{background-position:-280px -336px;}
	#ranged-merc li.sheriff{background-position:0 -378px;}
		#ranged-merc li.sheriff:hover{background-position:-280px -378px;}
	#ranged-merc li.empress{background-position:0 -420px;}
		#ranged-merc li.empress:hover{background-position:-280px -420px;}
	#ranged-merc li.vampire{background-position:0 -462px;}
		#ranged-merc li.vampire:hover{background-position:-280px -462px;}

#magic-merc li{background:url(../img/guide/mercenary/btn-merc-magic.png) 0 0 no-repeat;width:280px;height:42px;display:block;float:left;}
	#magic-merc a{height:42px;width:280px;display:block;text-indent:-9999px;}
	h1.magic-title{}
	#magic-merc li.shaman{background-position:0 0px;}
		#magic-merc li.shaman:hover{background-position:-280px 0;}
	#magic-merc li.monk{background-position:0 -42px;}
		#magic-merc li.monk:hover{background-position:-280px -42px;}
	#magic-merc li.witch{background-position:0 -84px;}
		#magic-merc li.witch:hover{background-position:-280px -84px;}
	#magic-merc li.princess{background-position:0 -126px;}
		#magic-merc li.princess:hover{background-position:-280px -126px;}
	#magic-merc li.oracle{background-position:0 -168px;}
		#magic-merc li.oracle:hover{background-position:-280px -168px;}
	#magic-merc li.elementalist{background-position:0 -210px;}
		#magic-merc li.elementalist:hover{background-position:-280px -210px;}
	
/*MERCENARY GUIDE SUBPAGE*/
#nav-container{background:#000; width:605px;height:30px;margin-left:-15px;}
#nav-container img{float:left;margin:9px 0 0 15px;}
ul.dropdown, ul.dropdown li, ul.dropdown ul{list-style:none outside none;margin:0;padding:0;}
ul.dropdown{float:left;position:relative;z-index:1000;}
	ul.dropdown .dir{background:url(../img/guide/mercenary/nav-arrow-down.png) 100% 50% no-repeat #000;color:#5673b5;padding-right:15px;}
		ul.dropdown .dir:hover{background:url(../img/guide/mercenary/nav-arrow-down-a.png) 100% 50% no-repeat #000000;color:#b2ceee;text-decoration:none;}
	ul.dropdown li{background-color:#000;float:left;color:#b2ceee;padding:0 20px;line-height:26px;}
	ul.dropdown li:hover{color:#b2ceee; background-color:#000;text-decoration:none;z-index:1002;}
	ul.dropdown li:hover > a{background:#171717}
	ul.dropdown ul{width:180px;left:20; position:absolute;top:85%;visibility:hidden;z-index:1001;border:#191f2d solid 1px;line-height:40px;background:#000;}
	ul.dropdown ul .dir{background:url(../img/guide/mercenary/nav-arrow-right.png) 95% 50% no-repeat #000;padding-right:20px;}
		ul.dropdown ul .dir:hover{background:url(../img/guide/mercenary/nav-arrow-right-a.png) 95% 50% no-repeat #171717;padding-right:20px;}
		ul.dropdown ul li{float:none;position:relative;border-bottom:#191f2d dotted 1px;line-height:31px;}
		ul.dropdown ul li:hover{background:#171717;}
		ul.dropdown ul li ul{top:0;position:absolute;}
		ul.dropdown a{color:#5673b5;text-decoration:none;cursor:pointer;}
		ul.dropdown a:hover{color:#b2ceee;}
		ul.dropdown ul ul{left:99%;}
		ul.dropdown li:hover > ul {visibility:visible;}
		ul.dropdown .last-border{border-bottom:#191f2d solid 1px;}
		ul.dropdown .highlight{font-weight:bold;}

#mercenary-wrap{padding:0 15px 0 0;}
#mercenary-wrap p{}

/*MERCENARY HEADERS*/
#mercenary-wrap h1{background:url(../img/guide/mercenary/merc_head_prof.jpg) 0 0 no-repeat;height:162px;width:575px;display:block;float:left;text-indent:-9999px;margin-bottom:20px;font-weight:normal;}
	#mercenary-wrap h1.spearman-header{background-position:0 -172px;}
	#mercenary-wrap h1.beasttrainer-header{background-position:0 -344px;}
	#mercenary-wrap h1.druid-header{background-position:0 -516px;}
	#mercenary-wrap h1.archer-header{background-position:0 -688px;}
	#mercenary-wrap h1.artilleryman-header{background-position:0 -860px;}
	#mercenary-wrap h1.empress-header{background-position:0 -1032px;}
	#mercenary-wrap h1.shaman-header{background-position:0 -1204px;}
	#mercenary-wrap h1.monk-header{background-position:0 -1376px;}
	#mercenary-wrap h1.witch-header{background-position:0 -1548px;}
	#mercenary-wrap h1.valkyrie-header{background-position:-590px 0;}
	#mercenary-wrap h1.warlord-header{background-position:-590px -172px;}
	#mercenary-wrap h1.vampire-header{background-position:-590px -344px;}
	#mercenary-wrap h1.sheriff-header{background-position:-590px -516px;}
	#mercenary-wrap h1.minstrel-header{background-position:-590px -688px;}
	#mercenary-wrap h1.hwarang-header{background-position:-590px -860px;}
	#mercenary-wrap h1.janissary-header{background-position:-590px -1032px;}
	#mercenary-wrap h1.cannoneer-header{background-position:-590px -1204px;}
	#mercenary-wrap h1.inventor-header{background-position:-590px -1376px;}
	#mercenary-wrap h1.prophet-header{background-position:-590px -1548px;}
	#mercenary-wrap h1.viking-header{background-position:-590px -1720px;}
	#mercenary-wrap h1.gunner-header{background-position:-1180px 0;}
	#mercenary-wrap h1.elementalist-header{background-position:-1180px -172px;}
	#mercenary-wrap h1.oracle-header{background-position:-1180px -344px;}
	#mercenary-wrap h1.princess-header{background-position:-1180px -516px;}
	#mercenary-wrap h1.general-header{background-position:-1180px -688px;}
	#mercenary-wrap h1.champion-header{background-position:-1180px -860px;}
	#mercenary-wrap h1.punisher-header{background-position:-1180px -1032px;}
	#mercenary-wrap h1.pirate-header{background-position:-1180px -1204px;}
	#mercenary-wrap h1.spartan-header{background-position:-1180px -1376px;}
	#mercenary-wrap h1.ladyknight-header{background-position:-1180px -1548px;}
	#mercenary-wrap h1.exorcist-header{background-position:-1180px -1720px;}
#mercenary-wrap h3{color:#5673b5;font-size:15px;margin:26px 0 13px;font-weight:normal;}


/*SKILLS ICONS*/
#mercenary-wrap #magic-skills p{float:left;width:500px;display:block;margin-left:45px;}
#magic-skills span{color:#5673b5;font-size:13px;float:left;margin-right:5px;clear:right;}
#magic-skills li{margin:8px 0 0 0px;}
#magic-skills li div{background:url(../img/guide/mercenary/sprite-magic-skill.png) 0 0 no-repeat;height:40px;margin-bottom:20px;width:40px;display:block;}
	#magic-skills .arrest{background-position:0 0;}
	#magic-skills .athenas-protection{background-position:-40px 0px;}
	#magic-skills .awakening{background-position:-80px 0}
	#magic-skills .beast-summon{background-position:-120px 0;}
	#magic-skills .beasts-soul{background-position:-160px 0;}
	#magic-skills .blazing-earth{background-position:-200px 0;}
	#magic-skills .blessing-of-life{background-position:-240px 0;}
	#magic-skills .blood-vengeance{background-position:-280px 0;}
	#magic-skills .broken-arrows{background-position:-320px 0;}
	#magic-skills .broken-spear{background-position:-360px 0;}
	#magic-skills .brutal-will{background-position:0 -40px;}
	#magic-skills .concentrate{background-position:-40px -40px;}
	#magic-skills .crimson-blade{background-position:-80px -40px;}
	#magic-skills .dark-seed{background-position:-120px -40px;}
	#magic-skills .dawn-harmony{background-position:-160px -40px;}
	#magic-skills .deadly-shot{background-position:-200px -40px;}
	#magic-skills .deadly-strike{background-position:-240px -40px;}
	#magic-skills .deep-insight{background-position:-280px -40px;}
	#magic-skills .dusk-elegy{background-position:-320px -40px;}
	#magic-skills .empress-blessing{background-position:-360px -40px;}
	#magic-skills .empress-curse{background-position:0 -80px;}
	#magic-skills .family-signet{background-position:-40px -80px;}
	#magic-skills .flame-sword{background-position:-80px -80px;}
	#magic-skills .forest-prison{background-position:-120px -80px;}
	#magic-skills .freezing-atmosphere{background-position:-160px -80px;}
	#magic-skills .freezing-axe{background-position:-200px -80px;}
	#magic-skills .green-dragon-glaive{background-position:-240px -80px;}
	#magic-skills .green-dragon-strike{background-position:-280px -80px;}
	#magic-skills .green-dragon-rage{background-position:-320px -80px;}
	#magic-skills .hallucination{background-position:-360px -80px;}
	#magic-skills .healing{background-position:0 -120px;}
	#magic-skills .hex-of-darkness{background-position:-40px -120px;}
	#magic-skills .holy-guard{background-position:-80px -120px;}
	#magic-skills .hwarangs-aura{background-position:-120px -120px;}
	#magic-skills .hwarangs-fury{background-position:-160px -120px;}
	#magic-skills .ice-ridge-axe{background-position:-200px -120px;}
	#magic-skills .imperial-signet{background-position:-240px -120px;}
	#magic-skills .light-slash{background-position:-280px -120px;}
	#magic-skills .lightning-spear{background-position:-320px -120px;}
	#magic-skills .mana-burn{background-position:-360px -120px;}
	#magic-skills .mana-drain{background-position:0 -160px;}
	#magic-skills .mana-recharge{background-position:-40px -160px;}
	#magic-skills .mana-seal{background-position:-80px -160px;}
	#magic-skills .mana-trap{background-position:-120px -160px;}
	#magic-skills .marauders-edge{background-position:-160px -160px;}
	#magic-skills .meteor-strike{background-position:-200px -160px;}
	#magic-skills .multi-arrow{background-position:-240px -160px;}
	#magic-skills .noble-sacrifice{background-position:-280px -160px;}
	#magic-skills .odins-chain{background-position:-320px -160px;}
	#magic-skills .power-saw-raid{background-position:-360px -160px;}
	#magic-skills .princess-order{background-position:0 -200px;}
	#magic-skills .protect{background-position:-40px -200px;}
	#magic-skills .quickening{background-position:-80px -200px;}
	#magic-skills .revolver-rush{background-position:-120px -200px;}
	#magic-skills .royal-signet{background-position:-160px -200px;}
	#magic-skills .rusty-axe{background-position:-200px -200px;}
	#magic-skills .sacrificial-awakening{background-position:-240px -200px;}
	#magic-skills .salvation{background-position:-280px -200px;}
	#magic-skills .seal-instrument{background-position:-320px -200px;}
	#magic-skills .seal-power-saw{background-position:-360px -200px;}
	#magic-skills .seal-staff{background-position:0 -240px;}
	#magic-skills .seths-will{background-position:-40px -240px;}
	#magic-skills .shattered-sword{background-position:-80px -240px;}
	#magic-skills .shield-bash{background-position:-120px -240px;}
	#magic-skills .shield-of-protection{background-position:-160px -240px;}
	#magic-skills .silence{background-position:-200px -240px;}
	#magic-skills .smoke-bomb{background-position:-240px -240px;}
	#magic-skills .speed-cast{background-position:-280px -240px;}
	#magic-skills .steady-stance{background-position:-320px -240px;}
	#magic-skills .summon-machine{background-position:-360px -240px;}
	#magic-skills .sundered-power-saw{background-position:0 -280px;}
	#magic-skills .toxic-sword{background-position:-40px -280px;}
	#magic-skills .tribal-signet{background-position:-80px -280px;}
	#magic-skills .vampiric-thirst{background-position:-120px -280px;}
	#magic-skills .vortex{background-position:-160px -280px;}
	#magic-skills .war-cry{background-position:-200px -280px;}
	#magic-skills .weapon-rend{background-position:-240px -280px;}
	#magic-skills .wild-shot{background-position:-280px -280px}
	#magic-skills .shooting-stance{background-position:-320px -280px}
	
.merc-level{text-align:center;}
.first-col{padding:15px 10px;}
.last-col{padding:15px 10px 15px 15px}
#mercenary-wrap .merc-level td.first-col{padding:15px 10px;}
#mercenary-wrap .merc-level td.last-col{margin-left:10px;}
#mercenary-wrap .merc-level td{border:1px solid #282828;text-align:middle;margin:10px;padding:15px 5px;}
#mercenary-wrap .merc-level td span{width:60px;display:block;float:left;text-align:left;padding-left:7px;}
#mercenary-wrap .first-class{font-weight:bold;}
#mercenary-wrap .attributes{margin-bottom:40px;}
#mercenary-wrap .attributes li{float:right;margin:12px 0 0 12px;}


	

