@charset "utf-8";
/* main */
*{
	margin: 0px;
	padding: 0px;
}
body{
	font-size: 11px;
	background-color: #999;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul{
	list-style-type: none;
}
img{
	border: none;
}
input{
	vertical-align: middle;
}
img{
	vertical-align: bottom;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a.external{
	padding-right: 10px;
	background: url(icon/external.gif) no-repeat right top;
}
input,select,textarea{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ins{
	display: none;
	text-decoration: none;
}
label{
	cursor:pointer;
	font-weight: normal;
}
input.input,
textarea.input{
	border: 1px solid #999;
	padding: 1px;
	background: #FFF url(background/input_top.gif) repeat-x 0 0;
}
.clear{clear: both;}
.button{
	height: 21px;
	width: 80px;
	font-weight: bold;
	font-size: 10px;
	cursor: pointer;
	border: none;
	margin: 5px;
	background: #DFDFDF url(control/submit.gif) left top;
}
.button:hover{
	background-position: left bottom;
}
.input:hover,
select:hover{
	background-color: #FFFFE6;
}
.input:focus{
	background-color: #FFC;
	border: 1px solid #666;
}
img#validateImg{
	cursor:pointer;
	height: 20px;
	width: 80px;
}
/*outline*/
#outline{
	width: 806px;
	margin: 0 auto;
}
/*sitetop*/
#outline #sitetop{}
#sitetop li{float: left;}
/*siteinfo*/
#sitetop #siteinfo{
	color: #FFF;
	background-color: #7E7E7E;
	padding: 0 10px;
	overflow: hidden;
	line-height: 22px;
	height: 22px;
	display:none;
}
#siteinfo ul{
	float: right;
}
#siteinfo li a{
	color: #FFF;
	margin-left: 10px;
}
#siteinfo li a:hover{
	color: #FFC;
}
#siteinfo li a[title="RSS"]{
	background: url(icon/rss.gif) no-repeat left;
	padding-left: 15px;
}
#sitetop #control{
	background: url(control/siteinfo_close.gif) no-repeat center top;
	height: 9px;
	cursor: pointer;
	margin: 0 auto;
	width: 67px;
}
#sitetop #control.opened{
	background-image: url(control/siteinfo_open.gif);
}
#sitetop #control:hover{
	background-position: center bottom;
}
#sitetop a.logo{
	background: url(logo.gif) no-repeat;
	height: 93px;
	width: 153px;
	position: absolute;
	margin-left: 10px;
}
#sitetop a.logo:hover{
	text-decoration: none;
	font-size: 9px;
	font-family: Tahoma;
	color: #FFF;
}
#sitetop a.logo:hover ins{
	display: block;
	position: absolute;
	margin-left: 145px;
	margin-top: 70px;
}
/*headacross*/
#sitetop .headacross{
	float: right;
	padding: 5px 0 10px;
}
#sitetop .headacross a{}
/*header*/
#sitetop ul.header{
	padding-left: 200px;
	line-height: 24px;
	clear: both;
}
ul.header a{
	display: block;
	height: 24px;
	width: 100px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	color: #FFF;
	background: url(link/header.gif) no-repeat left bottom;
}
ul.header li.sign a{
	background-image: url(control/login_search.gif);
	height: 20px;
	width: 45px;
	margin-top: 4px;
}
ul.header a:hover,
ul.header li.choose a,
ul.header li.sign a.opened{
	color: #999;
	background-position: left top;
}
/*whitecorner*/
#sitetop div.whitecorner{
	background: #FFF url(corner/head_left.gif) no-repeat left top;
	clear: both;
}
div.whitecorner div.appwrap{
	background: url(corner/head_right.gif) no-repeat right top;
}
/*appwrap*/
div.appwrap a#Head{
	height: 16px;
	display: block;
}
div.appwrap a.loading{
	text-align: right;
	background: url(icon/loading_06.gif) no-repeat 86% 50%;
	padding-right: 10px;
	font-size: 9px;
	line-height: 16px;
	color: #F90;
	text-decoration: none;
}
/*active application*/
div.appwrap div.activeapp{
	padding: 0 15px;
	height: 188px;
	overflow: hidden;
	display: none;
}
div.activeapp h3{
	background: #adadad url(corner/app_left_top.gif) no-repeat left top;
	font-size: 11px;
	color: #FFF;
	line-height: 25px;
	padding-left: 10px;
}
div.activeapp h3 span{
	display: block;
	background: url(corner/app_right_top.gif) no-repeat right top;
	height: 25px;	
}
div.activeapp h3 span img{
	height: 10px;
	width: 10px;
	margin: 7px 5px 8px 0;
	vertical-align: middle;
}
div.activeapp .searchbox{
	padding: 10px;
	background: url(corner/app_right_bottom.gif) no-repeat right bottom;
	font-size: 10px;
	line-height: 21px;
	height: 125px;
}
/*signbox*/
div.activeapp .appsign,
div.activeapp .appsearch{
	background: #ededed url(corner/app_left_bottom.gif) no-repeat left bottom;
}
div.activeapp .appsign{
	float: left;
	width: 345px;
}
.appsign ul.searchbox input.input{
	width: 188px;
}
.appsign a.prompt{
	background-color: #FFE;
	padding: 0 5px;
	display: block;	
}
/*signhead*/
.appsign ul.signhead{
	background-color: #FFF;
	height: 43px;
	padding: 5px 10px 0 5px;
	margin-bottom: 10px;
	_overflow: hidden;
}
ul.signhead li{}
ul.signhead li h4{
	font-size: 12px;
}
ul.signhead li img{
	border: 1px solid #ADADAD;
	margin-right: 8px;
}
ul.signhead li a{
	color: #F60;
	font-weight: bold;
}
#sitetop ul.signhead li.signout{
	float: right;
	padding-top: 20px;
}
ul.signhead li.signout a{
	background: url(icon/panel_signout.gif) no-repeat left center;
	padding-left: 15px;
	font-weight: normal;
	color: #666;
}
.appsign ul.signbody{
	background-color: #FFF;
	height: 65px;
	padding: 0 10px;
	_overflow: hidden;
}
ul.signbody li{
	width: 33%;
	border-bottom: 1px solid #EAEAEA;
}
ul.signbody li span{
	color: #666;
	font-weight: bold;
}
ul.signbody li span,
ul.signbody li a{
	margin-left: 5px;
}
ul.signbody li a{color: #090;}
ul.signbody li a:hover,
ul.signhead li a:hover{
	color: #06F;
}
/*searchbox*/
div.activeapp .appsearch{
	float: right;
	width: 415px;
}
.appsearch ul.searchbox span{
	width: 135px;
}
/*searchbox*/
ul.searchbox li{
	float: left;
	width: 100%;
	margin-bottom: 2px;
}
ul.searchbox li.searchcontrol{
	background-color: #DFDFDF;
	height: 30px;
}
ul.searchbox span{
	width: 120px;
	text-align: right;
	background-color: #FFF;
	padding-right: 5px;
	margin-right: 5px;
	font-weight: bold;
	color: #666;
}
ul.searchbox li.searchcontrol span{
	background: none;
}
ul.searchbox span,
ul.searchbox input.input,
ul.searchbox input.button,
ul.searchbox select{
	float: left;
}
ul.searchbox .input{
	width: 246px;
	margin-top: 1px;
}
ul.searchbox select{
	width: 250px;
	height: 20px;
}
/*navigator*/
#sitetop ul.navigator{
	background-color: #ebebeb;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	padding-top: 5px;
}
ul.navigator a{
	display: block;
	width: 131px;
	font-weight: bold;
	text-align: center;
	margin-right: 10px;
	color: #6b6b6b;
	background: url(link/navigator_1.gif) no-repeat left bottom;
}
ul.navigator a:hover,ul.navigator li.choose a{
	color: #FFF;
	background-position: left top;
}
/*blackcorner*/
#sitetop div.blackcorner{
	background: #000 url(corner/navi_left.gif) no-repeat left top;
}
/*subgator*/
#sitetop ul.color,
#sitetop ul.context,
#sitetop dl.context{
	background: url(corner/navi_right.gif) no-repeat right top;
	padding-top: 8px;
}
#sitetop ul.color{
	height: 25px;
	padding-left: 15px;
	padding-right: 20px;
}
ul.color li a{
	display: block;
	margin: 5px;
	border: 2px solid #FFF;
	height: 7px;
	width: 7px;
}
ul.color li a:hover,
ul.color li a.choose{
	height: 11px;
	width: 11px;
	margin: 3px;
}
ul.color li.all a{
	background: url(control/all_color.gif) repeat-y center;
	width: 63px;
}
ul.color li.all a:hover,
ul.color li.all a.choose{
	width: 67px;
}
ul.color li.total{
	color: #FFF;
	font-weight: bold;
	margin-top: 2px;
}
/*ul context*/
#sitetop ul.context{
	padding-bottom: 8px;
	padding-left: 20px;
	height: auto !important;
	height: 25px;
	min-height: 25px;
}
#sitetop ul.context li.last{
	clear: both;
	float: none;
	font-size: 1%;
	line-height: 1%;
}
ul.context li a,
dl.context dt a,
dl.context dt span{
	height: 25px;
	background: no-repeat left top;
	text-align: center;
	color: #8a8a8a;
	font: bold 10px/25px Tahoma;
	margin-right: 1px;
	overflow: hidden;
	display: block;
}
ul.context li a{
	background-image: url(link/navigator_2.gif);
	width: 127px;
}
ul.context li a:hover,
ul.context li a.choose,
dl.context dt a:hover,
dl.context dt.choose a{
	background-position: left bottom;
	color: #FFD;
}
/*dl context*/
#sitetop dl.context{
	height: 30px;
	padding: 8px 20px 0;
}
dl.context dt,
dl.context dd{
	float: left;
}
dl.context dd{}
dl.context dd a{
	display: block;
	text-align: center;
	height: 19px;
	width: 97px;
	background: url(link/date_years.gif) no-repeat left top;
	font-weight: bold;
	color: #FFC;
	line-height: 19px;
	margin: 3px 15px 0 0;
}
dl.context dd a:hover,
dl.context dd a.highlight{
	background-position: left bottom;
	text-decoration: none;
	color: #FFF;
}
dl.context dt span,
ul.yearbox li span{
	+filter:alpha(opacity=50);
	opacity: 0.5;
}
dl.context dt a,
dl.context dt span{
	width: 50px;
	background-image: url(link/month_btn.gif);
}
dl.context dt a acronym{
	display: block;
}
dl.context dt a:hover acronym{
	display: none;
}
dl.context dt a:hover ins{
	display: block;
	background: url(background/month_info.png) no-repeat;
	height: 51px;
	width: 77px;
	overflow: hidden;
	position: absolute;
	color: #000;
	margin: 30px 0 0 -15px;
	line-height: 12px;
	text-align: left;
	padding: 10px 5px;
}
* html dl.context dt a:hover ins{
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enable=true,src='/skins/background/month_info.png',sizingMethod='image');
}
/*yearbox*/
ul.yearbox{
	position: absolute;
	width: 0px;
	height: 0px;
	border: 1px solid #000;
	background-color: #F4FCFF;
	margin-top: 10px;
	overflow: hidden;
	display: none;
	padding: 10px 0 0 10px;
}
ul.yearbox li{
	float: none;
	clear: both;
	width: 200px;
	border-bottom: 1px solid #CCC;
}
ul.yearbox li.yearhead{
	padding-bottom: 2px;
	border-bottom: 1px solid #069;
}
ul.yearbox li a,
ul.yearbox li a:hover,
ul.yearbox li span{
	color: #666;
	background: url(icon/arrow_double.gif) no-repeat left center;
	width: 180px;
	text-align: left;
	padding-left: 20px;
	margin-right: 0;
}
ul.yearbox li span{
	display: block;
	line-height: 23px;
	height: 23px;
}
ul.yearbox li a:hover,
ul.yearbox li.choose a{
	background-color: #D7F5FF;
}
/*position*/
#sitetop .position{
	color: #FFF;
	font-weight: bold;
	line-height: 26px;
	padding: 0 20px 5px;
	background: #707070 url(background/space.gif) repeat-x left bottom;
	text-transform: capitalize;
}
.position a{
	color: #CF9;
	text-decoration: underline;
}
.position a:hover{
	color: #FF0;
}
.position a.catarss{
	height: 12px;
	width: 12px;
	float: right;
	background: url(icon/rss_cate.gif) no-repeat left top;
	margin-top: 7px;
}
.position a.catarss:hover{
	background-position: left bottom;
}
/*sitebody*/
#outline #sitebody{
	width: 796px;
	padding: 0 5px;
	float: left;
}
/*content*/
#sitebody #content{
	float: right;
	width: 586px;
}
/*sidebar*/
#sitebody .sidebar{
	float: left;
	width: 210px;
	overflow: hidden;
	margin-bottom: 5px;
}
#sitebody h1,#sitebody h2{
	font-size: 11px;
	background-color: #FFF;
	border-bottom: 1px solid #bbb;
	line-height: 21px;
}

