@charset "gbk";
/* Beauty Channel StyleSheet File
 * Version: 1.39
 * Author: Matt Wang (www.uiland.com)
 * Created: 2008-04-23
 * Update: 2008-07-04
 * Copyright: Sohu.com (www.sohu.com)
 */


/*** Random HTML Styles ***/
body{margin:0;padding:0;background:#62BBCA;color:#666;font:12px/1.6em Verdana,Arial,SimSun,sans-serif,'宋体';}
body>table,body>div{margin-left:auto;margin-right:auto;clear:both;}
form,div,img,td,dl,dt,dd,h1,h2,h3,h4,p{margin:0 auto;padding:0;border:0 none;}
h1,h2{font-size:16px;font-weight:bold;}
h3,h4{font-size:12px;font-weight:bold;}
h5,h6{margin:0;font-size:12px;font-weight:bold;}
ol,ul,dl,dd{margin:0;padding:0;list-style:none;}
cite{font-weight:bold;}
small{font-size:12px;}
hr{display:none;}

/* Forms */
input,
textarea,
select{
color:#666;
font:normal 12px/1.6em Verdana,Arial,sans-serif,"宋体";
}
input.submit,
input.button,
input.text,
textarea.text{
border:1px solid #ccc;
outline:0 none;
color:#333;
}
input.submit,
input.button{
cursor:pointer;
height:26px;
padding:0 20px;
*padding:0 10px;
color:#666;
line-height:26px;
}
input.submit{
background:url(images/beauty/btn_submit.gif) 0 center repeat-x;
}
input.button{
background:url(images/btn_normal_bg.jpg) 0 center repeat-x;
}
input.text{
height:16px;
padding:2px;
line-height:14px;
}
table.tableForm {}
	table.tableForm th,
	table.tableForm td{padding:2px 0;}
	table.tableForm td.formLabel{text-align:right;vertical-align:top;font-weight:bold;}
	table.tableForm td.formEle{text-align:left;vertical-align:top;}
		table.tableForm input.text{width:160px;}
		table.tableForm em{display:block;height:14px;padding:4px 0 0;color:#999;font-style:normal;line-height:14px;}

/* Links style */
a{color:#00395D;text-decoration:underline;}
a:hover{color:#f63 !important;text-decoration:underline;}
a:focus{-moz-outline-style:none;}
.bFoot a,
.more a,
#nav a,
#footer a{text-decoration:none;}
.bFoot a:hover,
.more a:hover,
#nav a:hover,
#footer a:hover{text-decoration:underline;}

/* General Class */
.left{float:left;}
.right{float:right;}
.more{padding:5px 10px;text-align:right;font-family:'宋体';font-weight:bold;}
.hot,.hot a,a.hot{color:#f06 !important;}
.hot a:hover,a:hover.hot{color:#f63 !important;}
.red,.red a,a.red{color:#f00 !important;}
.error,.error a,a.error{color:#f00 !important;}
* html .hasIcon,
* html .control{padding-top:2px;}
img.icon{width:16px;height:16px;margin:-2px 0 0;vertical-align:middle;}
*+html img.icon{margin:0;}

ul.txtList li{
overflow:hidden;
width:100%;
background:url(images/li_square.gif) 0 center no-repeat;
text-indent:14px;
white-space:nowrap;
*text-overflow:ellipsis;
-o-text-overflow:ellipsis;
}
.msg_succeed,
.msg_failed{
margin:0 0 10px;
padding:7px 10px 7px 32px;
border:1px solid #ccc;
background-color:#ffc;
background-position:10px 8px;
background-repeat:no-repeat;
}
.msg_succeed{
background-image:url(images/beauty/ico_succeed.gif);
}
.msg_failed{
background-image:url(images/beauty/ico_error.gif);
}

/* Clearfix */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*+html .clear{min-height:1%;}/* IE7 */


/*** General Structure ***/
body{
background:#A3DFE9 url(images/beauty/page_bg.jpg) center 0 repeat-x;
}
#wrapper{
width:100%;
text-align:center;
background:transparent url(images/beauty/page_bg_flower.jpg) center 560px no-repeat;
}
#innerWrapper{
width:960px;
margin:0 auto;
padding:0;
text-align:left;
}
#header{
overflow:hidden;
}
	#indexNav{
	overflow:hidden;
	height:21px;
	padding:2px;
	border:1px solid #e9e9e9;
	border-top:0 none;
	background:#fff url(images/sohuNavBar_bg.jpg) bottom repeat-x;
	}
		#indexNav a{
		color:#333;
		}
		#indexNav .right{
		display:inline;
		width:800px;
		text-align:right;
		}
		#indexNav li{
		display:inline;
		padding:0 2px 0 0;
		line-height:20px;
		}
		#indexNav li.end{
		padding:0 6px 0 0;
		>padding:0 1px 0 0;
		}
	#innerHeader{
	padding:12px 0 0;
	}
		#logo{
		overflow:hidden;
		float:left;
		width:150px;
		text-align:center;
		}
			#logo h1{
			margin:15px 0 0;
			vertical-align:middle;
			}
		#headerAd{
		overflow:hidden;
		float:right;
		width:800px;
		height:100px;
		text-align:right;
		}
	#navBar{
	overflow:hidden;
	clear:both;
	height:38px;
	margin:12px 0;
	background:url(images/beauty/navBar_bg.gif) repeat-x 0 -40px;
	}
		#navBar .partL{
		padding:0 0 0 4px;
		background:url(images/beauty/navBar_lr.gif) no-repeat 0 0;
		}
		#navBar .partR{
		padding:0 4px 0 0;
		background:url(images/beauty/navBar_lr.gif) no-repeat right -40px;
		}
			#navBar ul{
			display:block;
			float:left;
			}
				#navBar li{
				display:inline;
				float:left;
				height:38px;
				font-weight:bold;
				}
					#navBar li a{
					display:block;
					float:left;
					height:20px;
					padding:9px 25px;
					color:#fff;
					font:bold 12px/20px Arial,Helvetica,sans-serif;
					text-decoration:none;
					}
					#navBar li a:hover{
					color:#FFF9AD !important;
					text-decoration:underline !important;
					}
			#navBar ul.index{
			padding:0 2px 0 0;
			background:url(images/beauty/navBar_delimiter.gif) no-repeat right 0;
			}
				#navBar ul.index li{
				background:url(images/beauty/navBar_bg.gif) repeat-x 0 0;
				}
				#navBar ul.index li a{
				padding:9px 30px;
				}
			#navBar ul.main{
			padding:0 2px 0 0;
			background:url(images/beauty/navBar_delimiter.gif) no-repeat right 0;
			}
			#navBar ul.assist{
			padding:0 0 0 20px;
			}
				#navBar ul.assist li a{
				padding:9px 20px;
				font:normal 12px/20px Arial,Helvetica,sans-serif;
				background:none;
				}
			
