@CHARSET "UTF-8";

/**
 * 공통
 */
.isbbsbutton {
    background-color: transparent; border-style: none; cursor: pointer; width: 115px;
}
.isbbscommandbar {
    text-align: right; padding-top: 20px;
}


/**
 * 목록
 */
.isbbslist {
    
}
.isbbslist-caption { text-align: left; padding-bottom: 10px; color: #666; }
.isbbslist  th {
    background-color: #0096d9; color: #FFF; text-align: center; padding: 5px 0px;
}
.isbbslist tbody tr.noticelist td {
    background-color: #FFFFC0; border-bottom: 1px dotted #FFC000;
}
.isbbslist tbody tr.noticelist td.title {
    font-weight: bold;
}
.isbbslist tbody tr.noticelist td.title span.notice {
    padding: 2px; font-size: 11px; font-weight: normal; margin: 0px 20px 0px 5px; background-color: #FF00FF; color: #FFF;
}
.isbbslist tbody td.headerGap {
    height: 1px;
}
.isbbslist tbody td.tail {
    border-bottom: 2px solid #666;
}
.isbbslist-nodata {
    text-align: center; color: #FF0000; height: 100px;
}
.isbbslist  tbody td {
    padding: 7px 0px;
}
.isbbslist  tbody td.title {
    
}
.isbbslist  tbody td.title a:link, .isbbslist  tbody td.title a:visited {
    text-decoration: none;
}
.isbbslist  tbody td.title a:hover {
    color: #FF8000;
}
.isbbslist  tbody td.title span.comments {
    color: #FF0000;
}
.isbbslist  tbody td.divide {
    border-bottom: 1px dotted #CCC;
}
.isbbslist  tbody td.no {
    width: 30px; text-align: right; padding-right: 3px; background-color: #EFEFEF;
}
.isbbslist  tbody td.gap { width: 10px; }
.isbbslist  tbody td.writer {
    width: 80px; text-align: center;
}
.isbbslist  tbody td.wdate {
    width: 80px; text-align: center; color: #666;
}
.isbbslist  tbody td.hits {
    width: 80px; text-align: right; padding-right: 5px;
}
.isbbslist-command {
    text-align: right; padding-top: 20px;
}
.isbbslist-paging {
    text-align: center; padding-top: 30px;
}
.isbbslist-search {
    text-align: right;
}
.isbbslist-search form {
    margin: 10px 0px;
}


/**
 * 읽기
 */
.isbbview {
    
}
.isbbview-label {
    width: 80px; color: #666; border-right: 2px solid #C8E0F4;
}
.isbbview-content { min-height: 300px; }
.isbbview td {
    padding: 10px 0px;
}
.isbbview caption {
    text-align: right; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #F7F7F7; padding: 7px;
}
.isbbview caption span {
    margin: 0px 10px;
}
.isbbview caption span.label {
    color: #666;
}
.isbbview caption span.field {
    color: #000; font-weight: bold;
}

/**
 * 코멘트 폼
 */
.isbbscommentform {
    margin-top: 50px;
}
.isbbscommentform-caption {
    text-align: left; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #F7F7F7; padding: 7px;
}
.isbbscommentform #content {
    width: 100%; height: 50px; padding: 10px;
}
.isbbscommentlist-nocomment {
    text-align: center; color: red; height: 100px;
}
.isbbscommentform-strLengthResult {
    margin-top: 10px; color: #FF0000; height: 10px;
}


/**
 * 코멘트 목록
 */
.isbbscommentlist {}
.isbbscommentlist-caption {
    text-align: left; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #F7F7F7; padding: 7px;
}
.isbbscommentlist th {
    background-color: #666; color: #FFF; padding: 5px 0px; text-align: center;
}
.isbbscommentlist tbody td {
    padding: 7px 0px; border-bottom: 1px dotted #CCC;
}
.isbbscommentlist-author {
    width: 100px;
}
.isbbscommentlist-author div {
    padding: 5px 0px; color: #666;
}
.isbbscommentlist-content {
    line-height: 21px;
}
.isbbscommentlist-command {
    width: 120px;
}


/**
 * 쓰기
 */
.isbbswrite {
    
}
.isbbswrite td.label {
    width: 100px;
}
.isbbswrite td {
    padding: 5px 0px;
}
.isbbswrite input { border: 1px solid #CCC; padding: 3px; }
.isbbswrite #title {
    width: 600px;
} 

/**
 * jquery UI Override
 */
/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .3em 1em .3em; position: relative; background: none !important; border-style: none;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*
 * Button
 */