html { margin: 0px; padding: 0px; height: 100%; }
body, form, fieldset, p { margin: 0px; padding: 0px; }
legend { display: none; }

select { margin: 0px; }

body { font-size: 0.75em; }
body#ko { font-family: dotum, 'Malgun Gothic', Sans-Serif; }
body#en { font-family: arial, Sans-Serif; }
body#ja { font-family: 'MS Gothic', Sans-Serif; }
body#zh { font-family: 'MS Song', Sans-Serif; }

div, textarea {
   line-height: 1.3em;
   scrollbar-3dlight-color: #e0e0e0;
   scrollbar-arrow-color: #e0e0e0;
   scrollbar-base-color: #e0e0e0;
   scrollbar-darkshadow-color: #fff;
   scrollbar-face-color: #fff;
   scrollbar-highlight-color: #fff;
   scrollbar-shadow-color: #e0e0e0;
}

a { color: #666; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
img { border: 0px; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.none { display: none; }
.dragImg { position: relative; cursor: move; }
.alignMiddle { vertical-align: middle; }


form.passwordBox {
   width: 172px; 
   border: 1px solid #666; 
   background-color: #fff; 
   cursor: pointer;
}

form.passwordBox .title {  
   margin: 3px; 
   margin-top: 4px;
   padding-top: 4px;
   height: 20px; 
   text-align: center; 
   font-size: 0.92em; 
   font-weight: 900; 
   color: #fff; 
   background-color: #95a8e7;
}
form.passwordBox .title img { vertical-align: middle; }

form.passwordBox fieldset {
   margin: 0 auto;
   margin-bottom: 4px;
   padding: 0px;
   border: 0px;
   text-align: center;
}
form.passwordBox fieldset .input { width: 100px; height: 18px; border: 1px solid #afafaf; }
form.passwordBox fieldset .bt { vertical-align: top; }

fieldset.memberBox {
   margin: 0px;
   padding: 5px; 
   width: 100px; 
   border: 1px solid #666; 
   background-color: #fff;
}

fieldset.memberBox .picture {
   margin-bottom: 5px; 
   text-align: center;
}
fieldset.memberBox .picture img { width: 100px; }

fieldset.memberBox ul {
   margin: 0px; 
   padding: 0px; 
   list-style: none;
}

fieldset.memberBox ul li {
   padding: 0px;
   padding: 5px 0px 5px 4px;
   border-bottom: 1px solid #ddd; 
   cursor: pointer;
}

fieldset.memberBox ul li a { font-size: 0.92em; }

body#zh fieldset.memberBox ul li a { font-size: 1.08em; }


#commonLayer { position: absolute; z-index: 100; }
#actionFrame {  display: none; }

.png24 { tmp:expression(setPng24(this)); } 

.calendarBox { position: absolute; width: 200px; height: 200px; z-index: 100; }
table.calendar { margin: 0 auto; background-color: #e9e9e9; border: 2px solid #e9e9e9; }
table.calendar thead { color: #fff; background-color: #000; text-align: center; }
table.calendar thead td { padding: 5px; }
table.calendar thead a { font: 1em dotum; color: #fff; text-decoration: none; }
table.calendar .calendarList1 { font-size: 0.92em; text-align: center; }
table.calendar .calendarList1 td { padding: 2px; width: 24px; background-color: #fff; }
table.calendar .calendarList2 { font-size: 0.92em; text-align: center; }
table.calendar .calendarList2 td { padding: 5px; width: 24px; background-color: #fff; }
table.calendar .calendarList2 a { font: 0.92em tahoma; color: #000; text-decoration: none; }
table.calendar .calendarList2 a.sun { color: red; }
table.calendar .calendarList2 a.sat { color: blue; }
table.calendar .calendarList2 a.toDay { color: #666; text-decoration: underline; }
table.calendar tfoot { color: #fff; background-color: #000; text-align: right; background-color: #e9e9e9; }
table.calendar tfoot a { padding-right: 5px; font: 0.92em tahoma; color: #000; text-decoration: none; }


/* modal window */
#modalLoader { display: none; position: fixed; z-index: 3003; top: 10px; left: 10px; width: 16px; height: 16px; }
*html #modalLoader { position: absolute; }

#modalOverlay { position: fixed; z-index: 3000; top: 0px; left: 0px; height: 100%; width: 100%; }
*html #modalOverlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
.modalOverlayMacFFBGHack {background: url('/img/system/modal_bg_mac.png') repeat;}
.modalOverlayBG { background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

#modalWindow { display: none; position: fixed; padding: 10px; z-index: 3001; top: 50%; left: 50%; color:#000000; background-color: #ffffff; border: 1px solid #444; text-align: left; }
*html #modalWindow { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight/2) + (document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) + 'px'); }

#modalTitle { margin-bottom: 10px; height: 27px; border-bottom: 1px solid #cdcdcd; }
#modalWindowTitle { float: left; padding: 8px 0px 5px 0px; font-weight: 900; color: #444; }
#modalWindowClose { float: right; padding: 0px 0px 5px 0px; text-align: right; }

#modalWindow a { color: #666; }

#modalAjaxContent { position: relative; clear: both; margin: 0px; padding: 0px; }
#modalIframeContent { clear: both; margin: 0px; padding: 0px; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; border: none; }


/* Jeong Chan Myeong(dece24[@]gmail.com) */

/* Anchor Button */
a.bt,
a.bt span { position:relative; display:inline-block; text-decoration:none !important; background:url("/imgs/system/button/buttonWhite.gif") no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.bt { padding:0; background-position:left top; overflow:visible;}
a.bt span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.bt.large { background-position:left -30px; }
a.bt.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.bt.xLarge { background-position:left -65px; }
a.bt.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.bt.small { background-position:left -107px; }
a.bt.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.bt,
span.bt button,
span.bt input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/imgs/system/button/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.bt { padding:0; background-position:left top;}
span.bt button,
span.bt input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.bt.large { background-position:left -30px;}
span.bt.large button,
span.bt.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.bt.xLarge { background-position:left -65px;}
span.bt.xLarge button,
span.bt.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.bt.small { background-position:left -107px;}
span.bt.small button,
span.bt.small input { height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.bt.strong *,
span.bt.strong * { font-weight:bold !important;}

/* Icon Add */
a.bt .icon { position:relative; border:0; vertical-align:middle;}
span.bt .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.bt.bold,
a.bt.bold span,
span.bt.bold,
span.bt.bold button,
span.bt.bold input { background-image:url("/imgs/system/button/buttonGreen.gif"); color:#fff;}
a.bt.green,
a.bt.green span,
span.bt.green,
span.bt.green button,
span.bt.green input { background-image:url("/imgs/system/button/buttonGreen.gif"); color:#fff;}
a.bt.black,
a.bt.black span,
span.bt.black,
span.bt.black button,
span.bt.black input { background-image:url("/imgs/system/button/buttonBlack.gif"); color:#fff;}
a.bt.red,
a.bt.red span,
span.bt.red,
span.bt.red button,
span.bt.red input { background-image:url("/imgs/system/button/buttonRed.gif"); color:#fff;}
a.bt.blue,
a.bt.blue span,
span.bt.blue,
span.bt.blue button,
span.bt.blue input { background-image:url("/imgs/system/button/buttonBlue.gif"); color:#fff;}

/* Offset Debug */
a.bt,
span.bt{ margin-right:2px;}

/* Button Set */
.btSet{ width:16px; height:16px; background-image:url("/imgs/system/button/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.btSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.btSet.btUp{ background-position:0 0;}
.btSet.btDown{ background-position:0 -16px;}
.btSet.btLeft{ background-position:0 -32px;}
.btSet.btRight{ background-position:0 -48px;}
.btSet.btInfo{ background-position:0 -64px;}
.btSet.btCopy{ background-position:0 -80px;}
.btSet.btSetting{ background-position:0 -96px;}
.btSet.btActive{ background-position:0 -112px;}
.btSet.btDisable{ background-position:0 -128px;}
.btSet.btDelete{ background-position:0 -144px;}
.btSet.btHomepage{ background-position:0 -160px;}
.btSet.btBlog{ background-position:0 -176px;}
.btSet.btCalendar{ background-position:0 -192px;}
.btSet.btLayoutEditor{ background-position:0 -208px;}
.btSet.btAddWidget{ background-position:0 -224px;}
.btSet.btAddContent{ background-position:0 -240px;}