#content{}

#footer{
clear:both;
padding:30px 0 10px;
background:none;
color:#333;
font-family:Arial,SimSun,sans-serif,'宋体';
text-align:center;
}
	#footer a{
	color:#333 !important;
	text-decoration:none;
	}
	#footer a:hover{
	color:#333 !important;
	text-decoration:underline;
	}
	#powered{
	padding:5px 0 10px;
	}


/*** Page Layout ***/
.mainCon{
float:right;
width:710px;
}
.sideBar{
float:left;
width:235px;
}
/* 打分页 */
#page_vote{
padding:0 0 20px;
}
	#page_vote .mainCon{
	border:1px solid #EE347C;
	background:url(images/beauty/mainCon_bg.jpg) 0 0 repeat;
	}
	#page_vote .innerMainCon{
	padding:5px;
	background:url(images/beauty/mainCon_x_bg.jpg) 0 0 repeat-x;
	}
		.selector{
		display:none;
		padding:0 3px 5px;
		color:#FFCCDF;
		text-align:right;
		}
		.voteBar{
		overflow:hidden;
		height:40px;
		padding:10px 0 15px;
		text-align:center;
		}
			.voteBar h4{
			font-weight:normal;
			color:#fff;
			}
			.voteBar .voteInputs{
			display:none;
			}
			.voteBar .ratingBar{
			padding:5px 0 0;
			}
				.rating{
				list-style:none;
				overflow:hidden;
				position:relative;
				z-index:1;
				width:400px;
				height:24px;
				margin:0 auto;
				background:url(images/beauty/rating.gif) repeat-x 0 0;
				}
					.rating li{
					float:left;
					}
					.rating li a{
					display:block;
					overflow:hidden;
					position:absolute;
					z-index:3;
					width:40px;
					height:24px;
					color:#FECD21;
					font:10px/24px Arial,Helvetica,sans-serif;
					text-decoration:none;
					text-align:center;
					}
						.rating a.rate_1{left:0;}
						.rating a.rate_2{left:40px;}
						.rating a.rate_3{left:80px;}
						.rating a.rate_4{left:120px;}
						.rating a.rate_5{left:160px;}
						.rating a.rate_6{left:200px;}
						.rating a.rate_7{left:240px;}
						.rating a.rate_8{left:280px;}
						.rating a.rate_9{left:320px;}
						.rating a.rate_10{left:360px;}
					.rating li a:hover{
					left:0;
					z-index:2;
					background:url(images/beauty/rating.gif) repeat-x 0 -25px;
					text-indent:-9999px;
					}
						.rating a.rate_1:hover{width:40px;}
						.rating a.rate_2:hover{width:80px;}
						.rating a.rate_3:hover{width:120px;}
						.rating a.rate_4:hover{width:160px;}
						.rating a.rate_5:hover{width:200px;}
						.rating a.rate_6:hover{width:240px;}
						.rating a.rate_7:hover{width:280px;}
						.rating a.rate_8:hover{width:320px;}
						.rating a.rate_9:hover{width:360px;}
						.rating a.rate_10:hover{width:400px;}

		.viewer{
		margin:0 auto;
		padding:6px;
		background:#fff;
		}
			.photoImg{
			overflow:hidden;
			float:left;
			width:480px;
			padding:2px;
			background:#f0f0f0;
			text-align:center;
			}
				.photoImg img{
				}
			.photoInfo{
			float:right;
			width:190px;
			padding:5px;
			}
				.photoInfo h3{
				margin:0;
				padding:3px 5px;
				font:bold 16px/1.6em Verdana,Arial,Helvetica,sans-serif;
				}
					.photoInfo h3 a{
					text-decoration:none !important;
					}
					.photoInfo h3 a.name{
					border-bottom:1px solid #00395D;
					}
					.photoInfo h3 a.name:hover{
					border-bottom:1px solid #f63;
					}
				.photoInfo p{
				margin:0;
				padding:5px;
				}
				.photoInfo h3,
				.photoInfo p.desc,
				.photoInfo p.hobby{
				overflow:hidden;
				width:180px;
				*text-overflow:ellipsis;
				-o-text-overflow:ellipsis;
				}
				.photoInfo p.profile{
				margin:5px 0;
				padding:8px 2px;
				border:1px solid #ddd;
				border-width:1px 0;
				}
					.photoInfo p.profile a{
					display:inline;
					float:left;
					height:20px;
					margin:2px 4px 2px 10px;
					padding:0 10px 0 20px;
					background-position:0 center;
					background-repeat:no-repeat;
					}
					.photoInfo p.profile a.profile{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_user.gif);
					}
					.photoInfo p.profile a.album{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_photo.gif);
					}
					.photoInfo p.profile a.blog{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_blog.gif);
					}
					.photoInfo p.profile a.photos{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_friend.gif);
					}
				.photoInfo .url{
				padding:5px 0;
				line-height:24px;
				}
					.photoInfo .url input.text{
					width:175px;
					}
					.photoInfo .url a{
					padding:0 2px;
					}
	
	#page_vote .sideBar{}
	#page_vote .innerSideBar{}
		.widget{
		overflow:hidden;
		margin:0 0 10px 0;
		padding:10px;
		border:1px solid #E7DAAB;
		background:#fff url(images/beauty/widget_bg.gif) 0 bottom repeat-x;
		}
			.widget h3{
			margin:0 2px 5px;
			padding:0 3px 3px;
			border-bottom:1px solid #F7EFD1;
			}
		#userPanel{
		overflow:hidden;
		background:url(images/beauty/userPanel_bg.jpg) repeat-x 0 top;
		text-align:center;
		}
			#unLogin{
			padding-top:10px;
			*padding-top:12px;
			}
			#unLogin img.icon{
			width:16px;
			height:16px;
			margin:-2px 2px 0 0;
			vertical-align:middle;
			}
			*+html #unLogin img.icon{
			margin:0;
			}
				#unLogin .login{
				padding:0 0 10px;
				border-bottom:1px solid #EDE7D0;
				}
				#unLogin .join{
				padding:10px 0 0;
				border-top:1px solid #fff;
				}
			#isLogin{
			line-height:20px;
			}
				#userPp{
				padding:0;
				}
				#userOption{
				padding:5px 0 10px;
				border-bottom:1px solid #EDE7D0;
				}
				#isLogin .join{
				padding:10px 0 0;
				border-top:1px solid #fff;
				}
			
		.prevBeauty{
		padding:10px 5px 15px;
		text-align:center;
		}
			.prevBeauty .grade{
			height:70px;
			padding:0 10px 10px;
			background:url(images/beauty/ears.gif) center 0 no-repeat;
			color:#aaa;
			font-family:Arial,Helvetica,sans-serif;
			}
				.prevBeauty .grade h3{
				margin:0;
				border:0 none;
				color:#666;
				}
				.prevBeauty .grade em{
				display:block;
				color:#CC2349;
				font:bold 28px/1em 'Trebuchet MS',Tahoma,Arial,sans-serif;
				}
			.prevBeauty .prevView{
			overflow:hidden;
			width:200px;
			border:1px solid #FADA36;
			background:#FFF9AD;
			}
				.prevBeauty .prevView p{
				margin:3px 0;
				color:#CC2349;
				}
				.prevBeauty .prevView img{
				height:150px;
				}
				.prevBeauty .prevView strong{
				padding:2px;
				font-size:14px;
				font-family:'Trebuchet MS',Tahoma,Arial,sans-serif;
				}
		.notice{
		background:#fff url(images/beauty/widget_bg.gif) repeat-x 0 center;
		}
			.notice ul.txtList li{
			overflow:hidden;
			width:auto;
			padding:0 0 0 12px;
			background:url(images/li_square.gif) 0 4px no-repeat;
			text-indent:0;
			white-space:normal;
			}
		.sideBar .ad{
		margin:0;
		padding:10px;
		text-align:center;
		}
			.sideBar .ad li{
			margin:5px;
			}

	#partners{
	padding:10px;
	border:1px solid #E7DAAB;
	background:#fff url(images/beauty/widget_bg.gif) 0 bottom repeat-x;
	}
		#partners h3{
		margin:0 5px 10px;
		}
		#partners li{
		float:left;
		}

