@import url('layout.css');
@import url('common.css');

.installation .step {list-style-type:none; width:589px; margin:21px 0 0 15px; padding:0;}
.installation .step li {margin:0; padding-bottom:17px;}
.installation .step .title {background:#000; color:#CBCBCB;}
.installation .step .title img {margin-right:10px; vertical-align:middle;}
.installation .step .image {padding:16px 0 18px 40px;}
.installation .step .top {width:567px; margin:0 auto; padding-top:5px; border-top:1px solid #303030; text-align:right;}

.quest .subcontent {padding-top:31px; padding-left:37px;}
.quest .subcontent h2 {padding-bottom:10px;}
.quest .subcontent .box {margin-right:13px; padding:13px 10px 23px 18px; border:1px solid #343434; background:#0C0C0C; line-height:14px; }
.quest .subcontent .box dl dt {padding:0 0 0 7px; background:#000 url("http://static.ogplanet.com/static/Cabal/image/common/bul2.gif") no-repeat 0 7px; color:#D09D00; font-weight:bold;}
.quest .subcontent .box dl dd {padding:5px 0 25px 7px; color:#A2A2A2;}
.quest .subcontent .box dl dd.last {padding-bottom:0;}
.quest .subcontent .box dl dd strong {color:#E1E1E1;}
.quest .subcontent .block1 {padding-bottom:25px;}
.quest .subcontent .block1 .flash {padding:5px 0;}
.quest .subcontent .block1 strong {color:#B60808;}
.quest .subcontent .block2 {padding-bottom:22px;}
.quest .subcontent .block2 .wrap_table1 {width:542px; margin:15px 0 5px 0; padding-bottom:1px; border-bottom:2px solid #343434; }
.quest .subcontent .block2 .wrap_table1 tbody th,
.quest .subcontent .block2 .wrap_table1 tbody td {padding:5px 0 4px; border-bottom:1px solid #000; background:#1A1A1A; color:#A8A8A8; text-align:center; font-size:11px; }
.quest .subcontent .block2 .wrap_table1 tbody th {border-right:1px solid #000;}
.quest .subcontent .block2 .wrap_table2 {width:542px; margin:0; padding-top:13px; padding-bottom:1px; border-bottom:2px solid #343434; background:#000 url("http://static.ogplanet.com/static/Cabal/image/guide/quest/line1.gif") repeat-x 0 8px; }
.quest .subcontent .block2 .wrap_table2 tbody th,
.quest .subcontent .block2 .wrap_table2 tbody td {padding:5px 0 4px; border-bottom:1px solid #000; background:#1A1A1A; color:#A8A8A8; font-size:11px; }
.quest .subcontent .block2 .wrap_table2 tbody th {border-right:1px solid #000; color:#D07A00; font-weight:normal;}
.quest .subcontent .block2 .wrap_table2 tbody td {padding-left:16px;}
.quest .subcontent .block3 {overflow:auto;}
.quest .subcontent .block3 ul {clear:both; margin:4px auto 6px; padding:0; list-style-type:none; overflow:auto;}
.quest .subcontent .block3 ul.line2 {width:378px;}
.quest .subcontent .block3 ul li {float:left; width:189px; padding:0 0 17px; color:#D07A00; font-weight:bold; text-align:center;}
.quest .subcontent .block3 ul li img {margin-bottom:4px;}
.quest .subcontent .block3 p {clear:both; padding:0 5px; color:#A2A2A2;}

.creating_character {}
.creating_character .step {list-style-type:none; width:589px; margin:21px 0 0 15px; padding:0;}
.creating_character .step li {margin:0; padding-bottom:17px; color:#cbcbcb;}
.creating_character .step li strong {color:#da9c0d;}
.creating_character .step li em {color:#ff0000; font-style:normal;}
.creating_character .step .title1 {background: url("http://static.ogplanet.com/static/Cabal/image/common/step1.gif") no-repeat; padding: 2px 0 10px 74px;}
.creating_character .step .title2 {background: url("http://static.ogplanet.com/static/Cabal/image/common/step2.gif") no-repeat; padding: 2px 0 10px 74px;}
.creating_character .step .title3 {background: url("http://static.ogplanet.com/static/Cabal/image/common/step3.gif") no-repeat; padding: 2px 0 20px 74px;}
.creating_character .step .title em {color:#166eff; font-style:normal; font-weight:bold;}
.creating_character .step .image {padding:0 0 25px 0; text-align:center;}
.creating_character .step .top {width:567px; margin:0 auto; padding-top:5px; border-top:1px solid #303030; text-align:right;}

.items .subcontent {padding-top:8px; padding-left:34px;padding-right:44px;}
.items .wrap_tabmenu ul {margin:0; padding:0; list-style-type:none;}
.items .wrap_tabmenu li {float:left;}
.items .box1 {border:1px solid #585858; background:#0c0c0c; margin-bottom:12px; padding:13px 19px; color:#a2a2a2; line-height:14px; }
.items .box1 h2 {padding:0 0 4px 6px; background: url("http://static.ogplanet.com/static/Cabal/image/common/bul2.gif") no-repeat 0 6px; color:#d09d00; font-weight:bold;}
.items .box1 h2.ty1 {font-weight:normal;}
.items .box1 h2 span {font-weight:normal; color:#E9E9E9;}
.items .box1 table {border:1px solid #585858; margin:5px 5px 15px; width:98%; font-size:11px;}
.items .box1 table td {padding:5px; border:1px solid #585858; background:#000; text-align:center;}
.items .box1 table tr.th td {background:#111111;}
.items .box1 table tr.th2 td {background:#1A1A1A;}

.items .wrap_list {background:#000000; border:1px solid #5b595a; padding:10px 8px 10px;}
.items .wrap_list dl dt {padding-bottom:4px; color:#f37607; font-weight:bold;}
.items .wrap_list dl dd {padding-bottom:24px;}
.items .wrap_list dl.last dd {padding-bottom:0;}
.items .wrap_list dl dd table {border:1px solid #5b595a; width:100%;}
.items .wrap_list dl dd table th, 
.items .wrap_list dl dd table td {border:1px solid #5b595a; color:#8a7f6b; padding:8px 10px 10px; line-height:14px;}

.other .subcontent {padding-top:31px; padding-left:34px;padding-right:44px;}
.other .wrap_list dl dd table {font-size:11px;}
.other .wrap_list dl dd table td.tip {color:#a8a8a8;}
.other .wrap_list dl dd table td.img {padding:0; text-align:center;}
.other .wrap_list dl dd table td.ty1 {padding:5px 5px 7px; background:#111111; color:#a8a8a8; text-align:center;}
.other .wrap_list dl dd table td.ty1a {padding:5px 5px 7px; background:#111111; color:#a8a8a8;}
.other .wrap_list dl dd table td.ty2 {padding:5px 5px 7px; background:#1a1a1a; color:#FFF; text-align:center;}
.other .wrap_list dl dd table td.ty2a {padding:5px 5px 7px; background:#1a1a1a; color:#FFF;}

.craft .box1 .tip {color:#598527;}
.craft .wrap_tabmenu {width:372px; height:115px; margin:0 0 7px 63px; padding:31px 0 0 76px; background: url("http://static.ogplanet.com/static/Cabal/image/guide/item/tabmenu_bg3.jpg") no-repeat; text-align:center;}
.craft .wrap_tabmenu ul li {padding-right:15px;}
.craft .wrap_list dl dd table th {padding:0; background:#111111; color:#a8a8a8; font-weight:normal; font-size:11px;}
.craft .wrap_list dl dd table td {padding:4px 3px 5px 5px;  font-size:11px;}
.craft .wrap_list dl dd table td.img {padding:3px;}
.craft .wrap_list dl dd table td.ty1 {}
.craft .wrap_list dl dd table td.ty2 {color:#FFF;}
.craft .wrap_list dl dd table td.ty3 {color:#ff0000;}
.craft .wrap_list .ty1 {border:1px solid #363636;  font-size:11px;}
.craft .wrap_list .ty1 th, .craft .wrap_list .ty1 td {padding:5px 3px; border:1px solid #363636; font-weight:normal;}
.craft .wrap_list .ty1 thead th {background:#111111; color:#FFF;}
.craft .wrap_list .ty1 tbody th.ty1 {background:#1a1a1a; color:#f37607;}
.craft .wrap_list .ty1 tbody th.ty2 {background:#000; color:#ff0000;}
.craft .wrap_list .ty1 tbody td {color:#FFF;}
.craft .wrap_list .ty1 tbody td.grass {color:#598527;}
.craft .wrap_list .ty1 tbody td.image {text-align:center;}
.craft .wrap_list .ty1 tbody td .subtitle {color:#f37607;}
.craft .wrap_list .ty1 tbody td .beige {color:#8a7f6b;}
.craft .wrap_list .ty1 tbody td.num {text-align:center;}

.accessory .wrap_tabmenu {width:529px; height:112px; margin:0 0 7px 24px; padding:34px 0 0 24px; background: url("http://static.ogplanet.com/static/Cabal/image/guide/item/tabmenu_bg6.jpg") no-repeat; text-align:center;}
.accessory .wrap_tabmenu ul li {padding-right:0;}
.accessory .wrap_list img.s {float:right;  margin:0 4px 5px 0;}
.accessory .wrap_list dl dt {background: url("http://static.ogplanet.com/static/Cabal/image/guide/item/Item_C_D_S_Tit.gif") no-repeat right top; padding-bottom:7px}
.accessory .wrap_list dl dd table td {padding:6px 3px 7px 5px; font-size:11px;}
.accessory .wrap_list dl dd table thead th {padding:4px 3px 5px 5px;  background:#111111; color:#a8a8a8; font-weight:normal; font-size:11px;}
.accessory .wrap_list dl dd table tbody th {padding:3px 3px 4px 5px; color:#FFF; text-align:left; font-weight:normal; font-size:11px;}
.accessory .wrap_list dl dd table tbody th img {vertical-align:middle;}
.accessory .wrap_list dl dd table tbody td {color:#FFF; }
.accessory .wrap_list dl dd table tbody td.num {text-align:center;}
.accessory .wrap_list .ty1 {border:1px solid #363636; }
.accessory .wrap_list .ty1 th, .accessory .wrap_list .ty1 td {padding:5px 3px; border:1px solid #363636; font-weight:normal; }
.accessory .wrap_list .ty1 tbody th {background:#111111; color:#a8a8a8; font-size:11px;}
.accessory .wrap_list .ty1 tbody td {background:#1a1a1a; line-height:14px; font-size:11px;}
.accessory .wrap_list .ty1 tbody td.img {text-align:center; background:#000;}
.accessory .wrap_list .ty1 tbody td.ty1 {color:#f37607; font-weight:bold;}
.accessory .wrap_list .ty1 tbody td.ty2 {color:#fffl; }
.accessory .wrap_list .ty1 tbody td.ty3 {color:#a8a8a8;}

.armor .wrap_tabmenu {width:372px; height:115px; margin:0 0 7px 63px; padding:31px 0 0 76px; background: url("http://static.ogplanet.com/static/Cabal/image/guide/item/tabmenu_bg3.jpg") no-repeat; text-align:center;}
.armor .wrap_tabmenu ul li {padding-right:15px;}
.armor .wrap_cmt {color:#FFF; text-align:right; padding-right:5px;}
.armor .wrap_list .ty1 {border:1px solid #363636; background:#000; margin-bottom:15px; font-size:11px; }
.armor .wrap_list .last {margin-bottom:0;}
.armor .wrap_list .ty1 th {padding:5px 3px; border:1px solid #363636; color:#a8a8a8; font-weight:normal; text-align:left;}
.armor .wrap_list .ty1 th .title {color:#d09d00; font-weight:bold;}
.armor .wrap_list .ty1 th .text {color:#FFF;}
.armor .wrap_list .ty1 td {padding:4px 3px; border:1px solid #363636; line-height:14px; text-align:right;}
.armor .wrap_list .ty1 td.img {text-align:center; background:#000;}
.armor .wrap_list tr.th td {background:#111111; text-align:center;}
.armor .wrap_list tr.th2 td {background:#1A1A1A; text-align:center;}

.weapon .wrap_tabmenu {width:529px; height:112px; margin:0 0 7px 24px; padding:34px 0 0 24px; background: url("http://static.ogplanet.com/static/Cabal/image/guide/item/tabmenu_bg6.jpg") no-repeat; text-align:center;}
.weapon .wrap_tabmenu ul li {padding-right:0;}
.weapon .wrap_list .ty1 {border:1px solid #363636; background:#000; font-size:11px; }
.weapon .wrap_list .ty1 th {padding:5px 3px; border:1px solid #363636; color:#a8a8a8; font-weight:normal; text-align:left;}
.weapon .wrap_list .ty1 th .title {color:#d09d00;}
.weapon .wrap_list .ty1 th .text {color:#FFF;}
.weapon .wrap_list .ty1 td {padding:5px 3px; border:1px solid #363636; line-height:14px; text-align:center;}
.weapon .wrap_list .ty1 td.img {text-align:center; background:#000;}
.weapon .wrap_list tr.th td {background:#1A1A1A;}

/* ADDED WITH LORD OF WAR UPDATE 12/16/2008 */
.submenu ul li a:active{  outline: none;}

.submenu ul li a.agent_shop{display:block; width:160px; height:26px; background:url('../image/guide/menu_agentshop_off.jpg') no-repeat top left;}
.submenu ul li a.agent_shop:hover{background:url('../image/guide/menu_agentshop_on.jpg') no-repeat top left;}
.submenu ul li a.agent_shop_current{display:block; width:160px; height:26px; background:url('../image/guide/menu_agentshop_on.jpg') no-repeat top left;}

.submenu ul li a.honor{display:block; width:160px; height:26px; background:url('../image/guide/menu_honor_off.jpg') no-repeat top left;}
.submenu ul li a.honor:hover{background:url('../image/guide/menu_honor_on.jpg') no-repeat top left;}
.submenu ul li a.honor_current{display:block; width:160px; height:26px; background:url('../image/guide/menu_honor_on.jpg') no-repeat top left;}

.submenu ul li a.skill{display:block; width:160px; height:26px; background:url('../image/guide/menu_skill_off.jpg') no-repeat top left;}
.submenu ul li a.skill:hover{background:url('../image/guide/menu_skill_on.jpg') no-repeat top left;}
.submenu ul li a.skill_current{display:block; width:160px; height:26px; background:url('../image/guide/menu_skill_on.jpg') no-repeat top left;}

.submenu ul li a.soul_ability{display:block; width:160px; height:26px; background:url('../image/guide/menu_soul_off.png') no-repeat top left;}
.submenu ul li a.soul_ability:hover{background:url('../image/guide/menu_soul_on.png') no-repeat top left;}
.submenu ul li a.soul_ability_current{display:block; width:160px; height:26px; background:url('../image/guide/menu_soul_on.png') no-repeat top left;}


.subcontent .subcontent_wrap{border:1px solid #585858; background:#000;
	padding:13px 17px 26px;
}
.subcontent .subcontent_wrap p.text{
	font-weight:normal;
	padding-left:0;
	padding-bottom:15px;
}
/* List Styles*/
.subcontent .subcontent_wrap ul.yellow {list-style:none; margin-left:8px; margin-top:0px;}
.subcontent .subcontent_wrap ul.yellow li {
	margin-bottom:1em;
	background: transparent url('../image/guide/bullet_yellow.png') no-repeat left 8px;
	 line-height:1.6em;
	padding:0 0 0 11px;}
html>body .subcontent .subcontent_wrap ul.yellow li {	margin-left:-3.5em;}
*:first-child+html .subcontent .subcontent_wrap ul.yellow li.yellow{margin-left:0em;}
*:first-child+html .subcontent .subcontent_wrap ul.yellow li.yellow ul{margin-left:38px;}
.subcontent .subcontent_wrap ul.yellow li ol li {background:none; padding:0; margin-left:1%; }
.subcontent .subcontent_wrap ul.yellow li ol {background:none; padding:0; margin-left:4%; margin-top:1em;}
.subcontent .subcontent_wrap ul.yellow li ul {margin-top:1em;}

.subcontent .subcontent_wrap ul.yellow ul.grey {list-style:none; margin-left:-3px; margin-top:2px;}
.subcontent .subcontent_wrap ul.yellow ul.grey li {
	margin-bottom:2px;
	background: transparent url('../image/guide/bullet_grey_2x2.png') no-repeat left 8px;
	padding:0 0 0 11px;}
html>body .subcontent .subcontent_wrap ul.yellow ul.grey li {	margin-left:-3.5em; }
.subcontent .subcontent_wrap ul.yellow ul.grey li li {background:none;}

.subcontent .subcontent_wrap ul.yellow li.yellow{color:#d09d00;}
.subcontent .subcontent_wrap ul.yellow li.yellow li {color:white;}

/*start agent shop*/
.agent_shop .pageinfo h1{display:block; background:url('../image/guide/agent_shop/pagetitle_agent_shop.png') no-repeat top left; text-indent:-1000em;
	width:179px; height:28px;
}
.agent_shop .wrap_middle .subcontent{padding:19px 37px 70px 37px; background:url('../image/guide/bg_content_bot.gif') no-repeat left bottom;}

.agent_shop .subcontent h1{display:block; text-indent:-1000em; margin-bottom:15px;}
.agent_shop .subcontent h1.buy_and_sell{background:url('../image/guide/agent_shop/buy_and_sell_with_agent_shop.gif') no-repeat top left;}
.agent_shop .subcontent img{display:block; width:0px; height:0px; margin-bottom:15px;}
.agent_shop .subcontent img.shot1{background:url('../image/guide/agent_shop/agent_shop_shot1.png') no-repeat left top; padding:345px 0 0 564px;}
.agent_shop .subcontent img.shot2{background:url('../image/guide/agent_shop/agent_shop_shot2.png') no-repeat left top; padding:242px 0 0 565px;}

/*end agent shop */
/*start honor */
.honor .pageinfo h1{display:block; background:url('../image/guide/honor/pagetitle_honor.png') no-repeat top left; text-indent:-1000em;
	width:120px; height:28px;
}
.honor .wrap_middle .subcontent{padding:19px 37px 70px 37px; background:url('../image/guide/bg_content_bot.gif') no-repeat left bottom;}

.honor .subcontent h1{display:block; text-indent:-1000em; margin-bottom:15px;}
.honor .subcontent h1.strength_honor{background:url('../image/guide/honor/strength_through_honor.gif') no-repeat top left;}
.honor .subcontent h1.honor_titles{background:url('../image/guide/honor/honor_titles.gif') no-repeat top left;}

.honor .wrap_middle .honor_stat {margin-top:5px; margin-bottom:15px; padding:1px 0;}

.honor .wrap_middle .honor_stat img{width:0px; height:0px; display:block; float:right; margin-right:6px;}
* html .honor .wrap_middle .honor_stat img{margin-right:3px;}
.honor .wrap_middle .honor_stat img.honor_shot{padding:507px 0 0 224px; background:url('../image/guide/honor/honor_shot.png') no-repeat top left;}

.honor .wrap_middle .honor_stat .stat{width:324px; float:left; margin-left:8px;}
* html .honor .wrap_middle .honor_stat .stat{margin-left:4px;}
.honor_stat .stat span.title{display:block; float:left; background:#1a1a1a;}
.honor_stat .stat span.title{width:324px; height:40px; background:url('../image/guide/honor/honor_stat_head.gif') no-repeat top left; text-indent:-1000em;}
.honor_stat .stat tr{background:#1a1a1a;}
.honor_stat .stat td.rank,.honor_stat .stat td.bonus{padding:9px 16px;}
.honor_stat .stat td.rank{border-bottom:1px solid #000; border-right:1px solid #000; width:27px;text-align:center;}
.honor_stat .stat td.bonus{border-bottom:1px solid #000; color:#e9bb03; width:232px; }
.honor_stat .stat .bottom{clear:both; height:2px; background:#343434; width:324px;}

/*end honor */
/*start skill*/
.skill .pageinfo h1{display:block; background:url('../image/guide/skill/pagetitle_honor.png') no-repeat top left; text-indent:-1000em;
	width:99px; height:27px;
}
.skill .wrap_middle .subcontent{padding:19px 37px 70px 37px; background:url('../image/layout/bg_content_bot.gif') no-repeat left bottom;}

.skill .subcontent h1{display:block; text-indent:-1000em; margin-bottom:15px;}
.skill .subcontent h1.learn_grow{background:url('../image/guide/skill/learn_grow.gif') no-repeat left top;}

.skill .wrap_middle .skill_stat {margin-top:5px; margin-bottom:15px; padding:1px 0; width:100%;}
.skill .wrap_middle .skill_stat .stat{width:525px; float:left; margin:3px auto 15px; margin-left:20px;}
* html .skill .wrap_middle .skill_stat .stat{margin-left:10px;}
.skill_stat .stat span.title{display:block; float:left; background:#1a1a1a;}
.skill_stat .stat span.title{width:525px; height:40px; background:url('../image/guide/skill/skill_stat_head.gif') no-repeat top left; text-indent:-1000em;}
.skill_stat .stat table{width:525px;}
.skill_stat .stat tr{background:#1a1a1a;}
.skill_stat .stat td.levels,.skill_stat .stat td.high_rank,.skill_stat .stat td.bslv{padding:9px 16px;}
.skill_stat .stat td.levels{border-bottom:1px solid #000; border-right:1px solid #000; color:#e9bb03; padding-left:27px;width:81px;}
.skill_stat .stat td.high_rank{border-bottom:1px solid #000; border-right:1px solid #000; padding-left:112px;  }
.skill_stat .stat td.bslv{border-bottom:1px solid #000; color:#e9bb03; padding-left:48px; width:43px; }
.skill_stat .stat .bottom{clear:both; height:2px; background:#343434; width:525px;}


/*end skill*/

/* END ADDED WITH LORD OF WAR UPDATE 12/16/2008 */