@charset "gb2312";
/* Reset Css
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #333; outline-style:none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
table {font-size: inherit; font: 100%;}
 a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.15em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

body {font:14px/1.5 "\5b8b\4f53",tahoma,arial;}
/* we like off-black for text */
body, button, select, input, textarea {color: #333;}
a:hover { color: #900; text-decoration:underline; }
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #66CC66; color: #fff; text-shadow: none;}
::selection { background: #66CC66; color: #fff; text-shadow: none; } 
/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #66CC66;} 
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

#dywsjd { background-color: #e9f7fe; height: 100%; width: 100%; }

/*--header begins--*/

header { background-color: #05b0ed; height: 237px; width: 100%; }
#header_top { background-color: #05b0ed; background-image: url(bg_topmenu.jpg); background-repeat: no-repeat; height: 37px; width: 978px; margin-right: auto; margin-left: auto; }
#header_top_menus { color: #FFF; float: right; height: 37px; line-height: 37px; padding-right: 18px; }
#header_top_menus a { color: #FFF; display: inline-block; padding-left: 6px; padding-right: 6px; }
#logo { height: 149px; width: 978px; margin-right: auto; margin-left: auto; }
header nav { height: 98px; width: 100%; background-image: url(bg_menu.png); background-repeat: repeat-x; background-color: #e9f7fe; overflow: hidden; }
#navitem { height: 98px; width: 978px; margin-right: auto; margin-left: auto; background-image: url(bg_menu_dropdown.png); background-repeat: repeat-x; background-position: bottom; position: relative; overflow: hidden; padding-right: 12px; padding-left: 12px; }
#navitem dl { float: left;}
#navitem dl dt a { display: block; float: left; height: 51px; line-height:51px; font-weight: bold; color: #FFF; background-image: url(bg_menu_vline.png); background-repeat: no-repeat; width: 100px; text-align: center; font-size: 14px; background-position: 0px bottom; }
#navitem dl dt .nav_dt_a_homepage { background: none; width: 58px; height: 52px; }
#navitem dl dt a:hover,#navitem dl dt .menuon{ line-height:51px; background-image: url(bg_menu_a_hover.jpg); background-repeat: no-repeat; background-position: 0px center; text-decoration: none; }


#content {
	float: right;
	width: 740px;
}
#nologin #content {
	float: none;
	width: 100%;
}
.display #menberlist .userpic {
	width: 60px;
}
.display #menberlist .name {
	width: 25%;
}
.display #menberlist .group {
	width: 20%;
}
.display #menberlist .time {
	width: 25%;
}
.content_main {
	float: left;
	width: 470px;
}
.content_main h2.title {
	line-height: 30px;
	background: url(title_bg.png) repeat-x left center;
	height: 28px;
	padding: 0px 12px;
	border: 1px solid #e2e2e2;
}
.content_main h2.title span {
	right: 12px;
}
.content_main .fava {
	margin-top: 20px;
}
.content_sub {
	float: right;
	width: 250px;
}
.content_sub h2.title {
	line-height: 35px;
	background: url(title_sider_bg.png) no-repeat left top;
	height: 32px;
	padding: 0px 12px;
	color: #339900;
}
.content_sub .box{
	background: url(box_sider_bg.png) no-repeat left bottom;
	margin-bottom: 10px;
}
.content_sub div.line {
	margin: 0px 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #E2E2E2;
	overflow: hidden;
}
.content_sub .pad{
	padding: 10px;
}
#sidebar {
	float: left;
	width: 200px;
	background: url(sidebar_bg_h.png) repeat-x left top;
}
#sidebar .box {
	background: url(sidebar_bg_f.png) repeat-x left bottom;
	padding: 1px 0px 10px;
}
#sidebar h2.title {
	padding: 6px 20px 4px;
	color: #339900;
}
#sidebar .menu {
	background: url(title_line.png) no-repeat center top;
	padding: 5px 0px;
}
* html #sidebar .menu {
	background: url(title_line.png) no-repeat center top;
	padding: 10px 0px 5px;
}
*+ html #sidebar .menu {
	background: url(title_line.png) no-repeat center top;
	padding: 5px 0px;
}
#sidebar .menu ul {
	margin: 0 20px;
}
#sidebar .menu ul li {
	height: 26px;
	position: relative;
	font: 14px/26px Verdana, Arial, Helvetica, sans-serif;
}
#sidebar .menu ul li img {
	vertical-align: middle;
	margin-right: 6px;
}
#sidebar .menu ul li em {
	position: absolute;
	top: 2px;
	right: 0px;
	font-style: normal;
	color: #666;
	font-size: 12px;
}
#sidebar .menu ul li em a {
	color: #999;
}
#footer { margin: 20px auto 0px; clear: both; width: 960px; position: relative; border-top: 1px solid #ccc; padding: 6px 0; font-size: 12px; }
#footer p, #footer a {
	color: #666;
}
.container {
	margin: 20px auto 0px;
	width: 960px;
	position: relative;
	text-align: left;
}
.title {
	font-size: 14px;
	position: relative;
	overflow: hidden;
}
.title span {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
	font-weight: normal;
}
.news_list {
	margin-top: 10px;
}
.news_list li {
	background: url(icon_list.png) no-repeat 6px center;
	padding-left: 16px;
	line-height: 2;
	position: relative;
}
.news_list li span {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #999;
}
#here h2.title {
	margin-bottom: 10px;
}
.tabs_header {
	height: 28px;
	position: relative;
	border-bottom: 1px solid #D4D4D4;
}
.tabs {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.tabs li {
	float: left;
	background: url(tab_bg.png) no-repeat left top;
	line-height: 31px;
	height: 28px;
	padding: 0px 0px 0px 5px;
	margin-right: 4px;
	border-bottom: 1px solid #D4D4D4;
	overflow: hidden;
}
.tabs li a {
	background: url(tab_bg.png) no-repeat right -33px;
	display: block;
	padding: 0px 10px 0px 5px;
	color: #999;
}
.tabs li a:hover {
	color: #339900;
}
.tabs li.active {
	background: url(tab_bg.png) no-repeat left -66px;
	border-bottom: 1px solid #FFF;
}
.tabs li.active a {
	background: url(tab_bg.png) no-repeat right -99px;
	color: #339900;
}
.display  {
	margin-top: 15px;
	clear: both;
	position: relative;
}
.display .menu {
	margin-bottom: 15px;
	padding: 0 10px;
}
.display .menu h3 {
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 5px;
	padding-left: 25px;
}
.display table td {
	padding: 4px;
}
.display .left {
	width: 15%;
	text-align: right;
}
.display .input_text {
border: 1px solid #ccc;
	padding: 3px 2px;
}
.display .form table{
	background: #FFFFFF;
}
.display .form input {
	border: 1px solid #ccc;
	padding: 3px 2px;
}
.display .tdline {
	padding: 0 10px;
}
.display .tdline a {
	color: #f60;
}
.display .table_bg {
	background: #E2E2E2;
}
.display .table_bg table td {
	background: #FFF;
}
.display .table_bg table .left {
	background: #F4F4F4;
}
.display .tdline .left {
	background: #f8f8f8;
}
.display .tdline td {
	border-bottom: 1px solid #E2E2E2;
}
.display .tdline .noline td {
	border-bottom: none;
}
.display .gsay {
	padding: 4px 25px;
	color: #999;
}
.display .type {
	width: 15%;
}
.display .card {
	width: 20%;
}
.display .money {
	width: 15%;
}
.display .cardfen {
	width: 15%;
}
.display .userdate {
	width: 15%;
}
.display .no {
	width: 6%;
}
.display .ddno {
	width: 20%;
}
.display .dgtime {
	width: 20%;
}
.display #email {
	height: 20px;
	line-height: 20px;
	width: 248px;
}
.display #selectclass {
	width: 186px;
	height: 66px;
}
.display .input_sub {
	background: url(button.png) no-repeat -2px -170px;
	line-height: 24px;
	height: 24px;
	color: #fff;
	text-align: center;
	width: 64px;
	margin-right: 6px;
	padding: 0px;
	border-style: none;
}
.display input.noborder {
	border: none;
}
.display textarea {
	border: 1px solid #ccc;
	padding: 4px;
	line-height: 1.4;
}
.display .table_title {
	background: #F4F4F4;
	margin-bottom: 1px;
}
.display .table_list {
	border-bottom: 1px solid #E2E2E2;
}

