/******************************************************************************************/
/*** DocsList ***/
#docsList {width:100%;}
#docsList table {width:100%; border-collapse:collapse;}

/*** DocsList > thead ***/
#docsList thead th {margin:1px; border-bottom:3px solid #e2e2e2; padding: 4px; text-align: center; font-weight: normal;}
#docsList thead th.checkbox {width:30px;}
#docsList thead th.no {width:50px;border-top:3px solid #000000;}
#docsList thead th.title {width:auto;border-top:3px solid #009fe1;}
#docsList thead th.nick_name {width:65px;border-top:3px solid #00afe1;}
#docsList thead th.regdate {width:75px;border-top:3px solid #11bec9;}
#docsList thead th.read_count {width:50px;border-top:3px solid #000000;}

/*** DocsList > tbody ***/
#docsList td {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 4px; text-align: center;}

/*** DocsList > tbody > notice ***/
#docsList .notice_no {}
#docsList .notice td {font-weight: bold;}
#docsList .notice td.title {text-align: left; height: 15px; overflow: hidden;}

/*** DocsList > tbody > data ***/
#docsList .data td.no {}
#docsList .data td.depth {}
#docsList .data td.category {margin-right: 3px;}
#docsList .data td.title {text-align: left; height: 15px; overflow: hidden;}
#docsList .data span.comment_count {padding-left:5px;}
#docsList .data span.is_images {display:none; float:left; margin-left:5px; width:21px; height:1em; background: url(/r/images/board/common/icon_new.gif) no-repeat 0 50%;}
#docsList .data span.is_new {display: inline-block; margin-left:5px; width:21px; height:1em; background: url(/r/images/board/common/icon_new.gif) no-repeat 0 50%;}
#docsList .data span.is_secret {display: inline-block; margin-left:5px; width:9px; height:1em; background: url(/r/images/board/common/icon_is_secret.gif) no-repeat 0 50%;}
#docsList .data span.is_files {display: inline-block; margin-left:5px; width:10px; height:1em; background: url(/r/images/board/common/icon_file.gif) no-repeat 0 50%;}
#docsList .data td.nick_name {}
#docsList .data td.regdate {}
#docsList .data td.read_count {}

/*** DocsList > tbody > no_data ***/
#docsList .no_data {text-align:center; height:100px;}

/*** DocsList > tfoot ***/
#docsList tfoot td {border: none; border-top:3px solid #e2e2e2;}

/*** DocsList > searchBox ***/
#docsList .searchBox { text-align:center; padding:5px 0; }
#docsList .searchBox .s_target { width:120px; }
#docsList .searchBox .s_keyword { width:180px; }
#docsList .searchBox .s_submit { width:70px; background-color: #666666;}
#docsList .searchBox .s_submit span {font-weight: bold; color: #ffffff;}

/*** DocsList > buttonBox ***/
#docsList .buttonBox {width: auto; margin: 10px 0; text-align: right;}
#docsList .buttonBox button {padding: 2px 8px; margin:2px; background-color: #ffffff; border: 1px solid #dedede;}
#docsList .buttonBox button span {color: #444444;font-size: 12px; font-weight: bold;}






/******************************************************************************************/
/*** DocView ***/
#docView {width:100%;}

/*** DocView > OriginalContent ***/
#docView .originalContent {width: auto;border-bottom: 2px solid #EEEEEE;}

/*** DocView > OriginalContent > title ***/
#docView div.headline {border-bottom:2px solid #EEEEEE;}
#docView div.headline h6 {float: left; font-size: 130%; font-weight: bold;}
#docView div.headline .userinfo {float: right;}
#docView div.headline .userinfo {float: right; width: 100px; text-align: right;}

/*** DocView > OriginalContent > docinfo ***/
#docView div.docinfo {width: auto; padding: 5px 0;}
#docView div.docinfo div.regdate {float:right; padding-left: 25px;}
#docView div.docinfo div.read_count {float:right; padding-left: 25px; margin-right: 5px;}

/*** DocView > OriginalContent > period ***/
#docView div.period {display: none;}
#docView ul.userinfo li {display:inline;}

/*** DocView > OriginalContent > content ***/
#docView .content {}
#docView .smartOutput {
	word-wrap:break-word;
	word-break:break-all;
}

/*** DocView > OriginalContent > attach ***/
#docView .files {margin:10px;}
#docView .files ul {
	list-style:none;
	width:100%;
	clear:both;
	margin:5px 0;
	border:1px solid #DDDDDD;
	background-color:#EFEFEF;
}
#docView .files ul li {padding:3px;}






/*** DocView > OriginalContent > cmtsList ***/
#cmtsList {width: 100%; margin: 10px 0;}
#cmtsList table {width:100%; border-collapse:collapse;}