/*sidebar*/
#sitebody .sidebar h1,
#sitebody .sidebar h2{
	margin-right: 1px;
	padding-left: 5px;
}
.sidebar .sidebox{
	border-bottom: 1px solid #BBB;
	padding: 5px;
	margin-right: 1px;
}
#sitebody .sidebar h2{
	background-color: #FFD;
	color: #966;
}
/*loginpanel*/
.sidebar dl.loginpanel{
	margin: 5px 19px 5px 5px;
	color: #666;
	line-height: 16px;
}
dl.loginpanel .input{
	margin-bottom: 5px;
	margin-left: 5px;
}
dl.loginpanel dt{
	font-size: 11px;
	font-weight: bold;
}
dl.loginpanel dd{}
dl.loginpanel dd a.prompt{
	background-color: #ecebeb;
	text-decoration: underline;
	display: block;
	padding: 5px 5px 11px;
	border: 1px solid #c3c3c3;
	margin: 10px 0 15px 0;
	color:#333;
}
dl.loginpanel dd a.prompt:hover,
ul.base a:hover{color:#609;}
/*control panel*/
.sidebar ul.controlpanel{
	background: url(background/bg_user_panel_body.gif) repeat-y left top;
	width: 194px;
	margin: 5px 0 5px 8px;
	font-size: 10px;
}
ul.controlpanel li.head{
	background: url(background/bg_user_panel_head.gif) no-repeat left top;
	height: 43px;
	padding: 10px 9px 0;
}
ul.controlpanel li.head img
{
	border: 1px solid #999;
	width: 36px;
	height: 36px;
}
ul.controlpanel li.head h4{
	font-size: 12px;
	width: 125px;
	float: right;
}
ul.controlpanel li.head h4 a{
	display: block;
	padding-top: 5px;
	height: 33px;
	overflow: hidden;
	background: url(control/panel_close.gif) no-repeat right top;
	color: #333;
}
ul.controlpanel li.head h4 a.opened{
	background-image: url(control/panel_open.gif);
}
ul.controlpanel li.head h4 a:hover{
	background-position: right bottom;
	color: #036;
	text-decoration: none;
}
ul.controlpanel li.foot{
	background: url(background/bg_user_panel_foot.gif) no-repeat left bottom;
	height: 20px;
	clear: both;
	padding: 5px 10px 3px;
	margin-top: 5px;
}
ul.controlpanel li.foot a{
	font-weight: bold;
	color: #F60;
	text-decoration: underline;
	background: url(icon/panel_edit.gif) no-repeat left center;
	padding-left: 15px;
}

ul.controlpanel li.foot a.signout{
	font-weight: normal;
	color: #000;
	float: right;
	text-decoration: none;
	background-image: url(icon/panel_signout.gif);
}
li.panelbox{
	margin-left: 52px;
	margin-right: 10px;
	clear: both;
	display :none;
	overflow: hidden;
}
ul.userinfo{
	line-height: 16px;
	float: left;
	width: 130px;
}
ul.userinfo li{
	border-top: 1px solid #EEE;
}
ul.userinfo span{
	color: #777;
	margin-left: 8px;
}
ul.userinfo a{
	color: #090;
	margin-left: 8px;
}

li.validate{
	background: url(background/bg_validate.gif) no-repeat;
	height: 35px;
	padding-left: 35px;
	padding-top: 10px;
	margin-left: 10px;
	clear: both;
}
li.validate a,
li.validate span{
	color: #F90;
	display: block;
	width: 135px;
}
li.validate span{
	color: #090;
}
ul.controlpanel li.foot a:hover,
ul.controlpanel a:hover{
	color: #06F;
}
/*base*/
#sitebody ul.base{
	clear: both;
	border-top: 1px solid #BBB;
	background: #FFF;
	line-height: 40px;
	height: 48px;
}
ul.base a{
	color: #333;
	margin: 0 10px;
}
ul.base li{
	float: left;
	background: url(background/catelog_line.gif) no-repeat right;
}
ul.base li.last{
	float: right;
	background-image: url(icon/top.gif);
	background-position: left;
}
/*footer*/
dl#footer{
	background-color: #3c3c3c;
	color: #CCC;
	padding: 10px 10px 30px;
	clear: both;
}
dl#footer dt{
	font-weight: bold;
	margin-top: 10px;
}
dl#footer dd a{
	color: #FFF;
}
dl#footer dd a:hover{
	color: #FFC;
}
/*booklist*/
.sidebar ul.booklist{
	margin: 0 5px;
	line-height: 17px;
}
ul.booklist li{
	background: #fafafa url(icon/icon_default_list.gif) no-repeat 5px 8px;
	margin-top: 4px;
}
ul.booklist li a{
	display: block;
	color: #333;
	padding-top: 5px;
	height: 39px;
	overflow: hidden;
}
ul.booklist li a:hover{
	text-decoration: none;
	color: #930;
}
ul.booklist li a strong{
	color: #090;
	margin-right: 5px;
	margin-left: 20px;
}
ul.booklist li a:hover strong{
	color: #F69;
}
ul.booklist li a span{
	font-family: 'Courier New', Verdana, Arial, Helvetica, sans-serif;
	display: block;
	line-height: 22px;
	padding: 0px 5px;
	background-color: #f5f5f5;
}
ul.booklist li a:hover span{background-color: #FFE9EC;}
ul.booklist li.spacing{background-color: #f5f5f5;}
ul.booklist li.spacing a:hover{
	color: #039;
}
ul.booklist li.spacing a strong{color: #F90;}
ul.booklist li.spacing a:hover strong{
	color: #06F;
}
ul.booklist li.spacing a span{background-color: #f0f0f0;}
ul.booklist li.spacing a:hover span{background-color: #D2F7FB;}