@charset "utf-8";
/*=================
深蓝（字体）#16387c
浅蓝（背景）#dfe8f6
浅蓝（边框）#bfd2ee 
明蓝（标识）#00a0e9
橙色（标识）#f08200
=================*/
body {
	font-family:"宋体";
	font-size:14px;
	color:#16387c;
}
a {
	color:#16387c;
	text-decoration:none;
}
a:hover {
	color:#eee;
	background-color:#16387c;
}
.gray{
color:#ccc;
font-size:12px;
}
span.gray:hover{
color:#ccc;
background-color:#fff;
cursor:text;
}
#wrapper {
	width:950px;
	margin:20px auto;
	background-color:#fff;
}
h2 {
	color:#16387c;
	font-size:18px;
	margin-bottom:10px;
}
h3 {
	font-size:18px;
	color:#333;
	text-align:center;
	margin:20px 0;
}
h4 {
	margin:30px 0 10px 0;
	font-size:14px;
	color:#333;
}
h5 {
	font-size:30px;
	color:#16387c;
}
input {
	color:#333;
	border:1px solid #aec0da;
	padding:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
input[type=radio], input[type=checkbox] {
	border:none;
}
button {
	padding:2px;
	line-height:normal;
}
textarea {
	border:1px solid #aec0da;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:2px;
}
select {
	border:1px solid #aec0da;
	padding:2px;
	font-size:12px;
	color:#333;
}
.bgcolor {
	background-color:#dfe8f6;
}
.alignCenter {
	text-align:center;
}
.border1 {
	height:0;
	border-top:1px solid #cad7ec;
	border-bottom:1px solid #f1f5fb;
}
.clear {
	clear:both;
	height:0;
	border:none;
}
/*=================
     img width
=================*/
.idiaoyanList img, .friendList img, .headpic img {
	width:44px;
	height:44px;
}
/*=================
     header
=================*/
#header {
	border-bottom:2px solid #bfd2ee;
	zoom:1;
}
#header:after {
	display:block;
	content:"";
	clear:both;
	height:0;
}
#header div {
	font-size:12px;
	float:right;
	margin-top:25px;
}
.mailBox {
	background:url(../img/icon_mail.gif) no-repeat left top;
	padding-left:20px;
}
h1 a {
	display:block;
	width:220px;
	height:38px;
	background:url(../img/logo_idiaoyan.gif);
	text-indent:-9000px;
	float:left;
	margin-right:80px;
}
/*=================
     navigation	
=================*/
#navi {
	float:left;
	margin-top:15px;
}
#navi li {
	float:left;
	position:relative;
}
#navi a {
	display:block;
	width:60px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-right:10px;
	position:relative;
	z-index:10;
}
#navi a:hover {
	background:none;
	color:#000;
}
#navi span {
	display:block;
	width:60px;
	height:30px;
	background:url(../img/naviBg.gif) no-repeat left bottom;
	position:absolute;
	left:0;
	top:0;
	z-index:9;
}
#mypage .mypage a, #guesthome .home a, #publishpage .mypage a, #mycase .mypage a, #testpage .test a, #friendpage .friend a, #prizepage .prize a, #helppage .help a {
	background:url(../img/naviBg.gif) no-repeat left top;
}
/*=================
    menu bar
=================*/
#menu {
	width:120px;
	background:url(../img/menubarBg.gif) repeat-y left top;
	float:left;
	padding-top:20px;
	margin-bottom:20px;
	margin-right:30px;
}
#menu li {
	margin-bottom:10px;
}
#menu li a {
	display:block;
	width:120px;
	height:27px;
	text-indent:20px;
	background-repeat:no-repeat;
	background-position:left top;
    padding-top:7px;
    font-size:15px;
    font-family:黑体;
    color:#16387C;
}
#menu li a span{
	vertical-align:top;
}
#menu li a img{margin-right:5px;}
#menu li a:hover {
	background-position:right top;
}
li#menu1 a, li#menu2 a, li#menu3 a, li#menu4 a, li#menu5 a, li#menu6 a, li#menu7 a, li#menu8 a {
	background-position:right top;
}
.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .menu7 a, .menu8 a, .menu9 a, .menu10 a, .menu11 a, .menu12 a {
	background-image:url(../img/backgroud_menu1.gif);
}

