.calendar-category-nav {width:100%; overflow:hidden; margin-bottom:10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.calendar-category-nav li {display:inline; float:left; font-size:12px; font-weight:bold; *zoom:1;}
.calendar-category-nav li a {float:left; height:24px; padding:0 15px; line-height:24px; color:#777; border:1px solid #ddd; border-left:0; border-bottom:0;}
.calendar-category-nav li em {color:#999;}
.calendar-category-nav li.active {background:#444;}
.calendar-category-nav li.active * {color:#fff !important;}

.hd-board-list-head * {vertical-align:middle;}
.hd-board-list-head {position:relative; padding:15px 0; line-height:100%; text-align:center;}
.hd-board-list-head strong {padding:0 10px; font-size:28px; font-family:'arial';}
.hd-board-list-head a.this-month {position:absolute; top:20px; *top:25px; right:0;}

.hd-board-list-calendar {width:100%; margin-bottom:15px; font-size:.75em;}
.hd-board-list-calendar thead th {width:14%; height:22px; text-align:center; font-weight:bold; border:1px solid #ccc; border-bottom:1px solid #999; background:#f0f0f0 url(../img/bg_list-thead.gif) repeat-x left bottom;}
.hd-board-list-calendar td {height:90px; padding:5px; text-align:left; vertical-align:top; border:1px solid #e5e5e5; white-space:wrap; word-break:break-all;}
.hd-board-list-calendar td em {display:block; color:#777;}
.hd-board-list-calendar thead th.sun,
.hd-board-list-calendar td em.sun {color:#e30909;}
.hd-board-list-calendar thead th.sat,
.hd-board-list-calendar td em.sat {color:#2e87db;}
.hd-board-list-calendar td.today {background:#fffddb;}
.hd-board-list-calendar dl dt {margin:1px 0; padding:2px; color:#fff;}
.hd-board-list-calendar dl dd {display:none; position:absolute; padding:5px; border:2px solid #2f740a; background:#fff; opacity:.9; filter:alpha(opacity=90);}
.hd-board-list-calendar dl dd p.category {margin-bottom:3px; font-size:11px; color:#5a5fc9;}
.hd-board-list-calendar dl dd p.subject a {color:#666;}
.hd-board-list-calendar dl dd p.date {color:#ff3c00; font-family:'arial';}
.hd-board-list-calendar dl.red dt {background:#d10f0f;}
.hd-board-list-calendar dl.red dd {border-color:#b40b0b;}
.hd-board-list-calendar dl.green dt {background:#439914;}
.hd-board-list-calendar dl.green dd {border-color:#2f740a;}
.hd-board-list-calendar dl.blue dt {background:#1c62b9;}
.hd-board-list-calendar dl.blue dd {border-color:#144f99;}
.hd-board-list-calendar dl.brown dt {background:#a95e1b;}
.hd-board-list-calendar dl.brown dd {border-color:#8c4b11;}
.hd-board-list-calendar dl.pink dt {background:#e73294;}
.hd-board-list-calendar dl.pink dd {border-color:#c51f79;}
.hd-board-list-calendar dl.purple dt {background:#8928dc;}
.hd-board-list-calendar dl.purple dd {border-color:#6d1ab4;}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.board-view {margin-bottom:15px; font-size:.75em;  border-bottom:1px solid #ddd;}
.board-view div.board-view-head {height:33px; color:#fff; border:1px solid #ddd; border-left:0; border-right:0; *zoom:1;}
.board-view div.board-view-head:after {content:""; display:block; clear:both;}
.board-view div.board-view-head.red {background:#d10f0f; border-color:#b40b0b;}
.board-view div.board-view-head.green {background:#439914; border-color:#2f740a;}
.board-view div.board-view-head.blue {background:#1c62b9; border-color:#144f99;}
.board-view div.board-view-head.brown {background:#a95e1b; border-color:#8c4b11;}
.board-view div.board-view-head.pink {background:#e73294; border-color:#c51f79;}
.board-view div.board-view-head.purple {background:#8928dc; border-color:#6d1ab4;}
.board-view div.board-view-head h3 {float:left; height:33px; padding:0 10px; line-height:33px; border:0; color:#fff;}
.board-view ul.board-view-info {}
.board-view ul.board-view-info li {padding:10px; border-bottom:1px solid #ddd;}
.board-view ul.board-view-info li * {vertical-align:middle;}
.board-view ul.board-view-info li.schedule-date {font-size:14px; font-family:'arial'; font-weight:bold;}
.board-view ul.board-view-info li.schedule-date em {font-weight:bold; color:#ff3c00;}
.board-view ul.board-view-info li span {margin-right:10px; color:#999; font-size:.9em;}
.board-view ul.board-view-info li em {margin-right:40px;}
.board-view ul.board-view-info li em.good {color:#1f7423;}
.board-view ul.board-view-info li em.nogood {color:#a80003;}
.board-view ul.board-view-info li.file,
.board-view ul.board-view-info li.link {padding-left:25px; font-size:.9em; border-bottom:1px solid #eee;}
.board-view ul.board-view-info li.file {background:url(../img/icon_file.gif) no-repeat 10px center;}
.board-view ul.board-view-info li.link {background:url(../img/icon_link.gif) no-repeat 10px center;}
.board-view ul.board-view-info li.file a,
.board-view ul.board-view-info li.link a {color:#999;}
.board-view div.board-view-content {min-height:150px; _height:150px; padding:20px 10px; line-height:160%;}
.board-view div.board-view-content div.view_file {margin-bottom:20px;}
.board-view div.util-button {padding:10px; text-align:right; font-size:11px; zoom:1;}
.board-view div.util-button:after {content:""; display:block; clear:both;}
.board-view div.util-button div.fLeft a {display:inline-block; height:24px; padding:0 20px 0 30px; line-height:24px; font-size:1.7em; font-family:'arial';}
.board-view div.util-button img {vertical-align:middle; *vertical-align:top;}
.board-view div.util-button .good {color:#1f7423; background:url(../img/icon_good.gif) no-repeat 0 0;}
.board-view div.util-button .nogood {color:#a80003; background:url(../img/icon_nogood.gif) no-repeat 0 0;}
.board-view div.util-button .scrap {padding:0 5px 0 15px; background:url(../img/icon_scrap.gif) no-repeat left 0;}
.board-view div.util-button .print {padding:0 5px 0 18px; background:url(../img/icon_printer.gif) no-repeat left 0;}
.board-view div.util-button .notify {padding:0 5px 0 15px; background:url(../img/icon_notify.gif) no-repeat left 0;}
.board-view div.util-button .blind {padding:0 5px 0 15px; background:url(../img/icon_blind.gif) no-repeat left 0;}


.board-view div.sign {padding:15px; border:1px solid #e5e5e5;}

.board-comment-write {margin-bottom:15px; font-size:.7em;}
.board-comment-write div.textarea-wrap {position:relative; zoom:1;}
.board-comment-write div.textarea-wrap:after {content:""; display:block; clear:both;}
.board-comment-write div.textarea-wrap label.iLabel {position:absolute; top:6px; left:6px; color:#999;}
.board-comment-write div.textarea-wrap textarea {float:left; width:88%; height:50px; padding:5px; overflow:auto; border:1px solid #ccc;}
.board-comment-write div.textarea-wrap input.button-submit {float:right; width:62px; height:62px; line-height:60px; text-align:center; font-size:14px; font-weight:bold; color:#fff; border:1px solid #652ab4; background:#8a50d9; cursor:pointer;}
.board-comment-write ul {margin-bottom:5px;}
.board-comment-write ul * {vertical-align:middle;}
.board-comment-write ul li {display:inline; padding-right:30px;}
.board-comment-write ul label {padding-right:7px; color:#999;}
.board-comment-write ul input.iText {width:70px; height:14px; padding:2px 0 0 3px; border:1px solid #ccc;}
.board-comment-list-wrap .board-comment-write {margin:10px 0 0 0; padding:10px; font-size:.9em; background:#f9f9f9;}
.board-comment-list-wrap .board-comment-write ul li {display:inline; margin:0; padding:0 30px 0 0; border:0;}
.board-comment-list-wrap .board-comment-write div.textarea-wrap textarea {width:650px;}

.board-comment-list-wrap {margin-bottom:15px; font-size:.75em;}
.board-comment-list {margin-top:12px; padding-top:12px; border-top:1px solid #e5e5e5; zoom:1;}
.board-comment-list:after {content:""; display:block; clear:both;}
.board-comment-list.indent {padding-left:30px; border-top:0; background:url(../img/bg_comment_indent.gif) no-repeat 10px 12px;}
.board-comment-list div.photo {float:left; width:60px;}
.board-comment-list div.photo img {width:50px; height:50px;}
.board-comment-list div.content {font-size:.9em; color:#777; line-height:160%;}
.board-comment-list div.head-wrap {margin-bottom:5px;}
.board-comment-list div.head-wrap * {vertical-align:middle;}
.board-comment-list span.author,
.board-comment-list span.author * {font-weight:bold; color:#444;}
.board-comment-list span.date {padding:0 10px; color:#999;}
.board-comment-list span.ipaddress {padding-right:10px; color:#999;}
.board-comment-list div.head-wrap a.reply {padding:1px 5px 1px 14px; background:url(../img/icon_comment_reply.gif) no-repeat left center;}
.board-comment-list div.head-wrap a.edit {padding:1px 5px 1px 11px; background:url(../img/icon_comment_edit.gif) no-repeat left center;}
.board-comment-list div.head-wrap a.delete {padding:1px 5px 1px 11px; background:url(../img/icon_comment_delete.gif) no-repeat left center;}
.board-comment-list div.head-wrap a.notify {padding:1px 5px 1px 15px; background:url(../img/icon_notify.gif) no-repeat left 0;}
.board-comment-list div.head-wrap a.blind {padding:1px 5px 1px 15px; background:url(../img/icon_blind.gif) no-repeat left 1px;}


.other-post-list {padding:15px; line-height:160%; font-size:.75em; border:1px solid #ddd;}
.other-post-list dt {margin-bottom:10px; color:#444; font-weight:bold;}
.other-post-list dt strong {color:#9856d6;}
.other-post-list dd a {color:#999;}
.other-post-list dd span.date {padding-right:10px; font-size:.9em;}
.other-post-list dd em {padding-left:5px; font-size:.9em; color:#ff3000;}

.board-write {width:100%; margin-bottom:20px; font-size:.75em; border-top:2px solid #444;}
.board-write * {vertical-align:middle;}
.board-write th,
.board-write td {padding:7px 0; border-bottom:1px solid #e5e5e5;}
.board-write th {padding-left:15px;}
.board-write th.essential {font-weight:bold; color:#8e6de3; background:url(../img/member/icon_essential.gif) no-repeat 5px center;}
.board-write input.iText {height:20px; padding:3px 0 0 3px; border:1px solid #ccc;}
.board-write textarea.iTextarea {padding:5px; border:1px solid #ccc;}
.board-write p.help {padding:5px 0 0 0; color:#999; font-size:.8em;}
.board-write span.help {color:#999; font-size:.8em;}
.board-write .textarea_control {width:100%; overflow:hidden; margin-bottom:7px;}
.board-write .textarea_control div.fLeft span {cursor:pointer;}

@media print {
.util-button {display:none;}
}