@charset "utf-8"; 
/* Jeong Chan Myeong(dece24@gmail.com) */
.button *:hover,
.button *:active,
.button *:focus{color:#6497DA}

/* -- Button Reset -- */

span.button1,
span.button1 a,
span.button1 button,
span.button1 input{margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../../images/button/btn_white.gif) no-repeat; vertical-align:middle; overflow:visible} 
span.button1{height:20px; padding:0; margin-right:2px; background-position:left top; overflow:visible} 
span.button1 a,
span.button1 button,
span.button1 input{left:2px}
span.button1.large{height:29px; background-position:left -30px}
span.button1.xLarge{height:35px; background-position:left -65px}
span.button1.small{height:18px; background-position:left -107px}

/* Anchor */

span.button1 a{padding:6px 10px 5px 8px; *padding:4px 10px 7px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top}
span.button1.large a{padding:7px 10px 6px 8px; *padding:5px 10px 9px 8px; _top:-1px; font:16px/16px Sans-serif; background-position:right -30px}
span.button1.xLarge a{padding:8px 10px 7px 8px; *padding:6px 10px 9px 8px; font:20px/20px Sans-serif; background-position:right -65px}
span.button1.small a{padding:4px 6px 3px 4px; *padding:2px 6px 5px 4px; font:11px/11px Sans-serif; background-position:right -107px; _top:-1px}

/* Button & Input */

span.button1 button,
span.button1 input{height:23px; padding:0 10px 0 8px; line-height:23px; background-position:right top; cursor:pointer; _height:25px}
span.button1.large button,
span.button1.large input{height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px}
span.button1.xLarge button,
span.button1.xLarge input{height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px}
span.button1.small button,
span.button1.small input{height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px}

/* Strong */
span.button1.strong *{font-weight:bold !important}

/* Icon */
/*
span.button .icon {position:relative; left:-3px; top:-1px; *left:-3px; _top:2px; vertical-align:middle; border:0; padding:0}
span.button.small .icon{left:6px}
*/
/* Color */
span.button1.green,
span.button1.green a,
span.button1.green button,
span.button1.green input{background-image:url(../../images/button/btn_green.gif); color:#fff}
span.button1.black,
span.button1.black a,
span.button1.black button,
span.button1.black input{background-image:url(../../images/button/btn_black.gif); color:#fff}
span.button1.red,
span.button1.red a,
span.button1.red button,
span.button1.red input{background-image:url(../../images/button/btn_red.gif); color:#fff}
span.button1.blue,
span.button1.blue a,
span.button1.blue button,
span.button1.blue input{background-image:url(../../images/button/btn_blue.gif); color:#fff}

span.button1 .icon1.gear{vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_gear.png) left center no-repeat}



/* -- Button Reset -- */
span.button,
span.button a,
span.button button,
span.button input{position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../../images/button/btn_white.gif) no-repeat; vertical-align:middle; overflow:visible}
span.button{border-left:solid 1px; border-left-color: silver}
span.button{height:23Px; padding:0; margin-right:2px; background-position:right top; overflow:visible}
span.button a,
span.button button,
span.button input{left:2px}
span.button.large{height:29px; background-position:left -30px}
span.button.xLarge{height:35px; background-position:left -65px}
span.button.small{height:18px; background-position:left -107px}

/* Anchor */
span.button a{padding:6px 10px 5px 8px; *padding:4px 10px 7px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top}
span.button.large a{padding:7px 10px 6px 8px; *padding:5px 10px 9px 8px; _top:-1px; font:16px/16px Sans-serif; background-position:right -30px}
span.button.xLarge a{padding:8px 10px 7px 8px; *padding:6px 10px 9px 8px; font:20px/20px Sans-serif; background-position:right -65px}
span.button.small a{padding:4px 6px 3px 4px; *padding:2px 6px 5px 4px; font:11px/11px Sans-serif; background-position:right -107px; _top:-1px}

/* Button & Input */
span.button button,
span.button input{height:23px; padding:0 10px 0 8px; line-height:23px; background-position:right top; cursor:pointer; _height:25px}
span.button.large button,
span.button.large input{height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px}
span.button.xLarge button,
span.button.xLarge input{height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px}
span.button.small button,
span.button.small input{height:18px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px}

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

/* Icon */
/*
span.button .icon {position:relative; left:-3px; top:-1px; *left:-3px; _top:2px; vertical-align:middle; border:0; padding:0}
span.button.small .icon{left:6px}
*/
/* Color */
span.button.green,
span.button.green a,
span.button.green button,
span.button.green input{background-image:url(../../images/button/btn_green.gif); color:#fff}
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input{background-image:url(../../images/button/btn_black.gif); color:#fff}
span.button.red,
span.button.red a,
span.button.red button,
span.button.red input{background-image:url(../../images/button/btn_red.gif); color:#fff}
span.button.blue,
span.button.blue a,
span.button.blue button,
span.button.blue input{background-image:url(../../images/button/btn_blue.gif); color:#fff}

span.button .icon.logout{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_logout.gif) left center no-repeat}
span.button .icon.find{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_find.gif) left center no-repeat}
span.button .icon.sync{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_sync.png) left center no-repeat}
span.button .icon.xls{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_excel.png) left center no-repeat}
span.button .icon.upload{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_upload.png) left center no-repeat}
span.button .icon.reply{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_reply.gif) left center no-repeat}
span.button .icon.aprv{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_aprv.gif) left center no-repeat}
span.button .icon.print{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_print.png) left center no-repeat}
span.button .icon.plus{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_plus.png) left center no-repeat}
span.button .icon.contract{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_contract.png) left center no-repeat}
span.button .icon.gear{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_gear.png) left center no-repeat}
span.button .icon.cancel{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_cancel.png) left center no-repeat}
span.button .icon.trash{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_trash.png) left center no-repeat}
span.button .icon.close{position:relative; vertical-align:middle; margin-top:-1px; _margin-top:0; height:20px; left:-3px; display:inline-block; width:16px; background:url(../../images/icon/icon_close.png) left center no-repeat}

button.close{z-index:99; border:0; width:12px; height:12px; overflow:hidden; text-indent:15px; background:transparent url(../../images/icon/icon_close.png) center center no-repeat; cursor:pointer;}
button.close2{z-index:99; border:0; width:16px; height:16px; overflow:hidden; text-indent:20px; background:transparent url(../../images/icon/icon_close2.png) center center no-repeat; cursor:pointer;}

button.orderDirection{width:10px; height:10px; margin-top:-3px; padding:0; z-index:99; border:0; overflow:hidden; text-indent:15px; background:transparent url(../../images/icon/icon_up.gif) center center no-repeat; cursor:pointer}
button.orderDirection.ASC{z-index:99; border:0; overflow:hidden; text-indent:15px; background:transparent url(../../images/icon/icon_up.gif) center center no-repeat; cursor:pointer}
button.orderDirection.DESC{z-index:99; border:0; overflow:hidden; text-indent:15px; background:transparent url(../../images/icon/icon_down.gif) center center no-repeat; cursor:pointer}
button.orderDirection.none{z-index:99; border:0; overflow:hidden; text-indent:15px; background:none; cursor:pointer}