﻿html {background-color: #284051;}
body {font-size: 12px;font-family: Arial, Tahoma, Verdana, sans-serif, simsun;word-wrap:break-word;}

html,body,#nonefooter{height:100%;}
body > #nonefooter{height: auto; min-height: 100%;}

select,label,textarea,input {font-family: 'lucida grande', tahoma, verdana, arial, simsun, sans-serif}

/* a style which makes div touch the bottom of content */
.clear {font:0px/0px sans-serif;clear:both;display:block;height:0px;}
/* a style which makes div touch the bottom of content */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.inline-box {
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	zoom:1;
	vertical-align:middle;
	overflow:hidden;
}

.hidden {display:none}
.vm {vertical-align:middle}
.l{float:left;}
.r{float:right;}

.bold{font-weight:bold}
.large{font-size:14px;}

form label{cursor:pointer}

.mtop10{margin-top:10px;}
.mtop20{margin-top:20px;}
.mbt10{margin-bottom:10px;}
.mt1{margin-top:10px}
.mt2{margin-top:20px;}
.ml1{margin-left:10px;}
.ml2{margin-left:20px;}
.mb1{margin-bottom:10px;}
.mb2{margin-bottom:20px;}

a{color:#4d778b;text-decoration:none;}
a:hover{text-decoration:underline;}

.icode_img{vertical-align:top;margin:0 10px;}
.input-text{border:1px solid #4d778b;padding:3px;}
.input-code{width:75px;}
textarea{overflow-y:auto;}
.input-button,.input-submit{
	background-color:#4d778b;
	border-color:#d9eae6 #284051 #284051 #d9eae6;
	border-style:solid;
	border-width:1px;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	padding:2px 15px;
	*padding:4px 10px 0;
	text-align:center;
}
.input-sp{
	background-color:#F0F0F0;
	border-color:#E7E7E7 #666666 #666666 #E7E7E7;
	color:#000;
}
input.input_d{color:#999}
input.input_f{color:#000}
.input_dis,.input-text:disabled{background-color:#CCC}
input.nb{border:0;width:200px;}
.loading{background:url(/images/load.gif) no-repeat center center;}
a.download{display:inline-block;*display:inline;*zoom:1;width:24px;height:24px;background:url(/images/bg_home_base.gif) no-repeat -430px -160px;outline:0 none;vertical-align:middle;margin-right:10px;}
a.download:hover{background-position:-430px -194px;}

.confirm_btn{display:block;background:url(/images/confirm_button.gif) no-repeat 0 0;width:140px;color:#FFF;font-weight:bold;font-size:14px;line-height:1.5em;}
.confirm_btn span{display:block;}
.confirm_btn .bl{background:url(/images/confirm_button.gif) no-repeat bottom left;}
.confirm_btn .tr{background:url(/images/confirm_button.gif) no-repeat top right;}
.confirm_btn .br{background:url(/images/confirm_button.gif) no-repeat bottom right;padding:5px 10px;}

.green_btn{display:block;background:url(/images/green_button.gif) no-repeat 0 0;width:140px;color:#FFF;font-weight:bold;font-size:14px;line-height:1.5em;}
.green_btn span{display:block;}
.green_btn .bl{background:url(/images/green_button.gif) no-repeat bottom left;}
.green_btn .tr{background:url(/images/green_button.gif) no-repeat top right;}
.green_btn .br{background:url(/images/green_button.gif) no-repeat bottom right;padding:5px 10px;}

.description{color:#999}
.oldies{color:#666}
.red{color:#DD3C10;}

#wrap{padding-bottom:90px;}

h1#toplogo{width:212px;height:40px;margin:20px auto;}
h1#toplogo a.logo{background:url(/images/logo.gif) no-repeat;display:block;width:212px;height:40px;text-indent:-1000em;outline:0}
h1#toplogo a.logo_kw{background:url(/images/app/app_kw_logo.gif) no-repeat;height:48px;}
#header{width:840px;padding-bottom:20px;margin:0 auto;}

#header #logo{float:left;}
#header a.logo{
	float: left;
	background: url(/images/logo.gif) no-repeat;
	width: 212px;
	height: 40px;
	text-indent: -1000em;
	margin-top:35px;
	outline:0;
}

#header a.logo_kw {
	background: url(/images/app/app_kw_logo.gif) no-repeat;
	height:48px;
	margin-top:27px;
}

#header #login {
	background-color: #16222B;
	float: right;
	color: #A4ABAF;
	padding: 20px 20px 10px;
	_display: inline;
}

#header #login a {
	color: #A4ABAF
}

#header #login input.input-text {
	background: #3B4C58 url(/images/bg_forms_dark.png) repeat-x;
	border-color: #132531 #132531 #4C5B66;
	border-width: 1px;
	border-style: solid;
	padding: 5px 5px 3px;
	width: 160px;
	height: 16px;
	margin: 5px 0;
	color:#A4ABAF;
}
#header #login input.input_f{color:#FFF}

#header #login fieldset {
	float: left;
	margin-right: 20px; *
	display: inline;
}

#header #login fieldset.login {
	margin: 0;
}

#header #login fieldset div {
	height: 20px;
	line-height: 1.5em;
	width: 162px;
	text-align: right;
}

#header #login input.login {
	background: url(/images/bg_index.gif) no-repeat 0 0;
	float: left;
	width: 54px;
	height: 26px;
	border:none;
	line-height: 2em;
	*line-height: 2.5em;
	_line-height:2em;
	text-align: center;
	color: #333;
	font-weight:bold;
	margin-top: 26px;
	cursor:pointer;
}

#header #login input.login_h,#header #login input.login:hover {
	background-position: 0 -52px;
}

#toolbar {
	background: url(/images/bg_toolbar.gif) repeat-x;
	height: 34px;
	margin-bottom:40px;
}

