@import "featherlight.css";
@import "jquery.ui.all.css";

/* reset css */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,button {margin:0; padding:0;}
body,table,input,textarea,select,button {font-family:verdana,gulim; -webkit-text-size-adjust:none;}
body {width:100%; font-size:0.750em; color:#333; overflow-y:scroll;}
input,select,button,img {font-size:1.000em; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
textarea {font-size:1.000em; line-height:1.5; margin:0; padding:.3em; border:1px solid #BBB;}
img,fieldset,button,input[type=file] {border:0;}
video {max-width:100%;}
ul,ol {list-style:none;}
em,address,var {font-style:normal;}
legend,caption,.hide {font-size:0; line-height:0; overflow:hidden;}

a {text-decoration:none;}
a:link,
a:visited {color:#333;}
a:hover {color:#FFA310;}
a.jboardLink {color:#FFA310; font-weight:bold;}
img[href], *[onclick] {cursor:pointer;}
select {height:2em; border:1px solid #BBB;}
button, input[type=submit], input[type=button] {cursor:pointer;}
input[type=submit], input[type=button] {border:1px solid #BBB;}
input[type=submit]:disabled, input[type=button]:disabled, button:disabled {color:#DDD;}
input:not([type=submit]):not([type=button]):not([type=image]) {height:2em; border:1px solid #BBB; padding:0 .2em;}
input:not([type=radio]):not([type=checkbox]) {-webkit-appearance:none; border-radius:0;}
input:not([type=submit]):focus:not([type=button]):focus:not([type=radio]):focus:not([type=checkbox]):focus, textarea:focus {background-color:#FDFDFD;}
input:not([type=submit]):disabled:not([type=button]):disabled, textarea:disabled, select:disabled {background-color:#F8F8F8; border:1px dashed #CCC;}
input[type=radio], input[type=checkbox] {margin:.1em .2em .1em 0; border:0;} 
input[type=radio]+label, input[type=checkbox]+label {position:relative; top:.1em;}
input[type=number], input[type=text].inputCur {text-align:right; padding-right:.2em;}
input[type=date].userDate, input[type=text].userDate {width:76px;}
input[type=date] {width:121px;}
input[readonly], textarea[readonly] {background-color:#F8F8F8;} 
div.fileBtnDiv input[type=file] {position:absolute; top:0; right:0; opacity:0;} 
iframe[title=hiddenFrm] {display:none;}
.fileBtnDiv {position:relative; width:7em; height:2.06em; padding-left:.2em; overflow:hidden;}
.btnFile {width:7em; height:2.06em; padding-left:.2em; color:#333; background-color:#F0F0F0;}
.bxslider li:not(:first-of-type) {display:none;}


/* font */
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.fsm9 {font-size:0.917em;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* align */
.txtL {text-align:left; padding-left:.4em;}
.txtR {text-align:right; padding-right:.4em;}
.txtC {text-align:center;}

/* width */
.wp4 {width:4%;}
.wp5 {width:5%;}
.wp7 {width:7%;}
.wp8 {width:8%;}
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp35 {width:35%;}
.wp40 {width:40%;}
.wp45 {width:45%;}
.wp50 {width:50%;}
.wp60 {width:60%;}
.wp65 {width:65%;}
.wp70 {width:70%;}
.wp75 {width:75%;}
.wp80 {width:80%;}
.wp85 {width:85%;}
.wp90 {width:90%;}
.wp95 {width:95%;}
.wp100 {width:100%;}

/* height */
.hx300 {height:300px;}

/* padding */
.pd3 {padding:3% 3% 2% 3%;}
.pl1 {padding-left:1em;}
.pl2 {padding-left:2em;}

/* margin */
.ml1 {margin-left:1em;}

/* line-height */
.lh2 {line-height:2;}

/* display */
.dpB {display:block;}
.dpN {display:none;}
.dpLB {display:inline-block;}

/* opacity */
.opc30 {opacity:0.3;}

/* validation, alert, message */
label.error, span.error, div.error {color:red;}
input.error, select.error, textarea.error {border-color:red !important;}
.validate {color:red; display:block;}
.message {color:blue;}

/* layers */
#layerSide {position:absolute; padding:.5em .8em .2em; width:5.3em; text-align:left; border:1px solid #8DB3E5; background-color:#FFF; z-index:99999; line-height:2;}
#layerSide a {display:block;}
#processing {position:absolute; display:none; z-index:9999; border:1px solid #CCC; width:214px; height:68px; background:url("/Jsource/img/common/process.gif") no-repeat;}
#copyright {clear:both; text-align:right; font-size:0.917em; margin-top:1.2em;}

/* all skins */
.skinWrap button, .skinWrap #paging {font-family:verdana;}