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

body { font-size: 0.75em; }
body#ko { font-family: dotum, 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; }

#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 { height: 24px; color: #fff; background-color: #000; text-align: center; }
table.calendar thead a { font: 9pt dotum; color: #fff; text-decoration: none; }
table.calendar .calendarList1 { height: 20px; font-size: 0.92em; text-align: center; }
table.calendar .calendarList1 td { width: 24px; background-color: #fff; }
table.calendar .calendarList2 { height: 20px; font-size: 0.92em; text-align: center; }
table.calendar .calendarList2 td { width: 24px; background-color: #fff; }
table.calendar .calendarList2 a { font: 8pt 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: 8pt 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 { 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; *vertical-align:top;}
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;}
a.bt, x:-moz-any-link { font:0/23px Sans-serif; padding:12px 0; top:1px;} /* Firefox 2 Fix */
a.bt, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */
/* 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;}
a.bt.large, x:-moz-any-link { font:0/29px Sans-serif; padding:15px 0;} /* Firefox 2 Fix */
a.bt.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* 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;}
a.bt.xLarge, x:-moz-any-link { font:0/35px Sans-serif; padding:18px 0;} /* Firefox 2 Fix */
a.bt.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* 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;}
a.bt.small, x:-moz-any-link { font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
a.bt.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */

/* 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, x:-moz-any-link{ font:0/23px Sans-serif; padding:11px 0;} /* Firefox 2 Fix */
span.bt, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.bt button,
span.bt input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}
/* Large Size */
span.bt.large { background-position:left -30px; *top:-1px;}
span.bt.large, x:-moz-any-link{ font:0/29px Sans-serif; padding:15px 0;} /* Firefox 2 Fix */
span.bt.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.bt.large button,
span.bt.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.bt.xLarge { background-position:left -65px;}
span.bt.xLarge, x:-moz-any-link{ font:0/35px Sans-serif; padding:17px 0;} /* Firefox 2 Fix */
span.bt.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.bt.xLarge button,
span.bt.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.bt.small { background-position:left -107px;}
span.bt.small, x:-moz-any-link{ font:0/18px Sans-serif; padding:9px 0 8px 0;} /* Firefox 2 Fix */
span.bt.small, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.bt.small button,
span.bt.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; *padding:0 3px 0 2px; 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;}