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

/* -- 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(buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible; color:#000;}
span.button { height:23px; padding:0; margin-right:2px; background-position:left top; overflow:visible;}
span.button a,
span.button button,
span.button input{ left:2px; color:#000;}
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; font-family:ngothicb, Sans-Serif;}
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:9px/12px Sans-serif !important; background-position:right -107px; _top:-1px;}

/* Button & Input */
span.button button,
span.button input { height:23px; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px; font-family:ngothicb, Sans-Serif;}
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/11px Sans-serif !important; background-position:right -107px;}

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

/* Icon */
span.button .icon { position:relative; left:10px; margin-right:5px; vertical-align:middle; border:0; z-index:2;}
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(buttonGreen.gif); color:#fff;}
span.button.black,
span.button.black a,
span.button.black button,
span.button.black input { background-image:url(buttonBlack.gif); color:#fff;}
span.button.red,
span.button.red a,
span.button.red button,
span.button.red input { background-image:url(buttonRed.gif); color:#fff;}
span.button.blue,
span.button.blue a,
span.button.blue button,
span.button.blue input { background-image:url(buttonBlue.gif); color:#fff;}

/* Custom Buttons */
span.color,
span.color a,
span.color button,
span.color input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:13px; font-family:ngothicb, Sans-serif; white-space:nowrap; background:url(colorButtons.gif) no-repeat; vertical-align:middle; overflow:visible; color:#fff; font-weight:bold;}
span.color { height:31px; padding:0; margin-right:2px; background-position:left top; overflow:visible;}
span.color a,
span.color button,
span.color input{ left:2px;}

span.color a { padding:5px 13px 10px 10px; *padding:6px 13px 10px 10px; color:#000; font-size:13px; background-position:right top; color:#fff;}
span.color button,
span.color input { height:28px; padding:0 14px 0 8px; line-height:21px; background-position:right top; cursor:pointer; }

span.color.orange { background-position:left -35px; }
span.color.orange a,
span.color.orange button,
span.color.orange input {background-position:right -35px;}

span.color.gray { background-position:left -70px; }
span.color.gray a,
span.color.gray button,
span.color.gray input { background-position:right -70px; }

span.color .icon { position:relative; left:10px; margin-right:3px; vertical-align:middle; border:0; z-index:2;}