@charset "utf-8";

/* board header */
.boardHeader {background-color:#ffffff;}
.boardHeader h3 {color:#909090; background-color:#ffffff;}

/* board Information */
.boardInformation { background-color:#ffffff; }

/* account Navigation */
.accountNavigation li a { white-space:nowrap; color:#808080; text-decoration:none;}
.accountNavigation li.setup a { background:url(../images/white/iconSetup.gif) no-repeat left top; padding-left:14px; font:8pt Tahoma;}
.accountNavigation li.admin a { background:url(../images/white/iconAdmin.gif) no-repeat left top; padding-left:12px; font:8pt Tahoma;}

/* secret Content */
.secretContent { border:1px solid #c0c0c0;}
.secretContent .title { background-color:#f2f2f2; color:#999999;}
.secretContent .content { background-color:#e9e9e9; color:#888888;}

/* boardRead */

.boardRead .readHeader .title h4 a { color:#404040;}
.boardRead .titleAndUser { overflow:hidden; border-bottom:1px dotted #c0c0c0; }
.boardRead .titleAndUser .userInfo .author {font-size:8pt; font-family:tahoma; color:#808080; }
.boardRead .titleAndUser .userInfo .author a {font-size:8pt; color:#808080; text-decoration:none; }

.boardRead .dateAndCount .readedCount {color:#acacac;}
.boardRead .dateAndCount .date {color:#acacac;}
.boardRead .dateAndCount .category a { color:#808080;}

.boardRead .readBody { color:#404040;}
.boardRead .tag li a { color:#969696;}
.boardRead .fileAttached li { background:url(../images/white/iconFile.gif) no-repeat left ; }
.boardRead .fileAttached li a { color:#969696; }

/* extraVars list */
.boardRead .extraVarsList { width:100%;  border-top:1px dotted #d4d4d4;  margin:0 0 20px 0; table-layout:fixed;}
.boardRead .extraVarsList th { font-weight:normal; color:#808080; text-align:left; padding:1px 0 1px 10px; border-bottom:1px dotted #d4d4d4; }
.boardRead .extraVarsList td { color:#999999; border-bottom:1px dotted #d4d4d4; padding:4px 0 4px 10px; }
.boardRead .extraVarsList td a { color:#999999;}

/* replyAndTrackback */
.replyBox {margin-top:0; padding:0px; background-color:transparent; }
.replyBox .replyItem {font-family:Tahoma,Dotum; background-color:transparent; padding:4px 13px 8px 11px; line-height:20px; clear:both; border-top:1px dotted #c0c0c0; list-style:none;}
.replyBox .replyContent {color:#404040;}
.replyBox .author {font-family:Tahoma,Dotum; float:left; padding:0 6px 0 0; font-size:8pt; color:#808080; margin:0 6px 6px 0;}
.replyBox .author a { color:#808080; margin-right:6px; text-decoration:none; }
.replyBox .date { float:right; font:7pt Tahoma; color:#c0c0c0; margin:6px 0 8px 0;}
.commentform { border-top:1px dotted #c0c0c0;}

/* Search Form */
.boardSearch select { border:1px solid; border-color:#969696 #dddddd #dddddd #969696; }
.boardSearch input { background-color:#f8f8f8; border:1px solid; border-color:#969696 #dddddd #dddddd #969696; height:16px; }
#fo_search select { font:8pt Tahoma; background-color:#f8f8f8; color:#606060;}

/* boardWrite */
.boardWrite { border:0px solid #c2b091; padding-top:10px; padding-bottom:10px;}
.boardWrite .userNameAndPw { color:#808080;}
.boardWrite .editor {background-color:#ffffff; margin:0px;}
.boardWrite .editor. inputTypeText {background-color:transparent;}
.boardWrite .title {color:#808080; }
.boardWrite .title .category {color:#808080; }

.boardWrite .title input.title {background-color:#f8f8f8; }
.boardWrite .tag .inputTypeText {width:90%; background:#f8f8f8 url(../images/common/iconTag.gif) no-repeat 5px 5px; padding-left:30px;}
.boardWrite dl.option dd * { vertical-align:middle;  color:#888888;}

/* style.list */
.boardList {background-color:#ffffff;}
.boardList thead th { color:#3a2c18;}
.boardList thead th a { color:#3a2c18; }
.boardList th { background:#f2f2f2  no-repeat left bottom; color:#3a2c18;  border-top:1px solid #c0c0c0; border-bottom:1px solid #808080; }
html:not([lang*=""]) 
.boardList th a { color:#3a2c18; }
.boardList tr.notice {background:#f8f8f8;}
.boardList tr.bg1 {background:#ffffff;}
.boardList tr.bg2 { background:#ffffff;}
.boardList td { border-bottom:1px solid #e2e2e2;}
.boardList td.num {color:#808080;}
.boardList tr.notice td.notice {color:#808080;}
.boardList img.thumb { padding:0px; border:1px solid #c0c0c0; display:block; }

.boardList td.title .category {color:#7d999f; }
.boardList td.title,
.boardList td.title a {color:#666666;}
.boardList td.title a:hover { color:#0066cc;}

.boardList td.webzineTitle,
.boardList td.webzineTitle a {color:#444444; text-decoration:none; line-height:inherit;}
.boardList td.summary {color:#909090;}
.boardList td.summary a {color:#909090;}

.boardList td .replyAndTrackback { color:#ff6600; }
.boardList td.author {color:#808080;}
.boardList td.author a {color:#808080;}
.boardList td.reading {color:#808080;}
.boardList td.date {color:#808080;}

.buttonTypeGo {background-color:#ffffff; no-repeat; vertical-align:middle; }

/* thumbnailbox */
.thumbnailBox {background-color:#ffffff; padding-left:8px; clear:both; overflow:hidden; border-bottom:1px dotted #c0c0c0;}
.thumbnailBox div.cell { display:block; float:left; overflow:hidden; margin-bottom:12px; margin-right:12px;}
.thumbnailBox div.cell img.thumb { padding:0px; border:1px solid #c0c0c0; display:block; margin-bottom:7px; margin-left:auto; margin-right:auto;}
.thumbnailBox div.title {font-family:Tahoma,Dotum; font-size:8pt; #404040; margin-bottom:4px; overflow:hidden; white-space:nowrap; text-align:center;}
.thumbnailBox div.title a {color:#3b96c0; text-decoration:none;}
.thumbnailBox div.title .replyAndTrackback  { color:#ff6600; }
.thumbnailBox div.nameAndDate { font-size:8pt; color:#8e8e8e; margin-bottom:4px; text-align:center;}
.thumbnailBox div.nameAndDate a { color:#808080;}
.thumbnailBox div.nameAndDate .author {margin-left:auto; margin-right:right; }
.thumbnailBox div.nameAndDate .author div { display:inline; vertical-align:middle;}
.thumbnailBox div.nameAndDate .date { font:7pt Tahoma; color:#c0c0c0;}
.thumbnailBox div.readAndRecommend { font-size:7pt; color:#666666; text-align:center;}
.thumbnailBox div.readAndRecommend .num { font:7pt Tahoma;}
.thumbnailBox div.readAndRecommend .vr { color:#dddddd;}
.thumbnailBox div.readAndRecommend strong.num { font:bold 7pt Tahoma; color:#ff6600;}

/* pageNavigation */
.pageNavigation a { font: 8pt Tahoma; color:#808080; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation .current {  color:#ff6600; font:bold 8pt Tahoma; text-decoration:none; margin:0 10px 0 0; }
.pageNavigation a:hover { color:#ff6600; text-decoration:none; }
.pageNavigation a:visited { color:#808080; }
.pageNavigation a.goToFirst img, .pageNavigation a.goToLast img { margin-bottom:2px;}

/* tag list */
.tagspage {background-color:#ffffff;}
.tagsBox h5 {color:#404040;}
.tags div a { color:#718a93;}
.tags div a:hover { background-color:#6b909f; color:#FFFFFF;}
.tags .tagTypeA a { color:#ffffff; background-color:#55b5e0;}
.tags .tagTypeB a { color:#ffffff; background-color:#6ec594;}
.tags .tagTypeC a { color:#4c789e; background-color:#e8e8e8;}
.tags .tagTypeD a { color:#4c789e; background-color:#e8e8e8; }

/* board Bottom */
.boardBottom {  background-color:#ffffff; }

/* etc */
.boardSubMenu { border-bottom:1px solid #444444;}
#category_line {background-color:#ffffff; repeat-x left bottom;}
#blankbar { background-color:#ffffff; font:8pt tahoma; margin:0px; padding-bottom:10px;}
#board_category {font:8pt Tahoma; background-color:#ffffff; color:#808080; margin:0px 0px 0px 0px; padding:0px; border:1px solid; border-color:#969696 #dddddd #dddddd #969696;}
#go_button { color:#808080; vertical-align:middle; padding-bottom:3px;  }
.inputTypeText { font:8pt Tahoma; background-color:#f8f8f8; color:#202020; }
.inputTypeText:hover, .inputTypeText:focus { background-color:#f8f8f8; color:#202020; }
.smallBox .messageBox {font:8pt Tahoma;  color:#404040; background-color:#dcdcdc; border-bottom:1px solid #888888; }
.smallBox .header h3 {color:#404040; border-bottom:1px solid #e0e1db;}
.viewDocument { background-color:transparent; border-bottom:1px dotted #c0c0c0;  }
.display_date {  cursor:pointer; width:80px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:16px; padding:3px;  margin-right:10px;}

/* button */
a.button, 
span.button, 
del.button,
a.button span, 
span.button button, 
span.button input, 
del.button span{background:transparent; padding:1px; }

del.button span,
a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
 color:#606060; font:8pt Tahoma;
}