/* 排行榜 */
#page_topList{
padding:0 0 20px;
}
	#page_topList .mainCon{
	border:1px solid #4FAEBE;
	background:url(images/beauty/mainCon_bg2.jpg) 0 0 repeat;
	}
		#page_topList .innerMainCon{
		/*padding:5px;*/
		background:url(images/beauty/mainCon_x_bg2.jpg) 0 0 repeat-x;
		}
		#page_topList .topListTop{
		padding:130px 5px 5px;
		background:url(images/beauty/toplistMainCon_bg.jpg) 0 0 no-repeat;
		}
	#page_topList .sideBar{}
		#page_topList .innerSideBar{}

#yesterday{}
#lastMonth{}
.starList{
margin:15px 0;
}
	.starList h3{
	overflow:hidden;
	height:34px;
	background: url(images/beauty/bHead_star.gif) center 0 no-repeat;
	text-indent:-9999px;
	}
	#lastMonth h3{
	background-position:center -40px;
	}
	.starList .starBody{
	padding:5px 35px 20px;
	background:url(images/beauty/bBody_star.jpg) center bottom no-repeat;
	}
		.starList ul{
		padding:0 0 0 5px;
		}
			.starList li{
			display:inline;
			overflow:hidden;
			float:left;
			width:79px;
			height:79px;
			margin:5px 15px;
			}
				.starList li img{
				display:block;
				width:75px;
				height:75px;
				padding:1px;
				border:1px solid #E6BB0F;
				background:#fff;
				}

