@charset "utf-8"; 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Anchor Button */
a.buttonPXE,
a.buttonPXE span { position:relative; display:inline-block; text-decoration:none !important; background:url(../img/buttons/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.buttonPXE { padding:0; background-position:left top; overflow:visible;}
a.buttonPXE span { left:2px; padding:7px 10px 4px 8px; color:#9d9d9d; font:12px/12px Sans-serif; background-position:right top; *vertical-align:top;}
/* Large Size */
a.buttonPXE.large { background-position:left -30px; }
a.buttonPXE.large span { padding:8px 10px 5px 8px; font:12px/16px Sans-serif; background-position:right -30px;}
/* xLarge Size */
a.buttonPXE.xLarge { background-position:left -65px; }
a.buttonPXE.xLarge span { padding:9px 10px 7px 8px; font:12px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
a.buttonPXE.small { background-position:left -106px; }
a.buttonPXE.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -106px;}

/* Control Button + Submit Button */
span.buttonPXE,
span.buttonPXE button,
span.buttonPXE input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../tpl/images/buttonWhite.gif) no-repeat; vertical-align:middle;}

span.buttonPXE { padding:0; background-position:left top; top:1px; }
span.buttonPXE button,
span.buttonPXE input { height:24px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:26px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.buttonPXE.large { background-position:left -30px;}
span.buttonPXE.large button,
span.buttonPXE.large input { height:31px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.buttonPXE.xLarge { background-position:left -65px;}
span.buttonPXE.xLarge button,
span.buttonPXE.xLarge input { height:36px; padding:0 10px 0 8px; font:12px/20px Sans-serif; background-position:right -65px;}
/* Small Size */
span.buttonPXE.small { background-position:left -106px;}
span.buttonPXE.small button,
span.buttonPXE.small input { height:19px; padding:1px 6px 0 4px; _padding:1px 6px 0 4px; font:8pt/18px 돋움,Dotum; letter-spacing:-1px; background-position:right -106px;}

/* Strong Button */
a.buttonPXE.strong *,
span.buttonPXE.strong * { font-weight:bold !important;}

/* Icon Add */
a.buttonPXE .icon { position:relative; border:0; vertical-align:middle;}
span.buttonPXE .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}

/* Color Preset */
a.buttonPXE.white,
a.buttonPXE.white span,
span.buttonPXE.white,
span.buttonPXE.white button,
span.buttonPXE.white input { background-image:url(../img/buttons/buttonWhite.gif); color:#9d9d9d;}

a.buttonPXE.custom,
a.buttonPXE.custom span,
span.buttonPXE.custom,
span.buttonPXE.custom button,
span.buttonPXE.custom input { background-image:url(../img/buttons/buttonWhite.gif); color:#9d9d9d;}

a.buttonPXE.black,
a.buttonPXE.black span,
span.buttonPXE.black,
span.buttonPXE.black button,
span.buttonPXE.black input { background-image:url(../img/buttons/buttonBlack.gif); color:#999;}

a.buttonPXE.crisp,
a.buttonPXE.crisp span,
span.buttonPXE.crisp,
span.buttonPXE.crisp button,
span.buttonPXE.crisp input { background-image:url(../img/buttons/buttonCrisp.gif); color:#333;}

a.buttonPXE.red,
a.buttonPXE.red span,
span.buttonPXE.red,
span.buttonPXE.red button,
span.buttonPXE.red input { background-image:url(../tpl/images/buttonRed.gif); color:#fff;}

a.buttonPXE.blue,
a.buttonPXE.blue span,
span.buttonPXE.blue,
span.buttonPXE.blue button,
span.buttonPXE.blue input { background-image:url(../tpl/images/buttonBlue.gif); color:#fff;}

a.buttonPXE.cyan,
a.buttonPXE.cyan span,
span.buttonPXE.cyan,
span.buttonPXE.cyan button,
span.buttonPXE.cyan input { background-image:url(../img/buttons/buttonCyan.gif); color:#9d9d9d;}

/* Offset Debug */
a.buttonPXE,
span.buttonPXE{ margin-right:2px;}

/* Button Set */
.buttonPXESet{ width:16px; height:16px; background-image:url(../tpl/images/buttonSet.gif); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonPXESet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonPXESet.buttonPXEUp{ background-position:0 0;}
.buttonPXESet.buttonPXEDown{ background-position:0 -16px;}
.buttonPXESet.buttonPXELeft{ background-position:0 -32px;}
.buttonPXESet.buttonPXERight{ background-position:0 -48px;}
.buttonPXESet.buttonPXEInfo{ background-position:0 -64px;}
.buttonPXESet.buttonPXECopy{ background-position:0 -80px;}
.buttonPXESet.buttonPXESetting{ background-position:0 -96px;}
.buttonPXESet.buttonPXEActive{ background-position:0 -112px;}
.buttonPXESet.buttonPXEDisable{ background-position:0 -128px;}
.buttonPXESet.buttonPXEDelete{ background-position:0 -144px;}
.buttonPXESet.buttonPXEHomepage{ background-position:0 -160px;}
.buttonPXESet.buttonPXEBlog{ background-position:0 -176px;}
.buttonPXESet.buttonPXECalendar{ background-position:0 -192px;}
.buttonPXESet.buttonPXELayoutEditor{ background-position:0 -208px;}
.buttonPXESet.buttonPXEAddWidget{ background-position:0 -224px;}
.buttonPXESet.buttonPXEAddContent{ background-position:0 -240px;}