/*=================
    main content
=================*/
#content {
	float:left;
	padding:20px 0 40px;
	width:500px;
}
.infomore {
	display:block;
	margin-top:20px;
	width:100%;
	height:30px;
	line-height:30px;
	background-color:#dfe8f6;
	text-align:center;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-shadow:1px 1px 1px #fff;
}
.infomore:hover {
	background-color:#bfd2ee;
	color:#16387c;
}
/*=================
   member part templet
=================*/
#memberPart {
	width:100%;
	/*height:100%;*/
	position:relative;
}
#memberPart p {
	position:absolute;
	left:60px;
	top:0;
	color:#333;
}
#memberPart span {
	color:#999;
	font-size:12px;
	position:absolute;
	right:0;
	top:0;
	line-height:18px;
}
#memberPart ul {
	position:absolute;
	left:60px;
	bottom:0;
}
#memberPart ul a {
	font-size:12px;
}
#memberPart li {
	float:left;
	background:url(../img/icon_btn.gif) no-repeat;
	padding:0 10px 0 15px;
}
#memberPart .btn1 {
	background-position:0 5px;
}
#memberPart .btn2 {
	background-position:0 -15px;
}
#memberPart .btn3 {
	background-position:0 -35px;
}
#memberPart .btn4 {
	background-position:0 -58px;
}
/*=================
   question part templet
=================*/
#questionPart {
	border-top:1px solid #bfd2ee;
	margin-top:20px;
	padding-top:10px;
}
#questionPart em {
	font-style:normal;
	font-size:12px;
}
#questionPart table {
	margin:20px auto;
	color:#333;
	line-height:24px;
}
#question {
	width:720px;
	background-color:#f9f9f9;
	border:1px solid #eee;
	margin:auto;
}
.invite a {
	padding:5px;
	background-color:#00a0e9;
	color:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.invite a:hover {
	background-color:#16387c;
}
/*=================
   comment part templet
=================*/
#friendCom {
	border-top:1px solid #bfd2ee;
	font-size:12px;
	color:#666;
	padding-top:20px;
	line-height:20px;
}
#friendCom strong {
	font-weight:bold;
	color:#333;
}
#comment {
	border-top:1px solid #bfd2ee;
	margin-top:20px;
}
.commentPart {
	border-top:1px solid #bfd2ee;
	margin-top:30px;
	padding-top:10px;
}
.commentPart table {
	font-size:12px;
	color:#333;
	line-height:20px;
}
.commentPart table td {
	padding-left:10px;
	width:100%;
}
.commentBtn {
	text-decoration:underline;
	cursor:pointer;
	color:#00a0e9;
}
.commentPart table table {
	border-top:1px dotted #eee;
	width:100%;
	margin-top:5px;
}
/*=================
    personal info mypage
=================*/
#personalInfo {
	width:100%;
}
#personalInfo h2 {
	font-family:"宋体";
	font-size:14px;
	font-weight:bold;
	background-color:#f1f5f9;
	padding:5px;
}
#personalInfo h2 span {
	font-size:12px;
	color:#666;
	font-weight:normal;
}
#personalInfo h2 a {
	color:#666;
	font-weight:normal;
	font-size:12px;
}
#personalInfo h2 a:hover {
	color:#fff;
}
#headPic {
	float:left;
	position:relative;
	width:124px;
	height:124px;
	background:url(../img/headpicBgBig1.gif) no-repeat right bottom;
}
#file1{
color:#666666;
float:left;
font-size:12px;
line-height:24px;
text-indent:20px;
width:340px;
}

