@import url("header.css");
@import url("footer.css");


/********** main **********/
.main{
	width:956px; margin:0 auto; clear:both; text-align:left;
}
.main .onlineCount{
	padding-bottom:10px;
}
.main .onlineCount a{
	text-decoration:none; color:#213b4a;
}
.main .onlineCount a:hover{
	text-decoration:underline; color:#213b4a;
}
.main .onlineCount a span{
	font-weight:bold; color:red;
}
.main .part1{
	height:280px; overflow:hidden; margin-bottom:6px;
}
.main .part1 .hero{
	float:left; width:704px; height:280px;
}
/********** heroCtrl **********/
.heroCtrl{
	width:704px; height:25px; position:absolute; margin-left:-704px; margin-top:251px;
}
*:lang(en) .heroCtrl{
	margin-left:0;
}
.heroCtrl .padder{
	float:right; height:25px; padding-right:4px;
}
.heroCtrl .bgLeft{
	background:url(../images/hero_ctrl_bg_left.gif) no-repeat left top; width:3px; height:25px; overflow:hidden; float:left;
}
.heroCtrl .bgMiddle{
	background:url(../images/hero_ctrl_bg_middle.gif) repeat-x left top; height:25px; float:left;
}
.heroCtrl .bgRight{
	background:url(../images/hero_ctrl_bg_right.gif) no-repeat left top; width:3px; height:25px; overflow:hidden; float:left;
}
.heroCtrl a{
	width:20px; height:19px; float:left; text-align:center; line-height:19px; margin-top:3px; margin-right:4px; font-weight:bold;
}
.heroCtrl a.unselect:link,.heroCtrl a.unselect:visited,.heroCtrl a.unselect:active{
	background:white; text-decoration:none; color:#49708c;
}
.heroCtrl a.unselect:hover{
	background:url(../images/hero_ctrl_btn_bg.gif) no-repeat left -19px; text-decoration:none; color:#49708c;
}
.heroCtrl a.select:link,.heroCtrl a.select:visited,.heroCtrl a.select:active{
	background:url(../images/hero_ctrl_btn_bg.gif) no-repeat left top; text-decoration:none; color:white;
}
.heroCtrl a.select:hover{
	background:url(../images/hero_ctrl_btn_bg.gif) no-repeat left top; text-decoration:none; color:white;
}
.heroCtrl a.lastone{
	margin-right:0;
}
/********** main **********/
.main .part1 .version{
	float:right; background:url(../images/bgs.gif) no-repeat left top; width:200px; height:280px; color:#213b4a;
}
.main .part1 .version .padder{
	padding:0 0 0 9px;
}
.main .part1 .version .padder .littlePadder{
	height:81px; margin-bottom:2px; overflow:hidden;
}
.main .part1 .version h2{
	padding:0; margin:0 0 0 10px; font-weight:bold; font-size:14px; line-height:28px;
}
.main .part1 .version ul{
	padding:0; margin:0 0 0 10px;
}
/**:lang(en) .main .part1 .version ul{
	line-height:20px;
}*/
.main .part1 .version ul.lastone{
	padding-bottom:11px;
}
.main .part1 .version li{
	margin:0; padding:0; list-style:none; color:#3372a2; height:34px; margin-bottom:2px; line-height:34px;
}
.main .part1 .version li a{
	font-size:14px;
}
.main .part1 .version li a.hot{
	background:url(../images/label.gif) no-repeat right 1px; padding-right:20px;
}
.main .part1 .version li a.new{
	background:url(../images/label.gif) no-repeat right -29px; padding-right:20px;
}
.main .part1 .version a.all{
	font-size:14px; margin-left:9px; line-height:34px;
}
.middleBar{
	clear:both; margin-bottom:6px; height:34px;
}
.middleBar .left{
	background:url(../images/middle_bar.gif) no-repeat 0 0; width:4px; height:34px; float:left; margin-right:-4px;
}
.middleBar .middle{
	background:url(../images/middle_bar.gif) repeat-x 0 -34px; height:34px; margin:0 4px; line-height:34px;
}
.middleBar .right{
	background:url(../images/middle_bar.gif) no-repeat 0 -68px; width:4px; height:34px; float:right; margin-left:-4px;
}
.middleBar .middle .news{
	width:584px; float:left; background:url(../images/middle_bar.gif) no-repeat right -102px;margin-left:20px;
}
.middleBar .middle .other{
	float:left;
}
.middleBar .middle .other a{
	margin-left:27px; height:34px;
}

