@import url(/include/css/3th.css);

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article list
--------------------------------------------------------------------------------------------------------------------------------------------- */

	/* ---[ search ]--------------------- */
	#frm_article_search {
		float: left;
		width: 100%;
		margin: 0 0 10px 0; 
		padding: 0;
		display: inline;
	}

	#search_form { 
		float: left; 
		padding-bottom: 5px; 
	}
	#search_key {
		width: 80px;
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
	}
	#frm_article_search #search_value {
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
	}
	#search_form .submit { 
		vertical-align: bottom; 
	}
	#search_result { 
		float: right;
		padding-top: 6px;
		font-family: Tahoma, arial;
		font-size: 11px;
	}
	#search_result .record_count { 
		font-family: Tahoma, arial;
		color: #F96C03; 
	}

	/* ---[ list ]--------------------- */
	#frm_article_list { 
		clear: both;
		position: relative; 
		width: 100%;
		margin: 0; 
		padding: 0;
	}

	#article_list { 
		position: relative; 
		width: 100%; 
		margin: 0;
		padding: 0;
		border-collapse: collapse; 
		background: url(/images/board/bg_library_board_t.gif) no-repeat left top;
	}

	#article_list .empty_record {
	height: 100px;
	}
#article_list .tr_title {
	height: 36px;
	}
#article_list th { 
	padding: 5px; 
	margin: 0;
	font-family: Tahoma, verdana;
	font-size: 11px;
	color: #636563;
	}
#article_list td { 
	padding: 5px; 
	margin: 0;
	border-bottom: 1px solid #bbb;
	}
#th_article_seq {
	width: 20px; 
	}
#th_article_no {
	width: 30px;
	}
#th_topic {
	width: 0px;
	}
#th_writer_name {
	width: 80px; 
	}
#th_temple_name {
	width: 200px; 
	}
#th_read_cnt {
	width: 60px; 
	}
#th_comment_cnt {
	width: 60px; 
	}
#th_file_cnt {
	width: 30px; 
	}
#th_reg_date {
	width: 80px; 
	}
#frm_article_list .download_file {
	padding: 0 2px;
}
#frm_article_list .number{
	text-align: center;
	font: normal 11px verdana, Tahoma, arial;
	color: #666;
	}
#frm_article_list .title{
	font: normal 13px arial ,verdana;
	}
#frm_article_list .title a:visited, #frm_article_list .title a:link{
	text-decoration: none;
	color: #333;
	}
#frm_article_list .title a:hover {
	text-decoration: underline;
	}
#frm_article_list .reg_date {
	font-family: verdana , Tahoma , arial;
	font-size: 11px;
	color: #666;
	text-align: center;
	}
#frm_article_list .writer_name{
	text-align: center;
	}
#frm_article_list .writer_name a:visited , #frm_article_list .writer_name a:link {
	font: normal 11px verdana, arial ,Tahoma;
	color: #666;
	text-decoration: none;
	}
#frm_article_list .writer_name a:hover {
	color: #666;
	text-decoration: underline;
	}
#frm_article_list .read_cnt{
	font: normal 11px verdana , Tahoma, arial;
	color: #666;
	text-align: center;
	}

/* ---[ paging ]--------------------- */
#paging { 
	position:relative; 
	margin: 0 auto; 
	width: 100%; 
	font-size: 12px; 
	color: #666; 
	text-align: center; 
	padding: 10px 0 10px 0; 
	border-bottom: 4px solid #DED8C0; 
	}
#paging a:visited, #paging a:link { 
	color: #999;
	text-decoration: none;
	font-family: verdana;
	}
#paging a:hover { 
	color: #000;
	text-decoration: underline;
	font-family: verdana;
	}
#paging .selected { 
	color: #CC0000; 
	}

/* ---[ list navi ]--------------------- */
#frm_article_list #navi { 
	float: left;
	width: 100%;
	margin: 0 auto; 
	padding: 10px 0;
	display: inline;
	}
#frm_article_list #navi a { 
	color: #000; 
	text-decoration: underline; 
	}
#frm_article_list #navi a.active, #frm_article_list #navi a:hover { 
	color: #000; 
	text-decoration: underline; 
	font-weight: bold;  
	}
#frm_article_list #navi #navi_left { 
	float: left; 
	}
#frm_article_list #navi #navi_right { 
	float: right; 
	}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article View
--------------------------------------------------------------------------------------------------------------------------------------------- */
#article_view {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	overflow: auto;
	border: 0px;
	}
#article_topic {
	padding: 0 6px;
}
#article_topic h3 {
	padding: 0;
	margin: 0 0 0 10px;
	font: bold 1.6em Georgia;
}
#article_topic h4 {
	padding: 0;
	margin: 0 0 0 16px;
	font: bold 1.4em Georgia;
	color: #999;
}
#article_view_info {
	position: relative;
	width: 100%;
	padding: 10px 0;
	margin-top: 5px;
	background: #FAF8F2;
	border-top: 2px solid #E9DDB3;
	border-bottom: 1px solid #E9DDB3;
	}
