html{background-color:#091526}
body{max-width:360px;
	margin:0px auto;
	font-size:14px;
	padding-bottom:10px;
	color:#9eb7dc;
	font-family: Verdana, Arial, sans-serif;
	background-color:#091526;
	word-wrap: break-word;
}
 a {text-decoration: none;} 
a:visited {
	color: #9eb7dc;
	text-decoration: none;}

a:hover, 
a:focus {
	color: #9eb7dc;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
textarea{
	font-size:medium; 
	font-weight: bold; font-family:arial,verdana,tahoma,sans-serif; 
	background-color: rgb(24, 54, 187); 
	color: rgb(92, 151, 218);
	border: 1px solid gold; 
	padding: 7px; 
	max-width: 100%; 
	box-sizing: border-box;
}

a,a:link,a:visited{color:white;}
img{border:0;vertical-align:middle}

/* common */
.cntr{text-align:center;}
.left{text-align:left;}
.rght{text-align:right;}
.medium{font-size:medium;}
.small{font-size:small !important;}
.bold{font-weight:bold;}
.fs0{font-size:0;}
.lhn{line-height:normal !important;}
.shb{text-shadow:0 1px 0 #000;}
.tdn,.tdn a{text-decoration:none !important}
.tdu,.tdu a{text-decoration:underline !important}
.ttu{text-transform:uppercase;}
.ttn{text-transform:none !important;}
.bl{display:block;}
.ib{display:inline-block;}
.nwr{white-space:nowrap;}
.ovh{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clb{clear:both;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.mw110{min-width:110px}
.mw132{min-width:132px}
.mw160{min-width:160px}

/* margin & padding */
.m5{margin:5px}
.mt-23{margin-top:-23px}
.mt-19{margin-top:-19px}
.mt-18{margin-top:-18px}
.mt-2{margin-top:-2px}
.mt-1{margin-top:-1px}
.mb0{margin-bottom:0px}
.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt130{margin-top:130px}
.mr2{margin-right:2px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml65{margin-left:65px}
.ml75{margin-left:75px}
.ml78{margin-left:78px}
.ml90{margin-left:90px}
.ml115{margin-left:115px;}
.mlr2{margin-left:2px;margin-right:2px}
.mlr5{margin-left:5px;margin-right:5px}
.mlr10{margin-left:10px;margin-right:10px}
.mlra{margin-left:auto;margin-right:auto}
.mtb5{margin-top:5px;margin-bottom:5px}
.mtb10{margin-top:10px;margin-bottom:10px}
.m0a{margin:0px auto}
.m5a{margin:5px auto}

.pt15{padding-top:15px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px;}
.pb10{padding-bottom:10px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.p5{padding:5px;}
.plr10{padding-left:10px;padding-right:10px;}
.plr15{padding-left:15px;padding-right:15px;}
.pt3{padding-top:3px;}
.p0{padding: 0px;}

.w24n{width:24%;font-size:medium;}
.w50{width:50%;}
.w100{width:100%;}
.w39px{width:39px;}
.w100px{width:100px;}
.w150px{width:150px;}
.w160px{width:160px;}
.w170px{width:170px;}
.ubtn.inbl.mw180px{min-width:180px;}
.w200px{width:230px;}
.w20{width:20%;}
.w49{width:49%;}
.w33{width:33%;}
.w34{width:34%;}
.w25{width:25%;}
.w66{width:66%;}
.w96{width:96%;}
.w90px{width:90px;}
.w48px{width:48px;}
.mw90px{max-width:90px;}
.ww200px{width:200px;}
.wa{width:auto;}
.w230px{width:230px;}
.w33i{width:33%;display:inline-block;}
.w98p{width:98%}
.w100{width:100%}
.w90{width:90px}
.w50p{width:50%;}
.w150x{width:150px}
.wm120x{max-width:120px;}
.wm298x{max-width:298px;}
.wm373x{max-width:373px;}

.btn,.btn .be,.btn .lbl{	
	height:32px;
	display:block;
	background-image:url(img/bg-btn-lr.png);background-repeat:no-repeat;}
.btn{
	cursor:pointer;
	vertical-align:middle;
	display:inline-block;	
	text-decoration:none !important;}
.btn .be{background-position:100% -32px;}	
.btn .lbl{	
	cursor:pointer;
	margin:0 10px;
	padding:7px 0 0;
	height:25px;
	white-space:nowrap;
	overflow:hidden;
	color:#a1fa7d;
	font-size:medium;
	border:0;
	text-align:center;
	background-image:url(img/bg-btn.png);background-repeat:repeat-x;background-color:#07549b;}
.btn input.lbl{width:100%;height:32px;padding:0;margin:0;border-radius:0;}

.btn.blue{background-position:0 -64px;}
.btn.blue .be{background-position:100% -96px;}	
.btn.blue .lbl{color: #8ad7e5 /*#98c9d8*/ ;background-position:0 -32px;background-color:#337597;}
.btn.orange{background-position:0 -128px;}
.btn.orange .be{background-position:100% -160px;}	
.btn.orange .lbl{color:#fff8a3;background-position:0 -64px;background-color:#df9800;}
.btn.disable{background-position:0 -192px;cursor:default;}
.btn.disable .be{background-position:100% -224px;}	
.btn.disable .lbl{color:#666666;background-position:0 -96px;background-color:#000000;cursor:default;}
.btn.grey{background-position:0 -256px;}
.btn.grey .be{background-position:100% -288px;}	
.btn.grey .lbl{color:#9eb3ba;background-position:0 -128px;background-color:#50626b;}
.btn.red{background-position:0 -320px;}
.btn.red .be{background-position:100% -352px;}	
.btn.red .lbl{color:#ffaf99;background-position:0 -160px;background-color:#a01313;}

/* header */
.lvl{margin:0 5px;padding:0 2px;color:#193e76;font-size:small;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:black;height:16px}
.lprg,.lprg .lp_end{background-image:url('img/bg-prg-exp.png');background-repeat:no-repeat;}
.lprg .lp_end{height:3px;margin-left:2px;padding:2px 2px 2px 0;background-position:100% -7px;}
.lprg .rate{height:3px;font-size:0;background-image:url('img/bg-prg-blue.gif');background-repeat:repeat-x;}

.ribbon{margin-left:1px;margin-right:1px;height:32px;background-color:#091526;background-image:url('img/bg-ribbon.png');background-position:0 0;background-repeat:repeat-x;}
.ribbon .rl,.ribbon .rr{height:32px;background-image:url('img/bg-ribbon-lr.png');background-position:0 0;background-repeat:no-repeat;}
.ribbon .rr{height:29px;background-position:100% -32px;color:#a1cef0;text-align:center;padding-top:3px;line-height:1;text-shadow:black 0 1px 1px;white-space:nowrap;overflow:hidden;}
.oh{ 
float:left; 
padding:01%; 
margin:0; 
}
.snowf_left{background-image:url('img/bg-snowflake-left.png');background-repeat:no-repeat;background-position:100% 10px;}
.snowf_right{background-image:url('img/bg-snowflake-right.png');background-repeat:no-repeat;background-position:0 10px;}

/* bottom menu */
.bmenu{display:inline-block; 
	min-width:68px;
	padding-top:68px;
	vertical-align:top;
	text-decoration:none !important;
	background-repeat:no-repeat;background-position:50% 0;}
.bm_home.cur{background-image:url('img/index_1.png');}
.bm_home.ntf{background-image:url('img/index_2.png');}
.bm_profile.cur{background-image:url('img/user_1.png');}
.bm_profile.ntf{background-image:url('img/user_2.png');}
.bm_clan.cur{background-image:url('img/orden_1.png');}
.bm_clan.ntf{background-image:url('img/orden_2.png');}
.bm_clan.off{background-image:url('img/orden_off.png');}
.bmenu .txt{display:block;max-width:78px;padding:3px 0;word-wrap:break-word;overflow:hidden;color:#778ea2;font-size:small;background-repeat:no-repeat;background-position:50% 50%;}
.bmenu.cur .txt{color:#6dd8d7;background-image:url('img/bg-bmenu-hl-cur.png');}
.bmenu.ntf .txt{color:#7bff65;background-image:url('img/bg-bmenu-hl-ntf.png');}
.bmenu.off .txt{color:#405466;}
/* colors */
.c_silver{color:#a3b7c1 !important;}
.c_da{color:#dadada !important;}
.c_gold{color:#fee727 !important;}
.c_yel{color:#f0ffd4 !important;}
.c_red,.feedbackPanelERROR{color:#c81f3b !important;}
.c_lred{color:#f0a578 !important;}
.c_green{color:#176e00 !important;}
.c_lgreen{color:#8bcf54 !important;}
.c_lgreen2{color:#d4ff82 !important;}
.c_lblue{color:#006384 !important;}
.c_lblue2{color:#ccd4ed !important;}
.c_lblue3{color:#a0e0fe !important;}
.c_lblue4{color:#509ab7 !important;}
.c_lblue5{color:#c0ebff !important;}
.c_lblue6{color:#61a4c7 !important;}
.c_dblue{color:#656d88 !important;}
.c_dblue2{color:#6f8ca9 !important;}
.c_dblue3{color:#6096be !important;}
.c_black{color:black !important;}
.c_mark_0{color:#ceb591 !important;}
.c_mark_1{color:#15de78 !important;}
.c_mark_2{color:#6090ff !important;}
.c_mark_3{color:#da63ff !important;}
.c_mark_4{color:#15e3ef !important;}
.c_mark_5{color:#ea5d5c !important;}

.white{color:white}
.buff{color:#00ccff}
.major{color:#DD6666}
.link{color:#FFDF8C}
a.major{color:#DD6666}
a.major:link{color:#DD6666}
a.major:visited{color:#DD6666}
a.minor{color:#9eb7dc}
a.minor:link{color:#9eb7dc}
a.minor:visited{color:#9eb7dc}
.smli {border:none;vertical-align:top}
.smla {display:inline-block;
	position:relative;
	padding:5px;
	min-width:37px;
	cursor:pointer;
	text-align:center;
}
.pag{padding:4px 8px;
	border:1px solid #9eb7dc;
	font-size:small;
	color:#9fbec8;
	text-decoration:none;}
.pags{padding:4px 8px;
	border:1px solid #dae4e9;
	font-size:small;
	color:#dae4e9;
	text-decoration:none;}

.icons{height:16px;width:16px;margin-bottom:1px;border:0px}

.hr,.hr .hr_end{font-size:0px;height:1px;background-image:url('img/bg-hr.png');background-repeat:no-repeat}
.hr .hr_end{background-position:100% -1px;}
.hr{margin:10px 5px}

img.icon{vertical-align: middle; position: relative; top: -1px;padding: 0; margin: 0;border-spacing: 0}
.hr2,.hr2 .hr_end{background-image:url('img/bg-hr2.png');background-repeat:no-repeat}
.hr2 .hr_end{margin-left:10px;padding-right:10px;}
.hr_1s .hr_mid{height:16px;font-size:0;background-image:url('img/bg-hr2-1.png');background-repeat:no-repeat;background-position:50% 0;}
.hr_1s{background-position:0 4px;}
.hr_1s .hr_end{background-position:100% -29px;}
.hr_3s .hr_mid{height:8px;font-size:0;background-image:url('img/bg-hr2-3.png');background-repeat:no-repeat;background-position:50% 0;}
.hr_3s{background-position:0 1px;}
.hr_3s .hr_end{background-position:100% -32px;}

.hr3,.hr3 .hr_end{height:3px;font-size:0;background-image:url('img/bg-hr3.png');background-repeat:no-repeat;}
.hr3 .hr_end{margin-left:7px;}

/* msg */
.msg{
	background-color:#010c17;
	color:#a1bcc6;
        font-size:14px;
	background-image:url(img/wr0-blue.png);background-repeat:no-repeat;background-position:0 0;}
.msg .wr1{background-image:url(img/wr1-blue.png);background-repeat:no-repeat;background-position:100% 0;}
.msg .wr2{background-image:url(img/wr2-blue.png);background-repeat:no-repeat;background-position:100% 100%;}
.msg .wr3{
	padding:8px 10px;
	background-image:url(img/wr3-blue.png);background-repeat:no-repeat;background-position:0 100%;}

.p15_17{padding:15px 17px}
.pl5{padding-left:5px}
.pt3{padding-top:3px}
.pt5{padding-top:5px}
.pt7{padding-top:7px}
.pt10{padding-top:10px}
.i50{width:60px;height:60px}

.chapter{display:block;height:62px;margin:2px 0;border:1px solid #20232c;border-radius:7px;background-position:2px center,right 2px center;background-repeat:no-repeat,no-repeat}
/* location */
.b_dung_chapter .chapter._d1{background-image:url(/design/images/story/1.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._d2{background-image:url(/design/images/story/2.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._d3{background-image:url(/design/images/story/3.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._d4{background-image:url(/design/images/story/4.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._d5{background-image:url(/design/images/story/5.jpg),url(/design/images/story/bg_right.jpg)}
/* boss_1 */
.b_dung_chapter .chapter._b1{background-image:url(/design/images/story/boss/1.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b2{background-image:url(/design/images/story/boss/2.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b3{background-image:url(/design/images/story/boss/3.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b4{background-image:url(/design/images/story/boss/4.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b5{background-image:url(/design/images/story/boss/5.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b6{background-image:url(/design/images/story/boss/6.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b7{background-image:url(/design/images/story/boss/7.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b8{background-image:url(/design/images/story/boss/8.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b9{background-image:url(/design/images/story/boss/9.jpg),url(/design/images/story/bg_right.jpg)}
.b_dung_chapter .chapter._b10{background-image:url(/design/images/story/boss/10.jpg),url(/design/images/story/bg_right.jpg)}

.b_dung_chapter .chapter>span{display:block;height:62px;padding:10px 10px 0 0;text-align:right;font-size:17px;color:#3b9de2}.b_dung_chapter .chapter span small{color:#56585a}.b_dung_chapter .chapter span._p1 .type{color:#9ca2a9}.b_dung_chapter .chapter span._p2 .type{color:#52c13d}.b_dung_chapter .chapter span._p3 .type{color:#3087f7}.b_dung_chapter .chapter span._p4 .type{color:#8926ff}.b_dung_chapter .chapter span._p5 .type{color:#ff7412}.b_dung_chapter .chapter span._p6 .type{color:red}.b_dung_chapter .chapter._disabled{opacity:.5}.b_dung_chapter .chapter._disabled span *{color:#9ca2a9 !important}



.bbtn{	
	height:32px;
	margin-bottom:2px;	
	background-color:#183543;background-image:url(img/bg-bbtn.png);background-repeat:repeat-x;}
	


.bbtn .lf,.bbtn .rt{height:32px;display:block;background-image:url(img/bg-bbtn-lr.png);background-repeat:no-repeat;background-position:100% -32px;}
.bbtn .lf{text-decoration:none !important;background-position:0 0;}
.bbtn .lbl{
	display:block;
	height:24px;
	padding:7px 7px 0 45px;
	line-height:16px !important;
	color:#9cd0e1;
	font-size:medium;
	white-space:nowrap;
	overflow:hidden;
	background-position:5px 0;background-repeat:no-repeat;}

.bbtn .lbl_rate, .bbtn .dsbl .lbl_rate
{    display: block;
    height: 24px;
    padding: 8px 10px 0 40px;
    line-height: 16px !important;
    color: #9cd0e1;
    font-size: medium;
    white-space: nowrap;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;}
    
   
    
.bbtn .opposition{background-image:url('icon/opposition.png');}
.bbtn .orden{background-image:url('icon/orden.png');}
.bbtn .arena{background-image:url('icon/arena.png');}
.bbtn .mail{background-image:url('icon/mbtn-ico-mail.png');}
.bbtn .snar{background-image:url('icon/mbtn-ico-snar.png');}
.bbtn .inv{background-image:url('icon/mbtn-ico-inv.png');}
.bbtn .settings{background-image:url('icon/mbtn-ico-settings.png');}
.bbtn .quest{background-image:url('icon/mbtn-ico-task.png');}
.bbtn .shop{background-image:url('icon/mbtn-ico-shop.png');}
.bbtn .rating{background-image:url('icon/mbtn-ico-rating.png');}
.bbtn .payment{background-image:url('icon/gold.png');}
.bbtn .coliseum{background-image:url('icon/mbtn-ico-coliseum.png');}
.bbtn .train{background-image:url('icon/train.png');}
.logo{ background: #091526 url('/design/img/logo.jpg') top center no-repeat; display: block; height: auto; padding-top: 1px; margin: 0px;}
/* ratings */
.rtg td{padding:0;margin:0}
.rtg td a{text-decoration:none}
.rtg td.num{vertical-align: middle;text-align:center;padding-left:10px;padding-right:10px}
.rtg td{padding-top:4px;padding-bottom:2px}
.rtg td.usr{width:100%;text-align:left;padding-left:5px}
.rtg td.sum{padding-left:10px;padding-right:10px}
.rtg .even td{background:#10233e} 

/* shop */
.b_dung_chapter .chapter._s1{background-image:url(/design/images/shop/items.jpg),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._s2{background-image:url(/design/images/shop/grind.jpg),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._s3{background-image:url(/design/images/shop/koldun.jpg),url(/design/images/shop/bg_right.jpg)}

/* shop mark */
.b_dung_chapter .chapter._m0{background-image:url(/design/images/shop/mark_0.png),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._m1{background-image:url(/design/images/shop/mark_1.png),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._m2{background-image:url(/design/images/shop/mark_2.png),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._m3{background-image:url(/design/images/shop/mark_3.png),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._m4{background-image:url(/design/images/shop/mark_4.png),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._m5{background-image:url(/design/images/shop/mark_5.png),url(/design/images/shop/bg_right.jpg)}

/* forge */

.b_dung_chapter .chapter._f1{background-image:url(/design/images/shop/amulet.jpg),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._f2{background-image:url(/design/images/shop/sharpening.jpg),url(/design/images/shop/bg_right.jpg)}
.b_dung_chapter .chapter._f3{background-image:url(/design/images/shop/workbench.jpg),url(/design/images/shop/bg_right.jpg)}

a.link_for {
display: inline-block;
width: 45%;
height: 210px;
padding:7px 0 0;
border:1px solid #20232c;
border-radius:7px;
margin:3px 0 0 3px;
}
.smiles_panel {
	display:none;
	padding:10px;
	text-align:center;
	color: #fff;
}
::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#091526;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#17335b;
}

::-webkit-scrollbar-thumb:hover{
background-color:#1c3b69;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:4px;
height:0px
}

::-webkit-scrollbar{
width: 10px;
}

::selection {
background: #091526;
}
::-moz-selection {
background: #091526;
}

.orange{
background-color: darkorange;
color: #0a1258;	
}
.mailMe{
background-image: url('/design/img/mailMe.png');
background-size: 100% 100%;
padding: 23px;
color: #c2ce1b;
font-weight: bold;
}

.mailOut{
background-image: url('/design/img/mailOut.png');
background-size: 100% 100%;
padding: 23px;
color: #0897f7;
font-weight: bold;
}

input[type="text"], input[type="password"]{
	border: 1px solid gold; 
	padding: 7px;
	background: blue;
	color: goldenrod;
}

.menuBlock{

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.menuItem{
margin-left: 1px;
margin-right: 1px;
padding: 5px;
border-top: 1px solid rgb(9, 103, 245);
border-right:  1px solid rgb(9, 103, 245);
border-left:   1px solid rgb(9, 103, 245);
border-radius: 3px 3px 0px 0px;
background-image: url('/design/img/bg-bbtn.png');
}

.menuItem:hover{
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px;
	border-top: 1px solid rgb(9, 103, 245);
	border-right:  1px solid rgb(9, 103, 245);
	border-left:   1px solid rgb(9, 103, 245);
	border-radius: 3px 3px 0px 0px;
	background-image: url('/design/img/bg-bbtn.png');
	color: gold;
	
	}

.menuItemA{
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px;
	border-top: 1px solid rgb(9, 103, 245);
	border-right:  1px solid rgb(9, 103, 245);
	border-left:   1px solid rgb(9, 103, 245);
	border-radius: 3px 3px 0px 0px;
	color: orange;
	background-image: url('/design/img/bg-bbtnA.png');
	
	}

.err{
margin-top: 1px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
padding: 20px;
background-color: #739ec765;
color: orange;
font-weight: bold;
font-size: 120%;
background-image: url('/design/img/bg-pbtl-red.jpg');
background-size: 100% 100%;

}

.title{

marging: 1px;
text-align: center;
padding: 20px;
font-weight: bold;
font-size: 110%;
background-image: url('/design/img/bg-pbtl-blue2.jpg');
background-size: 100% 100%;
}

.btnItem{
	margin: 1px;
	padding: 5px;
	border: 1px solid rgb(9, 103, 245);
	border-radius: 2px;
	background-image: url('/design/img/bg-bbtn.png');
	color:rgb(111, 111, 241) ;
	
	}

.btnItem:hover{
	margin: 1px;
	padding: 5px;
	border: 1px solid rgb(9, 103, 245);
	border-radius: 2px;
	background-image: url('/design/img/bg-bbtnA.png');
	color:rgb(233, 164, 16) ;
	
	}
