@charset "utf-8";
/*sitebody*/
#outline #sitebody{
	background: #FFF url(background/left_line.gif) repeat-y 214px 0px;
}
/*content*/
#content h1{
	padding-left: 10px;
	clear: both;
}
/*pagenumber*/
#content dl.pagenumber{
	color: #666;
	height: 24px;
	line-height: 24px;
	background-color: #FFFFEE;
	padding: 0 10px;
}
dl.pagenumber dt{
	float: left;
}
dl.pagenumber dd{
	float: right;
}
dl.pagenumber dd a,dl.pagenumber dd span{
	background: no-repeat center top;
	padding: 6px 4px;
}
dl.pagenumber dd span{
	background-image: url(icon/now.gif);
	font-weight: bold;
}
dl.pagenumber dd a{
	color: #C90;
	font-weight: bold;
}
dl.pagenumber dd a:hover{
	background-image: url(icon/page_act.gif);
	color: #C60;
	text-decoration: none;
}
/*viewlist*/
#content ul.viewlist{
	clear: both;
	margin: 10px 0 0 10px;
}
ul.viewlist li{
	float: left;
}
ul.viewlist a:link,ul.viewlist a:visited{
	width: 124px;
	display: block;
	margin: 0 10px 10px 0;
	padding: 5px;
	color: #333;
	font-weight: bold;
}
ul.viewlist a:visited{
	background: url(icon/icon_visited.gif) no-repeat right top;
}
ul.viewlist a:hover{
	text-decoration: underline;
	background-color: #dfdfdf;
}
ul.viewlist a img{
	border: 2px solid #999;
	margin: 0 auto 5px;
	display: block;
	width: 120px;
}
ul.viewlist a:hover img{
	border: 2px solid #FFF;
}
ul.viewlist a:hover ins{
	filter:alpha(opacity=90);
	opacity: 0.9;
	display: block;
	background: #FFC;
	width: 110px;
	position: absolute;
	padding: 5px;
	margin: -67px 0 0 2px;
	font-weight: normal;
	font-size: 10px;
	cursor:pointer;
}
/*viewprolist*/
ul.viewprolist{
	margin-top: 15px;	
	height: auto !important;
	height: 450px;
	min-height: 450px;
}
ul.viewprolist li{
	float: left;
}
ul.viewprolist li a{
	display: block;
	background: url(background/list_bg.gif) no-repeat left top;
	height: 136px;
	width: 281px;
	margin: 0 0 16px 8px;
	color: #333;
}
ul.viewprolist li a:hover{
	background-position: left bottom;
	color: #FFF;
	text-decoration: none;
}
ul.viewprolist li a img{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	border: 2px solid #FFF;
}
ul.viewprolist li a ins{
	display: block;
	float: left;
	height: 102px;
	width: 132px;
	padding-left: 5px;
	overflow: hidden;
	font-size: 10px;
	line-height: 10px;
}
ul.viewprolist li a acronym{
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: bold;
	display: block;
}
ul.viewprolist li a address{
	font-size: 10px;
	color: #06F;
	padding-top: 2px;
	font-style: normal;
	padding-bottom: 2px;
}
ul.viewprolist li a kbd{
	font-size: 10px;
	display: block;
	font-weight: normal;
	font-family: Tahoma;
	padding-bottom: 3px;
	color: #999;
}
ul.viewprolist li a cite{
	clear: both;
	padding: 5px 10px;
	display: block;
}
ul.viewprolist li a cite img{
	float: none;
	vertical-align: middle;
	padding: 0px;
	border: none;
	margin: 0px 3px 0 8px;
}
ul.viewprolist li a cite span{
	border: 2px solid #FFF;
}
ul.viewprolist li a:hover acronym{
	color: #039;
}
ul.viewprolist li a:hover address{
	color: #0CF;
}
ul.viewprolist li a:hover ins{
	color: #FFC;
}
/*guestbook*/
#content .guestbook{
	margin: 10px 0 10px 10px;
}
.guestbook dl.guestbox{
	background-color: #f3f3f3;
	margin-bottom: 10px;
}
dl.guestbox dt{
	font-size: 12px;
	color: #FFF;
	line-height: 25px;
	padding-left: 25px;
	background: #666 url(icon/icon_comment.gif) no-repeat 5px;
	font-weight: bold;
	height: 25px;
}
dl.guestbox dt a{
	color: #FFF;
	float: right;
	background: url(icon/icon_write.gif) no-repeat left center;
	padding-left: 18px;
	margin-right: 10px;
	font-size: 10px;
	font-weight: normal;
}
dl.guestbox dt span{
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
}
dl.guestbox dd em{
	font-weight: bold;
	color: #069;
	margin-right: 2px;
}
dl.guestbox dt a:hover{
	color: #CFF;
}
dl.guestbox dd.smile{
	float: left;
	padding-right: 5px;
	background: url(background/gb_bg.gif) no-repeat 100% 20px;
}
dl.guestbox dd.smile a{
	background: url(icon/icon_quote.gif) no-repeat left center;
	padding-left: 15px;
	color: #669;
	margin-left: 15px;
	font-size: 10px;
}
dl.guestbox dd.smile a:hover{color: #060;}
dl.guestbox dd.smile img{
	display: block;
	height: 36px;
	width: 36px;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin: 10px 15px 5px 15px;
	padding: 1px;
}
dl.guestbox dd.textbox{
	float: left;
	font-size: 12px;
	margin: 10px 0;
	padding: 10px;
	width: 465px;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
	background: #FFF url(icon/arrow_big.gif) no-repeat right bottom;
	line-height: 16px;
	min-height: 40px;
}
dl.guestbox dd.textbox p{
	font-size: 12px;
	margin-bottom: 5px;
	font-family: 'Courier New',Verdana, Arial, Helvetica, sans-serif;
}
dl.guestbox dd.textbox p.quote{
	border: 1px solid #EEE;
	padding: 5px 5px 5px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #966;
	background: #FFE url(icon/icon_from.gif) no-repeat 5px 50%;
}
dl.guestbox dd.textfoot{
	clear: both;
	background-color: #d9d9d9;
	font-size: 10px;
	line-height: 18px;
	text-align: right;
	padding: 0 15px;
}
dl.guestbox dd.textfoot span{
	color: #C00;
	margin-right: 10px;
}
.guestbook dl.spacing{
	background-color: #E6EEF2;
}
dl.spacing dt{
	background-color: #99AFB9;
}
dl.spacing dd em{
	color: #FFF;
}
dl.spacing dd.textbox p.quote{
	background-color: #ECFFE8;
}
dl.spacing dd.textfoot{
	background-color: #D2E1E8;
}
/*taglist*/
ul.taglist{
	text-align: right;
	padding: 5px 10px 5px 0;
	line-height: normal;
}
ul.taglist li{}
ul.taglist li a{
	color: #000;
}
ul.taglist li a:hover,
ul.taglist li.choose a{
	background: url(icon/arrow_double.gif) no-repeat left center;
	padding-left: 15px;
}
ul.taglist li a:hover{
	background-color: #FFC;
}
/*searchbox*/
#content div.searchholder{}
div.searchholder h2{
	padding: 10px 25px 0;
	background: url(icon/arrow_get.gif) no-repeat 10px 12px;
}
div.searchholder h2 a{
	color: #000;
	font-size: 14px;
}
div.searchholder h2 a:hover{
	color: #3e80fa;
}
div.searchholder .contentdate{
	color: #828282;
	padding: 5px 10px;
}
.contentdate a{
	margin-left: 5px;
	vertical-align: middle;
}
div.searchholder dl,
div.searchholder ul{
	line-height: 16px;
}
div.searchholder dl{
	padding: 0 0 10px 10px;
}
div.searchholder dl dt{
	border-bottom: 1px solid #EEE;
	color: #C69;
	font-size: 12px;
	margin-right: 10px;
}
div.searchholder dl dd{
	padding-left: 20px;
}
div.searchholder dl dd strong{
	color: #777;
}
div.searchholder ul{
	background-color: #F7FDFF;
	border: 1px dashed #B6CEE7;
	clear: both;
	color: #666;
	margin: 0 10px 10px;
	padding: 2px 5px 15px;
}
div.searchholder ul li strong{color: #4E9CC7;}
div.searchholder .titlepic{
	float: left;
}
div.searchholder .titlepic img{
	border: 2px solid #CCC;
	margin: 0 10px 10px;
}
span.searchkey{
	color: #F00;
}
/*message*/
table.message{
	border: 1px solid #BBB;
}
table.message caption{
	color: #FFF;
	line-height: 27px;
	font-weight: bold;
	background: url(control/message.gif) no-repeat left top;
	text-align: left;
	padding-left: 15px;
}
table.message caption span{
	color: #333;
	margin-left: 25px;
}
table.choose{
	border: 1px solid #445B7F;
}
table.choose caption{
	background-position: left bottom;
	_background: url(control/message_bottom.gif) no-repeat left top;
}
table.message thead{
	background-color: #E6EEF2;
}
table.message th{
	text-align: right;
	padding: 5px;
	width: 20%;
}
table.message thead td,
table.message tbody.uservalidate td{
	padding: 5px;
}
table.message tbody.uservalidate{
	background-color: #F9EFEE;
}
table.message textarea.textarea{
	width: 545px;
	height: 90px;
	border: none;
	overflow: auto;
	background: #EEE url(control/messagebox.gif) repeat-y left top;
	padding: 0 0 0 25px;
	line-height: 18px;
}
table.message textarea.textarea:hover{
	background-color: #E7E7E7;
}
table.choose textarea.textarea{
	background-image: url(control/message_choose.gif);
}
table.message input.input{
	padding: 2px;
	margin-right: 10px;
}
table.message tbody{}
table.message tbody #MaxChars{
	color: #F60;
	padding-right: 10px;
}
table.message tfoot{
	text-align: center;
	background-color: #BBB;
}
table.message tfoot input.button{
	background-color: #BBB;
}
table.message td{
	background-repeat: no-repeat;
	background-position: 150px 50%;
}
table.message acronym{
	padding-right: 20px;
}
table.message td.error{
	color: #F00;
	background-image: url(icon/icon_wrong.gif);
}
table.message td.error input.input{
	background-color: #FFF0F0;
	border: 1px solid #F90;
}
table.message td.error input.input:hover{
	background-color: #FFE8E8;
	border: 1px solid #F30;
}
table.message td.correct{
	color: #090;
	background-image: url(icon/icon_correct.gif);
}
table.message td.correct input.input{
	background-color: #EFFFEA;
	border: 1px solid #87AA84;
}
table.message td.correct input.input:hover{
	background-color: #EFFFEA;
	border: 1px solid #0C0;
}
table.message td.loading{
	background-image: url(icon/loading_01.gif);
}
.sizebar{
	height: 10px;
	background: #BBB url(control/arrow_flex.gif) no-repeat center center;
	cursor: row-resize;
}
.sizebar:hover{
	background-color: #666;
}