/* 注册页 */
#page_reg{
padding:20px;
border:1px solid #E7DAAB;
background:#FEFCF8;
}
	.crumbs{
	padding:10px 20px 10px 30px;}
		.crumbs li{
		display:inline;
		overflow:hidden;
		float:left;
		padding:10px 15px;
		line-height:1.7em;
		}
			.crumbs li.step{
			float:left;
			width:145px;
			height:62px;
			background:url(images/beauty/crumbsBox.gif) 0 0 no-repeat;
			}
			.crumbs li.arrow{
			overflow:hidden;
			width:10px;
			height:62px;
			background:url(images/beauty/arrow.gif) center no-repeat;
			text-indent:-9999px;
			}
			.crumbs li.step1,
			.crumbs li.step2{
			line-height:5.1em;
			text-align:center;
			}
	#page_reg .msg_succeed,
	#page_reg .msg_failed{
	margin:10px 10px 0;
	}
	.regBox{
	padding:10px 50px;
	}
		.regBox h3{
		margin:10px 0;
		}
		.regBox .tableForm{
		width:600px;
		margin:0;
		}
	.uploadCon{
	padding:20px;
	}
		.uploadCon .left{
		float:left;
		width:460px;
		padding:10px 30px 20px;
		border-right:1px dashed #ccc;
		}
			.uploadCon .upload{
			margin:0 0 20px;
			line-height:2em;
			}
				.uploadCon .upload .msg_failed{
				margin:0 0 10px !important;
				line-height:1.6em;
				}
				.uploadCon .upload h3{
				padding:5px 0;
				font:bold 14px/1.6em Verdana,Arial,Helvetica,sans-serif;
				}
				.uploadCon .upload h3 span{
				padding:0 5px;
				font:normal 12px/1.6em Arial,Helvetica,sans-serif;
				}
				.uploadCon .upload input.file{
				height:24px;
				margin:5px 0;
				font:14px/24px Arial,Helvetica,sans-serif;
				}
				.uploadCon .upload input.submit{
				margin:5px 0 0;
				}
			.uploadCon .uploaded{
			border:1px solid #F4EABC;
			}
				.uploadCon .uploaded h3{
				padding:5px 10px;
				background:#FAF7E9;
				}
					.uploadCon .uploaded h3 span{
					padding:5px;
					font-weight:normal;
					}
				.uploadCon .uploaded ul{
				padding:10px 0;
				}
					.uploadCon .uploaded li{
					float:left;
					overflow:hidden;
					width:50%;
					height:225px;
					padding:5px 0;
					text-align:center;
					}
						.uploadCon .uploaded li img{
						padding:1px;
						border:1px solid #ccc;
						background:#eee;
						}
						.uploadCon .uploaded li p{
						padding:2px;
						}
		.uploadCon .right{
		float:right;
		width:280px;
		padding:20px;
		}
	.regSecceed{
	margin:0 auto;
	padding:50px 50px 100px;
	text-align:center;
	}
		.regSecceed h2{
		width:300px;
		height:20px;
		margin:0 auto;
		padding:25px 10px 25px 75px;
		background:url(images/beauty/succeed.jpg) 10px 0 no-repeat;
		border-bottom:1px dashed #ccc;
		font-weight:normal;
		text-align:left;
		}
		.regSecceed .info{
		padding:25px;
		}
			.regSecceed .info strong{
			padding:2px;
			color:#f00;
			}
		.regSecceed .btns{
		width:320px;
		height:20px;
		margin:0 auto;
		}
			.regSecceed .btns a{
			display:inline;
			float:left;
			margin:5px;
			padding:4px 8px;
			*padding:5px 8px 3px;
			border:1px solid #ddd;
			background:url(images/beauty/btn_normal.gif) repeat-x 0 0;
			color:#666 !important;
			text-decoration:none;
			}
			.regSecceed .btns a.myPhotos{
			background-image:url(images/beauty/btn_submit.gif);
			}