#file {
	float:left;
	font-size:12px;
	line-height:24px;
	width:340px;
	color:#666;
	text-indent:20px;
}
#file th {
	font-size:14px;
	padding:2px 0;
	color:#16387c;
}
#file th a {
	font-size:12px;
	text-align:right;
	display:none;
}
#file a em {
	color:#f08200;
}
.personalMail {
	width:150px;
	text-indent:40px;
	background:url(../img/icon_personal.gif) no-repeat 20px 4px;
}
.systemMail {
	text-indent:40px;
	background:url(../img/icon_system.gif) no-repeat 20px 4px;
}
/*=================
    view page
=================*/
.file {
	float:right;
	width:230px;
	margin-bottom:10px;
	line-height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.file th {
	font-size:14px;
	color:#666;
}
.file td {
	color:#16387c;
}
/*=================
   more info 
=================*/
#moreInfo {
	float:left;
	width:800px;
}
#moreInfo .head {
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}
#moreInfo .head td {
	padding-left:10px;
}
#moreInfo .head td a {
	font-size:12px;
	color:#666;
}
#moreInfo .head td a:hover {
	color:#fff;
}
#moreInfo .info{
	margin-bottom:15px;
	padding-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #ccc;
	}
#moreInfo .info table{
	line-height:24px;
	width:100%;
	}
#moreInfo .info p{
	font-weight:bold;
	padding-bottom:3px;
	margin-bottom:3px;
	}
#moreInfo .info  th{
	width:80px;
	text-align:right;
	padding-right:20px;
	}
#moreInfo .info  td{
	color:#333;
	}
#moreInfo .info em{
	display:block;
	font-size:12px;
	color:#999;
	text-align:center;
	}
	#moreInfo .edit{
	border-bottom:1px dotted #ccc;
	padding-bottom:40px;
		}
#moreInfo .edit table{
	line-height:40px;
	
	}
#moreInfo .edit h4 {
	border-top:1px dotted #ccc;
	padding-top:20px;
	margin:10px 0 0 0;
	}

	#moreInfo .inboxTab td{
		
		width:100px;
		padding-left:20px;}
#moreInfo .inboxTab .current{
	font-weight:bold;
	text-decoration:underline;
	}
#moreInfo .text{
	line-height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-bottom:10px;
	position:relative;
	color:#999;
	border-bottom:1px dotted #DFE8F6;
	}
#moreInfo .text a{
	position:absolute;
	right:0;
	top:10px;
	font-weight:bold;
	
	}
