@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("./common/js/iePngFix.htc"); } 
.zbxe_info { vertical-align:middle; behavior:url("./common/js/iePngFix.htc"); }

/* Input Style Definition */
.inputTypeText { border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1.4em; padding:.2em 0 0 .3em; background:#ffffff; font-size:1em; _font-size:9pt; }
*:first-child+html .inputTypeText { font-size:9pt; }
.inputTypeText:hover,
.inputTypeText:focus { background:#f4f4f4; }
.inputTypeTextArea { border:1px solid !important; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6 !important; background:#ffffff; font-size:1em; _font-size:9pt; height:100px;}
*:first-child+html .inputTypeTextArea { font-size:9pt; }

.w40 { width:40px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w230 { width:230px; }
.w240 { width:240px; }
.w250 { width:250px; }
.w260 { width:260px; }
.w270 { width:270px; }
.w280 { width:280px; }
.w290 { width:290px; }
.w300 { width:300px; }
.w400 { width:400px; }

/* editor style */
a.bold { font-weight:bold; }

.editor_blue_text { color: #145ff9 !important; text-decoration:underline !important; }
.editor_blue_text a { color: #145ff9 !important; text-decoration:underline !important; }
.editor_red_text { color: #f42126 !important; text-decoration:underline !important; }
.editor_red_text a { color: #f42126 !important; text-decoration:underline !important; }
.editor_yellow_text { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_yellow_text a { color: #c9bd00 !important; text-decoration:underline !important; }
.editor_green_text { color: #08830B !important; text-decoration:underline !important; }
.editor_green_text a { color: #08830B !important; text-decoration:underline !important; }

.folder_opener { display: block; }
.folder_closer { display: none; }
.folder_area { display: none; }

.xe_content { line-height:1.6; overflow:hidden; }

.zbxe_widget_output { background:url("/xe/common/tpl/images/widget_text.gif") no-repeat center bottom; display:block;}

/* xe layer */
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("/xe/common/tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }

#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px 10px 5px 10px;}
#popup_menu_area li{ padding:2px 0 2px 20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; white-space:nowrap;}
#popup_menu_area li a{ text-decoration:none; color:#000;}
#popup_menu_area li a:hover,
#popup_menu_area li a:active,
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}

/* xe faceoff */
.faceOffManager { position:fixed; _position:absolute; right:3px; top:3px;  height:23px; }
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

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

/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url("/xe/common/tpl/images/buttonWhite.gif") no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:23px; left:2px; *vertical-align:top; padding:0 10px 0 8px; line-height:24px; background-position:right top; cursor:pointer; *overflow:visible;}
/* Large Size */
span.button.large { background-position:left -30px;}
span.button.large button,
span.button.large input { height:30px; padding:0 10px 0 8px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
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 Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}

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

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

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

/* Button Set */
.buttonSet{ width:16px; height:16px; background-image:url("/xe/common/tpl/images/buttonSet.gif"); background-repeat:no-repeat; border:0; background-color:transparent; vertical-align:middle; display:inline-block; text-decoration:none;}
.buttonSet span{ z-index:-1; font-size:0; line-height:0; visibility:hidden;}
.buttonSet.buttonUp{ background-position:0 0;}
.buttonSet.buttonDown{ background-position:0 -16px;}
.buttonSet.buttonLeft{ background-position:0 -32px;}
.buttonSet.buttonRight{ background-position:0 -48px;}
.buttonSet.buttonInfo{ background-position:0 -64px;}
.buttonSet.buttonCopy{ background-position:0 -80px;}
.buttonSet.buttonSetting{ background-position:0 -96px;}
.buttonSet.buttonActive{ background-position:0 -112px;}
.buttonSet.buttonDisable{ background-position:0 -128px;}
.buttonSet.buttonDelete{ background-position:0 -144px;}
.buttonSet.buttonHomepage{ background-position:0 -160px;}
.buttonSet.buttonBlog{ background-position:0 -176px;}
.buttonSet.buttonCalendar{ background-position:0 -192px;}
.buttonSet.buttonLayoutEditor{ background-position:0 -208px;}
.buttonSet.buttonAddWidget{ background-position:0 -224px;}
.buttonSet.buttonAddContent{ background-position:0 -240px;}


a {text-decoration:none}

select.dStyle, 
textarea.dStyle,
input.dStyle {padding:2px;vertical-align:middle;border:1px solid; font-size:1.1em}

select.dStyle {padding:0;height:23px}
textarea.dStyle {height:100px}
input.dStyle {height:17px}

a.button {_margin-right:5px}

/* bodex Title */
.bodexHeader {border-bottom:1px solid; border-bottom:0; overflow:hidden; *zoom:1}
.bodexHeader h3{border-bottom:3px solid; margin:0; float:left; padding:12px 15px 5px 15px; font-size:1.4em;*zoom:1}
.bodexHeader h4{margin:0; float:left; padding:15px 15px 5px 12px; font-size:1.2em;*zoom:1}

/* bodex Description */
.bodexDescription {border:1px solid; overflow:hidden; padding:10px; margin: 5px 0}

/* bodex Information */
.bodexInformation {clear:both; margin:5px 0 2px 0; overflow:hidden}

.articleNum {float:left; padding:0 0 0 16px}
.articleNum strong {font:bold 1em Tahoma}

/* account Navigation */
.accountNavigation {margin:0; padding:0; float:right}
.accountNavigation li {float:left; margin-left:5px; list-style:none}
.accountNavigation li.setup a {background:url("/xe/modules/bodex/skins/xe_default/images/common/iconAdmin.gif") no-repeat left top; padding-left:13px}
.accountNavigation li.admin a {background:url("/xe/modules/bodex/skins/xe_default/images/common/iconAdmin.gif") no-repeat left top; padding-left:13px}
.accountNavigation li.loginAndLogout a {padding-left:8px; margin-right:8px}
.accountNavigation li.join a,
.accountNavigation li.myInfo a {margin-left:14px}

.accountNavigation li.icon a{display:block; float:left; width:13px; height:13px; overflow:hidden; background-repeat:no-repeat}
.accountNavigation li.icon a span{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0}

.accountNavigation li.listTypeClassic a{background-position:0 0}
.accountNavigation li.listTypeClassicActive a{background-position:0 -13px}
.accountNavigation li.listTypeZine a{background-position:-13px 0}
.accountNavigation li.listTypeZineActive a{background-position:-13px -13px}
.accountNavigation li.listTypeGallery a{background-position:-26px 0}
.accountNavigation li.listTypeGalleryActive a{background-position:-26px -13px}

/**
 * category Navigation
 **/
.categoryTab .localNavigation {margin:0 0 2px 0; padding:0; overflow:hidden;  *zoom:1}
.categoryTab .localNavigation:after {content:""; display:block; clear:both}
.categoryTab .localNavigation li{position:relative; list-style:none; float:left; margin:0 2px 0 0; padding:0}
.categoryTab .localNavigation li a{text-decoration:none; border:1px solid; float:left; padding:7px 10px 0 10px; height:18px}
.categoryTab .localNavigation li a span{font-size:.8em}
.categoryTab .localNavigation li.on {font-weight:bold;margin-bottom:-1px}
.categoryTab .localNavigation li.on a{height:19px; background:none}

.categoryMenu {border:0px;width:100%}
.categoryMenu td {white-space:nowrap; overflow:hidden; vertical-align:top; *vertical-align:top}
.categoryMenu td .localNavigation {border:1px solid; margin:0; padding:0 0 10px 0}
.categoryMenu td .localNavigation div{white-space:nowrap; font-size:1em;padding:10px 13px 0 13px}
.categoryMenu td .localNavigation div a{text-decoration:none}
.categoryMenu td .localNavigation div.on a{font-weight:bold} 
.categoryMenu td .localNavigation div a span{font-size:.8em}
.categoryMenu td .localNavigation div.total {padding:9px 0 5px 13px; border-bottom:1px solid}


/**
 * bodexList
 **/
.bodexList {width:100%; border-bottom:1px solid; border-top:1px solid}

.bodexList .checkbox {margin:0;padding:0 12px 0 0 }
.bodexList .checkbox input {position:absolute; margin-top:0px; margin-top:-3px\9; *margin-top:-5px}

.bodexList tr.notice td {border-bottom:1px dotted}

.bodexList th , 
.bodexList td {white-space:nowrap; padding:7px; font-weight:normal; vertical-align:middle; text-align:center}

.bodexList th {font-size:1em; border-bottom:1px solid; *zoom:1}
.bodexList th.sort {font-weight:bold}

.bodexList td.title * {vertical-align:middle}
.bodexList th.title {width:100%; margin:0; padding:0 5px 0 5px; height:28px }
.bodexList td.title {width:100%; white-space:normal}
.bodexList td.title .replyAndTrackback {margin:1px; font:.8em Tahoma}

.bodexList th.category *{vertical-align:middle; *vertical-align:top}
.bodexList th.category select{*margin-right:5px}
.bodexList th.category .button input {margin:0;padding:0 3px 0 3px}
.bodexList td strong.category {font-size:1em; padding-right:5px}
.bodexList td.nick_name div {cursor:pointer}

.bodexList td.title,
.bodexList th.category,
.bodexList td.checkbox,
.bodexList td.nick_name {text-align:left}

.bodexList td.no,
.bodexList td.regdate,
.bodexList td.ipaddress,
.bodexList td.last_update,
.bodexList td.readed_count,
.bodexList td.voted_count,
.bodexList td.blamed_count {font:.8em Tahoma}

.bodexList td span.rewardPoint {font:bold .8em Tahoma; border:1px solid; padding: 1px 1px 0 1px}
.bodexList td.extravalue {white-space:nowrap;overflow:hidden}

.bodexList.historyList th.title {text-align:right;padding-right:5px}

/**
 * bodex Bottom, list button
 **/
.bodexBottom {margin-top:10px}
.bodexBottom .leftButtonBox {float: left}
.bodexBottom .rightButtonBox {float: right}

/* secret Content */
.secretContent {margin:20px auto; text-align:center; border:1px solid; width:240px}
.secretContent .title {padding:10px 0 10px 0; display:block; font-weight:bold}
.secretContent .content {padding:10px 0 10px 0;display:block}
.secretContent .content input[type="password"] {margin-right:5px}
.secretContent .content input {*margin-right:5px}

/**
 * bodexSearch
 **/
.bodexSearch{position:relative; margin:0; padding:1px 0; line-height:normal}
.bodexSearch *{margin:0; padding:0}
.bodexSearch select{height:23px}
.bodexSearch input.dStyle {width:140px}
.bodexSearch fieldset {border:0; margin:0; padding:0}
.bodexSearch .infoEtc{position:absolute; top:13px; right:0}
.bodexSearch .infoEtc li{display:inline}
.bodexSearch .infoEtc li a{display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;background-image:url("/xe/modules/bodex/skins/xe_default/images/common/buttonContributorsTaglist.gif")}
.bodexSearch .infoEtc li a span{position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden}
.bodexSearch .infoEtc li.contributors a{width:12px; background-position:0 0}
.bodexSearch .infoEtc li.tag a{width:41px; background-position:-12px 0}

/**
 * Page
 **/
.pagination{padding:15px 0; margin:0; text-align:center}
.pagination *{margin:0; padding:0}
.pagination img{border:0}
.pagination a,
.pagination strong{border:none; text-decoration:none; position:relative; display:inline-block; line-height:normal; font-family:Tahoma, Sans-serif; vertical-align:middle}
.pagination a{font-weight:normal !important}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{font-weight:normal !important; white-space:nowrap}

/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{margin-left:-5px; padding:1px 8px 1px 8px; border-left:1px solid; border-right:1px solid; font-weight:bold; font-size:1em;line-height:.9em;*line-height:1em}
.pagination.a1 a.prev{padding-left:10px; background: url("/xe/modules/bodex/skins/xe_default/images/common/arrowPrevA1.gif") no-repeat left center}
.pagination.a1 a.prevEnd{border-left:0;padding-left:15px; background: url("/xe/modules/bodex/skins/xe_default/images/common/arrowPrevEndA1.gif") no-repeat left center}
.pagination.a1 a.next{padding-right:10px; background: url("/xe/modules/bodex/skins/xe_default/images/common/arrowNextA1.gif") no-repeat right center}
.pagination.a1 a.nextEnd{border-right:0;padding-right:15px; background: url("/xe/modules/bodex/skins/xe_default/images/common/arrowNextEndA1.gif") no-repeat right center}

/**
 * message box
 **/
.smallBox {border:1px solid; width:280px; margin: 30px auto 30px auto; padding-bottom:10px}
.smallBox h3 {border-bottom:3px solid; margin:0; font-size:1.2em; padding:.8em 2em .6em 1.2em;  }
.smallBox .inputPassword {text-align:center;border:none; padding:2em 2em 1.5em 2em}
.smallBox .inputPassword input {width:5em}
.smallBox .inputPassword input.userPw {margin-right:5px;width:7em}
.smallBox .messageBox {padding:10px}

.multimediaBox {margin:auto; padding:10px}
.multimediaBox h3 {border-bottom:3px solid}

/**
 * tag List
 **/
.tagsBox {border:1px solid; padding:10px; overflow:hidden}
.tagsBox h4 {margin:0; padding:2px}
.tagsBox .tags div {float:left; padding:2px; margin-right:10px; overflow:hidden; white-space:nowrap; height:15px}
.tagsBox .tags div a {text-decoration:none; line-height:150%}
.tagsBox .tags .tagTypeA a {font-weight:bold; font-size:12pt; margin:0}
.tagsBox .tags .tagTypeB a {font-size:11pt; margin:0}
.tagsBox .tags .tagTypeC a {font-weight:bold; font-size:11pt; margin:0}
.tagsBox .tags .tagTypeD a {font-weight:bold; margin:0}
.tagsBox .tags .tagTypeE a {font-weight:normal; margin:0}

/**
 * editorOption
 **/
.bodexWrite {border:1px solid}
.bodexWrite fieldset {border:none}

.bodexWrite .userNameAndPw {margin:5px 10px 0 10px}
.bodexWrite .userNameAndPw input {margin-right:10px}

.bodexWrite .userNameAndPw input.userName,
.bodexWrite .userNameAndPw input.userPw {width:60px}
.bodexWrite .userNameAndPw input.emailAddress,
.bodexWrite .userNameAndPw input.homePage {width:90px}

.bodexWrite .userNameAndPw dd input {margin-right:0}
.bodexWrite .userNameAndPw dd label {margin-left:5px}

.bodexWrite dl {padding:0; margin:0}
.bodexWrite dl dd {padding:0; margin:0}
.bodexWrite dl.option {margin:5px 0 0 10px; padding:0}
.bodexWrite dl.option.topline {border-top:1px solid;  margin:5px 0 0 0;padding:5px 0 0 5px}
.bodexWrite dl.option dd {display:inline; margin-right:5px}
.bodexWrite dl.option dd * {vertical-align:middle}
.bodexWrite dl.option dd select {font-size:1em}
.bodexWrite dl.option dd.rewardPoint {float:right; margin:3px 5px}
.bodexWrite dl.option dd.rewardPoint a.button {margin:-4px 0}
.bodexWrite dl.option dd.rewardPoint {_float:none; _margin:0 10px 0 10px}

/**
 * xpress-editor
 **/
.xpress-editor .fileUploader {padding-left:10px}
.commentWrite .xeTextEditor textarea {margin:0; padding:1px}


.displayHide {display:none}
.displayShow {display:block}

/**
 * star
 **/
.starPointFrame {overflow:hidden; width:75px; height:14px; background:url("/xe/modules/bodex/skins/xe_default/images/common/starOff.png") no-repeat left top}
.starPointFrame span {float:left;display:block; overflow:hidden;height:14px;font-size:0; line-height:0}
.starPointFrame span.starColorR {background:url("/xe/modules/bodex/skins/xe_default/images/common/starOnR.png") no-repeat left top}
.starPointFrame span.starColorG {background:url("/xe/modules/bodex/skins/xe_default/images/common/starOnG.png") no-repeat left top}
.starPointFrame span.starColorY {background:url("/xe/modules/bodex/skins/xe_default/images/common/starOnY.png") no-repeat left top}

.starPointFrame.small {width:40px; height:8px; background-image:url("/xe/modules/bodex/skins/xe_default/images/common/star_Off.png")}
.starPointFrame.small span {height:8px}
.starPointFrame.small span.starColorR {background-image:url("/xe/modules/bodex/skins/xe_default/images/common/star_OnR.png")}
.starPointFrame.small span.starColorG {background-image:url("/xe/modules/bodex/skins/xe_default/images/common/star_OnG.png")}
.starPointFrame.small span.starColorY {background-image:url("/xe/modules/bodex/skins/xe_default/images/common/star_OnY.png")}


/**
 * bodexRead
 **/
.bodexRead { text-align:left;margin:10px  0 10px 0}

.bodexRead .secret {float:left;margin-right:5px}

.bodexRead a.button,
.bodexRead span.button {margin-top:0}
.bodexRead select.doc_state {margin:0}

.bodexRead .documentText,
.bodexRead .readBody .contentBody {clear:both;white-space:normal; padding-top:7px;overflow:hidden}
.bodexRead .documentText {margin:5px 0 5px 0;padding:0}

.bodexRead .readBody .contentBody .xe_content {padding:3px}

.bodexRead .readBody.review {border-top:1px solid;margin-top:15px}

.bodexRead .titleAndUser { overflow:hidden; border-bottom:1px solid; *padding-top:1px}
.bodexRead .titleAndUser div.checkbox {margin-left:-4px}

.bodexRead .titleAndUser .title {float:left; white-space:normal; margin:3px 0 5px 0}
.bodexRead .titleAndUser .title a {text-decoration:none}
.bodexRead .titleAndUser .title a:hover {text-decoration:underline}
.bodexRead .titleAndUser h4{margin:0; font-size:1.4em}

.bodexRead .titleAndUser .userInfo {float:right; white-space:nowrap;margin-top:12px}
.bodexRead .titleAndUser .userInfo .author span {cursor:pointer}

.bodexRead .dateAndCount {clear:both; white-space:nowrap; margin:4px 0 2px 0; padding:0; font:.9em tahoma; line-height:1.5em}

.bodexRead .dateAndCount .category {float:left}
.bodexRead .dateAndCount .category a {text-decoration:none; font-weight:bold}
.bodexRead .dateAndCount .category a:hover {text-decoration:underline}

.bodexRead .dateAndCount .date {float:right}
.bodexRead .dateAndCount .readedCount,
.bodexRead .dateAndCount .votedCount {float:right; margin-left:15px}
.bodexRead .dateAndCount .average {margin-right:3px}

.bodexRead .starRating {margin:10px 0 5px 0}
.bodexRead .starRating table {border:0}
.bodexRead .starRating table th {font-weight:bold;font-size:1em}
.bodexRead .starRating .starPointFrame {width:160px}
.bodexRead .starRating .starPointFrame span.average {font-size:.9em; height:14px;line-height:17px}
.bodexRead .starRating .starPointFrame div {width:80px}
.bodexRead .starRating .average {font-weight:normal}

.bodexRead div.infoBox {width:100%}

.bodexRead div.thum {float:left;margin:0;border:1px solid; margin-right:10px;*margin-top:12px}
.bodexRead div.thumfr {float:right;margin:0;margin-left:10px}
.bodexRead div.thum img {padding:2px; display:block; margin-left:auto;margin-right:auto}.bodexRead .extraVarsList {border-top:1px solid;padding:0; overflow:hidden}
.bodexRead .extraVarsList th {font-weight:normal; text-align:left; padding:2px 0 2px 0; white-space:nowrap}
.bodexRead .extraVarsList td {padding-left:5px; white-space:normal}

.bodexRead .extraVarsTable {width:100%}
.bodexRead .extraVarsTable th {font-weight:normal; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid; border-right:1px solid}
.bodexRead .extraVarsTable td {border-bottom:1px solid ; padding:4px 0 4px 10px}

.bodexRead .contentButton {text-align:right;margin:0; border-top:1px solid; padding-top:5px; _padding-top:3px}

.bodexRead .contentButton .replyAndTrackback {float:left}
.bodexRead .contentButton .replyAndTrackback .replyCount {float:left; margin-right:10px; background:url("/xe/modules/bodex/skins/xe_default/images/common/iconReply.gif") no-repeat left; padding-left:15px}
.bodexRead .contentButton .replyAndTrackback .trackbackCount {float:left; background:url("/xe/modules/bodex/skins/xe_default/images/common/iconTrackback.gif") no-repeat left; padding-left:15px}
.bodexRead .contentButton .replyAndTrackback .replyCount span {font:.8em tahoma;   }
.bodexRead .contentButton .replyAndTrackback .trackbackCount span { font:.8em tahoma;   }

.bodexRead .contentButton .replyAndTrackback a {white-space:nowrap; text-decoration:none}
.bodexRead .contentButton .replyAndTrackback a:hover {text-decoration:underline}

.bodexRead .tag {border-top:1px solid;background: url("/xe/modules/bodex/skins/xe_default/images/common/iconTag.gif") no-repeat 3px 8px; padding:7px 0 4px 35px; margin-top:3px}
.bodexRead .tag ul {margin:0; padding:0; _margin-top:-9px}
.bodexRead .tag li {display:inline; list-style:none}
.bodexRead .tag li a {text-decoration:none}

.bodexRead .fileAttached {padding:3px;  margin:3px 0 5px 0; border:2px solid; overflow:hidden}
.bodexRead .fileAttached ul {border:0; margin:0; padding:0}
.bodexRead .fileAttached li {font-size: 1em;line-height: normal;list-style: none; float:left;background-position: 0% 50%;background-repeat: no-repeat;margin-left:5px;padding: 2px 0px 2px 17px;white-space: nowrap}
.bodexRead .fileAttached li a {text-decoration:none; font-size:.9em; white-space:nowrap}
.bodexRead .fileAttached span.fileDownloaded {font-weight:bold}
.bodexRead .fileAttached span.fileError {text-decoration:line-through}

.bodexRead .docReadIpAndUrl .docReadIp {font:.9em tahoma;float:right;  text-decoration:none}
.bodexRead .docReadIpAndUrl .docReadUri {font:.9em tahoma; float:left}
.bodexRead .docReadIpAndUrl .docReadUri a {text-decoration:none}

/**
 * extraVars
 **/
.replyBox .secret {float:right;margin-right:5px}

.replyBox {text-align:left;padding:10px; border:1px solid; margin-top:.5em}
.replyBox .replyItem {padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted; list-style:none}
.replyBox p {display:inline}
.replyBox .author {float:left; padding:0; margin:0 .3em .5em 0;*position:relative}
.replyBox .author div {cursor:pointer}
.replyBox .voted {float:left; font-size:.9em; margin:0 .3em .5em 1em;*position:relative}
.replyBox .author .voteInfo {font:.8em Tahoma}
.replyBox .date {float:right; font:.8em Tahoma; margin:.3em 0 .5em 0;*position:relative}

.replyBox .replyOption {height:20px; float:right; white-space:nowrap; margin-left:.2em;*position:relative}
.replyBox .replyOption img {vertical-align:middle}

.replyBox .replyContent {white-space:normal; overflow:hidden}
.replyBox .replyContent p {display:block}
.replyBox .reply {border-bottom:1px dotted}
.replyBox .replyIndent {background:url("/xe/modules/bodex/skins/xe_default/images/common/iconReplyArrow.gif") no-repeat .0em .3em; padding-left:1.3em}

.replyBox .fileAttached li {padding-left:0}
.replyBox .fileAttached img {padding-right:2px}

.trackbackBox {text-align:left;padding:.6em .6em; border:1px solid;margin-top:.5em}
.trackbackBox .trackbackUrl {font-size:.9em; margin:0}
.trackbackBox .trackbackItem {padding:.6em .1em .6em .6em; line-height:1.25em; border-top:1px dotted; list-style:none}
.trackbackBox p {display:inline; margin-bottom:1em}
.trackbackBox a {text-decoration:none}
.trackbackBox div  {clear:both}
.trackbackBox address {display:block; padding:0 .3em 0 0}
.trackbackBox address a {font-size:.9em; margin-right:.3em; float:left;*position:relative}
.trackbackBox address .date {font:.8em Tahoma; float:right;*position:relative}

/**
 * commentWrite
 **/
.commentWrite {margin:10px 0 5px 0}
.commentWrite .userNameAndPw {margin:0 0 5px; padding:0; white-space:normal}
.commentWrite .userNameAndPw .votePoint {border-bottom:1px solid;padding:5px 0 5px 10px; overflow:hidden}
.commentWrite .userNameAndPw .votePoint .up {padding:3px 0 0 18px;background:url("/xe/modules/bodex/skins/xe_default/images/common/vote_up.gif") no-repeat left top}
.commentWrite .userNameAndPw .votePoint .down {padding:3px 0 0 18px;background:url("/xe/modules/bodex/skins/xe_default/images/common/vote_down.gif") no-repeat left top}
.commentWrite .userNameAndPw .votePoint a {text-decoration:none; margin-right:3px}
.commentWrite .userNameAndPw .votePoint .voteEmpty a {font-size:1em; margin:0}
.commentWrite .userNameAndPw .votePoint label:hover,
.commentWrite .userNameAndPw .votePoint a:hover {text-decoration:underline}
.commentWrite .userNameAndPw .votePoint span {padding-left:3px}
.commentWrite .userNameAndPw .votePoint .starPoint {padding-left:0; margin:0;list-style:none}
.commentWrite .userNameAndPw .votePoint .starPoint li {float:left}
.commentWrite .userNameAndPw .votePoint .starPoint li a { display:block;text-decoration:none; width:15px; height:14px; background:url("/xe/modules/bodex/skins/xe_default/images/common/starOff.png") no-repeat left top; font-size:0; line-height:0}
.commentWrite .userNameAndPw .votePoint .starPoint li a.onR {background-image:url("/xe/modules/bodex/skins/xe_default/images/common/starOnR.png")}
.commentWrite .userNameAndPw .votePoint .starPoint li a.onG {background-image:url("/xe/modules/bodex/skins/xe_default/images/common/starOnG.png")}
.commentWrite .userNameAndPw .votePoint .starPoint li a.onY {background-image:url("/xe/modules/bodex/skins/xe_default/images/common/starOnY.png")}
.commentWrite .userNameAndPw .votePoint .starPoint li a.vote_cancel {margin-left:5px; background-image:url("/xe/modules/bodex/skins/xe_default/images/common/starOff.png")}


/* 게시물의 팝업 메뉴 */
.comment_popup_menu,
.document_popup_menu {text-align:right; padding:0 15px 0 0; height:18px}
.comment_popup_menu a,
.document_popup_menu a {text-decoration:none}

/* 회원 서명 및 프로필 이미지 출력 */
.memberSignature {border:1px solid; padding:10px; margin:10px; clear:both}
.memberSignature .profile {float:left; margin-right:20px;*position:relative}
.memberSignature .profile img {border:1px solid; padding:3px; margin:none}

.commentProfileImage {float:left; *position:relative}
.commentProfileImage .profile {margin:0 20px 10px 0}
.commentProfileImage .profile .star {margin-bottom:3px}
.commentProfileImage .profile .adoptComment span {font-weight:bold}
.commentProfileImage .profile .adoptComment a.button {margin:0 0 3px 0; padding:0}
.commentProfileImage .profile .image {border:1px solid; padding:3px; margin:none}


body {color:#111}

a {color:#444}
a:hover {color:#000}

select.dStyle, 
textarea.dStyle,
input.dStyle {color:#111;border-color:#ccc #aaa #aaa #ccc}

select.dStyle:focus, 
textarea.dStyle:focus,
select.dStyle:hover, 
textarea.dStyle:hover,
input.dStyle:focus,
input.dStyle:hover {border-color:#444}

input.dStyle {background:url("/xe/modules/bodex/skins/xe_default/images/white/inputBg.gif") no-repeat right bottom}

.bodexWrite .extraVarsList select,
.bodexWrite .extraVarsList textarea,
.bodexWrite .extraVarsList input[type="password"],
.bodexWrite .extraVarsList input[type="text"] {color:#111;border-color:#ccc #aaa #aaa #ccc}

.bodexWrite .extraVarsList select:focus,
.bodexWrite .extraVarsList textarea:focus,
.bodexWrite .extraVarsList input[type="password"]:focus,
.bodexWrite .extraVarsList input[type="text"]:focus,
.bodexWrite .extraVarsList select:hover,
.bodexWrite .extraVarsList textarea:hover,
.bodexWrite .extraVarsList input[type="password"]:hover,
.bodexWrite .extraVarsList input[type="text"]:hover {border-color:#444}

.bodexWrite .extraVarsList input[type="password"],
.bodexWrite .extraVarsList input[type="text"] {background:url("/xe/modules/bodex/skins/xe_default/images/white/inputBg.gif") no-repeat right bottom}

.bodexHeader {border-color:#ccc; background: url("/xe/modules/bodex/skins/xe_default/images/white/bgH3.png") repeat-x left bottom}
.bodexHeader h3{color:#111; background:url("/xe/modules/bodex/skins/xe_default/images/white/line_H3_3x15.gif") no-repeat right bottom}
.bodexHeader h4{color:#999}
.bodexDescription {color:#777;border-color:#ccc}

.accountNavigation li.loginAndLogout a {background:url("/xe/modules/bodex/skins/xe_default/images/white/line_1x15.gif") no-repeat left 2px}
.accountNavigation li.icon a{background-image:url("/xe/modules/bodex/skins/xe_default/images/white/listTypeIcon.gif")}
.accountNavigation li.rss a{background-image:url("/xe/modules/bodex/skins/xe_default/images/common/iconRss.gif")}

.articleNum {background:url("/xe/modules/bodex/skins/xe_default/images/white/iconArticle.gif") no-repeat left top}

.categoryTab .localNavigation li a{color:#444; border-color:#ccc;background:url("/xe/modules/bodex/skins/xe_default/images/white/bgListTh.png") repeat-x top}
.categoryTab .localNavigation li a:hover{border-color:#444}
.categoryMenu td .localNavigation {border-color:#ccc}
.categoryMenu td .localNavigation div.total {border-bottom-color:#ccc}

.bodexList ,
.bodexList tr.notice td {border-color:#ccc}

.bodexList th {color:#444; border-bottom-color:#ccc;background: url("/xe/modules/bodex/skins/xe_default/images/white/bgListTh.png") repeat-x top}

.bodexList td.title {color:#333}
.bodexList td.title a:visited {color:#777}
.bodexList td strong.category {color:#111; background:url("/xe/modules/bodex/skins/xe_default/images/white/line_1x15.gif") no-repeat right 2px}

.bodexList td.no,
.bodexList td.regdate,
.bodexList td.ipaddress,
.bodexList td.last_update,
.bodexList td.readed_count,
.bodexList td.voted_count,
.bodexList td.doc_state,
.bodexList td.blamed_count {color:#555}

.bodexList td span.rewardPoint {background-color:#555; border-color:#000; color:#fff}
.bodexList td span.rewardAdopt {background-color:#aaa}

/* bodexList webzine */
.bodexList td.extraAndSummary span {color:#999}
.bodexList td.extraAndSummary .extraTable th,
.bodexList td.extraAndSummary .extraTable td {color:#555}
.bodexList td.thumb img {border-color:#E0E1DB;  }

 /* bodexList gallery */
.bodexList .thumbnailBox .cell img.thumb {border-color: #ccc}
.bodexList .thumbnailBox .nameAndDate {color:#555}
.bodexList .thumbnailBox .nameAndDate .author {color:#111;  }
.bodexList .thumbnailBox .extravalue,
.bodexList .thumbnailBox .nameAndDate .date {color:#555}
.bodexList .thumbnailBox .readAndRecommend {color:#555}

 /* bodexList download */
.bodexList .downloadBox {border-bottom-color:#ccc}
.bodexList .downloadBox div.thum {border-color: #ccc}
.bodexList .downloadBox div.info li.title {border-top-color:#ccc}
.bodexList .downloadBox div.info li.category .star span.average {color:#aaa}
.bodexList .downloadBox div.info li.category .star,
.bodexList .downloadBox div.info li.category .star a,
.bodexList .downloadBox div.info li.category span.last_updater,
.bodexList .downloadBox div.info li .extravalue {color:#888}
.bodexList .downloadBox div.info li .summary {color:#555}

.bodexList .downloadBox div.date,
.bodexList .downloadBox div.date a {color:#aaa}
.bodexList .downloadBox div.date a:hover {color:#888}
.bodexList .downloadBox div.info li.category strong {background:url("/xe/modules/bodex/skins/xe_default/images/white/line_1x15.gif") no-repeat right 3px}

.blogViewDocument {border-color:#aaa}

/* pagi */
.pagination.a1 a,
.pagination.a1 strong{border-left-color:#ccc; border-right-color:#555}

.bodexRead .titleAndUser {border-bottom-color:#ccc}
.bodexRead .dateAndCount div {color:#777}
.bodexRead .dateAndCount .category a {color:#555}

.bodexRead .extraVarsList {border-top-color:#ccc}
.bodexRead .extraVarsList th {color:#999; border-bottom-color:#ccc; border-right-color:#ccc}
.bodexRead .extraVarsList td {color:#999; border-bottom-color:#ccc}
.bodexRead .extraVarsList td a {color:#999}
.bodexRead .extraVarsList td a:hover {color:#666}

.bodexRead .tag,
.bodexRead .readBody.review,
.bodexRead div.thum {border-color:#ccc}
.bodexRead .starRating  {color:#888}
.filelistFrame {color:#111;border-color: #ccc}
.filelistFrame a {color:#555}

.bodexRead .fileAttached {border-color:#ccc; background-color:#eee}
.bodexRead .fileAttached li a:visited {color:#999}
.bodexRead .fileAttached span.fileDownloaded {color:#999}
.bodexRead .fileAttached span.fileError {color:#ccc}

.bodexRead .docReadIpAndUrl .docReadIp {color:#aaa}
.bodexRead .docReadIpAndUrl .docReadUri a {color:#aaa}

.bodexRead .contentButton {border-top-color:#ccc}

.replyBox {border-color:#ccc}
.replyBox .replyItem {border-color:#ccc}
.replyBox .voted {color:#888}
.replyBox .date {color:#707070}
.replyBox .replyContent .xe_content {color:#555}

.trackbackBox {color:#555; border-color:#ccc}
.trackbackBox .trackbackItem {background-color:#eee; border-top-color:#ccc}
.trackbackBox address a {color:#444}
.trackbackBox address a:hover {color:#000}
.trackbackBox address .date {color:#707070}

.bodexWrite,
.bodexWrite dl.option.topline {border-color:#ccc}
.bodexWrite .tag .info {color:#707070}
.bodexWrite .option label {color:#444}
.bodexWrite .option label:hover {color:#000}

.bodexWrite .extraVarsList {border-color:#ccc}
.bodexWrite .extraVarsList th {color:#666; border-bottom-color:#ccc; border-right-color:#ccc}
.bodexWrite .extraVarsList td {color:#666; border-bottom-color:#ccc}

.multimediaBox,
.multimediaBox h3,
.smallBox,
.smallBox h3 {border-color:#ccc}
.smallBox .boxHeader {background:url("/xe/modules/bodex/skins/xe_default/images/white/bgH3.png") repeat-x left bottom}

.tagsBox {border-color:#ccc}
.tags div a:hover {background-color:#888888; color:#fff}
.tags .tagTypeA a {color:#fe3614; background-color:#EFEFEF}
.tags .tagTypeB a {color:#fe3614}
.tags .tagTypeC a {background-color:#EFEFEF}
.tags .tagTypeD a {background-color:#EFEFEF}

.secretContent {border-color:#ccc}

/* 회원 서명 및 프로필 이미지 출력 */
.memberSignature {border-color:#ddd}
.memberSignature .signature p {color:#666}
.commentProfileImage span.adoptComment {color:#666}
.memberSignature .profile img {border-color:#E0E1DB}
.commentProfileImage .profile .image {border-color: #E0E1DB}

/* 게시물의 팝업 메뉴 */
#popup_menu_area {}
#popup_menu_area ul li a {color:#444}
.comment_popup_menu,
.document_popup_menu {background:url("/xe/modules/bodex/skins/xe_default/images/white/document_menu.gif") no-repeat right top !important}

.commentWrite {color:#444; border-color:#ccc}
.commentWrite .userNameAndPw .votePoint {border-bottom-color:#ccc}
.commentWrite .userNameAndPw .votePoint label {color:#444}
.commentWrite .userNameAndPw .votePoint label:hover {color:#000}

.bodexBg0,
.starPointFrame span.bodexBg0 {background-color:#fafafa}
.bodexBg1,
.starPointFrame span.bodexBg1 {background-color:#fff}
.replyBox .replyBg0,
.starPointFrame span.replyBg0 {background-color:#eee}
.replyBox .replyBg1,
.starPointFrame span.replyBg1 {background-color:#f8f8f8}

@import url("/xe/modules/admin/tpl/css/font.css");
@import url("/xe/modules/admin/tpl/css/pagination.css");
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

#xeAdmin {/* background-color:#fff; */}
#xeAdmin .open{ display:block !important;}
#xeAdmin h1.xeAdmin { float:left; white-space:nowrap; margin:0;padding:0;}
#xeAdmin caption{ text-align:left;}
#xeAdmin button{ cursor:pointer;}
#xeAdmin hr{ display:none;}
#xeAdmin fieldset{ border:0;}
#xeAdmin fieldset legend{ font-size:0; line-height:0; position:absolute; visibility:hidden;}
#xeAdmin .section{ margin-bottom:20px;}
#xeAdmin .buttonArea{ text-align:center; padding:15px 0;}
#xeAdmin button.text{ background:none; border:0; color:#0000ee;}
#xeAdmin img.graphHr{ height:5px; vertical-align:middle;}

.crossTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
.crossTable th div { white-space:nowrap; }
.crossTable th,
.crossTable td{ border:0; padding:5px 10px; vertical-align:top;}
.crossTable th{ background:#f4f4f4;}
.crossTable thead th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background-image:url("/xe/modules/admin/tpl/img/lineVrText.gif"); background-repeat:no-repeat; background-position:left center;}
.crossTable thead th:first-child{ background-image:none;}
.crossTable tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;}
.crossTable td{ border-bottom:1px solid #f0f0f0;}

.colTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
.colTable th div { white-space:nowrap; }
.colTable tr.bg0{ background:#fff;}
.colTable tr.bg1{ background:#f8f8f8;}
.colTable th,
.colTable td{ border:0; padding:5px 10px; vertical-align:top;}
.colTable th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background:#f4f4f4; background-image:url("/xe/modules/admin/tpl/img/lineVrText.gif"); background-repeat:no-repeat; background-position:left center;}
.colTable th:first-child{ background-image:none;}
.colTable td{ border-bottom:1px solid #f0f0f0;}

.rowTable{ width:100%; border:0; border-top:2px solid #cfcfcf; margin:0 0 20px 0; padding:0;}
.rowTable th div { white-space:nowrap; }
.rowTable tr.bg0{ background:#fff;}
.rowTable tr.bg1{ background:#f8f8f8;}
.rowTable th,
.rowTable td{ border:0; padding:5px 10px; text-align:left; vertical-align:top;}
.rowTable th{ background:#f4f4f4;}
.rowTable tbody th{ border-bottom:1px solid #e5e5e5;}
.rowTable td{ border-bottom:1px solid #f0f0f0;}

.rowTable th.button, .colTable th.button, .crossTable th.button { text-align:right; }
.rowTable td.alert, .colTable td.alert, .crossTable td.alert  { color:red !important; }
.rowTable td.alert a, .colTable td.alert a, .crossTable td.alert a { text-decoration:none; color:red !important; }

.colTable td.wide, .rowTable td.wide, .crossTable td.wide { width:100%;}

.e1 .navigation { list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
.e1 .navigation ul { list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
.e1 .navigation li{ list-style:none; position:relative; *zoom:1; margin:0; padding:0;}
.e1 .navigation li a{ display:block; position:relative; padding:4px 0 4px 24px; background-image:url("/xe/modules/admin/tpl/img/iconNavigation.gif"); background-repeat:no-repeat;}
.e1 .navigation li.open a{ background-position:0 -24px; background-color:#eee; border-top:1px solid #ddd;  border-bottom:1px solid #ddd;}
.e1 .navigation li.open ul li a{ background-color:#fff; border:0;}
.e1 .navigation li ul{ display:none; margin:10px 0 20px 24px;}
.e1 .navigation li.open ul{ display:block;}
.e1 .navigation li ul li a{ padding:2px 0 2px 5px; background-image:none;}
.e1 .navigation li a:hover,
.e1 .navigation li a:active,
.e1 .navigation li a:focus { background-color:#eee !important;}

.e2 .section{ margin-left:20px;}
.e2 .section h3.xeAdmin { margin:0 0 10px 0; padding:0 0 0 25px; }
.e2 .section h3.xeAdmin .date{ padding-left:10px; background:url("/xe/modules/admin/tpl/img/lineVrText.gif") no-repeat left center;}

.e2 table th{ white-space:nowrap;}
.e2 table tbody td{ text-align:left; word-break:break-all; -ms-word-break:break-all; }

#xeAdmin .localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; }
#xeAdmin .localNavigation:after {content:""; display:block; clear:both;}
#xeAdmin .localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
#xeAdmin .localNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url("/xe/modules/admin/tpl/img/bgTab.gif") repeat-x;}
#xeAdmin .localNavigation li.on { margin-bottom:-1px;}
#xeAdmin .localNavigation li.on a{ height:19px; background:none;}

#xeAdmin h3.xeAdmin {border-bottom:2px solid #ccc; padding:5px 0 5px 25px; margin:0 0 10px 0; background:url("/xe/modules/admin/tpl/img/iconH2.gif") no-repeat left center;}
#xeAdmin h4.xeAdmin {padding:5px 0 5px 20px; background:url("/xe/modules/admin/tpl/img/iconH3.gif") no-repeat left center;}
#xeAdmin h4.xeAdmin span.vr { font-size:11px; color:#AAA; }
#xeAdmin h4.xeAdmin a.view { font-size:11px; font-family:vertical; color:#777e86; }
#xeAdmin p.summary, div.infoText { margin:0 0 15px 0; line-height:1.6;}

.layer { display:none; position:absolute; border:2px solid #777; margin:0; font-size:12px; background:#fff;}
.layer * { margin:0; padding:0; font-size:12px; }
.layer h4.xeAdmin { font-size:14px !important; font-family:Dotum; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; }
.layer .xButton { position:absolute; top:9px; right:9px; width:15px; height:14px; background-color:transparent; background:url("/xe/modules/admin/tpl/img/buttonClose.gif") no-repeat; border:0; cursor:pointer; overflow:hidden; }
.layer .xButton span { position:relative; z-index:-1; visibility:hidden; }
.layer .layerBody{ margin:15px;}

.boxModelControler select { margin-bottom:3px; }
.boxModelControler .inputText { border:1px solid #ccc; padding:2px 3px; margin-bottom:3px; vertical-align:top; *margin-top:-1px; }
.boxModelControler .inputCheck { width:13px; height:13px; vertical-align:middle; }
.boxModelControler .layerBody { margin:15px; }
.boxModelControler .preview{ overflow:hidden; margin-bottom:20px;}
.boxModelControler .dragAble { position:relative; padding:15px 0 0 15px; background:url("/xe/modules/admin/tpl/img/bgRuler.gif") no-repeat; *zoom:1; cursor:move;}
.boxModelControler .dragAble .prevGrid { position:relative; margin:-1px; background:url("/xe/modules/admin/tpl/img/bgGrid.gif") 0 0; border:1px solid #000; *zoom:1;}
.boxModelControler .dragAble .prevBox { position:relative; }
.boxModelControler .dragAble .prevBox .prevContent { position:relative; }
.boxModelControler .boxModelTable { width:100%; border:0; border-bottom:1px solid #ddd; margin:0; padding:0;}
.boxModelControler .boxModelTable th,
.boxModelControler .boxModelTable td { border:0; border-top:1px solid #ddd; vertical-align:top; padding:5px 10px; text-align:left; }
.boxModelControler .boxModelTable th { height:50px; *height:40px; background:#f1f1f1; padding-left:70px; background-repeat:no-repeat; background-position:10px 10px; }
.boxModelControler .boxModelTable th.width { background-image:url("/xe/modules/admin/tpl/img/exWidth.gif"); }
.boxModelControler .boxModelTable th.margin { background-image:url("/xe/modules/admin/tpl/img/exMargin.gif"); }
.boxModelControler .boxModelTable th.padding { background-image:url("/xe/modules/admin/tpl/img/exPadding.gif"); }
.boxModelControler .boxModelTable th.border { background-image:url("/xe/modules/admin/tpl/img/exBorder.gif"); }
.boxModelControler .boxModelTable th.bgColor { background-image:url("/xe/modules/admin/tpl/img/exBgColor.gif"); }
.boxModelControler .boxModelTable th.bgImage { background-image:url("/xe/modules/admin/tpl/img/exBgImage.gif"); }
.boxModelControler .boxModelTable th sup { font-weight:normal; font-size:11px; font-family:Dotum; color:#999; }
.boxModelControler .boxModelTable td dl.iList dt { display:inline; position:relative; top:3px; }
.boxModelControler .boxModelTable td dl.iList dd { display:inline; }
.boxModelControler .boxModelTable td dl.dList dt { float:left; clear:left; margin-right:5px; padding-top:3px; }
.boxModelControler .boxModelTable td dl.dList dd { clear:right; }
.boxModelControler .colorPicker { position:relative; display:inline; vertical-align:top; }
.boxModelControler .colorPicker .picker { position:relative; top:2px; left:-22px; width:16px; height:16px; border:1px solid #ccc; background-color:transparent; background-position:right top; cursor:pointer; vertical-align:top; }
.boxModelControler .colorPicker .picker span { font-size:0; line-height:0; z-index:-1; visibility:hidden; }
.boxModelControler .colorPicker .palette { position:absolute; top:0px; left:0; display:none; width:272px; height:64px; list-style:none; margin:0; padding:1px 0 0 1px; border:1px solid #ccc; background:#fff; overflow:hidden; }
.boxModelControler .colorPicker .palette.open { display:block; }
.boxModelControler .colorPicker .palette li { float:left; margin:0 1px 1px 0; font-size:0; line-height:0; }
.boxModelControler .colorPicker .palette li button { width:15px; height:15px; border:0; cursor:pointer; }
.boxModelControler .colorPicker .palette li button span { position:relative; z-index:-1; font-size:0; line-height:0; visibility:hidden; }
.boxModelControler .colorPicker .palette li button.transparent { background:url("/xe/modules/admin/tpl/img/bgNone.gif") no-repeat right top; border:1px solid #ddd; }
.boxModelControler .borderDetach { display:none; }
.boxModelControler .borderDetach.open { display:block; }
.boxModelControler .buttonArea{ padding:15px 0 0 0; text-align:center;}

#popup_content { border:2px solid #777; margin:0; font-size:12px; background:#fff; position:relative;}
#popup_content .xButton { position:absolute; top:9px; right:18px; width:15px; height:14px; padding:0; background-color:transparent; background:url("/xe/modules/admin/tpl/img/buttonClose.gif") no-repeat; border:0; cursor:pointer; overflow:hidden; }
#popup_content .xButton span { position:relative; z-index:-1; visibility:hidden; }
#popup_content * { font-size:12px; }
#popHeadder h4.xeAdmin, #popHeadder h1.xeAdmin, #popHeadder h3.xeAdmin { font-size:14px !important; font-family:Dotum !important; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; border:none !important; margin:0 !important;}
#popHeader h4.xeAdmin, #popHeader h1.xeAdmin, #popHeader h3.xeAdmin { font-size:14px !important; font-family:Dotum !important; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; border:none !important; margin:0 !important;}
#popHeader, #popBody, #popFooter { position:relative; *zoom:1; overflow:hidden;}
#popBody, #popHistoryBody { margin:15px !important;}
#popFooter { padding:10px 0 0 0; height:28px; text-align:center; background:#f4f4f4;}
#popHeader { }
#popHeader.wide { width:600px;}

.adminTable { width:100%; border:1px solid #EEE; border-bottom:none; border-right:none; margin-bottom:15px; }
.adminTable caption { background:url("/xe/modules/admin/tpl/img/n_caption_head.gif") no-repeat left top; padding:8px 0 5px 30px; text-align:left; font-weight:bold !important; color:#FFFFFF !important; background-color:#888 !important; border-bottom:1px solid #FFFFFF; font-size:12px !important;}
.adminTable thead tr th div { text-align:center;}
.adminTable thead tr th { background-color:#AAA; color:#FFFFFF !important; }
.adminTable tr th { background-color:#FFFFFF; padding:6px; font-weight:bold; text-align:left; color:#666; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.adminTable tr.row2 th { background-color:#F3F3F3; }
.adminTable tr th { width:10px; }
.adminTable tr th div { white-space:nowrap; margin:0 5px; }
.adminTable tr th select { height:20px; }
.adminTable tr th.wide { width:100%; }
.adminTable tr th.half_wide { width:50%; }
.adminTable tr th.quarter_wide { width:25%; }
.adminTable tr td.wide { width:100%; }
.adminTable tr td { background-color:#FFFFFF;white-space:normal; font-weight:normal; text-align:left; color:#222222;  border-bottom:1px solid #EEE; border-right:1px solid #EEE; padding:4px 6px 4px 6px;}
.adminTable tr.row2 td { background-color:#F3F3F3; }
.adminTable tr a { color:#222222; text-decoration:none; }
.adminTable tr a:hover { color:#3D83B8; }
.adminTable tr td.nowrap { white-space:nowrap !important; }
.adminTable tr td.alert, .adminTable tr td.alert a { color:red; }
.adminTable tr td.number { font-size:8pt; font-family:tahoma; color:#27536C; }
.adminTable tr td.date,
.adminTable tr td span.date { font-size:8pt; font-family:tahoma; color:#666666;}
.adminTable tr td.center { text-align:center; }
.adminTable tr td.right { text-align:right; }
.adminTable tr td.paper { background:transparent url("/xe/modules/admin/tpl/img/n_paper_bullet.gif") no-repeat 6px 8px; padding-left:20px; }
.adminTable tr.row2 td.paper { background:#F3F3F3 url("/xe/modules/admin/tpl/img/n_paper_bullet.gif") no-repeat 6px 8px; padding-left:20px; }
.adminTable tr td.circle { background:#FFFFFF url("/xe/modules/admin/tpl/img/n_circle_bullet.gif") no-repeat 6px 8px; padding-left:20px; }
.adminTable tr.row2 td.circle { background:#F3F3F3 url("/xe/modules/admin/tpl/img/n_circle_bullet.gif") no-repeat 6px 8px; padding-left:20px; }
.adminTable tr td strong.alert { color:red; }
.adminTable tr td p { padding:0; margin:5px 0 0 5px; color:#777777; }
.adminTable tr td p a { color:#9F875F; font-weight:bold; text-decoration:underline; }
.adminTable tr td.modify a,
.adminTable tr td.delete a,
.adminTable tr td.copy a,
.adminTable tr td.setup a,
.adminTable tr td.activated a,
.adminTable tr td.deactivated a,
.adminTable tr td.moveupdown a,
.adminTable tr td.selectAll a,
.adminTable tr td.deSelectAll a,
.adminTable tr td.view a { margin:0 auto; }
.adminTable tr td.modify a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_icon_modify.gif") no-repeat left top; }
.adminTable tr td.delete a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_icon_delete.gif") no-repeat left top; }
.adminTable tr td.copy a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_icon_copy.gif") no-repeat left top; }
.adminTable tr td.view a { width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_icon_view.gif") no-repeat left top; }
.adminTable tr td.setup a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_setup.gif") no-repeat left top; }
.adminTable tr td.activated a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_light_on.gif") no-repeat left top; }
.adminTable tr td.deactivated a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_light_off.gif") no-repeat left top;   }
.adminTable tr td.selectAll a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_icon_select_all.gif") no-repeat left top; }
.adminTable tr td.deSelectAll a { width:16px; height:16px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_icon_remove.gif") no-repeat left top; }
.adminTable tr td.moveupdown a.up { float:left; width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_button_up.gif") no-repeat left top; margin-right:5px; }
.adminTable tr td.moveupdown a.down{ float:left; width:14px; height:14px; overflow:hidden; display:block; font-size:1px; line-height:100px; background:url("/xe/modules/admin/tpl/img/n_button_down.gif") no-repeat left top; }
.adminTable tr td.blue, .adminTable tr td.blue a { color:blue; } 
.adminTable tr td.red, .adminTable tr td.red a { color:red; }

.fullWidth { width:80%; }

.adminLeftContent { float:left; width:60%; margin-right:2%; _margin-right:1.9%;}
.adminRightExtra { float:left; width:38%; }
.serverresponse { background: #FFFFFF url("/xe/modules/admin/common/tpl/images/loading.gif") no-repeat scroll 5px 5px; height:30px; padding-left:25px; padding-top:5px;  }

#search_nav { border:3px solid #ccc; margin:0 0 5px 0;}
#search_nav input { border:0; height:17px; width:128px; padding:3px 0 0 4px; vertical-align:middle;}
#search_nav button { padding:0; border:0; height:17px; width:17px; background:transparent url("/xe/modules/admin/tpl/img/buttonSearch.gif") no-repeat center; vertical-align:middle;}
#search_nav button.close {background:transparent url("/xe/modules/admin/tpl/img/buttonClose.gif") no-repeat center;}
.e1 .section ._result{ list-style:none; margin:10px 0 0 0; padding:0;}
.e1 .section ._result li{ margin:0;}
.e1 .section ._result a{ display:block; color:#767676; padding:4px 5px 4px 10px;}
.e1 .section ._result a:hover,
.e1 .section ._result a:active,
.e1 .section ._result a:focus{ background:#f8f8f8;}
 
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* Pagination Reset */
#xeAdmin .pagination{ padding:15px 0; margin:0; text-align:center; clear:both; }
#xeAdmin .pagination *{ margin:0; padding:0;}
#xeAdmin .pagination img{ border:0;}
#xeAdmin .pagination a,
#xeAdmin .pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
#xeAdmin .pagination a:hover,
#xeAdmin .pagination a:active,
#xeAdmin .pagination a:focus{ background-color:#f4f4f4 !important; }
#xeAdmin .pagination strong{ color:#ff6600 !important;}
#xeAdmin .pagination a.prev,
#xeAdmin .pagination a.prevEnd,
#xeAdmin .pagination a.next,
#xeAdmin .pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
#xeAdmin .pagination.a1 a,
#xeAdmin .pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
#xeAdmin .pagination.a1 a.prev{ padding-left:10px; background:#fff url("/xe/modules/admin/tpl/img/arrowPrevA1.gif") no-repeat left center; }
#xeAdmin .pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url("/xe/modules/admin/tpl/img/arrowPrevEndA1.gif") no-repeat left center; }
#xeAdmin .pagination.a1 a.next{ padding-right:10px; background:#fff url("/xe/modules/admin/tpl/img/arrowNextA1.gif") no-repeat right center; }
#xeAdmin .pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url("/xe/modules/admin/tpl/img/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination A2 */
#xeAdmin .pagination.a2 a,
#xeAdmin .pagination.a2 strong{ margin:0 -4px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid #ddd; border-right:1px solid #ccc; background:#fff; }
#xeAdmin .pagination.a2 a.prev{ padding-left:10px; background:#fff url("/xe/modules/admin/tpl/img/arrowPrevA1.gif") no-repeat left center; }
#xeAdmin .pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url("/xe/modules/admin/tpl/img/arrowPrevEndA1.gif") no-repeat left center; }
#xeAdmin .pagination.a2 a.next{ padding-right:10px; background:#fff url("/xe/modules/admin/tpl/img/arrowNextA1.gif") no-repeat right center; }
#xeAdmin .pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url("/xe/modules/admin/tpl/img/arrowNextEndA1.gif") no-repeat right center; }

/* Pagination B1 */
#xeAdmin .pagination.b1 a,
#xeAdmin .pagination.b1 strong{ margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px;}
#xeAdmin .pagination.b1 a.prev,
#xeAdmin .pagination.b1 a.prevEnd{ padding-left:16px; background:url("/xe/modules/admin/tpl/img/arrowPrevB1.gif") no-repeat left center; }
#xeAdmin .pagination.b1 a.next,
#xeAdmin .pagination.b1 a.nextEnd{ padding-right:16px; background:url("/xe/modules/admin/tpl/img/arrowNextB1.gif") no-repeat right center; }

/* Pagination B2 */
#xeAdmin .pagination.b2 a,
#xeAdmin .pagination.b2 strong{ margin:0 -2px; padding:2px 6px; font-size:11px;}
#xeAdmin .pagination.b2 a.prev,
#xeAdmin .pagination.b2 a.prevEnd{ padding-left:12px; background:url("/xe/modules/admin/tpl/img/arrowPrevB1.gif") no-repeat left center; }
#xeAdmin .pagination.b2 a.next,
#xeAdmin .pagination.b2 a.nextEnd{ padding-right:12px; background:url("/xe/modules/admin/tpl/img/arrowNextB1.gif") no-repeat right center; }

/* Pagination C1 */
#xeAdmin .pagination.c1 a,
#xeAdmin .pagination.c1 strong{ margin:0 -2px; padding:2px 4px; font-size:12px;}
#xeAdmin .pagination.c1 a.prev,
#xeAdmin .pagination.c1 a.prevEnd,
#xeAdmin .pagination.c1 a.next,
#xeAdmin .pagination.c1 a.nextEnd{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
#xeAdmin .pagination.c1 a.prev,
#xeAdmin .pagination.c1 a.prevEnd{ background:url("/xe/modules/admin/tpl/img/arrowPrevC1.gif") no-repeat center;}
#xeAdmin .pagination.c1 a.next,
#xeAdmin .pagination.c1 a.nextEnd{ background:url("/xe/modules/admin/tpl/img/arrowNextC1.gif") no-repeat center;}
#xeAdmin .pagination.c1 a.prev span,
#xeAdmin .pagination.c1 a.prevEnd span,
#xeAdmin .pagination.c1 a.next span,
#xeAdmin .pagination.c1 a.nextEnd span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}

/* Pagination C2 */
#xeAdmin .pagination.c2 a,
#xeAdmin .pagination.c2 strong{ margin:0 -2px; padding:2px 4px; font-size:11px;}
#xeAdmin .pagination.c2 a.prev,
#xeAdmin .pagination.c2 a.prevEnd,
#xeAdmin .pagination.c2 a.next,
#xeAdmin .pagination.c2 a.nextEnd{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
#xeAdmin .pagination.c2 a.prev,
#xeAdmin .pagination.c2 a.prevEnd{ background:url("/xe/modules/admin/tpl/img/arrowPrevC1.gif") no-repeat center;}
#xeAdmin .pagination.c2 a.next,
#xeAdmin .pagination.c2 a.nextEnd{ background:url("/xe/modules/admin/tpl/img/arrowNextC1.gif") no-repeat center;}
#xeAdmin .pagination.c2 a.prev span,
#xeAdmin .pagination.c2 a.prevEnd span,
#xeAdmin .pagination.c2 a.next span,
#xeAdmin .pagination.c2 a.nextEnd span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}