.display .infolist .infotitle {
	width: 46%;
}
.display .infolist .class {
	width: 10%;
	text-align: center;
}
.display .infolist .time {
	width: 10%;
	text-align: center;
}
.display .infolist .click {
	width: 10%;
	text-align: center;
}
.display .infolist .pl {
	width: 7%;
	text-align: center;
}
.display .infolist .checked {
	width: 7%;
	text-align: center;
}
.display .infolist .op {
	width: 10%;
	text-align: center;
}
.display .infotitle {
	width: 55%;
}
.display .select {
	width: 5%;
	text-align: center;
}.display .sender {
	width: 15%;
}
.display .click {
	width: 15%;
	text-align: center;
}
.display .time {
	width: 20%;
}
.display .sender a {
	color: #339900;
}
.display .table_list .fname {
	background: url(friend.gif) no-repeat 4px center;
	padding-left: 24px;
}
.display .fsay {
	width: 50%;
	color: #999999;
}
.display .edit {
	width: 10%;
}
.display .delete {
	width: 10%;
}
.display .id {
	width: 13%;
	text-align: center;
}
.display .style table td {
	padding: 0 0 15px;
}
.display .style table td img {
	padding: 3px;
	margin-bottom: 8px;
	border: 1px solid #ccc;
}
.display .style table td strong {
	color: #FF6600;
}
.display .gbtitle {
	position: relative;
	line-height: 28px;
	height: 28px;
	padding: 0px 7px;
	border-bottom: 1px solid #E2E2E2;
}
.display .gbtitle span {
	position: absolute;
	top: 0px;
	right: 7px;
}
.display .info {
	padding: 10px 10px 10px 35px;
	color: #666;
}
.display .retext {
	padding: 10px;
	margin: 0 0 10px 35px;
	color: #FF6600;
	background: #f8f8f8;
}
.content_main .display .infotitle {
	width: 60%;
}
.content_main .display .click{
	width: 20%;
}
.content_main .display .time {
	width: 20%;
}
.tabs_header #search_user {
	position: absolute;
	top: 0px;
	right: 0px;
}
* html .tabs_header #search_user {
	left: 400px;
}
* html #nologin .tabs_header #search_user {
	left: 620px;
}
#search_user input {
	float: left;
}
#search_user .input_addinfo_btn { color: #FFF; background: #C00; text-align: center; border-style: none; line-height: 22px; height: 22px; }
.tabs_header #search_user .input_text {
	margin-left: 20px;
}
#search_user .input_text {
	border: 1px solid #8AB56F;
	background: url(input_bg.png) repeat-x left bottom;
	line-height: 20px;
	height: 20px;
	padding: 0 4px;
	color: #666666;
	width: 152px;
}
#search_user .input_sub {
	background: url(button.png) no-repeat left -48px;
	line-height: 23px;
	height: 21px;
	color: #fff;
	text-align: center;
	width: 59px;
	border-style: none;
	margin-left: 6px;
}
#search_user p {
	margin-top: 5px;
}
#search_user p a {
	color: #666666;
	padding: 0px 6px 0px 2px;
}
.user_img {
	background: url(user_bg.gif) no-repeat left top;
	width: 137px;
	height: 137px;
	float: left;
}