#toolbar a.logo {
	background: url(/images/logo_toolbar.gif) no-repeat;
	float: left;
	width: 150px;
	height: 34px;
	text-indent: -1000em;
	outline:0;
}
#toolbar a.logo:hover{background-position:0 -34px;}

#toolbar li {
	display: inline;
}

#toolbar_sys{float:left;}
#toolbar_sys li{float:left;}
#toolbar_sys li a {background: url(/images/bg_home_base.gif) no-repeat;float: left;width: 40px;height: 34px;text-indent:-1000px;outline:0;}
#toolbar_sys li a.home {background-position: -10px -10px;}
#toolbar_sys li a.msgbox {background-position: -50px -10px;}
#toolbar_sys li a.cards {background-position: -90px -10px;}
#toolbar_sys li a.collect {background-position: -130px -10px;}
#toolbar_sys li a.tools {background-position: -170px -10px;}
#toolbar_sys li a.bookmark {background-position: -10px -160px;}
#toolbar_sys li a.widget {background-position:-50px -160px;}

#toolbar_sys li a.home:hover {background-position: -10px -44px;}
#toolbar_sys li a.msgbox:hover {background-position: -50px -44px;}
#toolbar_sys li a.cards:hover {background-position: -90px -44px;}
#toolbar_sys li a.collect:hover {background-position: -130px -44px;}
#toolbar_sys li a.tools:hover {background-position: -170px -44px;}
#toolbar_sys li a.bookmark:hover {background-position: -10px -194px;}
#toolbar_sys li a.widget:hover {background-position:-50px -194px;}

#toolbar_user {float:right;}
#toolbar_user li{float:left;}
#toolbar_user a {
	color: #FFF;
	text-decoration: none;
	line-height: 34px;
	padding: 10px
}

#toolbar_user a:hover {
	background-color: #222;
}

label.lfc {
	margin-left: 5px;
	cursor: pointer
}

#main {
	width:800px;
	margin: 0 auto;
}

#footer{position:relative;width:960px;margin:-60px auto 0;background:#F8F8F8 url(/images/bg_footer_top.gif) no-repeat 0 0;color:#666;clear:both;}
.footer_con{background:transparent url(/images/bg_footer_bottom.gif) no-repeat bottom left;padding:7px 20px;}
.footer_con li{display:inline;padding-left:10px;}

.mtable {width:100%;}

.mtable td.corner {
	width: 10px;
	height: 10px;
	overflow:hidden;
}

