@charset "utf-8"; 
/* Jeong Chan Myeong(dece24@gmail.com) */

/* Button Reset */
.button, .button a, .button button, .button input { position:relative;  margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url("../board/buttonWhite.gif") no-repeat; vertical-align:middle; overflow:visible; color:#333;}
.button { height:21px; padding:0; margin-right:2px; background-position:left top;}
.button a, .button button, .button input{ left:2px; cursor:pointer;}
*:first-child + html .button input{ vertical-align:top;}

/* Button Size */
.button.large { height:29px; background-position:left -28px; }
.button.xlarge { height:35px; background-position:left -63px; }
.button.small { height:18px; background-position:left -202px; font-weight:bold; }
.button.small input { height:18px; background-position:left -202px; font-weight:bold; }
.button a, .button button, .button input { height:23px; padding:0 10px 0 8px !important; font-size:12px; line-height:23px; background-position:right top;}
.button.large a, .button.large button, .button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -28px;}
.button.xlarge a, .button.xlarge button, .button.xlarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -63px;}
.button.small a, .button.small button, .button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -202px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#587b13;}
.button *:visited { color:#fff;}

.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url("../../images/board/buttonGreen.gif"); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#ff0;}

.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url("../../images/board/buttonBlack.gif"); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#ff0;}

.button.sky,
.button.sky a,
.button.sky button,
.button.sky input { background-image:url("../../images/board/buttonSky.gif"); color:#4a505e;}
.button.sky *:hover,
.button.sky *:active,
.button.sky *:focus{ color:#5b68ce;}

.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url("../../images/board/buttonRed.gif"); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ff0;}

.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url("../../images/board/buttonBlue.gif"); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#ff0;}

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

.button.orange,
.button.orange a,
.button.orange button,
.button.orange input { background-image:url("../../images/board/buttonOrange.gif"); color:#fff;}
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{ color:#ff0;}

.button.white,
.button.white a,
.button.white button,
.button.white input { background-image:url("../../images/board/buttonWhite.gif"); color:#4a505e;}
.button.white *:hover,
.button.white *:active,
.button.white *:focus{ color:#5b68ce;}

.button.white1,
.button.white1 a,
.button.white1 button,
.button.white1 input { background-image:url("../../images/common/button4_bg.gif"); color:#666;}
.button.white1 *:hover,
.button.white1 *:active,
.button.white1 *:focus{ color:#ff0;}



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

.excel_button {padding:7px 25px 5px 30px;  background:url("../../images/sub/ex_bt.gif") no-repeat;}
.excel_button a {  width:125px; height:24px;}

 a:hover span.excel_button{ text-decoration:none !important; color:#636363 !important;}

.printing {padding:7px 30px 5px 35px;  background:url("../../images/sub/printing_bt.gif") no-repeat;}
.printing a {  width:125px; height:24px;}