body {
	background-color: #e3cc99;
	overflow: hidden;
	overflow-y: scroll;
}

.hsLayout,
#hsBody,
#hsDb,
#hsDb div,
#hsDb ul,
#hsDb li {
	display: block;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
}

#hsDb .hidden {
	display: none;
}

#hsDb div.hsTitleBar {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background: url('//static.inven.co.kr/image_2011/hs/dataninfo/card/mobile_title_bar2_bg.png') 0 0 repeat-x;
	_position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode== 'CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop) !important;
	_width: expression(eval(document.compatMode && document.compatMode== 'CSS1Compat') ? documentElement.clientWidth : document.body.clientWidth) !important;
}

#hsDb div.hsTitleBar div {
	height: 30px;
	background: url('//static.inven.co.kr/image_2011/hs/dataninfo/card/mobile_title_bar2_right.jpg') right top no-repeat;
}

#hsDb div.hsTitleBar div span {
	display: block;
	width: auto;
	height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	_line-height: 36px;
	text-indent: 28px;
	overflow: hidden;
	background: url('//static.inven.co.kr/image_2011/hs/dataninfo/card/mobile_title_bar2_left.png') 0 0 no-repeat;
	float: left;
}
html.ie10 #hsDb div.hsTitleBar div span {
	line-height: 36px;
}

#hsDb div.hsTitleBar div.rightMenu {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
	background: none;
}

#hsDb div.hsTitleBar div.button1,
#hsDb div.hsTitleBar div.button2 {
	width: 50px;
	height: 22px;
	float: right;
	margin: 4px 4px 4px 0;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 22px;
	_line-height: 24px;
	background: url('//static.inven.co.kr/image_2011/hs/dataninfo/card/btn_50x22_3.png') 0 0 no-repeat;
	letter-spacing: -1px;
	overflow: hidden;
}

#hsDb div.hsTitleBar div.button2 {
	background: url('//static.inven.co.kr/image_2011/hs/dataninfo/card/btn_50x22_2.png') 0 0 no-repeat;
}

html.ie10 #hsDb div.hsTitleBar div.button1,
html.ie10 #hsDb div.hsTitleBar div.button2 {
	line-height: 25px;
}

#hsDb div.hsSubTitleBar {
	width: 100%;
	height: 24px;
	_height: 26px;
	border: 1px solid #241d15;
	background: url('//static.inven.co.kr/image_2011/hs/dataninfo/deck/detail_deck_info_title_bg.png') 0 0 repeat-x;
	color: #ffd800;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	_line-height: 26px;
	text-indent: 13px;
	overflow: hidden;
	margin-top: 10px;
}
html.ie10 #hsDb div.hsSubTitleBar {
	line-height: 28px;
}

#hsDb div.hsSubTitleBar span {
	float: left;
}

#hsDb div.hsSubTitleBar .rightMenu {
	float: right;
	padding-right: 13px;
	font-weight: normal;
	color: #d0d0d0;
}

#hsDb div.hsSubTitleBar .rightMenu span {
	float: none;
	cursor: pointer;
}

#hsDb div.hsSubTitleBar .rightMenu .selected {
	color: #f2f2f2;
	font-weight: bold;
	letter-spacing: -1px;
}



#hsDb div.countingBody {
	margin: 30px 0 0 0;
}

#hsDb div.countingBody .rarity-1 { color: #ffffff !important; }
#hsDb div.countingBody .rarity-2 { color: #dadada !important; }
#hsDb div.countingBody .rarity-3 { color: #7070ff !important; }
#hsDb div.countingBody .rarity-4 { color: #ff4dcf !important; }
#hsDb div.countingBody .rarity-5 { color: #ffb400 !important; }

#hsDb div.countingBody li {
	font-size: 12px;
	line-height: 23px;
	_line-height: 25px;
	color: #d3d3d3;
	background-color: #342c21;
	border-bottom: 1px solid #574733;
	height: 21px;
	_height: 22px;
	overflow: hidden;
}
html.ie10 #hsDb div.countingBody li {
	line-height: 26px;
}

