/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px;background:url(/images/btn/button.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:6px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}

.button.medium .zip{ background-position:-120px -150px;}
.button.large .zip{ background-position:-120px -146px;}
.button.xLarge .zip{ background-position:-120px -144px;}
.button.small .zip{ background-position:-120px -153px;}

.button.medium .sch{ background-position:-142px -150px;}
.button.large .sch{ background-position:-142px -146px;}
.button.xLarge .sch{ background-position:-142px -144px;}
.button.small .sch{ background-position:-142px -153px;}

.button.medium .excel{ background-position:-162px -150px;}
.button.large .excel{ background-position:-162px -146px;}
.button.xLarge .excel{ background-position:-162px -144px;}
.button.small .excel{ background-position:-162px -153px;}

.button.medium .print{ background-position:-187px -150px;}
.button.large .print{ background-position:-187px -146px;}
.button.xLarge .print{ background-position:-187px -144px;}
.button.small .print{ background-position:-187px -153px;}

.button.medium .list{ background-position:-228px -150px;}
.button.large .list{ background-position:-228px -146px;}
.button.xLarge .list{ background-position:-228px -144px;}
.button.small .list{ background-position:-228px -153px;}

.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}
.button.medium .download{ background-position:-96px -151px;}
.button.large .download{ background-position:-96px -147px;}
.button.xLarge .download{ background-position:-96px -145px;}
.button.small .download{ background-position:-99px -154px;}

/* Button Text Color */
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url(/images/btn/buttonGreen.gif); color:#fff;}
.button.green *:visited{color:#fff};
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;};
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url(/images/btn/buttonRed.gif); color:#fff;}
.button.red *:visited{color:#fff};
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}
.button.purple,
.button.purple a,
.button.purple button,
.button.purple input { background-image:url(/images/btn/buttonPurple.gif); color:#fff;}
.button.purple *:visited{color:#fff};
.button.purple *:hover,
.button.purple *:active,
.button.purple *:focus{ color:#ff0;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url(/images/btn/buttonBlue.gif); color:#fff;}
.button.blue *:visited{color:#fff};
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(/images/btn/buttonBlack.gif); color:#fff;}
.button.black *:visited{color:#fff};
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}

.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background-image:url(/images/btn/buttonGray.gif); color:#fff;}
.button.gray *:visited{color:#fff};
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#E8EC97;}

/* paginate */
.paginate{padding:0px 0; text-align:center; line-height:normal;}
.paginate a,
.paginate strong{_position:relative; display:inline-block;position:relative; color:#323232; font:bold 12px/16px Tahoma, Sans-serif; vertical-align:top;  text-decoration:none; padding:1px 10px; margin:0 -3px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background-color:#fff; z-index:2;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{ background-color:#f8f8f8;}
.paginate strong{ color:#ff8600;}
.paginate .direction{ font-weight:normal; color:#767676; text-decoration:none !important; border:0; z-index:1;}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus{ color:#323232; background-color:#fff;}
.paginate .prev{ border-left:0;}
.paginate .next{ border-right:0;}
.paginate .direction span{ position:relative; display:inline-block; width:0; height:0; font-size:0; line-height:0; vertical-align:top; top:4px;}
.paginate .prev span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-left:0; margin-right:1px; *left:-4px;}
.paginate .next span{ border:3px solid; border-top:solid #fff; border-bottom:solid #fff; border-right:0; margin-left:1px; *left:4px;}

.baseInsert{border:1px solid #D5D8D7; width:100%; font-family:Sans-serif;font-weight:normal;}
.baseInsert .t{width:110px;height:22px;background:#E8E8E8;text-align:left;padding-left:4px;font-weight:normal}
.baseInsert td{border:1px solid #D4D4D4; padding:2px; white-space:nowrap; text-align:left; color:#666; line-height:normal;padding-left:4px}
.baseInsert .t1{width:110px;height:22px;background:#FFF2D0;color:#FF0000;text-align:left;padding-left:4px;font-weight:normal}
.baseInsert .t2{width:110px;height:22px;background:#E6E8FF;color:##0080FF;text-align:left;padding-left:4px;font-weight:normal}

.baseTbl{border:1px solid #D5D8D7; width:100%; font-family:Sans-serif;font-weight:normal;}
.baseTbl .noteln{line-height:150%;text-align:justify}
.baseTbl .t{width:110px;height:30px;background:#E8E8E8;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl .tt{height:30px;background:#E8E8E8;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl tr{height:30px}
.baseTbl td{border:1px solid #D4D4D4; padding:4px;  text-align:left; color:#666; padding-left:4px}
.baseTbl .t0{height:30px;background:#E8E8E8;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl .t1{width:110px;height:30px;background:#FFF2D0;color:#FF0000;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl .t2{width:110px;height:30px;background:#E6E8FF;color:##0080FF;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl .t3{height:30px;background:#EEF1F9;color:#3C5897;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl .t4{height:30px;background:#E7F8F1;color:#278D69;text-align:left;padding-left:4px;font-weight:normal}
.baseTbl .t5{height:30px;background:#F8F3F3;color:#882345;text-align:left;padding-left:4px;font-weight:normal}

/* ftable_bbs 2cell*/
.ftable_bbs{padding:0px;margin:0px;border-collapse:collapse;width:100%}
.ftable_bbs th{background:#E1DED9;height:28px;color:#645B4C;width:25%}
.ftable_bbs td{text-align:left;padding-left:10px;color:#505050;width:75%}
.ftable_bbs .fline{ background:#CAC6BD;height:1px}

/* ftable_bbs 4cell*/
.ftable_bbs4 {padding:0px;margin:0px;border-collapse:collapse;width:100%}
.ftable_bbs4 th{background:#E1DED9;height:28px;color:#645B4C;width:20%}
.ftable_bbs4 td{text-align:left;padding-left:10px;color:#505050;width:30%}
.ftable_bbs4 .fline{ background:#CAC6BD;height:1px}