/* 초기값 */
* {padding:0;margin:0;border:0}
ol,ul.li {list-style:none}
legend, caption {display:none;}
/* jquery theme 초기화 */
.ui-body-a, .ui-body-b, .ui-body-c, .ui-body-d, .ui-body-e {text-shadow:none}
a.ui-link:hover {color:#fff;}
.ui-body-a .ui-link:hover
, .ui-body-b .ui-link:hover 
, .ui-body-c .ui-link:hover 
, .ui-body-d .ui-link:hover
, .ui-body-e .ui-link:hover {color:#fff;}
.ui-body-a .ui-link:visited
, .ui-body-b .ui-link:visited 
, .ui-body-c .ui-link:visited 
, .ui-body-d .ui-link:visited
, .ui-body-e .ui-link:visited {color:#fff;}
.ui-body-a .ui-link:active
, .ui-body-b .ui-link:active 
, .ui-body-c .ui-link:active 
, .ui-body-d .ui-link:active
, .ui-body-e .ui-link:active {color:#fff;}

/* Basic */
.hide {display:none;}
.button {font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px; display:inline-block; cursor:pointer; }

.mini { padding:5px 12px; font-size:12px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.wide { padding:10px 25px; font-size:.9em; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.bars { padding:10px 0; border:0; border-bottom:1px solid #5B646D; position:relative;}
.bars * {vertical-align:middle;}
.bars .button {position:absolute;top:5px;}
.bars.footer { border-top:1px solid #394048; padding:5px 10px; min-height:28px}
.footer-logo { float:right; margin-right:10px; font-size:0.9em; margin-top:5px; text-shadow:none; }
.footer-logo:after { content:" "; display:block; clear:both; *zoom:1 }
.content { padding:20px;}
#header .mini {top:8px;}
#header .left {left:10px;}
#header .right {right:10px;}
#container {min-height:480px;}
.align-right {float:right;margin-right:20px;}
.align-left {float:left;margin-left:20px;}
.list-mini {padding:1px 20px;}
.buttons-area {margin-top:20px;text-align:center;}
.buttons-area a, .buttons-area button, .buttons-area input {vertical-align:middle;}
.new {color:#6667D6;font-weigh:bold;margin-left:3px;font-size:12px;}
.separate {margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
.pos-r {position:relative;*zoom:1}

/* checkbox on off */			
.checkbox {height:24px;display:inline-block;margin-right:5px;padding-left:29px;line-height:24px;}
.checkbox.on { background:url(/images/check_on.gif) no-repeat;}
.checkbox.off { background:url(/images/check_off.gif) no-repeat;}

/* buttons color */
.button.red {
	color: #fff;
	border:1px solid #F0535A;
	background:#CE2127;
	background:#CE2127 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E32024), to(#CE2127)); background:#CE2127 -moz-linear-gradient(top, #E32024, #CE2127); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#E32024, endColorStr=#CE2127); 
	box-shadow:0px 0px 2px #CC2127; -moz-box-shadow:0px 0px 2px #CC2127; -webkit-box-shadow:0px 0px 2px #CC2127; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CC2127,direction=135, strength=2); 
}

.button.gray {
	color: #fff;
	border:1px solid #454D58;
	background:#667383;
	background:#667383 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AAB1BE), to(#667383)); background:#667383 -moz-linear-gradient(top, #AAB1BE, #667383); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#AAB1BE, endColorStr=#667383);
	box-shadow:0px 1px 1px #7D8997; -moz-box-shadow:0px 1px 1px #7D8997; -webkit-box-shadow:0px 1px 1px #7D8997; filter:progid:DXImageTransform.Microsoft.Shadow(color=#7D8997,direction=135, strength=1);
}

.button.green {
	color: #fff;
	border:1px solid #406415;
	background:#64920A;
	background:#64920A -webkit-gradient(linear, 0% 0%, 0% 100%, from(#64920A), to(#57810D)); background:#64920A -moz-linear-gradient(top, #64920A, #57810D); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#64920A, endColorStr=#57810D); 
	box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; -webkit-box-shadow:inset 0px 0px 1px #fff;
}

.button.blue {
	color: #fff;
	border:1px solid #1E477A;
	background:#2C6EB1;
	background:#3D85CF -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D85CF), to(#2C6EB1)); background:#1F5B98 -moz-linear-gradient(top, #3D85CF, #2C6EB1); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#3D85CF, endColorStr=#2C6EB1); 
	box-shadow:inset 0px 0px 1px #fff; -moz-box-shadow:inset 0px 0px 1px #fff; -webkit-box-shadow:inset 0px 0px 1px #fff;
}

.button .ui-icon {display:inline-block;width:18px;height:18px; margin-left:-4px; margin-right:3px}

/* bars color */
.bars.red {
	color: #fff;
	box-shadow:0px 1px 1px #6E7B8A; -moz-box-shadow:0px 1px 1px #6E7B8A; -webkit-box-shadow:0px 1px 1px #6E7B8A; filter:progid:DXImageTransform.Microsoft.Shadow(color=#6E7B8A,direction=135, strength=1); 
	background:#CF2027;
	background:#CF2027 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E11E26), to(#CF2027)); background:#CF2027 -moz-linear-gradient(top, #E11E26, #CF2027); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#E11E26, endColorStr=#CF2027); 
}
.bars.gray {
	margin-top:1px;
	color: #fff;
	border-bottom:1px solid #394048;
	background:#5C697A;
	background:#5C697A -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6F7A8C), to(#5C697A)); background:#CF2027 -moz-linear-gradient(top, #6F7A8C, #5C697A); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#6F7A8C, endColorStr=#5C697A); 
}

.input { border:2px solid #DEDEDE; padding:5px; margin:5px; font-size:0.9em;}
.input:hover { border:2px solid #8E97A6; font-weight:bold; }

/* login */
.logo { font-size:18px; background:url(/images/logo_white.png) no-repeat; height:26px; line-height:26px; display:inline-block; padding-left:40px; text-shadow:none; color:#fff;}
.title{ font-size:1em; padding-left:20px; display:inline}
.login-box {padding:10px !important; position :relative;}
.login-box .button { position:absolute; right:8%; top :17px; padding:30px auto; }
.login-box .input { width:55%;}
.input.login { display:block }

.group-r { text-align:right; margin-top:10px; font-size:0.8em;}
.group-r * { vertical-align:middle;}

hr {
	border-bottom:1px solid #ccc; margin-top:10px;
	box-shadow:0px 1px 1px #F0F0F0; -moz-box-shadow:0px 1px 1px #F0F0F0; -webkit-box-shadow:0px 1px 1px #F0F0F0; filter:progid:DXImageTransform.Microsoft.Shadow(color=#F0F0F0,direction=135, strength=1);
}

/* icons */
.himax-icons {background:url(/images/himax-icons.png) no-repeat;width:24px;height:23px;display:inline-block; margin-right:5px; vertical-align:text-bottom}
.himax-icons.clock1 {background-position:-10px -10px;}
.himax-icons.clock2 {background-position:-44px -10px;}
.himax-icons.clock3 {background-position:-78px -10px;}
.himax-icons.note-w {background-position:-112px -10px;}
.himax-icons.search {background-position:-146px -10px;}
.himax-icons.search2 {background-position:-180px -10px;}
.himax-icons.pen {background-position:-214px -10px;}
.himax-icons.note-h {background-position:-248px -10px;}
.himax-icons.arrow-g {background-position:-282px -10px;}
.himax-icons.arrow-b {background-position:-316px -10px;}
.himax-icons.arrow-r {background-position:-350px -10px;}

/* autocomplete */
.autocomplete {display:none;position:absolute;background:#fff;border:2px solid #ccc;z-index:999;width:90%;margin-top:-6px;margin-left:5px;padding:5px}
.autocomplete li {padding:2px 0; }
.autocomplete a {display:inline-block;font-weight:normal; color:#333; width:100%; overflow:hidden; position:relative;}
.autocomplete a:active, .autocomplete a:visited, .autocomplete a:hover {background:#ccc;}
.autocomplete .code {float:left;width:35%;color:#FF0B61;font-weight:bold;}
.autocomplete .descript {float:left;width:65%}
.autocomplete:after {content:" ";display:block; clear:both; *zoom:1}


/* basic box */
.basic-box {padding:.8em;position:relative;background:#FAF4E8;border:5px solid #E8DFD8}
.gray-box {padding:.8em;position:relative;background:#F8F8F8;border:5px solid #E4E4E4}
.green-box {padding:.8em;position:relative;background:#F5F8D9;border:5px solid #788C1D}

/* main icon */
.button.main {
	color: #333;
	border:1px solid #E1E1E1;
	background:#ECECEC;
	background:#ECECEC -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ECECEC)); background:#CE2127 -moz-linear-gradient(top, #FFFFFF, #ECECEC); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorStr=#ECECEC); 
	padding:0;
	font-size:0.8em;
	min-width:90px;
	width:100px;
	height:100px;
	text-align:center;
	box-shadow:0px 1px 1px #ccc; -moz-box-shadow:0px 1px 1px #ccc; -webkit-box-shadow:0px 1px 1px #ccc; filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc,direction=135, strength=1);
}

.button:active { background:#A9DBF6; opacity:0.7; filter:alpha(opacity=70);}
.button.main:active { background:#999; opacity:0.7; filter:alpha(opacity=70);}

.main-icon { background:url(/images/main.png) no-repeat;width:58px;height:60px;display:block; margin-right:5px; margin:0 auto 5px auto;}
.main-icon.icon1 {background-position:-10px 2px;}
.main-icon.icon2 {background-position:-76px -2px;}
.main-icon.icon3 {background-position:-133px 0px;}
.main-icon.icon4 {background-position:-186px -8px;}
.main-icon.icon5 {background-position:-247px -3px;width:58px;}
.main-icon.icon6 {background-position:-313px 0px;width:62px;}
.main-icon.icon7 {background-position:-381px -5px;}
.main-icon.icon8 {background-position:-446px 0px;}
.main-icon.icon9 {background-position:-510px 0px;}
.main-icon.icon10 {background-position:-575px 0px;}
.main-icon.icon11 {background-position:-639px 0px;}


.top-icon {
	background:url(/images/top_icon.png) no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	box-shadow:0px 1px 1px #D02126; -moz-box-shadow:0px 1px 1px #D02126; -webkit-box-shadow:0px 1px 1px #D02126; filter:progid:DXImageTransform.Microsoft.Shadow(color=#D02126,direction=135, strength=1);
}
a:active,
.top-icon:active { background:#A9DBF6; opacity:0.7; filter:alpha(opacity=70);}
.bars .top-icon {position:absolute;top:9px;}

.top-icon.prev {background-position:-10px 0}
.top-icon.next {background-position:-50px 0}
.top-icon.home {background-position:-90px 0}

.table-goal {border-collapse:collapse;white-space:nowrap;width:100%;}
.table-goal th {padding:5px 3px; border-bottom:1px solid #777;font-size:0.8em;background:#FFDAC5;}
.table-goal td {padding:5px 3px; text-align:right;border-bottom:1px solid #999;font-size:0.8em}
.table-goal td.align-c {text-align:center;}
.table-goal tr.noline td {border:0;font-weight:bold;}

.sales-box {background:#E1EFF4;border-color:#2597BC;padding:5px;overflow-x:auto;}

.fsize1 {font-size:0.9em;}