/*=================
    publish page
=================*/
.questionEdit {
	margin-bottom:20px;
}
.questionEdit h2 {
	border-bottom:1px dotted #bfd2ee;
	padding-bottom:10px;
}
.questionEdit textarea {
	width:400px;
}
.questionEdit table {
	width:100%;
	line-height:30px;
}
.questionEdit a {
	font-size:12px;
}
.questionEdit p {
	border-bottom:1px dotted #bfd2ee;
	padding-bottom:15px;
	margin-top:15px;
}
.questionEdit th {
	text-align:right;
	padding-right:20px;
	width:120px;
	font-weight:normal;
}
.questionEdit td {
	color:#333;
}
.questionEdit input[type=text], .questionEdit input[type=password] {
	width:400px;
	padding:2px 4px;
}
.questionEdit ul {
	border-style:dotted;
	border-color:#bfd2ee;
	border-width:1px 0;
	width:100%;
	float:right;
	padding:3px 0;
	margin-bottom:10px;
}
.questionEdit li {
	float:right;
	padding:0 5px;
}
.questionEdit #friendList {
	border:1px solid #bfd2ee;
	background-color:#dfe8f6;
	display:block;
	height:75px;
	padding:10px 20px;
	overflow:auto;
}
.questionEdit #friendList td {
	width:120px;
	vertical-align:top;
}
/*=================
   tab style gusethome
=================*/
.tab {
	width:100%;
}
.tab th {
	font-size:18px;
	color:#f08200;
	font-weight:normal;
}
.tab .thhover {
	background-color:#f08200;
	color:#fff;
}
.tab td {
	color:#00a0e9;
	font-size:12px;
	text-align:right;
	width:70px;
}
.tab .tdhover {
	background-color:#00a0e9;
	color:#fff;
}
.tab span {
	padding:3px;
	cursor:pointer;
}
/*=================
    infobox style
=================*/
.infobox {
	border-top:1px solid #dfe8f6;
	padding:15px 0 15px 10px;
	zoom:1;
	font-size:12px;
	color:#666;
	position:relative;
}
.infobox:after {
	display:block;
	content:"";
	clear:both;
	height:0;
}
.infobox .headpic {
	float:left;
}
.headpic {
	display:block;
	width:48px;
	height:48px;
	background:url(/static/sns/img/headpicBgBigSmall.gif) no-repeat right bottom;
}
.infobox p {
	float:left;
	padding-left:20px;
	width:380px;
	line-height:20px;
}
.infobox p em {
	color:#16387c;
	font-style:normal;
}
.infobox ul {
	position:absolute;
	right:10px;
	bottom:10px;
}
.infobox ul li {
	float:left;
	padding:0 0 0 30px;
	background:url(../img/icon_infobox.gif) no-repeat;
}
.infobox .click1 {
	background-position:14px 0px;
}
.infobox .click2 {
	background-position:14px -23px;
}
.infobox .click3 {
	background-position:14px -46px;
}
.infobox .click4 {
	background-position:14px -68px;
}
/*=================
    quick publish
=================*/
#quickPub {
	background:url(/static/sns/img/quickPubBg.gif) no-repeat left top;
	width:500px;
	height:74px;
	margin:20px 0;
	position:relative;
}
#quickPub table {
	position:absolute;
	left:20px;
	line-height:30px;
}
#quickPub a {
	display:block;	
	padding:0px 15px 8px;
	height:23px;
}
#quickPub a:hover {
	background-color:#dfe8f6;
	color:#16387c;
	text-decoration:underline;
}
#quickPub a.current {
	background-color:#dfe8f6;
	border-width:0 1px;
	border-style:solid;
	border-color:#fff;
}
#quickPub td strong {
	font-size:12px;
	font-weight:bold;
	margin-right:20px;
}
#quickPub form {
	position:absolute;
	top:40px;
	left:20px;
}
#quickPub form input {
	width:340px;
	padding:4px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*=====================*/
#quickUp {
	width:100%;
	margin:20px 0;
	height:40px;
	background-color:#dfe8f6;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