.main .part2 .left,.main .part2 .personal,.main .part2 .right{
	float:left; margin-bottom:4px;
}
.main .part2 .left{
	width:258px; height:220px; margin-right:92px; background:url(../images/bgs.gif) no-repeat -200px 0; margin-right:6px;
}
.main .part2 .left h2{
	margin:0 0 0 12px; padding:2px 0 2px 0; color:#213b4a; line-height:29px; font-size:14px;
}
.main .part2 .left ul{
	margin:0; padding:5px 0 0 25px;
}
.main .part2 .left li{
	margin:0 0 5px 0; padding:0; list-style:none; padding-left:27px; background:url(../images/account_icons.gif) no-repeat; padding-top:1px;
}
.main .part2 .left li.signup{
	background-position:0 3px;
}
.main .part2 .left li.protect{
	background-position:0 -22px;
}
.main .part2 .left li.find{
	background-position:0 -46px;
}
.main .part2 .left li.resume{
	background-position:0 -70px;
}
.main .part2 .left li.safe{
	background-position:0 -93px;
}
.main .part2 .left li.service{
	background-position:0 -116px;
}
.main .part2 .left li a{
	line-height:23px; font-size:13px;
}
.main .part2 .personal{
	background:url(../images/bgs.gif) no-repeat -458px 0; width:320px; height:220px; margin-right:6px;
}
.main .part2 .personal .padder{
	padding:10px 0 0 10px;
}
.main .part2 .personal h2{
	margin:0 0 0 12px; padding:2px 0 2px 0; color:#213b4a; line-height:29px; font-size:14px;
}
.main .part2 .personal h3{
	font-size:14px; margin:0; padding:0; font-weight:normal; padding-left:25px;
}
.main .part2 .personal div{
	padding:2px 0 6px 25px;
}
.main .part2 .personal div a{
	margin-right:12px;	display:inline-block; line-height:18px;
}
.main .part2 .personal div a.new{
	background:url(../images/label.gif) no-repeat right -29px; padding-right:20px;
}
.main .part2 .personal div a.hot{
	background:url(../images/label.gif) no-repeat right 2px; padding-right:20px;
}
.main .part2 .personal h3.case{
	background:url(../images/myli2.gif) no-repeat left 2px; padding-left:10px;
}
.main .part2 .personal h3 a{
	font-size:14px;	
}
.main .part2 .personal .more{
	PADDING-RIGHT: 2px; padding-top:8px;	FLOAT: right;
}

.main .part2 .right{
	background:url(../images/bgs5.gif) no-repeat; width:366px; height:220px;
}
.main .part2 .right .padder{
	padding-right:10px; 
}
.main .part2 .right h2{
	margin:0; padding:2px 0 2px 25px; color:#213b4a; line-height:29px; font-size:14px;
}
.main .part2 .right h3{
	margin:0; padding:7px 0 0 25px;
}
.main .part2 .right h3 a,.main .part2 .right h3 span{
	font-size:14px; 
}
.main .part2 .right h3 span{
	color:#eb5900; margin-left:10px;
}
.main .part2 .right p{
	line-height:19px; color:#75858e; margin:0; padding:0;
}
.main .part2 .right ul{
	margin:0; padding:5px 0 0 25px;
}
.main .part2 .right li{
	margin:0; padding:0; list-style:none; line-height:24px;
}
.main .part2 .right li span{
	margin-left:10px; color:#808080;	
}

.main .part2 h2{
	FLOAT: left;
}

.main .part2 .right .more{
	PADDING-RIGHT: 16px; padding-top:8px;	FLOAT: right;
}


/*part3*/

.main .part3 .left,.main .part3 .right{
	float:left; margin-top:5px;
}

.main .part3 .left{
	background:url(../images/bgs3.gif) no-repeat; width:320px; height:260px;
}
.main .part3 .left .padder{
	padding-right:10px; 
}
.main .part3 .left h2{
	margin:0; padding:2px 0 2px 25px; color:#213b4a; line-height:29px; font-size:14px; float:left
}
.main .part3 .left h3{
	margin:0; padding:7px 0 0 25px;
}
.main .part3 .left h3 a,.main .part2 .right h3 span{
	font-size:14px; 
}
.main .part3 .left h3 span{
	color:#eb5900; margin-left:10px;
}
.main .part3 .left p{
	line-height:19px; color:#75858e; margin:0; padding:0;
}
.main .part3 .left ul{
	margin:0; padding:5px 0 0 25px;
}
.main .part3 .left li{
	margin:0; padding:0; list-style:none; line-height:24px;
}
.main .part3 .left li span{
	margin-left:10px; color:#808080;	
}


.main .part3 .right{
	background:url(../images/bgs4.gif) no-repeat; width:629px; height:260px; margin-left:6px;
}
.main .part3 .right .padder{
	padding:6px 0 0 25px;	
}
.main .part3 .right h2{
	margin:0 0 0 12px; padding:2px 0 2px 0; color:#213b4a; line-height:29px; font-size:14px; float:left
}

.main .part3 .more{
	PADDING-RIGHT: 10px; padding-top:8px;	FLOAT: right;
}

.main .part3 .right .fright{ float:left;}
.main .part3 .right .fright ul{ margin:0; padding-top:5px; padding:0;}
.main .part3 .right .fright ul li{ float:left; margin:0; list-style:none}
.main .part3 .right .fright ul li h5,
.main .part3 .right .fright ul li h6{ font-size:12px; font-weight:400; text-align:center; margin:3px;}

.photo{
	text-align:center;
	padding:3px;
	margin:3px;
}

.photo  a{
	display:block;
	border:1px #e5e5e5 solid;
	padding:3px;
}

.photo  a:hover{
	border:1px #ff0000 solid;
	}