/**
*  default
**/
html, body { margin: 0; padding: 0; }
body {
	font: 12px/130% "Dotum";color: #999;
	background: #130c08 url('http://img.quakewars.co.kr/img/img_common/bg.jpg') no-repeat 50% 40px;
}

em  { font-style: normal; }
img { border: 0; }
a { text-decoration: none; color: #999; }
a:hover { color: #b24c00; }
h1 { display: none; }
h1, h2, h3, h4, h5, h6, form, ul, li, ol, dl, dt, dd, blockquote, p { list-style-type: none; margin: 0; padding: 0; }
input, select, textarea { border: 0; font: 11px "Dotum"; color: #6e2f00; vertical-align: middle; }
input.submit, input.radio, input.check { padding: 0 !important; border: 0 !important; }
input.radio, input.check { background: none !important; vertical-align: baseline !important; }
input.input { padding: 4px 5px; border: 1px solid #51280a; background: #000; }
select.select { behavior: url('/lib/script/selectbox.htc'); background-color: #000; }
select.clan-select { behavior: url('/lib/script/clan_selectbox.htc'); background-color: #000; }
textarea	{ padding: 5px; border: 1px solid #51280a; background: #000; }
iframe,
textarea {
	scrollbar-3dlight-color: #000000;
	scrollbar-highlight-color: #b24c00;
	scrollbar-face-color: #b24c00;
	scrollbar-arrow-color: #000000;
	scrollbar-shadow-color: #b24c00;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #000000;
}
fieldset { margin: 0; padding: 0; border: 0; }
fieldset legend { display: none; }
table { border-collapse: collapse; }
table th, table td { padding: 0; }
.reDesignSelectBox { margin: 0 !important; table-layout: auto !important; }
.reDesignSelectBox *, .reDesignSelectBox * th, .reDesignSelectBox * td { width: auto !important; height: auto !important; padding-left: 5px !important; padding-top: 0 !important; padding-bottom: 0 !important; border: 0 !important; vertical-align: middle !important; }
.reDesignSelectBox * img { vertical-align: top !important; }

/* layout */
#container		{ position: relative; width: 980px; margin: -38px auto 0; padding: 0 0 80px; z-index: 99999; overflow: hidden; }
#subSection		{ float: left; width: 235px; margin: 0 30px 0 0; }
#content		{ position: relative; float: left; width: 715px; }
#bunkerpc		{ margin: -15px 0 10px; }
#skybanner		{ position: absolute; top: 374px; left: 50%; margin: 0 0 0 510px; }
#skybanner p	{ margin: 0 0 8px; }

/* global search */
/*
#globalSearch			{ margin: 10px 0 0; padding: 0 0 10px; border-bottom: 1px solid #271e1a; }
#globalSearch h2		{ padding: 3px 0 10px 0; }
#globalSearch h2 img	{ display: block; }
#globalSearch .search	{ width: 442px; border: 4px solid #b25900; overflow: hidden; }
#globalSearch .input	{ float: left; width: 387px; height: 19px; padding: 5px 5px; border: 0; font-size: 16px; color: #d7d7d7; background: url('http://img.quakewars.co.kr/img/img_common/bg_globalsearch.gif') no-repeat 0 0; }
#globalSearch .submit	{ float: left; }
#globalSearch .hot		{ margin: 12px 0 0; text-align: center; }
#globalSearch .hot span { padding: 0 0 0 26px; background: url('http://img.quakewars.co.kr/img/img_common/ico_hot.gif') no-repeat 0 0; }
*/
#globalSearch			{ width: 231px; border: 2px solid #913f02; overflow: hidden; }
#globalSearch input,
#globalSearch h4		{ display: block; float: left; }
#globalSearch .input	{ float: left; width: 125px; padding: 5px 5px 3px; border: 0; color: #d7d7d7; background: #000; }
#globalSearch .submit	{ float: left; }

#externalLink { margin: 15px 0 0; }
#externalLink p			{ margin: 0 0 5px; }

/* login */
.login				{ position: relative; width: 235px; margin: 0 0 25px; padding: 0 0 7px; background: #312a26; /*background: url('http://img.quakewars.co.kr/img/img_common/bg_login.gif') no-repeat 0 0;*/ }
.login h2			{ padding: 11px 0 10px 16px; }
.login h2 img		{ display: block; }
.login p.logout		{ position: absolute; top: 7px; right: 14px; }
.login p.util		{ margin: 10px 0 0; text-align: center; }
#login h2 img		{ display: block; }
#login ul			{ margin: -3px 0 0 15px; }
#login ul li		{ padding: 0 0 4px; font-size: 0; line-height: 0; }
#login ul li.submit	{ position: absolute; top: 31px; left: 163px; padding: 0; }
#login p.util		{ margin-top: 6px; }
#login input.id,
#login input.pw		{ width: 130px; height: 13px; padding: 3px 5px 4px; color: #e46100; vertical-align: middle; border: 1px solid #2d2d2d; border-top: 1px solid #0d0d0d; border-left: 1px solid #0d0d0d; background-color: #1c1816; }
#login input.id		{ background: #1c1816 url('http://img.quakewars.co.kr/img/img_common/bg_id.gif') no-repeat 0 0; }
#login input.pw		{ background: #1c1816 url('http://img.quakewars.co.kr/img/img_common/bg_pw.gif') no-repeat 0 0; }
#login input.onfocus{ background-image: url('') !important; }

#logged .logged				{ position: relative; width: 183px; margin: 4px auto 5px; padding: 10px; font-size: 11px; color: #6e6e6e; border-top: 1px solid #0d0d0d; border-left: 1px solid #0d0d0d; border-right: 1px solid #2a2725; border-bottom: 1px solid #2a2725; background: #1c1816; }
#logged strong				{ color: #fff; font-weight: normal; }
#logged .msg				{ padding: 8px 0 0; }
#logged .character			{ position: relative; width: 185px; margin: 0 0 10px; padding: 3px 0 0; color: #fff; }
#logged .character img		{ margin: -3px 0 0; vertical-align: middle; }
#logged .character .memo	{ position: absolute; top: 3px; right: 0; }
#logged p.gage				{ width: 184px; height: 7px; margin: 2px 0 5px -10px; font-size: 0; line-height: 0; border: 1px solid #2d2d2d; background: #121212; }
#logged p.gage img			{ height: 7px; }
#logged ul					{ margin: 0 0 -5px; }
#logged ul li				{ padding-left: 10px; color: #999; /*letter-spacing: -1px;*/ background: url('http://img.quakewars.co.kr/img/img_common/bul_graysquare.gif') no-repeat 4px 5px; }
#logged ul a				{ text-decoration: underline; color: #b24c00; }
#logged ul strong			{ padding: 0 3px 0 0; color: #6e6e6e; font-weight: normal; }
#logged p.util img			{ margin: 0 -1px 0 0; }

#InfoBoxRankDetailView		{ cursor: pointer; }
#InfoBoxRankDetail			{ display: none; position: absolute; top: 137px; left: 0; width: 235px; margin: 0; padding: 7px 0; background: #312a26; }
.infobox-rankdetail			{ padding-top: 0 !important; }
.infobox-rankdetail h3		{ padding: 10px 0 6px; }
.infobox-rankdetail h3 img	{ display: block; }
.infobox-rankdetail ul		{ }
.infobox-rankdetail ul li	{ letter-spacing: -1px; line-height: 120%; background-position: 4px 3px; }
.infobox-rankdetail strong	{ letter-spacing: 0 !important; }
.infobox-rankdetail span	{ padding: 0 3px 0 4px; }
.infobox-rankdetail span.up	{ padding-left: 12px; color: #ee1c24; background: url('http://img.quakewars.co.kr/img/img_common/rank_up.gif') no-repeat 3px 4px; }
.infobox-rankdetail span.dn	{ padding-left: 12px; color: #00aef0; background: url('http://img.quakewars.co.kr/img/img_common/rank_dn.gif') no-repeat 3px 4px; }

/*
#logged .msg img.cbtester-verify { margin: -8px 0 0; }
#logged .logout		{ position: absolute; top: 49px; right: 8px; }
*/

/* footer */
#footer				{ position: relative; width: 100%; height: 150px; background: url('http://img.quakewars.co.kr/img/img_common/bg_footer.gif') no-repeat 50% 0; }
#footer .company	{ position: absolute; top: 55px; left: 50%; margin-left: -490px; }
#footer .company li { display: inline; padding: 0 11px 0 0; vertical-align: middle; }
#footer .links		{ position: absolute; top: 33px; left: 50%; margin-left: -234px; }
#footer .links li	{ float: left; padding: 0 9px; background: url('http://img.quakewars.co.kr/img/img_common/footer_border.gif') no-repeat 0 0; }
#footer .links li img { display: block; }
#footer .links li:first-child { background: none; }
#footer p			{ position: absolute; left: 50%; margin-left: -225px; }
#footer p img		{ display: block; }
#footer .address	{ top: 50px; }
#footer .copyright	{ top: 80px; }
#footer .grade		{ top: 50px; margin-left: 255px !important; }

/* coupon */
#couponWrap			{ width: 440px; height: 246px; }
#couponWrap h1		{ display: block; height: 29px; padding: 12px 0 0 15px; background: url('http://img.quakewars.co.kr/img/img_common/coupon_bg_title.gif') repeat-x 0 0; }
#couponWrap h2		{ padding: 15px 0 12px 25px; font-size: 12px; color: #bdbdbd; }
#couponBox			{ border-top: 1px solid #090806; border-left: 1px solid #090806; border-right: 1px solid #191817; border-bottom: 1px solid #191817; }
#couponBox			{ width: 368px; height: 71px; margin: 0 auto; padding: 20px 20px 15px; font-size: 11px; color: #bdbdbd; background: #141311; }
#couponBox .input	{ padding: 4px 5px; }
#couponBox .caption	{ margin: 13px 0 0; }
#couponSubmit		{ margin: 15px 0 0; text-align: center; }
#couponSubmit input,
#couponSubmit img	{ vertical-align: middle; }

/* nickname */
#nicknameWrap			{ width: 440px; padding: 0 0 25px; }
#nicknameWrap h1		{ display: block; height: 29px; padding: 12px 0 0 15px; background: url('http://img.quakewars.co.kr/img/img_common/coupon_bg_title.gif') repeat-x 0 0; }
#nicknameWrap h2		{ padding: 15px 0 12px 25px; font-size: 12px; color: #bdbdbd; }
#nicknameWrap h2 strong	{ color: #ffcc00; }
#nicknameResult			{ width: 410px; margin: 15px auto 0; padding: 0 0 23px; border-bottom: 1px solid #303030; }
#nicknameResult .notice	{ border-top: 1px solid #171512; border-left: 1px solid #171512; border-right: 1px solid #32302f; border-bottom: 1px solid #32302f; background: #292824; }
#nicknameResult .notice { padding: 15px 20px 13px; font-size: 14px; font-weight: bold; color: #bdbdbd; zoom: 1; overflow: hidden; }
#nicknameResult p		{ float: left; width: 315px; }
#nicknameResult strong	{ color: #ffcc00; }
#nicknameBox			{ border-top: 1px solid #090806; border-left: 1px solid #090806; border-right: 1px solid #191817; border-bottom: 1px solid #191817; }
#nicknameBox			{ width: 368px; margin: 0 auto; padding: 20px 20px; font-size: 11px; color: #bdbdbd; background: #141311; }
#nicknameBox .input		{ margin: -2px 0 0; padding: 4px 5px 5px; }
#nicknameBox .nickname	{ padding: 10px 0; font-size: 20px; color: #ffcc00; text-align: center; border: 1px solid #532a0a; background: #000; }
#nicknameBox .caption	{ margin: 13px 0 0; }
#nicknameBox .caption em{ display: block; padding: 0 0 8px; color: #c75001; }
#nicknameSubmit			{ margin: 15px 0 0; text-align: center; }
#nicknameSubmit input,
#nicknameSubmit img		{ vertical-align: middle; }

/* GOLD INFOMATION FOR EVENT */
#EVENT_GOLDINFO				{ width: 205px; margin: -25px 0 25px; padding: 9px 15px; background: #312a26 url('http://img.quakewars.co.kr/img/img_common/event_goldinfo_border.gif') repeat-x 0 0; overflow: hidden; }
#EVENT_GOLDINFO .gold		{ padding: 10px 5px 8px 12px; border-top: 1px solid #0d0d0d; border-left: 1px solid #0d0d0d; border-right: 1px solid #2a2725; border-bottom: 1px solid #2a2725; background: #1c1816; }
#EVENT_GOLDINFO .gold li	{ padding: 2px 0 0 7px; font-size: 11px; color: #999; background: url('http://img.quakewars.co.kr/img/img_common/bul_orangesquare.gif') no-repeat 0 7px; }
#EVENT_GOLDINFO .gold strong{ padding: 0 2px 0 0; font-weight: normal; letter-spacing: -1px; color: #f28206; }
#EVENT_GOLDINFO .util		{ width: 215px; margin: 8px -10px 0 0; overflow: hidden; }
#EVENT_GOLDINFO .util img	{ display: block; float: left; margin: 0 3px 0 0; }