.user_img img {
	display: block;
	margin: 5px 0 0 5px;
}
.user_info {
	width: 320px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.user_info a {
	color: #339900;
}
.user_info h3 {
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	line-height: 2;
	font-weight: normal;
	color: #666;
}
.user_info h3 em {
	font-size: 14px;
	color: #FF6600;
	font-style: normal;
	font-weight: bold;
}
.user_info h3 span {
	background: url(sms.gif) no-repeat right 0px;
	padding-right: 26px;
	top: 4px;
}
* html .user_info h3 span {
	top: 0px;
}
*+ html .user_info h3 span {
	top: 4px;
}
.user_info h3 span a {
	color: #f30;
}
.user_info p {
	color: #666;
}
.user_info ul li {
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.user_list {
	padding: 10px 0 0 8px;
}
.user_list ul li {
	float: left;
	width: 78px;
	overflow: hidden;
	text-align: center;
	height: 86px;
}
.user_list ul li .user48 {
	background: url(user_bg_48.gif) no-repeat left top;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
}
.user_list ul li .user48 img {
	margin: 6px auto 0;
	display: block;
}
.user_list ul p {
	overflow: hidden;
	height: 18px;
}
#loginbar {
	float: left;
	width: 340px;
}
#loginbar h2.title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 66px;
}
#loginbar h2.title em {
	color: #999;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
