@charset "utf-8";
body { background:#111111 url('../images/bg.png') no-repeat center 56px; text-shadow:1px 1px 1px #000; color:#c1c1c1; }
body#livebroadcast { background:#111111; }

/* Global Classes */
.clear { clear:both; }
.hidden { display:none; }
.red { color:#ed1c24; }
.blue { color:#06F; }
.green { color:#0F3 }
.white { color:#ffffff; }
.acenter { text-align:center; }
.aright { text-align:right; }
.aleft { text-align:left; }
.bold { font-weight:bold; }
.small { font-size:12px; }
.big { font-size:14px; }
.line { margin:20px; border:1px dotted gray; }
.close { background:url('../images/close.png'); width:16px; height:16px; text-indent:-99999px; }
.close a { display:block; height:16px; }
.fade { display:none; background: #111111; position: fixed; left: 0; top: 0; opacity: .80; z-index: 9999; height:8000px; width:9000px; overflow: hidden; }
.tooltip { background:#333333; border:1px solid #444444; font-size:12px; padding:5px; font-family:Tahoma, Geneva, sans-serif; margin-right:50px; z-index:9999999; width:220px; line-height:18px; color:#FFF; position:absolute; text-shadow:none; box-shadow:1px 1px 1px #222; text-justify:inter-word; }
.tooltiperror { color:#F03; border:1px solid #F03; }
.everytable tr.first td { font-weight:bold; }
.everytable tr:hover { background:#666; }
.everytable tr td { text-align:center; background:#222222; border:1px solid #333333; padding:10px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; }
.everytable tr td input { width:30px; text-align:center; background:#333; border:1px solid #444; font-family:Tahoma, Geneva, sans-serif; outline:none; color:#fff; }
.gallery { height:590px; overflow:auto; }
.gallery a img { border:7px solid #222222; margin-bottom:10px; margin-right:5px; }
.gallery a img:hover { border:7px solid #444444; cursor:pointer; }
.paymentnotifi { background:#333333; border:1px solid #444444; outline:none; resize:none; padding:5px; color:#CCC; font-family:Tahoma, Geneva, sans-serif; }
#new_rank_system { color:#FEFEFE; font-size:14px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px; }
#new_rank_system a { text-decoration:none; color:#F00 }
#new_rank_system a:hover { text-decoration:underline; }

/* Login Box */
#loginbox { display:none; position:absolute; z-index:99999; left:50%; background:url('../images/loginboxbg.png'); width:514px; height:244px; }
#loginbox #loginleft , #loginbox #loginright { width:210px; height:179px; }
#loginbox #loginleft { float:left; margin:30px 0px 0px 30px; }
#loginbox #loginleft h2,#loginbox #loginright h2 { font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
#loginbox #loginleft form { margin:25px 0px 0px 0px; }
#loginbox #loginleft form input { background:url('../images/inputbg.png'); width:185px; height:27px; border:0px; outline:none; margin-bottom:15px; padding-left:15px; color:#CACACA; }
#loginbox #loginleft form #loginsubmit { margin-right:10px; background:url('../images/loginsbt.png'); width:106px; height:34px; text-indent:-999999px; cursor:pointer; }
#loginbox #loginleft form a { color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-decoration:none; }
#loginbox #loginleft form a:hover { text-decoration:underline; }
#loginbox #loginright { float:right; margin:30px 30px 0px 0px; }
#loginbox #loginright h2 { font-size:19px; }
#loginbox #loginright p { margin-top:15px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#999; line-height:17px; }
#loginbox #loginright #registerlink { float:right; margin-top:14px; width:107px; height:34px; background:url('../images/registerlink.png'); }
#loginbox #loginright #registerlink a { display:block; height:34px; text-indent:-99999px;}

/* Remember Box */
#rememberpassbox { display:none; position:absolute; z-index:99999; left:50%; background:url('../images/registerboxbg.png'); width:514px; height:355px; }
#rememberpassbox #rememberleft { float:left; margin:30px 0px 0px 30px; width:210px; height:179px; }
#rememberpassbox #rememberleft h2,#rememberpassbox #rememberright h2 { font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
#rememberpassbox #rememberleft #register_success { line-height:20px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#0F3; margin-top:10px; }
#rememberpassbox #rememberleft #register_success a { text-decoration:none; color:#C60; }
#rememberpassbox #rememberleft #register_success a:hover { text-decoration:underline; }
#rememberpassbox #rememberleft #remember_success { line-height:20px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#0F3; margin-top:10px; }
#rememberpassbox #rememberleft #remember_success a { text-decoration:none; color:#C60; }
#rememberpassbox #rememberleft #remember_success a:hover { text-decoration:underline; }
#rememberpassbox #rememberleft form { margin:25px 0px 0px 0px; }
#rememberpassbox #rememberleft form input { background:url('../images/inputbg.png'); width:185px; height:27px; border:0px; outline:none; margin-bottom:10px; padding-left:15px; color:#CACACA; }
#rememberpassbox #rememberleft form #contract { font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:20px; }
#rememberpassbox #rememberleft form #contract input { width:13px; height:13px; float:left; }
#rememberpassbox #rememberleft form #remembersubmit { margin-right:10px; background:url('../images/loginsbt.png'); width:106px; height:34px; text-indent:-999999px; cursor:pointer; }
#rememberpassbox #rememberleft form a { color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-decoration:none; }
#rememberpassbox #rememberleft form a:hover { text-decoration:underline; }
#rememberpassbox #rememberright { float:right; margin:30px 30px 0px 0px; width:230px; height:179px; }
#rememberpassbox #rememberright h2 { margin-left:15px; }
#rememberpassbox #rememberright p { margin-left:15px; margin-top:20px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#999; line-height:17px; }

/* Register Box */
#registerbox { display:none; position:absolute; z-index:99999; left:50%; background:url('../images/registerboxbg.png'); width:514px; height:355px; }
#registerbox #registerleft { float:left; margin:30px 0px 0px 30px; width:210px; height:179px; }
#registerbox #registerleft h2,#registerbox #registerright h2 { font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
#registerbox #registerleft #register_success { line-height:20px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#0F3; margin-top:10px; }
#registerbox #registerleft #register_success a { text-decoration:none; color:#C60; }
#registerbox #registerleft #register_success a:hover { text-decoration:underline; }
#registerbox #registerleft form { margin:25px 0px 0px 0px; }
#registerbox #registerleft form input { background:url('../images/inputbg.png'); width:185px; height:27px; border:0px; outline:none; margin-bottom:10px; padding-left:15px; color:#CACACA; }
#registerbox #registerleft form #contract { font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:20px; }
#registerbox #registerleft form #contract input { width:13px; height:13px; float:left; }
#registerbox #registerleft form #registersubmit { margin-right:10px; background:url('../images/registersbt.png'); width:106px; height:34px; text-indent:-999999px; cursor:pointer; }
#registerbox #registerleft form a { color:#999; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-decoration:none; }
#registerbox #registerleft form a:hover { text-decoration:underline; }
#registerbox #registerright { float:right; margin:30px 30px 0px 0px; width:230px; height:179px; }
#registerbox #registerright h2 { font-size:19px; margin-left:15px; }
#registerbox #registerright ul { margin-top:15px; margin-left:30px; height:100px; }
#registerbox #registerright ul li { margin-bottom:5px; font-size:11px; line-height:14px; font-family:Tahoma, Geneva, sans-serif; color:#999; list-style:decimal; }

/* Head */
#head { background:url('../images/headbg.png'); height:56px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#head #head_wrapper { width:870px; margin:0 auto;}
#head #head_wrapper #logosmall { background:url('../images/logo.png'); margin-top:7px; width:74px; height:100px; float:left; }
#head #head_wrapper #logosmall a { display:block; height:100px; text-indent:-999999px; }
#head #head_wrapper #right , #head #head_wrapper #onlineusers , #head #head_wrapper #whoisonline { float:left; margin-top:13px; color:#FFFFFF; font-size:12px; font-family:Tahoma, Geneva, sans-serif; background:#111111; padding:10px; }
#head #head_wrapper #searchhead { float:left; margin-top:13px; margin-left: 2px; color:#FFFFFF; font-size:12px; font-family:Tahoma, Geneva, sans-serif; background:#111111; padding:10px; }
#head #head_wrapper #onlineusers  { margin-right:10px; text-align:center; }
#head #head_wrapper #whoisonline a  { color:#ed1c24; text-decoration:none; }
#head #head_wrapper #whoisonline a:hover { text-decoration:underline; }
#head #head_wrapper #searchhead a  { color:#ed1c24; text-decoration:none; }
#head #head_wrapper #searchhead a:hover { text-decoration:underline; }
#head #head_wrapper #right { float:right; }
#head #head_wrapper #right a { text-decoration:none; color:#ed1c24; }
#head #head_wrapper #right a:hover { text-decoration:underline; }

.head-bottom {
    background: transparent;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}

.head-bottom-wrapper {
    width:870px;
    height:310px;
    margin:0 auto;
}

@font-face {
    font-family: 'Beyond The Mountains'; /*a name to be used later*/
    src: url('../fonts/beyond_the_mountains.ttf'); /*URL to font*/
}

.head-logo {
    top: 90px;
    text-align: center;
    position: relative;
}

.head-logo a {
    color: #b1b1b1;
    text-decoration: none;
    text-shadow: 3px 3px 5px #4f1f1f, 1px 1px 1px #000;
}

.head-logo a:hover {
    color: #d3d3d3;
    text-decoration: none;
}

.head-logo span {
    top: 40px;
    position: relative;
    font-family: "Beyond The Mountains", serif;
    font-size: 64px;
}

.head-logo img {
    max-height: 130px;
    max-width: 400px;
    width: auto;
    height: auto;
}

.head-logo img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
}

/* Broadcast */
div#broadcast { width:870px; margin:0px auto; }
div#broadcast h1 { text-align:center; margin:20px auto; color:#ed1c24; font-size:40px; font-family: 'Nosifer', cursive; }
div#broadcast h2 { text-align:center; margin:10px auto; color:#ed1c40; font-size:24px; font-family: 'Nosifer', cursive; }

/* Banner */
#banner { margin:0 auto; width:900px; height:280px; background:url('../images/banner.gif'); color:#F1f1f1; }

/* Menu */
#menu { width:870px; height:52px; margin:10px auto; }
#menu li { float:left; height:52px; }
#menu li a { display:block; height:52px; background:url('../images/menusprite.png'); text-indent:-99999px; }
#menu li#homepage a { width:119px; }
#menu li#homepage a:hover { background-position:0px -52px; }
#menu li#unique a { width:132px; background-position:-119px 0px; }
#menu li#unique a:hover { background-position:-119px -52px; }
#menu li#files a { width:129px; background-position:-253px 0px; }
#menu li#files a:hover { background-position:-253px -52px; }
#menu li#market a { width:126px; background-position:-387px 0px; }
#menu li#market a:hover { background-position:-387px -52px; }
#menu li#trade a { width:123px; background-position:-521px 0px; }
#menu li#trade a:hover { background-position:-521px -52px; }
#menu li#live a { width:120px; background-position:-655px 0px; }
#menu li#live a:hover { background-position:-655px -52px; }
#menu li#contact a { width:117px; background-position:-783px 0px; }
#menu li#contact a:hover { background-position:-783px -52px; }

/* Slider Box */
.slider-wrapper { width:850px; height:200px; overflow:hidden; margin:10px auto; box-shadow: 0px 0px 10px #000; }

/* Notice Box */
#notice { background:url('../images/noticebox.png'); width:830px; height:70px; margin:10px auto; font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding:15px 20px; }
#notice #noticeclose { position:relative; float:right; top:-70px; left:10px; }
#notice h2 { margin-bottom:10px; font-size:15px; font-weight:bold; }
#notice p { line-height:20px; }
#notice p a { font-weight:bold; text-decoration:none; color:#777777; }
#notice p a:hover { text-decoration:underline; }

/* Content */
#content { width:870px; margin:20px auto; clear:right; }
#content .left { display:block; float:left; width:220px; }
#content .left .box { font-family:Tahoma, Geneva, sans-serif; margin-bottom:15px; width:219px;}
#content .left .online { background:#222222; padding:10px; border:1px solid #333333; width:199px; text-align:center; }
#content .left .box h2 { background:url('../images/lefthead.png'); height:14px; font-size:13px; padding:12px 0; text-align:center; }
#content .left .box .boxcontent { font-size:13px; background:#111111; border:1px solid #222222; border-top:0; margin-top:-2px; padding:10px; }
#content .left .box .boxcontent #editprofile li { display:block; margin-bottom:10px; padding-left:22px; padding-top:1px; }
#content .left .box .boxcontent #editprofile li a { color:#ed1c24; text-decoration:none; }
#content .left .box .boxcontent #editprofile li a:hover { text-decoration:underline; }
#content .left .box .boxcontent #editprofile li#changepass { background:url('../images/changepass.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#changepass .changepassleft { margin-top:10px; font-size:11px; }
#content .left .box .boxcontent #editprofile li#changepass .changepassleft input { border:1px solid #333; background:#222; padding:5px; outline:none; color:#FFF;  }
#content .left .box .boxcontent #editprofile li#changepass .changepassleft input[type="submit"] { color:#CCC; }
#content .left .box .boxcontent #editprofile li#changesecret { background:url('../images/changepass.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#changesecret .changesecretleft { margin-top:10px; font-size:11px; }
#content .left .box .boxcontent #editprofile li#changesecret .changesecretleft input { border:1px solid #333; background:#222; padding:5px; outline:none; color:#FFF;  }
#content .left .box .boxcontent #editprofile li#changesecret .changesecretleft input[type="submit"] { color:#CCC; }
#content .left .box .boxcontent #editprofile li#gosafe { background:url('../images/gosafe.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#gosafe #chars { display:block; margin-top:3px; font-size:11px; font-family:Tahoma, Geneva, sans-serif; line-height:18px; }
#content .left .box .boxcontent #editprofile li#gosafe #chars #char_list li { margin:0; padding:0; }
#content .left .box .boxcontent #editprofile li#gosafe #chars #char_list li a { color:#06F; }
#content .left .box .boxcontent #editprofile li#buytl { background:url('../images/buytl.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#paymentnotify { background:url('../images/paymentnotify.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#ticket { background:url('../images/paymentnotify.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#user { background:url('../images/gosafe.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#epin { background:url('../images/epin.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#logout { background:url('../images/logout.png') no-repeat 0px 0px; }
#content .left .box .boxcontent .fortress { margin-bottom:30px; padding-left:10px; }
#content .left .box .boxcontent .fortress a, #content .left .box .boxcontent .fortress a:focus, #content .left .box .boxcontent .fortress a:hover, #content .left .box .boxcontent .fortress a:active{ color: #FFFFFF; text-decoration: none; }
#content .left .box .boxcontent .fortress h3 { padding:0px 10px 5px 10px; font-size:15px; font-weight:bold; }
#content .left .box .boxcontent .fortress .guildname { float:left; margin-top:5px; margin-left:10px; }
#content .left .box .boxcontent .fortress .guildtax { float:right; margin-top:5px; }
#content .left .box .boxcontent #jangan_fortress { background:url('../images/fort-jangan.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #hotan_fortress { background:url('../images/fort-hotan.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #bandit_fortress { background:url('../images/fort-bandit.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #constantinople_fortress { background:url('../images/fort-constantinople.png') no-repeat 0px 0px; }
#content .left .box .boxcontent #kingslist li { margin-bottom:10px; border-bottom:1px dotted #CECECE; padding-bottom:10px; }
#content .left .box .boxcontent #kingslist li span { font-weight:bold; color:#ffe65b; }
#content .left .box .boxcontent #editprofile li#user-menu-silk { background:url('../images/coingold.gif') no-repeat 0px 0px; }
#content .left .box .boxcontent #editprofile li#user-menu-tl { background:url('../images/tl1.png') no-repeat 0px 0px; }
#content .right { float:right; width:630px; display:block; }
#content .right #iepin { background:#222; color:#FFF; width:400px; border:1px solid #444; padding:10px; outline:none; font-size:17px; font-family:Tahoma, Geneva, sans-serif; }
#content .right #epinsbt { padding:10px; outline:none; font-size:17px; font-family:Tahoma, Geneva, sans-serif; }
#content .right .epinresult { margin-left:33px; margin-top:10px; }
#content .right #banner { display:block; background:url('../images/banner.gif'); height:160px; width:630px; border:1px solid #222222; }
#content .right #banner #bannertext { color:#CECECE; margin-top:120px; margin-left:10px; font-size:19px; font-family:Tahoma, Geneva, sans-serif; }
#content .right #banner #bannertext a { text-decoration:none; color:#ed1c23; }
#content .right #banner #bannertext a:hover { text-decoration:underline; }
#content .right #ranks { width:618px; display:block; /*border:1px solid #333333;*/ margin:10px 0px; border-bottom:0; }
#content .right #ranks #rank_boxes li { float:left; width:157px; height:100px;  }
#content .right #ranks #rank_boxes li a { display:block; height:100px; text-indent:-99999px; }
#content .right #ranks #rank_boxes li#uniquee_rank { background:url('../images/ranks.png') no-repeat 0px -100px ; }
#content .right #ranks #rank_boxes li#uniquee_rank:hover,#content .right #ranks #rank_boxes li#uniquee_rank.active { background-position:0px 0px; }
#content .right #ranks #rank_boxes li#honor_rank { background:url('../images/ranks.png') no-repeat -157px -100px ; }
#content .right #ranks #rank_boxes li#honor_rank:hover,#content .right #ranks #rank_boxes li#honor_rank.active { background-position:-157px 0px; }
#content .right #ranks #rank_boxes li#guild_rank { background:url('../images/ranks.png') no-repeat -314px -100px ; }
#content .right #ranks #rank_boxes li#guild_rank:hover,#content .right #ranks #rank_boxes li#guild_rank.active { background-position:-314px 0px; }
#content .right #ranks #rank_boxes li#exp_rank { background:url('../images/ranks.png') no-repeat -471px -100px ; }
#content .right #ranks #rank_boxes li#exp_rank:hover,#content .right #ranks #rank_boxes li#exp_rank.active { background-position:-471px 0px; }
#content .right #ranks table tr td { background:#222; text-align:center; padding:5px; border-right:1px solid #333; font-family:Tahoma, Geneva, sans-serif; font-size:13px; border-bottom:1px solid #333; }
#content .right #ranks table tr.first td { background:url('../images/tdbg.png'); color:#ed1c24; }
#content .right #ranks table tr td.last { border-right:0; }
#content .right #ranks table a { text-decoration: none; color: #c1c1c1; }
#content .right #ranks table a:hover, #content .right #ranks table a:active, #content .right #ranks table a:focus { outline: none; text-decoration: none; color: #999999; }
#content .right h4 { background:url('../images/rightbg.png'); width:610px; height:14px; padding:10px; font-size:15px; font-family:Tahoma, Geneva, sans-serif; text-align:center; font-weight:bold; }
#content .right .rightcontent { display:block; padding:10px; background:#111111; border:1px solid #222222; width:605px; border-top:0; margin-left:1px; }
#content .right .rightcontent .big { font-family:Verdana, Geneva, sans-serif; font-size:16px; margin-bottom:10px; line-height:20px; }
#content .right .rightcontent .big a , #content .right .rightcontent .medium a { color:#ed1c24; text-decoration:none; }
#content .right .rightcontent .big a:hover , #content .right .rightcontent .medium a:hover { text-decoration:underline; }
#content .right .rightcontent .big select , #content .right .rightcontent .big input { background:#222; border:1px solid #333; padding:7px; outline:none; color:#CCC; display:block; margin-top:10px; }
#content .right .rightcontent .big input { width:290px; }
#content .right .rightcontent .medium { font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:18px; margin-bottom:10px; }
#content .right .rightcontent .small { font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:18px; margin-bottom:10px; }
#content .right .rightcontent .title { font-family:Tahoma, Geneva, sans-serif; font-size:15px; color:#0C3; font-weight:bold; line-height:18px; margin-bottom:10px; }
#content .right .news-content { display:block; padding: 0 10px; background:#111111; border:1px solid #222222; width:605px; border-top:0; margin-left:1px; }
#content .right .help-content { display:block; padding:0; background:#111111; border:1px solid #222222; width:625px; border-top:0; margin-left:1px; }

/* Market */
.marketwrapper { overflow:auto; margin-top:10px; }
.basketwrapper { overflow:auto; margin-top:10px; }
.total_price td { font-size:15px; font-weight:bold; }
.tlmarket { font-family:Tahoma, Geneva, sans-serif; font-size:13px; margin-top:0px; }
.tlmarket tr td { padding:5px; vertical-align:middle; background:#222222; border:1px solid #333333; }
.tlmarket tr td.sox_1 { color:#ffd953; }
.tlmarket tr td.sox_2 { color:#0C3; }
.tlmarket tr td.sox_3 { color:#C6F; }
.tlmarket tr td.race_1 { color:#06F; } /* EU */
.tlmarket tr td.race_2 { color:#F30; } /* CH */
.tlmarket tr td input,.tlmarket tr td select { border:1px solid #444444; background:#333333; outline:none; color:#CCC; }
.tlmarket tr td a { text-decoration:none; color:#06C; }
.tlmarket tr td a:hover { text-decoration:underline; }

#itembasket tr td { background:#333; border:1px solid #444; }
#itembasket tr.title td { background:#333 url('../images/basket.png') no-repeat 5px 6px; padding-left:28px; }

#howto { list-style:none; }
#howto li { float:left; margin-right:5px; }
#howto li.last { margin-right:0px; }

.cat_tab { padding:7px; background:#333; float:left; margin-right:10px; font-family:Tahoma, Geneva, sans-serif; color:#999; font-size:13px; }
.cat_tab select { padding:3px; font-family:Tahoma, Geneva, sans-serif; font-size:13px; }
.continue { margin:0px auto; padding:10px; width:130px; background:#222; text-align:center; margin-top:10px; }
.continue a { color:#C33; font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:bold; text-decoration:none; }

#help li { margin-bottom:5px; }
#help li a { display:block; padding:5px; color:#09F; font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-decoration:none; }
#help li a:hover { background:#F60; color:#FFF; }

.buyit { width:100px; }

/* Footer */
#footer { width:870px; margin:20px auto; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:11px; }
#footer a { text-decoration:none; color:#06F }
#footer a:hover { text-decoration:underline; }
#footer #links a { font-size:10px }

.tsstatus{width:200px;overflow:hidden;position:relative}
.tsstatus,.tsstatus *{font-family:Verdana;font-size:10px;vertical-align:middle;white-space:nowrap;margin:0;padding:0}
.tsstatuserror{font-family:Verdana;font-size:10px;color:red}
.tsstatus .tsstatusNickname,.tsstatus .tsstatusPassword{border-bottom:1px solid #aaa;padding-bottom:2px;margin-bottom:2px}
.tsstatus input{width:135px;height:18px}
.tsstatus .tsstatusItem{margin-left:18px;clear:both}
.tsstatus .tsstatusLabel{float:left}
.tsstatus .tsstatusFlags{position:absolute;right:0;clear:right}
.tsstatus a{text-decoration:none;color:#FFF;font-weight:700}
.tsstatus a:hover{text-decoration:none;color:#F0F}
.tsstatus img{margin-right:2px;border:0}

#player_ranks { width:618px; }
#player_ranks #rankbox_left { width:147px; float:left; }
#player_ranks #rankbox_left ul li a { display:block; height:28px; width:147px; background:url('../images/rank.png'); text-indent:-999999px; }
#player_ranks #rankbox_left ul li #guildrank { background-position: -654px -92px }
#player_ranks #rankbox_left ul li #guildrank:hover { background-position: -654px -62px }
#player_ranks #rankbox_left ul li #uniquerank { background-position: -654px -32px; }
#player_ranks #rankbox_left ul li #uniquerank:hover { background-position: -654px -2px }
#player_ranks #rankbox_left ul li #pvprank { background-position: -814px -122px; }
#player_ranks #rankbox_left ul li #pvprank:hover { background-position: -654px -122px }
#player_ranks #rankbox_left ul li #honorrank { background-position: -815px -92px }
#player_ranks #rankbox_left ul li #honorrank:hover { background-position: -815px -62px }
#player_ranks #rankbox_left ul li #playerrank { background-position: -815px -32px; }
#player_ranks #rankbox_left ul li #playerrank:hover { background-position: -815px -2px; }
#player_ranks #rankbox_middle { width:324px; height:138px; float:left; border:1px solid #222222; background:url('../images/rank.png') -2px -2px; }
#player_ranks #rankbox_middle h1 { text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:27px; margin-top:10px; color:#ed1c24; font-weight:bold; }
#player_ranks #rankbox_middle ul { margin-top:10px; }
#player_ranks #rankbox_middle ul li { text-align:center; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; text-height:19px; }
#player_ranks #rankbox_middle ul li.first { font-size:15px; font-weight:bold; }
#player_ranks #rankbox_middle ul li.second { font-size:14px; }
#player_ranks #rankbox_middle ul li.third { font-size:13px; }
#player_ranks #rankbox_right { width:147px; float:left; }
#player_ranks #rankbox_right ul li a { display:block; height:28px; width:147px; background:url('../images/rank.png'); text-indent:-999999px; }
#player_ranks #rankbox_right ul li #thiefrank { background-position: -328px -92px }
#player_ranks #rankbox_right ul li #thiefrank:hover { background-position: -328px -62px }
#player_ranks #rankbox_right ul li #traderrank { background-position: -328px -32px }
#player_ranks #rankbox_right ul li #traderrank:hover { background-position: -328px -2px }
#player_ranks #rankbox_right ul li #hunterrank { background-position: -491px -2px }
#player_ranks #rankbox_right ul li #hunterrank:hover { background-position: -328px -122px }
#player_ranks #rankbox_right ul li #extunique { background-position: -491px -62px }
#player_ranks #rankbox_right ul li #extunique:hover { background-position: -491px -32px }
#player_ranks #rankbox_right ul li #extpvp { background-position: -491px -122px }
#player_ranks #rankbox_right ul li #extpvp:hover { background-position: -491px -92px }
#rank_loading { text-align:center; position:relative; font-family:Tahoma, Geneva, sans-serif; font-size:36px; color:#ed1c24; top:-1100px; margin:0px auto; z-index:999999; }
#whoisonline { display:block; margin-top:8px; color:#ed1c24; text-decoration:none; font-size:14px; }
#whoisonline:hover { text-decoration:underline; }
.user { float:left; width:200px; }
.hwan { color:#ffe65b; }
.banner { width:870px; background:red; height:150px; margin:10px auto; }


/* Nivo Slider */
.nivoSlider { position:relative;width:100%;height:auto;overflow: hidden;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important;width: 100% !important;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white; filter:alpha(opacity=0);opacity:0;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img { display:block; }
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;width:100%;z-index:8;padding: 5px 10px;opacity: 0.8;overflow: hidden;display: none;-moz-opacity: 0.8;	filter:alpha(opacity=8);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav {text-align:center;padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.post {
    border-bottom: 1px solid #d2d6de;
    color: #8b8b8b;
    overflow: hidden;
}
.post:last-of-type {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.post .user-block {
    margin-bottom: 15px;
}
.post p {
    margin: 10px 0;
    overflow: hidden;
}
.post img {
    vertical-align: middle;
    display: block;
    max-width: 100%;
    height: auto;
}
.user-block:before,
.user-block:after {
    content: " ";
    display: table;
}
.user-block:after {
    clear: both;
}
.user-block img {
    width: 40px;
    height: 40px;
    float: left;
}
.user-block .username,
.user-block .description,
.user-block .comment {
    display: block;
    margin-left: 50px;
}
.user-block .username {
    font-size: 16px;
    font-weight: 600;
}
.user-block .description {
    color: #999;
    font-size: 13px;
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
    margin-left: 40px;
}
.user-block.user-block-sm .username {
    font-size: 14px;
}
.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
    float: left;
}
.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important;
}

.charinfo .char-last-unique-result table,
.charinfo .char-global-result table,
.charinfo .char-unique-result table {
    width: 100%;
}

.charinfo .char-last-unique-result table tr td,
.charinfo .char-global-result table tr td,
.charinfo .char-unique-result table tr td {
    background:#222;
    padding: 10px;
    border-right:1px solid #333;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:13px;
    border-bottom:1px solid #333;
}

.charinfo .char-last-unique-result table tr td {
    text-align:center;
}

.charinfo .char-last-unique-result table a,
.charinfo .char-global-result table a,
.charinfo .char-unique-result table a {
    text-decoration: none;
    color: #3c8dbc;
}

.charinfo .char-last-unique-result table a:hover, .charinfo .char-global-result table a:active, .charinfo .char-global-result table a:focus { outline: none; text-decoration: none; color: #72afd2; }
.charinfo .char-global-result table a:hover, .charinfo .char-global-result table a:active, .charinfo .char-global-result table a:focus { outline: none; text-decoration: none; color: #72afd2; }
.charinfo .char-unique-result table a:hover, .charinfo .char-unique-result table a:active, .charinfo .char-unique-result table a:focus { outline: none; text-decoration: none; color: #72afd2; }

.guildinfo .master-info {
    width: 30%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #444444;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(51, 51, 54, 1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(51, 51, 54, 1);
    box-shadow: inset 0 0 10px 0 rgb(51, 51, 54);
}

.guildinfo .guild-info-result table {
    width: 100%;
}
.guildinfo .guild-info-result table tr td {
    background:#222;
    text-align:left;
    padding: 10px;
    border-right:1px solid #333;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:13px;
    border-bottom:1px solid #333;
}
.guildinfo .guild-info-result table a { text-decoration: none; color: #3c8dbc; }
.guildinfo .guild-info-result table a:hover, .guildinfo .guild-info-result table a:active, .guildinfo .guild-info-result table a:focus { outline: none; text-decoration: none; color: #72afd2; }

.guildinfo .guild-members-result table tr td { background:#222; text-align:center; padding:5px; border-right:1px solid #333; font-family:Tahoma, Geneva, sans-serif; font-size:13px; border-bottom:1px solid #333; }
.guildinfo .guild-members-result table tr.first td { background:url('../images/tdbg.png'); color:#ed1c24; }
.guildinfo .guild-members-result table tr td.last { border-right:0; }
.guildinfo .guild-members-result table a { text-decoration: none; color: #3c8dbc; }
.guildinfo .guild-members-result table a:hover, .guildinfo .guild-members-result table a:active, .guildinfo .guild-members-result table a:focus { outline: none; text-decoration: none; color: #72afd2; }

.guildinfo .master-info-list a {
    text-decoration: none;
    color: #3c8dbc;
}

.guildinfo .master-info-list a:hover,
.guildinfo .master-info-list a:active,
.guildinfo .master-info-list a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
}

.master-info .master-info-list ul {
    margin-top: 10px;
}

.master-info .master-info-list ul > li {
    font-size: 14px;
    margin-bottom: 4px;
}

.master-info .master-info-list .text-bold {
    font-size: 15px;
    font-weight: bold;
}

.char-info {
    padding: 10px;
    border: 1px solid #444444;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(41,41,43,1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(41,41,43,1);
    box-shadow: inset 0 0 10px 0 rgba(41,41,43,1);
}

.char-top-wrapper {
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #5e5e5e;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(51, 51, 54, 1);
    -moz-box-shadow: inset 0 0 10px 0 rgba(51, 51, 54, 1);
    box-shadow: inset 0 0 10px 0 rgb(51, 51, 54);
}

.char-info .char-img {
    margin-right: 10px;
}

.char-info .char-img img {
    width: 165px;
    height: auto;
}

.char-info .char-info-list a {
    text-decoration: none;
    color: #3c8dbc;
}

.char-info .char-info-list a:hover,
.char-info .char-info-list a:active,
.char-info .char-info-list a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2;
}

.char-info .char-info-list ul > li {
    font-size: 16px;
    margin-bottom: 2px;
}

.char-info .char-info-list .text-bold {
    font-size: 17px;
    font-weight: bold;
}

.bg-equipment {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.bg-equipment-avatar {
    background: url('../images/equipment/com_bg_tile_d.png') no-repeat !important;
    background-size: 100% 100% !important;
    width: 181px;
    height: 357px;
}

.slots {
    width: 40px;
    height: 40px;
}

.itemslot {
    float: left;
    width: 40px;
    height: 40px;
    margin: 1px;
    padding: 0 !important;
}

.weapon .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_weapon.PNG') no-repeat !important;
    background-size: 56px 56px !important;
}

.shield .itemslot {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 25px;
    background: url('../images/equipment/equip_slot_shield.PNG') no-repeat !important;
    background-size: 56px 56px !important;
}

.head .itemslot {
    background: url('../images/equipment/equip_slot_helm.PNG') no-repeat !important;
}

.chest .itemslot {
    background: url('../images/equipment/equip_slot_mail.PNG') no-repeat !important;
}

.shoulder .itemslot {
    background: url('../images/equipment/equip_slot_shoulderguard.PNG') no-repeat !important;
}

.hands .itemslot {
    background: url('../images/equipment/equip_slot_gauntlet.PNG') no-repeat !important;
}

.legs .itemslot {
    background: url('../images/equipment/equip_slot_pants.PNG') no-repeat !important;
}

.foot .itemslot {
    background: url('../images/equipment/equip_slot_boots.PNG') no-repeat !important;
}

.earring .itemslot {
    background: url('../images/equipment/equip_slot_earring.PNG') no-repeat !important;
}

.necklace .itemslot {
    background: url('../images/equipment/equip_slot_necklace.PNG') no-repeat !important;
}

.lring .itemslot {
    background: url('../images/equipment/equip_slot_l_ring.PNG') no-repeat !important;
}

.rring .itemslot {
    background: url('../images/equipment/equip_slot_r_ring.PNG') no-repeat !important;
}

.specdress .itemslot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    margin-top: 10px !important;
}

.hat .itemslot {
    background: url('../images/equipment/equip_slot_helm.PNG') no-repeat !important;
}

.dress .itemslot {
    background: url('../images/equipment/equip_slot_cloth.PNG') no-repeat !important;
}

.attach .itemslot {
    background: url('../images/equipment/equip_slot_pandernt.PNG') no-repeat !important;
}

.flag .itemslot {
    background: url('../images/equipment/equip_slot_plag.PNG') no-repeat !important;
}

.spec .itemslot {
    background: url('../images/equipment/equip_slot_extraneous01.PNG') no-repeat !important;
}

.slots {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.bg-equipment-avatar .slots  {
    width: 23% !important;
    margin-bottom: 3px !important;
}

.avatar-margin {
    margin-top: 80px !important;
}

.slots.right {
    float: right;
    clear: right;
    margin-right: 0;
    margin-left: 10%;
}

.slots.left {
    float: left;
    clear: left;
    margin-left: 0;
    margin-right: 10%;
}

.slots.weapon,
.slots.shield {
    width: 31% !important;
    margin-bottom: 40px !important;

}

.image .itemslot .image {
    margin: 3px;
}

.itemslot .image .qinfo {
    font-size: 9px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 0 -0.5px #000;
    color: #fff;
    padding: 0 0;
    float: left;
}

.move .image.activeItem {
    box-shadow: 0 0 7px 4px gray;
}

.itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0 !important;
    margin: 3px;
}

.itemslot .imageavatar {
    width: 34px !important;
    height: 34px !important;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 84px !important;
}

.slots.left .itemslot .imageavatar {
    margin-left: 2px !important;
}

.weapon .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.shield .itemslot .image {
    width: 100%;
    height: 100%;
    float: left;
    margin: 3px;
    padding: 0 !important;
    margin-top: 11px !important;
    margin-left: 11px !important;
}

.imageclear {
    margin-top: -2px;
    display: inline-block;
}

.itemInfo {
    color: #fff;
    z-index: 80;
    position: absolute;
    left: 34px;
    top: 3px;
    width: 180px;
    background: rgba(88, 98, 170, 0.85);
    border: 2px solid #303d4d;
    padding: 5px;
    display: none;
    line-height: 18px;
    font-size: 10px;
}

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 190px;
    padding: 8px !important;
    background: url('../images/equipment/com_bg_tile_tl.PNG') no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
}

.ui-tooltip-content {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px !important;
    line-height: 15px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 1px 1px #000;
    color: #fff;
}

.equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: right;
    clear: right;
}

.bg-equipment-avatar .equip-suit-slot {
    background: url('../images/equipment/equip_slot_specialdress.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: right;
    clear: right;
}

.equip-suit-slot .image {
    width: 34px !important;
    height: 34px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
}

.btn-equip-avatar {
    background: url('../images/equipment/equip_slot_avata_button.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 10px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-avatar:hover {
    background: url('../images/equipment/equip_slot_avata_button_focus.PNG') no-repeat !important;
}

.btn-equip-avatar:active {
    background: url('../images/equipment/equip_slot_avata_button_press.PNG') no-repeat !important;
}

.btn-equip-set {
    background: url('../images/equipment/equip_slot_equipment_button.PNG') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-set:hover {
    background: url('../images/equipment/equip_slot_equipment_button_focus.PNG') no-repeat !important;
}

.btn-equip-set:active {
    background: url('../images/equipment/equip_slot_equipment_button_press.PNG') no-repeat !important;
}

.btn-rotate-group {
    position: relative;
    left: 12px;
    top: 32px;
    display: inline-block;
}

.bg-equipment-avatar .btn-rotate-group {
    position: relative;
    left: -7px;
    margin-top: 134px;
    display: inline-block;
}

.btn-rotate-left {
    background: url('../images/equipment/equip_rotate_left_button.PNG') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-right: -5px;
    margin-left: 5px;
    border: none;
    outline: 0;
}

.btn-rotate-left:hover {
    background: url('../images/equipment/equip_rotate_left_button_focus.PNG') no-repeat !important;
}

.btn-rotate-left:active {
    background: url('../images/equipment/equip_rotate_left_button_press.PNG') no-repeat !important;
}

.btn-rotate-right {
    background: url('../images/equipment/equip_rotate_right_button.PNG') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-left: -5px;
    border: none;
    outline: 0;
}

.btn-rotate-right:hover {
    background: url('../images/equipment/equip_rotate_right_button_focus.PNG') no-repeat !important;
}

.btn-rotate-right:active {
    background: url('../images/equipment/equip_rotate_right_button_press.PNG') no-repeat !important;
}

.btn-rotate-top {
    background: url('../images/equipment/equip_rotate_reset_button.PNG') no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    border: none;
    outline: 0;
}

.btn-rotate-top:hover {
    background: url('../images/equipment/equip_rotate_reset_button_focus.PNG') no-repeat !important;
}

.btn-rotate-top:active {
    background: url('../images/equipment/equip_rotate_reset_button_press.PNG') no-repeat !important;
}

.search-result table tr td { background:#222; text-align:center; padding:5px; border-right:1px solid #333; font-family:Tahoma, Geneva, sans-serif; font-size:13px; border-bottom:1px solid #333; }
.search-result table tr.first td { background:url('../images/tdbg.png'); color:#ed1c24; }
.search-result table tr td.last { border-right:0; }
.search-result table a { text-decoration: none; color: #3c8dbc; }
.search-result table a:hover, .search-result table a:active, .search-result table a:focus { outline: none; text-decoration: none; color: #72afd2; }

#searchForm input{
    height: 18px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

#searchForm select{
    margin-top: 1px;
}

#searchForm button{
    margin-top: 1px;
    height: 32px;
}

.dark-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 545px;
    background: #323334;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #c1c1c1;
    text-shadow: 1px 1px 1px #444;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.dark-form label {
    display: block;
    margin: 0px 0px 5px;
}
.dark-form label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    font-weight: bold;
}
.dark-form input[type="text"],
.dark-form input[type="password"],
.dark-matter input[type="email"],
.dark-form textarea, .dark-form select {
    border: none;
    color: #909090;
    height: 25px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #242424;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(31,30,31,1);
    -moz-box-shadow: inset 0 1px 1px 0 rgba(31,30,31,1);
    box-shadow: inset 0 1px 1px 0 rgba(31,30,31,1);
}

.dark-form select {
    width: 71% !important;
}

.dark-form #CaptchaImg {
    width: auto;
    margin: 2px 0 16px 8px;
    outline: 0 none;
    border-radius: 2px;
    border: 1px solid #1d1d1d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.dark-form select {
    -webkit-appearance:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    color: #525252;
    line-height: 25px;
}
.dark-form textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}

#timers {
    overflow: hidden;
}

#timers ul > li {
    margin: 5px 0;
    font-size: 14px;
}

#timers ul > li:first-child {
    margin: 0 0 5px;
    font-size: 14px;
}

.item-buy {
    display: inline-block;
    padding: 1px 5px;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    text-decoration: none;
    color: #fff !important;
    background: #d9534f none;
    border-color: #d43f3a;
}
.item-buy:focus,
.item-buy.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}
.item-buy:hover {
    text-decoration: none !important;
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.item-buy:active,
.item-buy.active {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.item-buy:active:hover,
.item-buy.active:hover,
.item-buy:active:focus,
.item-buy.active:focus,
.item-buy:active.focus,
.item-buy.active.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}
.item-buy:active,
.item-buy.active {
    background-image: none;
}
.item-buy.disabled:hover,
.item-buy[disabled]:hover,
fieldset[disabled] .item-buy:hover,
.item-buy.disabled:focus,
.item-buy[disabled]:focus,
fieldset[disabled] .item-buy:focus,
.item-buy.disabled.focus,
.item-buy[disabled].focus,
fieldset[disabled] .item-buy.focus {
    background-color: #d9534f;
    border-color: #d43f3a;
}

/*
 * Component: box-new
 * --------------
 */
.box-new {
    position: relative;
    border-radius: 3px;
    background: #272727;
    border-top: 3px solid #222222;
    margin-bottom: 10px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box-new.box-new-primary {
    border-top-color: #3c8dbc;
}
.box-new.box-new-info {
    border-top-color: #00c0ef;
}
.box-new.box-new-danger {
    border-top-color: #dd4b39;
}
.box-new.box-new-warning {
    border-top-color: #f39c12;
}
.box-new.box-new-success {
    border-top-color: #00a65a;
}
.box-new.box-new-default {
    border-top-color: #8c0d12;
}
.box-new.collapsed-box .box-new-body,
.box-new.collapsed-box .box-new-footer {
    display: none;
}
.box-new .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box-new .nav-stacked > li:last-of-type {
    border-bottom: none;
}
.box-new.height-control .box-new-body {
    max-height: 300px;
    overflow: auto;
}
.box-new .border-right {
    border-right: 1px solid #f4f4f4;
}
.box-new .border-left {
    border-left: 1px solid #f4f4f4;
}
.box-new.box-new-solid {
    border-top: 0;
}
.box-new.box-new-solid > .box-new-header .btn.btn-default {
    background: transparent;
}
.box-new.box-new-solid > .box-new-header .btn:hover,
.box-new.box-new-solid > .box-new-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}
.box-new.box-new-solid.box-new-default {
    border: 1px solid #d2d6de;
}
.box-new.box-new-solid.box-new-default > .box-new-header {
    color: #444444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box-new.box-new-solid.box-new-default > .box-new-header a,
.box-new.box-new-solid.box-new-default > .box-new-header .btn {
    color: #444444;
}
.box-new.box-new-solid.box-new-primary {
    border: 1px solid #3c8dbc;
}
.box-new.box-new-solid.box-new-primary > .box-new-header {
    color: #ffffff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}
.box-new.box-new-solid.box-new-primary > .box-new-header a,
.box-new.box-new-solid.box-new-primary > .box-new-header .btn {
    color: #ffffff;
}
.box-new.box-new-solid.box-new-info {
    border: 1px solid #00c0ef;
}
.box-new.box-new-solid.box-new-info > .box-new-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box-new.box-new-solid.box-new-info > .box-new-header a,
.box-new.box-new-solid.box-new-info > .box-new-header .btn {
    color: #ffffff;
}
.box-new.box-new-solid.box-new-danger {
    border: 1px solid #dd4b39;
}
.box-new.box-new-solid.box-new-danger > .box-new-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box-new.box-new-solid.box-new-danger > .box-new-header a,
.box-new.box-new-solid.box-new-danger > .box-new-header .btn {
    color: #ffffff;
}
.box-new.box-new-solid.box-new-warning {
    border: 1px solid #f39c12;
}
.box-new.box-new-solid.box-new-warning > .box-new-header {
    color: #ffffff;
    background: #f39c12;
    background-color: #f39c12;
}
.box-new.box-new-solid.box-new-warning > .box-new-header a,
.box-new.box-new-solid.box-new-warning > .box-new-header .btn {
    color: #ffffff;
}
.box-new.box-new-solid.box-new-success {
    border: 1px solid #00a65a;
}
.box-new.box-new-solid.box-new-success > .box-new-header {
    color: #ffffff;
    background: #00a65a;
    background-color: #00a65a;
}
.box-new.box-new-solid.box-new-success > .box-new-header a,
.box-new.box-new-solid.box-new-success > .box-new-header .btn {
    color: #ffffff;
}
.box-new.box-new-solid > .box-new-header > .box-new-tools .btn {
    border: 0;
    box-shadow: none;
}
.box-new.box-new-solid[class*='bg'] > .box-new-header {
    color: #fff;
}
.box-new .box-new-group > .box-new {
    margin-bottom: 5px;
}
.box-new .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box-new > .overlay,
.overlay-wrapper > .overlay,
.box-new > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box-new .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box-new .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box-new .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-new-header:before,
.box-new-body:before,
.box-new-footer:before,
.box-new-header:after,
.box-new-body:after,
.box-new-footer:after {
    content: " ";
    display: table;
}
.box-new-header:after,
.box-new-body:after,
.box-new-footer:after {
    clear: both;
}
.box-new-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-new-header.with-border {
    border-bottom: 1px solid #a3a3a3;
}
.collapsed-box .box-new-header.with-border {
    border-bottom: none;
}
.box-new-header > .fa,
.box-new-header > .glyphicon,
.box-new-header > .ion,
.box-new-header .box-new-title {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    line-height: 1;
}
.box-new-header .box-new-title a {
    text-decoration: none;
}
.box-new-header > .fa,
.box-new-header > .glyphicon,
.box-new-header > .ion {
    margin-right: 5px;
}
.box-new-header > .box-new-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-new-header > .box-new-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-new-header > .box-new-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-new-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-new-tool,
.btn-box-new-tool:hover {
    color: #606c84;
}
.btn-box-new-tool.btn:active {
    box-new-shadow: none;
}
.box-new-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-new-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-new-body > .table {
    margin-bottom: 0;
}
.box-new-body .fc {
    margin-top: 5px;
}
.box-new-body .full-width-chart {
    margin: -19px;
}
.box-new-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-new-body .box-new-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-new-body .box-new-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-new-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}

div.image span.plus {
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/itemplus.png) left top;
    -webkit-animation: play 1.8s steps(32) infinite;
    -moz-animation: play 1.8s steps(32) infinite;
    -ms-animation: play 1.8s steps(32) infinite;
    -o-animation: play 1.8s steps(32) infinite;
    animation: play 1.8s steps(32) infinite;
}

@-webkit-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-moz-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-ms-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@-o-keyframes play {
    100% {
        background-position: -1024px;
    }
}

@keyframes play {
    100% {
        background-position: -1024px;
    }
}