/*
#quickUp span {/* t.shang add this
	cursor:pointer;
	background-color:#00a0e9;
	padding:5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
*/
#quickUp input {
	width:220px;
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:10px;
}
#quickUp input:focus {
	border:2px solid #00a0e9;
}
#quickUp td {
	color:#fff;
}
/*=================
    side bar
=================*/
#sidebar {
	width:280px;
	float:right;
	font-size:12px;
	color:#666;
}
#sidebar h3 {
	border-bottom:1px solid #dfe8f6;
	padding:6px 10px 0;
	height:24px;
	margin:20px 0 10px;
	zoom:1;
}
#sidebar h3:after {
	display:block;
	content:"";
	clear:both;
	height:0;
}
#sidebar h3 span {
	color:#00a0e9;
	font-size:18px;
	float:left;
}
#sidebar h3 a {
	font-size:12px;
	float:right;
	color:#00a0e9;
	margin-top:5px;
}
#sidebar h3 a:hover {
	color:#fff;
}
.idiaoyanList {
	margin-bottom:10px;
	width:100%;
}
.idiaoyanList th {
	vertical-align:top;
	padding-left:10px;
}
.idiaoyanList td {
	padding-left:20px;
	line-height:18px;
	padding-bottom:10px;
}
.friendList {
	width:100%;
}
.friendList td {
	padding:10px;
	text-align:center;
}
.friendList td a{
	text-align:left;
}
.reportList li {
	padding:5px 0 5px 15px;
	line-height:20px;
	list-style-type:circle;
	list-style-position:inside;
	vertical-align:middle;
}
.reportList li a:hover {
	background:none;
	text-decoration:underline;
	color:#16387c;
}
/*=================
    loginbox guest home
=================*/
#loginTab li {
	float:left;
	width:150px;
	height:50px;
	cursor:pointer;
}
#login {
	background:url(../img/login.gif) no-repeat right;
}
#signup {
	background:url(../img/signup.gif) no-repeat right;
}
#loginTab li.current {
	background-position:left top;
}
#loginTab span {
	display:block;
	width:150px;
	height:50px;
}
#login span {
	background:url(../img/login.gif) no-repeat bottom left;
}
#signup span {
	background:url(../img/signup.gif) no-repeat bottom right;
}
.loginbox {
	background-color:#dfe8f6;
	width:100%;
	-moz-border-radius:0 0 10px 10px;
}
.loginbox th {
	text-align:right;
	width:60px;
	padding-right:20px;
	font-size:14px;
	height:35px;
}
.loginbox input {
	font-size:16px;
	width:190px;
}
.loginbox input:focus {
	border:2px solid #00a0e9;
	margin:-1px;
}
input.checkbox {
	border:none;
	width:auto;
	vertical-align:middle;
}
input.checkbox:focus {
	margin:0;
}
/*=================
    registe step
=================*/
#step {
	background-color:#dfe8f6;
	padding:30px 10px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
#step form {
	background-color:#fff;
	margin-top:20px;
	padding-top:40px;
}
#step form table {
	display:block;
	margin:auto;
	line-height:40px;
	color:#999;
	font-size:12px;
}
#step input {
	width:240px;
	font-size:18px;
	padding:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}
