@charset "utf-8";
/* NHN (developers@xpressengine.com) */

/* -- Button Gray Style -- */
.buttonGray,
.buttonGray a,
.buttonGray button,
.buttonGray input{position:relative;overflow:visible;border:0;margin:0;padding:0;top:0;display:inline-block;color:#000 !important;cursor:pointer;text-decoration:none !important;white-space:nowrap;vertical-align:middle !important;*vertical-align:top !important;background-color:transparent;background-image:url(../img/buttonGray.gif);background-repeat:no-repeat}
.buttonGray{margin-right:2px}
.buttonGray a,
.buttonGray button,
.buttonGray input{left:2px}

.buttonGray.small {height:20px;background-position:left top !important}
.buttonGray.medium {height:24px;background-position:left -30px !important}
.buttonGray.large {height:27px;background-position:left -60px !important}

/* Anchor */
.buttonGray.small a {padding:4px 6px 5px 4px;font:11px/11px Tahoma, Sans-serif;background-position:right top;_top:0px}
.buttonGray.medium a {padding:6px 10px 7px 8px;font:12px/12px Tahoma, Sans-serif;background-position:right -30px;_top:-1px}
.buttonGray.large a {padding:8px 10px 7px 8px;font:12px/12px Tahoma, Sans-serif;background-position:right -60px}

/* Button & Input */
.buttonGray.small button,
.buttonGray.small input {height:20px;padding:0 6px 0 4px;font:11px/20px Tahoma, Sans-serif !important;background-position:right top !important;_top:0 !important}
.buttonGray.medium button,
.buttonGray.medium input {height:24px;padding:0 10px 0 8px;font:12px/25px Tahoma, Sans-serif;background-position:right -30px !important;_top:-1px}
.buttonGray.large button,
.buttonGray.large input {height:27px;padding:0 10px 0 8px;font:12px/28px Tahoma, Sans-serif;background-position:right -60px !important;_top:-1px}

/* Strong Button */
.buttonGray.strong * {font-weight:bold !important}

/* Icon Add */
.buttonGray a .icon {position:relative;border:0;vertical-align:middle}
.buttonGray button .icon,
.buttonGray input .icon{position:relative;margin-right:5px;vertical-align:middle;_top:4px}

/* -- Button New Post -- */
.buttonNewPost,
.buttonNewPost a{position:relative;border:0;margin:0;display:inline-block;color:#000;font-family:Tahoma, Sans-serif;cursor:pointer;text-decoration:none !important;white-space:nowrap;vertical-align:middle;background-color:transparent;background-image:url(../img/buttonNewPost.gif);background-repeat:no-repeat}
.buttonNewPost{margin-right:5px;background-position:left top;}
.buttonNewPost a{padding:7px 10px 11px 20px;*padding:7px 10px 11px 20px;font-size:12px;line-height:12px;font-weight:bold;color:#fff;left:5px;background-position:right top}

/* -- Button Favorite Menu -- */
.buttonFavoriteMenu,
.buttonFavoriteMenu span{position:relative;border:0;margin:0;display:block;color:#000;font-family:Tahoma, Sans-serif;cursor:pointer;text-decoration:none !important;white-space:nowrap;vertical-align:middle;background-color:transparent;background-image:url(../img/buttonFavoriteMenu.gif);background-repeat:no-repeat}
.buttonFavoriteMenu{margin-right:28px;background-position:left top;}
.buttonFavoriteMenu span{padding:9px 35px 9px 8px;*padding:7px 35px 11px 8px;font-size:12px;line-height:12px;color:#fff;left:23px;background-position:right top}

/* -- Publish State -- */
.publishState,
.publishState span{position:relative;border:0;margin:0;display:inline-block;height:17px;line-height:19px;color:#000;font-family:Tahoma, Sans-serif;text-decoration:none !important;white-space:nowrap;vertical-align:middle;background-color:transparent;background-image:url(../img/bgPublishState.gif);background-repeat:no-repeat;font-weight:normal}
.publishState{margin-right:2px}
.publishState span{left:2px;padding:0 3px 0 1px;font-size:11px;_top:-1px;*vertical-align:top}
.publishState.draft{background-position:left top}
.publishState.draft span{background-position:right top;color:#b1b1b1}
.publishState.out{background-position:left -20px}
.publishState.out span{background-position:right -20px;color:#fff}

/* -- Active State -- */
.activeState,
.activeState button{position:relative;border:0;margin:0;padding:0;overflow:visible;display:inline-block;height:17px;line-height:19px;color:#000;font-family:Tahoma, Sans-serif;text-decoration:none !important;white-space:nowrap;vertical-align:middle;background-color:transparent;background-image:url(../img/bgPublishState.gif);background-repeat:no-repeat;font-weight:normal;cursor:pointer}
.activeState{margin-right:2px}
.activeState button{left:2px;padding:0 3px 0 1px;font-size:11px;_top:-1px;*vertical-align:top}
.activeState.turnOff{background-position:left top}
.activeState.turnOff button{background-position:right top;color:#b1b1b1}
.activeState.turnOn{background-position:left -20px}
.activeState.turnOn button{background-position:right -20px;color:#fff}

/* -- Button Action -- */
.buttonAction,
.buttonAction button,
.buttonAction input,
.buttonAction a{position:relative;border:0;margin:0;display:inline-block;font-family:Tahoma, Sans-serif;font-weight:bold !important;cursor:pointer;text-decoration:none !important;white-space:nowrap;vertical-align:middle;*vertical-align:top;background-color:transparent;background-image:url(../img/buttonAction.gif);background-repeat:no-repeat}
.buttonAction{margin-right:7px}

/* Control Button + Submit Button */
.buttonAction button,
.buttonAction input,
.buttonAction a{height:39px;padding:0 25px 0 0;font:12px/39px Sans-serif;background-position:right top;overflow:visible}

/* Blue */
.buttonAction.actionBlue {background-position:left top}
.buttonAction.actionBlue button,
.buttonAction.actionBlue input,
.buttonAction.actionBlue a{left:7px;padding-left:40px;color:#fff;background-position:right top}

/* White */
.buttonAction.actionWhite {background-position:left -40px}
.buttonAction.actionWhite button,
.buttonAction.actionWhite input,
.buttonAction.actionWhite a{left:7px;color:#555;background-position:right -40px;padding-left:18px}

/* Normal */
.buttonAction.normal *{font-weight:normal !important}

/* Select */
.select{position:relative;display:inline-block;height:27px;*float:left}
.select .buttonSelect,
.select .buttonSelect button{position:relative;border:0;margin:0;display:inline-block;color:#000;font-family:Tahoma, Sans-serif;cursor:pointer;text-decoration:none !important;white-space:nowrap;vertical-align:middle;*vertical-align:top;background-color:transparent;background-image:url(../img/buttonGray.gif);background-repeat:no-repeat}
.select .buttonSelect{margin-right:2px;*margin-right:5px;background-position:left -90px}
.select .buttonSelect button{left:2px;height:27px;padding:0 25px 0 8px;*padding:0 5px 0 8px;*text-align:left;font:12px/28px Sans-serif;background-position:right -90px;_top:-1px}
.select ul{display:none;position:absolute;bottom:30px;left:0;border:1px solid #a5a5a5;border-bottom-color:#ddd;*border-bottom-color:#a5a5a5;background:#fff;margin:0;padding:0;list-style:none;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#dddddd', positive='true')}
.select ul:after{content:"";display:block;clear:both;height:1px;background:#a5a5a5}
.select ul.open{display:block}
.select ul ul{display:block !important;position:static;border:0;padding:0}
.select ul ul:after{content:"";display:none}
.select ul li:hover{background:#f7fafc}
.select ul li:hover button{color:#ea3f22}
.select ul li li{padding:0 0 0 20px}
.select ul li button{display:block;padding:2px 10px;white-space:nowrap;background-color:transparent;border:0;font-size:12px;color:#555;text-align:left;cursor:pointer}
.select ul li li button{background:url(../img/lineSelectL.gif) no-repeat left center}

/* Table Data Sort */
.buttonTableDataSort{width:20px;height:20px;border:0;cursor:pointer;padding:0;background:transparent url(../img/buttonTableDataSort.gif) no-repeat center center;vertical-align:middle}
.buttonTableDataSort span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden}
.sum .buttonTableDataSort{width:20px;height:20px;border:0;cursor:pointer;padding:0;background:transparent url(../img/buttonTableSumSort.gif) no-repeat center center;vertical-align:middle}
.sum .buttonTableDataSort span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;visibility:hidden}