/* 我的照片列表页 */
#page_my{
padding:20px;
border:1px solid #E7DAAB;
background:#FEFCF8;
}
	h3.pageTitle{
	padding:5px 10px;
	border-bottom:1px solid #ddd;
	}
	#myPhotos{
	padding:10px;
	}
		#myPhotos .sideBar{
		display:inline;
		overflow:hidden;
		float:left;
		width:230px;
		}
			#myPhotos .mod_profile{
			padding:10px;
			border:1px solid #E7DAAB;
			background:#FFFCEF;
			}
				#myPhotos .mod_profile .mHead{
				padding:0 0 5px;
				border-bottom:1px solid #F2EBD0;
				}
				#myPhotos .mod_profile .mHead h3{
				float:left;
				font:bold 12px/1.6em Arial,Helvetica,sans-serif;
				}
				#myPhotos .mod_profile .mHead .option{
				float:right;
				}
				#myPhotos .mod_profile .profile_info{
				padding:5px;
				border-bottom:1px solid #F2EBD0;
				}
					#myPhotos .mod_profile .profile_info p{
					overflow:hidden;
					width:180px;
					padding:5px 0;
					*text-overflow:ellipsis;
					-o-text-overflow:ellipsis;
					}
				#myPhotos .mod_profile .profile_link{
				padding:10px 2px;
				}
					#myPhotos .mod_profile .profile_link a{
					display:inline;
					float:left;
					height:20px;
					margin:0 10px;
					padding:0 0 0 20px;
					background-position:0 center;
					background-repeat:no-repeat;
					}
					#myPhotos .mod_profile .profile_link a.profile{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_user.gif);
					}
					#myPhotos .mod_profile .profile_link a.album{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_photo.gif);
					}
					#myPhotos .mod_profile .profile_link a.blog{
					background-image:url(http://js1.pp.sohu.com.cn/ppp/images/icons/ico_blog.gif);
					}
					
				#myPhotos .mod_profile .profile_content{
				padding:5px;
				}
				#myPhotos .mod_profile .join{
				width:100%;
				padding:10px 0 0;
				border:0 none;
				border-top:1px solid #F2EBD0;
				text-align:center;
				}
		#myPhotos .mainCon{
		display:inline;
		overflow:hidden;
		float:right;
		width:600px;
		}
			#myPhotos .mainCon li{
			width:490px;
			margin:0 auto 10px;
			padding:10px;
			background:#f6f6f6;
			text-align:center;
			}
				#myPhotos .mainCon li .photoItem{
				width:480px;
				padding:4px;
				border:1px solid #E7DAAB;
				background:#FFFCEF;
				}
				#myPhotos .mainCon li p{
				padding:10px 5px 5px;
				}
				#myPhotos .mainCon li p strong{
				padding:2px;
				color:#000;
				font-size:14px;
				}
				#myPhotos .mainCon li .contrl{
				padding:10px 5px 5px;
				}