#step input:focus {
	border:2px solid #00a0e9;
	margin:-1px;
}
#step input.checkbox {
	width:auto;
	border:none;
}
#step input.checkbox:focus {
	margin:0;
}
#step form table th {
	font-family:"黑体";
	font-size:18px;
	color:#16387c;
	text-align:right;
	width:100px;
}
#step form table td {
	padding-left:10px;
}
#step form.alignCenter div {
	padding:50px 0;
	color:#666;
	line-height:20px;
}
#step .float {
	background-color:#fff;
	margin-top:20px;
}
#step .float .img {
	float:left;
	margin-top:80px;
	padding-left:40px;
}
#step .float form {
	float:right;
	border-left:1px solid #aec0da;
	padding-right:40px;
	margin-bottom:20px;
}
.changeBtn {
	background-color:#dfe8f6;
	border:1px solid #aec0da;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px;
	font-size:12px;
	color:#16387c;
	cursor:pointer;
}
.subBtn {
	background-color:#00a0e9;
	padding:10px 20px;
	margin-top:20px;
	border:none;
	cursor:pointer;
	line-height:18px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
/*=================
    invite part
=================*/
#inviteTab {
	background-color:#fff;
	margin-top:20px;
	padding-bottom:80px;
}
#inviteTab div {
	border:1px solid #bfd2ee;
	width:700px;
	margin:auto;
	padding-bottom:40px;
}
#inviteTab form table {
	width:500px;
}
#inviteTab form table th {
	width:150px;
}
#inviteTab form strong {
	font-family:Arial, Helvetica, sans-serif;
}
#inviteTab .clear {
	border:none;
}
#inviteTab ul {
	width:600px;
	margin:auto;
}
#inviteTab ul li {
	background-position:center 10px;
	background-repeat:no-repeat;
	cursor:pointer;
	text-indent:-9000px;
	float:left;
	height:55px;
	margin-top:30px;
	margin-bottom:-1px;
	padding:10px 20px;
}
#inviteTab .current {
	border-style:solid;
	border-color:#bfd2ee;
	border-width:0 1px;
	border-bottom:1px solid #fff;
	background-position:center -90px;
}
#inviteTab .hover {
	background-position:center -90px;
}
#msnfriend {
	width:100px;
	background-image:url(/static/sns/img/register/invite_msn.gif);
}
#gmailfriend{
	width:107px;
	background-image:url(/static/sns/img/register/invite_gmail.gif);
}
#emailfriend{
	width:127px;
	background-image:url(/static/sns/img/register/invite_email.gif);
}
#linkfriend{
	width:96px;
	background-image:url(/static/sns/img/register/invite_link.gif);
}
.msnfriend table td {
	line-height:22px;
	color:#16387c;
	padding-bottom:20px;
}
/*=================
    footer
=================*/
#footer {
	clear:both;
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
}
#footer div {
	background-color:#dfe8f6;
	padding:10px;
	margin-bottom:10px;
}
#footer p {
	font-family:Verdana, Geneva, sans-serif;
}
#footerIcon {
	margin:auto;
	width:450px;
	line-height:20px;
}
/*=================
   my publish
=================*/
.myPublish {
	font-size:12px;
	line-height:20px;
	border-top:1px dotted #ccc;
	padding-top:15px;
}
.myPublish ul {
	width:100%;
	float:left;
}
.myPublish ul li {
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:20px;
	position:relative;
	border-bottom:1px dotted #ddd;
}
.myPublish ul p {
	color:#999;
}
.myPublish ul strong {
	display:block;
	font-size:14px;
	font-weight:normal;
}
.voteList {
	background:url(/static/sns/img/user/icon_vote.gif) no-repeat left top;
}
.surveyList {
	background:url(/static/sns/img/user/icon_sur.gif) no-repeat left top;
}
.myPublish #question {
	width:auto;
}
.myPublish #question table {
	margin:20px auto;
	color:#333;
	line-height:24px;
}
.myPublish h3 {
	margin-top:10px;
}
.myPublish #comment {
	border:none;
}
.myPublish .commentPart {
	border-top:1px dotted #ccc;
}
/*=================
   inbox page
=================*/
.inboxTab {
	background-color:#dfe8f6;
	width:100%;
	font-size:12px;
	margin-bottom:10px;
}
.inboxTab td {
	width:80px;
	padding:5px;
}
#inboxpage .inboxTab .current {
	font-weight:bold;
	text-decoration:underline;
}
.inboxList {
	width:100%;
	font-size:12px;
	line-height:30px;
}
.inboxList tr {
	border-bottom:1px dotted #dfe8f6;
}
.inboxList th {
	color:#666;
}
#inboxInput {
	width:100%;
	margin-top:20px;
}
#inboxInput td {
	width:100px;
	text-align:right;
}
#inboxCont p {
	color:#666;
	line-height:20px;
	font-size:12px;
}
#inboxCont .title {
	color:#16387c;
	padding-top:10px;
	margin-bottom:10px;
	font-size:14px;
}
#inboxCont .text {
	background-color:#f5f5f5;
	border:1px solid #eee;
	padding:20px;
	margin-top:20px;
}
#friendList {
	width:100%;
}
#mycase #friendList {
	border-top:1px dotted #ccc;
}
#friendList dl {
	float:left;
	width:48px;
	height:65px;
	padding:20px 20px 0;
	
	position:relative;
}
/*
#friendList dt {
	text-align:center;
}*/
#friendList dd {
	font-size:12px;
	text-align:center;
}

#friendList .del{
	position:absolute;
	top:20px;
	right:10px;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;
}

#friendList .del:hover{ color:#fff; }