/*** DocView > OriginalContent > cmtsList > td ***/
#cmtsList td {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 4px;}
#cmtsList td.nick_name {width: 70px;}
#cmtsList .regdate {width: 70px; border: none; background: #FFFFFF;}
#cmtsList .del_btn {cursor:pointer; color: #FF0000;}

/*** DocView > OriginalContent > cmtWrite ***/
#cmtWrite {width: 100%; margin: 10px 0;}
#cmtWrite table {width:100%;}
#cmtWrite table td.content {width: auto;}
#cmtWrite table td.button {width: 100px; text-align: right;}

/*** DocView > OriginalContent > cmtWrite > td ***/
#cmtWrite textarea.content {width: 100%; height: 30px;}
#cmtWrite button.submit {width: 75px; height: 35px; background: #ffffff; border: 1px solid #dedede;}
#cmtWrite button span {color: #444444;font-size: 12px; font-weight: bold;}






/*** DocView > buttonBox ***/
#docView .buttonBox {width: auto; margin: 10px 0; text-align: right;}
#docView .buttonBox button {padding: 2px 8px; margin:2px; background-color: #ffffff; border: 1px solid #dedede;}
#docView .buttonBox button span {color: #444444;font-size: 12px; font-weight: bold;}






/******************************************************************************************/
/*** DocWrite ***/
#docWrite {width:100%; border-top: 1px solid #616161;}
#docWrite label {margin-right:8px;}


/*** DocWrite > userinfo ***/
#docWrite ul.userinfo {list-style:none; width:100%; margin:5px 0; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2;}
#docWrite ul.userinfo li {display:inline; margin-right:5px;}
#docWrite ul.userinfo input {width:70px;}

/*** DocWrite > title ***/
#docWrite div.title {width:100%; margin:8px 0; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2;}
#docWrite div.title select.category {width:150px;}
#docWrite div.title input.category {border: none;}
#docWrite div.title input.title {width:470px;}

/*** DocWrite > period ***/
#docWrite div.period {width:100%; margin:8px 0; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2;}
#docWrite div.period input.period_start,
#docWrite div.period input.period_end {width: 100px;}

/*** DocWrite > extra_vars ***/
#docWrite div.extra_vars {width:100%; margin:8px 0; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2;}
#docWrite div.extra_vars {width:100%; margin:8px 0;}
#docWrite div.period input.extra_vars {width:90%;}

/*** DocWrite > function ***/
#docWrite ul.function {list-style:none; width:100%; margin:5px 0; padding-bottom: 5px; border-bottom: 1px solid #e2e2e2;}
#docWrite ul.function li {display:inline; margin-right:5px;}
#docWrite ul.function input {border: none;}

/*** DocWrite > content ***/
#docWrite div.content {width:100%; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2;}
#docWrite div.content textarea.content {width:100%; height:300px;}

/*** DocWrite > attach ***/
#docWrite div.attach {width:100%; padding: 10px 0; border-bottom: 2px solid #eeeeee;}
#docWrite div.attach label {display:block; float:left; width:9%;}

#docWrite div.attach div.btn_upload {float:right; width:90%;}
#docWrite div.attach #btn_upload {float:left; width:68px; height:24px; background:url(/r/images/board/common/btn_insert_file.gif) no-repeat;}
#docWrite div.attach div.btn_upload .comment {float:left; margin: 5px 10px;}

#docWrite ul.files {float:right; width:90%; list-style:none; margin:5px 0; border:1px solid #DDDDDD; background-color:#EFEFEF;}

#docWrite ul.files li {padding:5px;}
#docWrite ul.files li.on {background-color:#F8F8F8;}
#docWrite ul.files li .source_filename {margin: 0 10px 0 0;}
#docWrite ul.files li .right {width:20%; float:right; text-align:right;}
#docWrite ul.files li .del_btn {cursor:pointer; padding:3px 5px; color:red;}
#docWrite ul.files li button.addToContent {width: 97px; height: 19px; background: url(/r/images/board/common/attach_file_to_ontent_btn.gif);}
#docWrite ul.files li button.addToContent span {display: none;}


/*** DocWrite > thumbnail ***/
#docWrite div.thumbnail {width:100%; margin:5px 0;}
#docWrite div.thumbnail label {float: left;}
#docWrite div.thumbnail label.hidden {visibility: hidden;}
#docWrite div.thumbnail span.attachImageButton {float: left; font-weight: bold;}
#docWrite div.thumbnail img {display: block;}


/*** DocWrite > buttonBox ***/
#docWrite .buttonBox {width: auto; margin: 10px 0; text-align: right;}
#docWrite .buttonBox button {padding: 2px 8px; margin:2px; background-color: #ffffff; border: 1px solid #dedede;}
#docWrite .buttonBox button span {color: #444444;font-size: 12px; font-weight: bold;}