td.aborder {
	background: url(/images/white15.png) !important;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='/images/white15.png');
}
.mcon{background-color:#FFF;padding:20px;}

.mheader{border-bottom:1px solid #D8E3EA;padding-bottom:10px;margin-bottom:10px;*zoom:1;}
.mheader h1{font-size:14px;font-weight:bold;margin:5px 0 0 20px;}
.mheader a{float:right;margin-top:5px;}

.msginfo{background-color:#FFF9D7;border:1px solid #e2c822;padding:10px;}
.errinfo{background-color:#FFEBE8;border:1px solid #dd3c10;padding:10px;}
.tipinfo{background-color:#FFFFFF;border:1px solid #E0E0E0;padding:20px;text-align:center}
.tipinfo p{line-height:2em;}
.msginfo,.errinfo,.tipinfo{margin:20px 20px 0}
.abinfo{position:absolute;background-color:#FF9900;line-height:1.5em;padding:0 5px;}

ul.act_util{float:right;width:100px;}
ul.act_util li a{background:url(/images/blank.gif);display:block;_height:1%;line-height:1.6em;padding:0 5px;border-bottom:1px solid #CCC;}
ul.act_util li a:hover{background-color:#4D778B;color:#FFF;text-decoration:none;}

.bheader{background-color:#d5e7ef;border-top:1px solid #4d778b;padding:4px 8px;}

#sub-nav{border-bottom:1px solid #CCC;padding:20px 10px 0;}
#sub-nav ul{padding-left:2px;float:left;}
#sub-nav ul li{float:left;margin-left:-1px;}
#sub-nav ul li.text{padding:3px 0;*padding:5px 0 1px;text-align:center;}
#sub-nav ul li.selected{position:relative;z-index:50;}
#sub-nav ul li a{background-color:#F1F1F1;border-color:#898989;border-style:solid;border-width:1px 1px 0;display:block;padding:3px 1em;*padding:5px 1em 1px;text-align:center;min-width:60px;_width:60px;color:#333;white-space:nowrap}
#sub-nav ul li.selected a{background-color:#4E778B;border-color:#284051;color:#FFF;}

.sec-nav li{background:url(/images/filters_1.gif) no-repeat top right;float:left;_display:inline;margin:0 5px;padding:0 5px 0 0;white-space:nowrap;}
.sec-nav li span{background:url(/images/filters_1.gif) no-repeat top left;float:left;height:20px;line-height:20px;*line-height:22px;padding:0 0 0 5px;}
.sec-nav li a{color:#000;}
.sec-nav li.selected{background:url(/images/filters.gif) no-repeat top right;}
.sec-nav li.selected span{background:url(/images/filters.gif) no-repeat top left;color:#FFF;}
.sec-nav li.selected a{color:#FFF;}

.create{float:right;width:74px;height:21px;background:url(/images/btn_create.gif) no-repeat;line-height:21px;padding-left:22px;color:#333;font-weight:bold;}

.base_list{margin:20px 20px 0;}
.base_list_item{padding:10px;border-bottom:1px solid #E0E0E0;}
.base_list_item .minfo{width:460px;}
.base_list_item .minfo p{line-height:1.5em;}
.base_list_item .profile_link{float:left;margin-right:10px;}
.base_list_item h2{font-weight:bold;margin-bottom:0.5em;}
.base_pic_main{float:left;margin-right:10px;width:96px;}

#outbox{position:absolute;width:500px;visibility:hidden;top:0;left:0;z-index:99;}
#outbox td.aborder{
	background: url(/images/gray65.png) !important;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='/images/gray65.png');
}
#outbox h2{background-color:#4E778B;border:1px solid #284051;font-size:14px;font-weight:bold;color:#FFF }
#outbox h2 span{display:block;padding:4px 10px 5px;}
#outbox .box_content{background-color:#FFF;border:1px solid #284051;border-top:none;}
#outbox .box_body{border-bottom:1px solid #CCCCCC;padding:10px;line-height:1.5em;}
#outbox .box_body .minfo{float:left;width:240px;}
#outbox .box_button{background-color:#F2F2F2;padding:8px;text-align:right;}
#outbox .box_button input{margin-left:5px;}
#outbox .loading{background-color:#FFF;padding:1em;}
#outbox .baseform{margin:20px 0;}
.mlink{float:left;margin-right:10px;}
.user_list li{float:left;width:52px;height:72px;overflow:hidden;text-align:center;_display:inline;line-height:1.5em;}
.profile_img{background:url(/images/uface_def.gif) no-repeat center center;float:left;width:48px;height:48px;}
.profile_link{display:block;border:1px solid #CCC;cursor:pointer;padding:1px;}
.profile_link_s,.profile_link:hover{border:1px solid #F90;}
.profile_link span{display:block;width:48px;height:48px;}
.profile_link .util img{display:block;width:10px;height:10px;padding:1px;}
.user_img{background:url(/images/uface_def.gif) no-repeat center center;}
.gp_img{background:url(/images/gp_def.gif) no-repeat center center;}
.juud_img{background:url(/images/juudian.gif) no-repeat center center;}

.pagebar{padding:0 20px;}
.pagebar ul{float:right;}
.pagebar li{float:left;}
.pagebar li a{display:block;padding:1px 3px;border-top:2px solid white;}
.pagebar li a.padfix{*padding:3px 3px 0;}
.pagebar li.current a{font-weight:bold;border-top:2px solid #4D778B;padding:1px 2px;}
.pagebar li a:hover{background-color:#4D778B;text-decoration:none;color:white;}
.pagebar li.current a:hover{background-color:white;color:#4D778B;}

.extra_info{margin:40px 20px;text-indent:28px;font-size:14px;line-height:28px;}
.extra_info p.i0{text-indent:0;}
.extra_con{margin:20px 20px 20px 60px;}
.extra_con li{list-style-type:disc;list-style-position:inside;line-height:2em;}
.dec li{list-style-type:decimal;list-style-position:inside;line-height:2em;}
#snd{height:0px;}

#autoc{position:absolute;background-color:#FFF;border:1px solid #4D778B;width:200px;z-index:99;padding:2px;}
#autoc li,#autoc div,#autoc a{display:block;padding:5px;border-bottom:1px solid #CCC;color:#000;_zoom:1;}
#autoc li.h,#autoc a.h{color:#FFF;background-color:#4D778B;}

.media_con{padding:10px 0;width:100%;overflow:hidden;}
