@charset "utf-8"; 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.button_xe,
a.button_xe span { position:relative; display:inline-block; text-decoration:none !important; background:url(./buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button_xe { padding:0; background-position:left top; overflow:visible;}
a.button_xe span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
/* Large Size */
a.button_xe.large { background-position:left -30px; }
a.button_xe.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.button_xe.xLarge { background-position:left -65px; }
a.button_xe.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.button_xe.small { background-position:left -107px; }
a.button_xe.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}

/* Control Button + Submit Button */
span.button_xe,
span.button_xe button,
span.button_xe input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(./buttonWhite.gif) no-repeat; vertical-align:middle;}
span.button_xe { padding:0; background-position:left top;}
span.button_xe button,
span.button_xe input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button_xe.large { background-position:left -30px;}
span.button_xe.large button,
span.button_xe.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button_xe.xLarge { background-position:left -65px;}
span.button_xe.xLarge button,
span.button_xe.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button_xe.small { background-position:left -107px;}
span.button_xe.small button,
span.button_xe.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; font:11px/18px Sans-serif; background-position:right -107px;}

/* Strong Button */
a.button_xe.strong *,
span.button_xe.strong * { font-weight:bold !important;}

/* Icon Add */
a.button_xe .icon { position:relative; border:0; vertical-align:middle;}
span.button_xe .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.button_xe.green,
a.button_xe.green span,
span.button_xe.green,
span.button_xe.green button,
span.button_xe.green input { background-image:url(./buttonGreen.gif); color:#fff;}
a.button_xe.black,
a.button_xe.black span,
span.button_xe.black,
span.button_xe.black button,
span.button_xe.black input { background-image:url(./buttonBlack.gif); color:#fff;}
a.button_xe.red,
a.button_xe.red span,
span.button_xe.red,
span.button_xe.red button,
span.button_xe.red input { background-image:url(./buttonRed.gif); color:#fff;}
a.button_xe.blue,
a.button_xe.blue span,
span.button_xe.blue,
span.button_xe.blue button,
span.button_xe.blue input { background-image:url(./buttonBlue.gif); color:#fff;}

/* Offset Debug */
a.button_xe,
span.button_xe{ margin-right:2px;}