@charset "utf-8";

a {text-decoration:none;}

select.dStyle, 
textarea.dStyle,
input.dStyle { vertical-align:middle;border:1px solid; font-size:1em; _font-size:9pt;}

textarea.dStyle {padding:2px;height:100px;}
select.dStyle {height:22px;height:20px\9;}
input.dStyle {padding-left:2px;height:18px;}

/* 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:15px 15px 5px 15px; font-size:1.3em;*zoom:1;}
.bodexHeader h4{ margin:0; float:left; padding:18px 15px 5px 12px; font-size:1em;*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 15px;}
.articleNum strong { font:bold 11px 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(../images/common/iconAdmin.gif) no-repeat left top; padding-left:13px; }
.accountNavigation li.admin a { background:url(../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:0.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 2px 2px 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;height:18px;}
.categoryMenu td .localNavigation div.on a{ font-weight:bold;} 
.categoryMenu td .localNavigation div a span{ font-size:0.7em;}
.categoryMenu td .localNavigation div.total {padding:.9em 0 .5em 13px; border-bottom:1px solid;}

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

.bodexList th.checkbox,
.bodexList td.checkbox {padding-right:1.3em;}
.bodexList th.checkbox input,
.bodexList td.checkbox input { position:absolute; margin-top:0px; margin-top:-3px\9; *margin-top:-5px; }

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

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

.bodexList th.title {width:100%;}
.bodexList th.category *{ vertical-align:middle; *vertical-align:top;}
.bodexList th.category {text-align:left;margin:0;padding:.3em 0 .3em .5em; padding-top:.2em\9;}
.bodexList th.category select{ *margin-right:5px;}

.bodexList th.sort { font-weight:bold;}

.bodexList td.title * {vertical-align:middle;}
.bodexList td.title {width:100%; white-space:normal;text-align:left;}
.bodexList td strong.category { font-size:1em; padding-right:.5em;}
.bodexList td.title .replyAndTrackback {margin-left:-.2em; font:.8em Tahoma;}
.bodexList td.nick_name div {cursor:pointer;}

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

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

/**
 * 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 fieldset{ border:0; clear:both; text-align:left; position:relative;}
.bodexSearch fieldset:after{ content:""; display:block; float:none; clear:both;}
.bodexSearch fieldset *{ vertical-align:top;}
.bodexSearch legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.bodexSearch select{ font-size:12px;height:23px;}
.bodexSearch input[type="text"]{ width:140px;height:21px;;}
.bodexSearch input{ *width:140px;*height:19px;}

.bodexSearch .infoEtc{ position:absolute; top:11px; right:0;}
.bodexSearch .infoEtc li{ display:inline;}
.bodexSearch .infoEtc li a{ display:inline-block; height:11px; background-repeat:no-repeat; overflow:hidden;}
.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;}
.bodexSearch .infoEtc li a{ background-image:url(../images/common/buttonContributorsTaglist.gif);}

/**
 * Page
 **/
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{ 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; border:none !important; margin:0 !important; white-space:nowrap; }

/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{ margin:0 -2px; padding:1px 10px 1px 8px; border:none; border-left:1px solid; border-right:1px solid; font-weight:bold; font-size:12px;}
.pagination.a1 a.prev{ padding-left:10px; background: url(../images/common/arrowPrevA1.gif) no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background: url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background: url(../images/common/arrowNextA1.gif) no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background: url(../images/common/arrowNextEndA1.gif) no-repeat right center; }

/* Pagination A2 */
.pagination.a2 a,
.pagination.a2 strong{ margin:0 -2px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid; border-right:1px solid; }
.pagination.a2 a.prev{ padding-left:10px; background: url(../images/common/arrowPrevA1.gif) no-repeat left center; }
.pagination.a2 a.prevEnd{ padding-left:15px; background: url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
.pagination.a2 a.next{ padding-right:10px; background: url(../images/common/arrowNextA1.gif) no-repeat right center; }
.pagination.a2 a.nextEnd{ padding-right:15px; background: url(../images/common/arrowNextEndA1.gif) no-repeat right center; }

/* Pagination B1 */
.pagination.b1 a,
.pagination.b1 strong{ margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px;}
.pagination.b1 a.prev{ padding-left:16px; background:url(../images/common/arrowPrevB1.gif) no-repeat left center; }
.pagination.b1 a.next{ padding-right:16px; background:url(../images/common/arrowNextB1.gif) no-repeat right center; }

/* Pagination B2 */
.pagination.b2 a,
.pagination.b2 strong{ margin:0 -2px; padding:2px 6px; font-size:11px;}
.pagination.b2 a.prev{ padding-left:12px; background:url(../images/common/arrowPrevB1.gif) no-repeat left center; }
.pagination.b2 a.next{ padding-right:12px; background:url(../images/common/arrowNextB1.gif) no-repeat right center; }

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

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

/**
 * message box
 **/
.smallBox { border:1px solid; margin: 10px auto 10px auto; padding-bottom:10px; }
.smallBox.w268 { width:268px;}
.smallBox .header { margin:0; padding:0; position:relative; overflow:hidden; *zoom:1;}
.smallBox .header h3 {border-bottom:3px solid; margin:0; padding:0; clear:both; font-size:1.2em; padding:.8em 2em .6em 1.2em;  }
.smallBox .complex { padding:1.5em 2em 2em 2em;}
.smallBox .inputPassword { position:relative; border:none; padding:2em 2em 1.5em 2em;}
.smallBox .inputPassword input { float:left; width:5em;}
.smallBox .inputPassword input.userPw {margin-right:5px;width:8em;}
.smallBox .inputPassword legend { position:absolute; overflow:hidden; width:1px; height:1px; font-size:.001em; text-indent:-100em;}
.smallBox .messageBox {padding:10px; }

/**
 * 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; padding-bottom:10px;}
.bodexWrite fieldset { border:none; }

.bodexWrite .userNameAndPw { margin:10px 10px 0 10px; }
.bodexWrite .userNameAndPw .userName {margin-left:5px;}

.bodexWrite .userNameAndPw input{*width:60px;}
.bodexWrite .userNameAndPw input[type="text"],
.bodexWrite .userNameAndPw input[type="password"] {width:60px;}
.bodexWrite .userNameAndPw input.emailAddress,
.bodexWrite .userNameAndPw input.homePage {width:90px; }

.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 dd { display:inline; margin-right:5px; }
.bodexWrite dl.option dd * { vertical-align:middle;}
.bodexWrite dl.option dd select { width:8em; font-size:.95em; }

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

/**
 * xpress-editor
 **/
.xpress-editor .fileUploader { padding-left:10px;}