#hsDb div.countingBody li.empty {
	text-align: center;
}

#hsDb div.countingBody dl {
	display: block;
	width: 100%;
	height: 21px;
	cursor: pointer;
	overflow: hidden;
	margin: 0 0;
	padding: 0 0;
}

#hsDb div.countingBody dd {
	width: auto;
	float: left;
	cursor: pointer;
	height: 21px;
	overflow: hidden;
	margin: 0 0;
	padding: 0 0;
}

#hsDb div.countingBody dd.cost {
	width: 30px;
	font-weight: bold;
	background-color: #46351f;
	text-align: center;
}

#hsDb div.countingBody dd.name {
	padding: 0 10px;
	font-weight: bold;
	border-left: 1px solid #574733;
	letter-spacing: -1px;
}

#hsDb div.countingBody dd.percent {
	float: right;
}

#hsDb div.countingBody dd.count {
	float: right;
	color: #ff00de;
	padding: 0 10px;
}

#myDeckList li.mydeck {
	text-indent: 46px;
	text-align: left;
	background-position: 4px 3px;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#myDeckList li.class-2 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job6.png'); }
#myDeckList li.class-3 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job5.png'); }
#myDeckList li.class-4 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job8.png'); }
#myDeckList li.class-5 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job4.png'); }
#myDeckList li.class-6 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job9.png'); }
#myDeckList li.class-7 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job3.png'); }
#myDeckList li.class-8 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job2.png'); }
#myDeckList li.class-9 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job7.png'); }
#myDeckList li.class-10 { background-image: url('//static.inven.co.kr/image_2011/hs/fonticon/fonticon_job1.png'); }

#loginForm, #loginForm fieldset {
	display: block;
	width: 100%;
	clear: both;
	float: none;
}

#loginForm .loginBody {
	margin-top: 10px;
	position: relative;
	width: auto !important;
	height: 67px;
	_height: 71px;
	padding-right: 90px;
	_padding-right: 98px;
	float: none;
	clear: both;
}

#loginForm .loginLeft {
	float: none;
	clear: both;
	width: 100%;
}

#hsDb #loginForm .inputWrap {
	width: auto;
	clear: both;
	float: none;
	padding-left: 5px;
	_padding-left: 0px;
}

#loginForm .inputidpw {
	width: 100%;
	height: 30px;
	_height: 32px;
	_padding-top: 7px;
	text-indent: 9px;
	font-size: 15px;
	color: #000;
	border: 1px solid #A8AAAF;
	border-radius: 3px;
	background-color: #fff;
	float: none;
	clear: both;
}

#loginForm #user_id {
	background: #fff url('//static.inven.co.kr/image_2011/mobile/common/map_idpw1b.png') no-repeat 10px 8px;
	margin-bottom: 5px;
	_margin-bottom: 4px;
}

#loginForm #password {
	background: #fff url('//static.inven.co.kr/image_2011/mobile/common/map_idpw1b.png') no-repeat 10px -22px;
}

#loginForm #user_id.focus,
#loginForm #password.focus {
	background:#fff none;
}

#loginForm .loginBttn {
	position: absolute;
	top: 0;
	right: 5px;
	_right: 10px;
	display: block;
	width: 80px;
	_width: 82px;
	height: 65px;
	_height: 71px;
	border: 1px solid #12877d;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #ade1dc;
	cursor: pointer;
	color: #004f49;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 16px;
	z-index: 1;
	overflow: hidden;
	_line-height: 65px;
}

#hsDb .godecksim {
	margin: 10px 0 5px 0;
	text-align: center;
}

#hsDb .godecksim a {
	font-weight: bold;
	color: blue;
}

#hsDb.mobile,
#hsDb.mobile div.countingBody li,
#hsDb.mobile div.hsTitleBar div.button1,
#hsDb.mobile div.hsTitleBar div.button2 { font-size: 14px !important; }

#hsDb.mobile div.hsTitleBar div span,
#hsDb.mobile div.hsSubTitleBar,
#hsDb.mobile div.hsSubTitleBar div span,
#hsDb.mobile .godecksim a { font-size: 15px !important; }