#article_writer_name {
	float: left;
	width: 33%;
	font: normal 11px verdana , Tahoma , arial ;
	color: #947A67;
	}
#article_writer_name a:visited, #article_writer_name a:link {
	color: #666;
	text-decoration: none;
	}
#article_writer_name a:hover {
	text-decoration: underline;
	}
#article_reg_date {
	float: left;
	width: 33%;
	text-align: center;
	font: normal 11px verdana , Tahoma , arial ;
	color: #947A67;
	}
#article_read_cnt {
	float: left;
	width: 33%;
	text-align: right;
	font: normal 11px verdana , Tahoma , arial ;
	color: #947A67;
	}
#article_view_info .clear_left {
	clear: left;
	}
#article_file {
	clear: left;
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	}
#article_file li {
	line-height: 17px;
	padding-left: 20px;
	margin-left: 6px;
	background: url(/images/board/i_down.gif) no-repeat left center;
	}
#article_file li a:visited, #article_file li a:link {
	color: #333;
	text-decoration: none;
	}
#article_file li a:hover {
	text-decoration: underline;
	}
#article_array {
	padding: 10px 6px;
}

#article_array ul {
	width: 600px;
	margin: 0 auto;
	padding: 6px;
	border: 1px dashed #999;
	list-style: none;
	}
#article_array li {
	padding-left: 20px;
	line-height: 20px;
	background: url(/images/board/arrow.gif) no-repeat left center;
	}
#article_array a:visited, #article_array a:link {
	color: #333;
	text-decoration: none;
	}
article_array a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
	}

#article_content {
	padding: 20px 6px 20px 6px;
	overflow: auto;
	}
#article_navi {
	background: #FAF8F2;
	border-top: 1px solid #E9DDB3;
	border-bottom: 1px solid #E9DDB3;
	padding: 6px;
	font: normal 11px verdana , Tahoma , arial ;
	color: #947A67;
	
	}
#article_navi a:visited, #article_navi a:link {
	color: #333;
	text-decoration: none;
	}
#article_navi a:hover {
	text-decoration: underline;
	}
#article_navi p {
	padding: 2px 0;
	margin: 0;
	}
#article_navi span {
	color: #999;
	}
#page_navi {
	position: relative;
	width: 100%;
	height: 25px;
	padding: 6px 0;
	margin: 0 auto;
	}
#page_navi span img {
	padding: 0 2px;
	}
#page_navi .float_left {
	float: left;
	}
#page_navi .float_right {
	float: right;
	}
#page_navi .clear_both {
	clear: both;
	}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article Regist, Modify
--------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---[ info ]--------------------- */
#article_area {
	position: relative; 
	margin: 0 auto; 
	padding: 0;
	width: 100%; 
	}
#article_area fieldset { 
	border: 1px solid #ccc; 
	padding: 0 20px; 
	margin-bottom: 5px; 
	background: #fff;
	}
#article_area legend { 
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px; 
}
#frm_article_info ul { 
	padding: 5px 0 0 0; 
	margin: 0;
	list-style: none;
	}
#frm_article_info li { 
	padding: 2px 0; 
	}

#article_info .dot_red { 
	float: left; 
	width: 100px; 
	padding-left: 5px; 
	background: url(/_admin/images/dot_red.gif) no-repeat 0 50%; 
	}
#article_info .dot_gray { 
	float: left; 
	width: 100px; 
	padding-left: 5px; 
	background: url(/_admin/images/dot_gray.gif) no-repeat 0 50%; 
	}

#writer_name {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#email {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#topic {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#sub_topic {
	width: 400px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}
#image_path {
	vertical-align: middle; 
	padding-left: 5px;
	}
#pass_wd {
	width: 100px;
	border: 1px solid #ccc; 
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	}

/* ---[ file ]--------------------- */
#article_file_info p {
	padding: 10px 0;
	}
#article_file_info #file_list { 
	width: 100%; 
	}

/* ---[ related content ]--------------------- */
#related_content_info p {
	padding: 10px 0;
	}
#related_content_list {
	width: 100%;
	}

/* ---[ navigation ]--------------------- */
#article_area #navi { 
	position: relative; 
	margin: 10px 0 10px 0; 
	text-align: center; 
	}

/* ---------------------------------------------------------------------------------------------------------------------------------------------
Article Elimination
--------------------------------------------------------------------------------------------------------------------------------------------- */
#article_elimination { 
	border: 1px solid #ccc; 
	height: 250px;
	padding: 0 20px; 
	margin: 0;
	background: #fff;
	text-align: center;
	}
article_elimination legend { 
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #eee;
	border: 1px solid #ccc;
	border-bottom-color: #999;
	border-right-color: #999;
	padding: 4px 8px; 
}
#article_elimination p {
	padding: 60px 0 20px 0;
	}