#loginbar .login_table{
	margin: 0px auto;
}
#loginbar .login_table td {
	padding: 6px 3px;
}
#loginbar .input_text {
	border: 1px solid #ccc;
	height: 22px;
	width: 180px;
	font-size: 14px;
	line-height: 22px;
	background: #FCFCFC;
}
#loginbar .input_text2 {
	border: 1px solid #ccc;
	height: 22px;
	width: 100px;
	font-size: 14px;
	line-height: 22px;
	background: #FCFCFC;
}
#loginbar select {
	width: 184px;
	font-size: 14px;
}
#loginbar .btn1 {
	height: 33px;
	width: 86px;
	background: url(login-reg.gif) no-repeat -298px center;
	border-style: none;
	float: left;
}
#loginbar .btn2 {
	height: 33px;
	width: 86px;
	background: url(login-reg.gif) no-repeat -199px center;
	border-style: none;
	float: left;
}
#loginbar .btn3 {
	height: 33px;
	width: 86px;
	background: url(login-reg.gif) no-repeat 0px center;
	display: block;
	float: right;
}
#loginbar .btn3:hover {
	background: url(login-reg.gif) no-repeat -99px center;
}
#regbar {
	float: right;
	padding-top: 40px;
	width: 300px;
}
#regbar p {
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}
#regbar .reg {
	height: 33px;
	width: 102px;
	background: url(reg.gif) no-repeat center center;
	border-style: none;
	text-indent: -9999px;
	display: block;
}
#regform {
	border: 1px solid #E2E2E2;
	padding: 30px;
}
#regform .display {
	margin: 0px auto;
	width: 760px;
}
#regform h2.title {
	font-size: 24px;
	padding-left: 40px;
	color: #669900;
	position: relative;
}
#regform h2.title em {
	color: #999;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
#regform h2.title .login {
	height: 33px;
	width: 102px;
	background: url(login.gif) no-repeat center center;
	border-style: none;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 3px;
	right: 40px;
}
#regform .menu {
	padding: 0px;
	margin-top: 15px;
}
#regform .menu h3 {
	background: #f4f4f4;
	padding: 8px 10px 5px;
	margin: 0;
}
#selectFriend {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 1px solid #e2e2e2;
	width: 180px;
}
#selectFriend h3.title {
	background: url(title_sider_bg.png) repeat-x center -1px;
	border-bottom: 1px solid #e2e2e2;
	line-height: 28px;
	height: 26px;
	padding: 0px 8px;
	font-size: 12px;
}
#selectFriend .box {
	overflow: auto;
	height: 300px;
	width: 180px;
}
#selectFriend ul {
}
#selectFriend ul li a {
	display: block;
	padding: 0px 0 0 15px;
	line-height: 24px;
	height: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#selectFriend ul li a:hover {
	background: #f8f8f8;
	color: #333;
	text-decoration: none;
}
.ucp_right{ width:750px; float:right; font-size: 12px; }