/*=================
   error page
=================*/
#error{
	background-color:#fff;
	text-align:center;
	padding:30px;
	margin-top:20px;
	}
/*分页按钮样式*/
.pageframe{
	width:100%;
	height:35px;
	float:left;
	display:inline;
}
.pagebox{
	float:right;
	display:inline;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
}

div.pagebox_num_nonce{
	width:23px;
	height:13px;
	float:left;
	margin-left:5px;
	text-align:center;
	vertical-align:top;
}

div.pagebox_num{
	width:23px;
	height:13px;
	float:left;
	margin-left:5px;
	text-align:center;
	color:#437193;
	text-decoration:none;
}
div.pagebox_num a{
	color:#437193;
	text-decoration:none;
}
/*=================
   sideTab (testpage friendpage)
=================*/
.sideTab {
	margin-top:20px;
}
.sideTab ul {
	padding:10px 20px;
	border:1px solid #dfe8f6;
	border-top:none;
}
.sideTab ul li {
	border-bottom:1px dotted #ccc;
	line-height:30px;
}
.sideTab h4 {
	margin:0;
	background-color:#ebf1fa;
}
.sideTab h4 p {
	float:left;
	padding:5px 0;
	width:149px;
	color:#fff;
	cursor:pointer;
}
.sideTab form {
	border:1px solid #dfe8f6;
	border-top:none;
	width:258px;
	height:140px;
	line-height:30px;
	padding:10px 20px;
}
.sideTab form fieldset {
	text-align:center;
}
.sideTab form select {
	width:80px;
	margin-right:10px;
}

/*=================
   knowing page  
=================*/
.knowing h6 {
	border-top:1px dotted #ccc;
	padding:5px;
	cursor:pointer;
}
.knowing .content {
	background-color:#f3f3f3;
	border-top:1px dotted #ccc;
	padding:20px;
	display:none;
}
.knowing .text {
	width:600px;
	height:200px;
	overflow:hidden;
	padding:20px;
	float:right;
	background-color:#fff;
}
.knowing ul {
	float:left;
	width:120px;
}
.knowing li {
	text-align:right;
	background-color:#e3e3e3;
	margin-top:10px;
	padding:5px 10px;
	font-size:12px;
	cursor:pointer;
	color:#333;
}
.knowing p {
	height:240px;
	color:#333;
	font-size:12px;
}
.knowing .current {
	background-color:#fff;
	font-weight:bold;
}
/*=================
   gift page  
=================*/
.giftTab.scrollable {
	margin-left:0;
	width:100%;
	height:180px;
}
.giftTab h4 {
	margin:0;
	text-align:center;
	padding-top:10px;
}
.giftTab h4 p {
	font-size:12px;
	float:left;
	padding:3px;
	width:65px;
	cursor:pointer;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.giftTab .current {
	background-color:#00a0e9;
	color:#fff;
}
.giftTab>div {
	padding:10px;
}
.giftTab .items {
	background-color:#edf8fe;
	margin-top:10px;
}
.richList {
	width:100%;
	margin-bottom:10px;
	border-bottom:1px dotted #dfe8f6;
	display:block;
	padding-bottom:10px;
	line-height:16px;
}
.richList td {
	vertical-align:top;
}
.richList img {
	margin-top:10px;
}
/*=================
  upload headpic
=================*/
#uploadpic {
	border:1px solid #bfd2ee;
	padding:20px;
	font-size:12px;
	color:#666;
	margin-bottom:10px;
}
#uploadpic form {
	line-height:30px;
}
#uploadpic dl {
	float:left;
	width:120px;
	margin-right:20px;
}
#uploadpic dd {
	text-align:center;
}
/*====================
 prize table tr td dt
====================*/
#friendpage #content table tr td dt img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#FFFFFF;
border:1px solid #DFE8F6;
cursor:pointer;
float:left;
height:100px;
padding:2px;
width:100px;
}