@charset "utf-8";
/* Page: fresherIndex
 * Version: 1.0
 * Author: QianCheng (ariose@live.com)
 * Copyright: Sohu.com (www.sohu.com)
 */


/* common */
#pageBd{background:url(i/pageBg.gif) -825px 0 repeat-y; margin:20px auto 0 auto; width:825px; padding:0;}
#pageBdMid{background:url(i/pageBg.gif) 0 top no-repeat; margin:0; padding:0; width:auto;}
#pageBdInt{background:url(i/pageBg.gif) -1650px bottom no-repeat; margin:0; padding:10px; width:auto;}
.appHead{background:#E7EDF1;}
	.fiContent{width:580px; float:left;}
	.fiContent h3{border-bottom:1px solid #C0D6DF; padding:5px 15px; margin:0;}

#page .dialog{ position:absolute; left:295px;top:200px}
#page .maskLayer{background:#999;-moz-opacity:0.6;opacity:.60;filter:alpha(opacity=60);}

/* game */
.fiContent ul.hotGame{ list-style-position:outside; list-style-type:none; padding:10px 0 10px 10px;  margin:0;margin-right:-10px; margin-bottom:10px}
.fiContent ul.hotGame li{ float:left; text-align:center; margin:0 0 10px 0; padding:5px 15px 5px 4px ;_display:inline; border-bottom:1px dotted #eaeaea;}
.fiContent ul.hotGame li a.gameImg{ border:1px solid #ccc; padding:1px; background:#fff; display:block}
.fiContent ul.hotGame li a.gameImg:hover{ border-color:#C30}
.fiContent ul.hotGame li img{ width:120px; height:90px;}
.fiContent .gameClass{ float:left; clear:both; width:18px; text-align:center; background:url(i/cateTitle.gif) top no-repeat; padding-top:3px; margin:22px 10px 0 10px;_display:inline}
.fiContent .gameClass a{ display:block; width:100%; height:auto; padding-bottom:3px; background:url(i/cateTitle.gif) bottom no-repeat; line-height:18px; color:#fff}
.fiContent .gameClass a:hover{ text-decoration:none;}
.fiContent ul.gameAll{ list-style-position:outside; list-style-type:none; padding:10px 0 0 10px; margin:0; margin-right:-10px; margin-bottom:0px; float:left}
.fiContent ul.gameAll li{ float:left; text-align:center; margin:0 0 10px 0; padding:5px 13px 5px 0px ;_display:inline; border-bottom:1px dotted #eaeaea;}
.fiContent ul.gameAll li a.gameReg{ border:1px solid #ccc; padding:1px; background:#fff; display:block}
.fiContent ul.gameAll li a.gameReg:hover{ border-color:#C30}
.fiContent ul.gameAll li img{ width:72px; height:54px;}
.fiSideBar{ width:190px; float:right;}
.fiSideBar .fiNewGame{ border:1px solid #FFCD9A;}
.fiSideBar .fiNewGame h3{ border:1px solid #fff;background:#FDF4B9; display:block;padding:5px 10px; margin:0;}
.fiSideBar ul.fiNewList{ border-top:1px solid #FFCD9A; padding:5px 0 5px 10px;list-style-position:outside; list-style-type:none; margin:0;}
.fiSideBar ul.fiNewList li{ float:left; text-align:center; margin:0 5px 0px 0; padding:5px 5px 5px 0px ;_display:inline; }
.fiSideBar ul.fiNewList li a.gameReg{ border:1px solid #ccc; padding:1px; background:#fff; display:block}
.fiSideBar ul.fiNewList li a.gameReg:hover{ border-color:#C30}
.fiSideBar ul.fiNewList li img{ width:72px;height:54px;}
.fiSideBar ul.gameAll{ list-style-position:outside; list-style-type:none; padding:10px 0 10px 10px; margin:0; margin-right:-10px; margin-bottom:10px; float:left}
.fiSideBar ul.gameAll li{ float:left; text-align:center; margin:0 0 10px 0; padding:5px 13px 5px 0px ;_display:inline;}
.fiSideBar ul.gameAll li a.gameReg{ border:1px solid #ccc; padding:1px; background:#fff; display:block}
.fiSideBar ul.gameAll li a.gameReg:hover{ border-color:#C30}
.fiSideBar ul.gameAll li img{ width:72px;height:54px;}

.gameBox{border:5px solid #eaeaea; padding:5px; width:540px; height:490px; margin:5px auto;}
.gameDesc{ padding:5px 15px 15px; color:#999;}

/* secret */
.fiSecret h3{border-bottom:1px solid #C0D6DF; padding:5px 15px; margin:0;}
.hotSecret ul{ padding:10px; margin:0;list-style-position:outside; list-style-type:none;}
.hotSecret li{ padding-left:80px; margin-bottom:20px;}
.hotSecret li .userBox{ margin-left:-70px; float:left; text-align:center; color:#c30;_display:inline}
.hotSecret li .secretBox{border:1px dotted #ccc;*float:left;*width:99%;*zoom:1;}
.hotSecret li .secretBox .secretHead{ padding:5px; background:#FBF6F2; border-bottom:1px dotted #ccc; font-size:14px; background-image:url(i/type.jpg); background-repeat:no-repeat; padding-left:55px; line-height:40px;}
.hotSecret li .secretBox .secretHead span{ font-size:12px; color:#999; margin:0 5px;}
.hotSecret li .secretBox .type-1{ background-position:5px 5px; color:#DC9A08}
.hotSecret li .secretBox .type-2{background-position:5px -95px; color:#ADC624}
.hotSecret li .secretBox .type-3{background-position:5px -195px; color:#CE369A}
.hotSecret li .secretBox .type-4{background-position:5px -295px; color:#CB3707}
.hotSecret li .secretBox .type-5{background-position:5px -395px; color:#2488C3}
.hotSecret li .secretBox .type-6{background-position:5px -495px; color:#A8A8A8}
.hotSecret li .secretBox .secretBody{ padding:10px; line-height:200%; font-size:14px;}
.hotSecret li .secretBox .secretBody p{ text-indent:2em;}
.secretAction{ padding:10px;}
.secretAction a.like{ width:auto; height:30px;color:#48960f; display:block;}
.secretAction a.unlike{ height:30px; color:#dc2456; display:block;}
.secretAction a:hover{ text-decoration:none;}
.secretAction img{ width:20px; height:20px; padding:1px; border:1px solid #eaeaea; margin:0 5px; vertical-align:middle;}
.newSecret ul{ padding:10px 0 20px 20px;list-style-position:outside; list-style-type:none; margin:0;}
.newSecret li{ padding:5px; width:48%; float:left; list-style-position:outside; list-style-type:disc; color:#C0D6DF;}
.newSecret a{ color:#669bb7;}

ul.userRank{ list-style-position:outside; list-style-type:none; padding:5px 3px 0 3px; margin:0;}
ul.userRank li{ border-bottom:1px dotted #ccc; padding:5px 10px;}
ul.userRank li *{ float:left;}
ul.userRank li em{ display:block; width:16px; height:16px; line-height:16px; font-family:Verdana; font-style:normal; text-align:center; font-size:12px; color:#fff; background:url(i/rank.gif) no-repeat 0 -100px;}
ul.userRank li.top em{background:url(i/rank.gif) no-repeat 0 0; font-weight:bold;}
ul.userRank li img{ width:20px; height:20px; background:#fff; border:1px solid #ccc; padding:1px; margin:0 5px;_display:inline}
ul.userRank li.top img{ width:48px; height:48px;}
ul.userRank li span.uName{}
ul.userRank li span.meta{ float:right}
/*vote*/
.hotVoteFirst{overflow:visible;padding:10px 130px 10px 100px;border-bottom:1px dotted #ccc;}
.userBox{_display:inline; float:left; margin-left:-80px;  color:#c30; text-align:center;}
.total{_display:inline; float:right; margin-right:-120px; padding:0 0 0 30px; background:url(i/ballots-small.gif) left center no-repeat;}
.total strong{ color:#39c; font-size:18px; font-weight:700;}
	.voteTitle{overflow:hidden;float:left;width:100%;margin:0 0 20px;}
		.voteTitle a,
		.voteTitle strong{font:bold 16px/24px ''; color:#c30;}
.voteOptions{position:relative;overflow:visible;padding:10px 10px 10px 0;zoom:1;}
	.voteOptions:after{content:'\0020';display:block;clear:both;height:0;}
	.optionList{float:left;width:100%;margin:0 !important;list-style:none !important;}
		.optionItem{padding:5px;zoom:1;}
		.optionItem:after{content:'\0020';display:block;clear:both;height:0;}
			.optionItem .subject{overflow:hidden;float:left;width:45%;text-align:right;}
			.optionItem .bar{_display:inline;float:left;width:35%;margin:2px 5px;*margin:0 5px;height:16px;background:#e8e6d9;}
				.optionItem .bar em{display:block;overflow:hidden;float:left;zoom:1;}
					.optionItem .bar em span{display:block;overflow:hidden;height:16px;padding:0 2px 0 0;background:url(i/bar.png) 100% 0 no-repeat;}
						.optionItem .bar em span span{padding:0;background:url(i/bar.png) 0 0 no-repeat;}
					/* bar colors */
					.optionItem .bar-1 em span{background-position:100% 0;}
						.optionItem .bar-1 em span span{background-position:0 0;}
					.optionItem .bar-2 em span{background-position:100% -20px;}
						.optionItem .bar-2 em span span{background-position:0 -20px;}
					.optionItem .bar-3 em span{background-position:100% -40px;}
						.optionItem .bar-3 em span span{background-position:0 -40px;}
					.optionItem .bar-4 em span{background-position:100% -60px;}
						.optionItem .bar-4 em span span{background-position:0 -60px;}
					.optionItem .bar-5 em span{background-position:100% -80px;}
						.optionItem .bar-5 em span span{background-position:0 -80px;}
					.optionItem .bar-6 em span{background-position:100% -100px;}
						.optionItem .bar-6 em span span{background-position:0 -100px;}
					.optionItem .bar-7 em span{background-position:100% -120px;}
						.optionItem .bar-7 em span span{background-position:0 -120px;}
					.optionItem .bar-8 em span{background-position:100% -140px;}
						.optionItem .bar-8 em span span{background-position:0 -140px;}
					.optionItem .bar-9 em span{background-position:100% -160px;}
						.optionItem .bar-9 em span span{background-position:0 -160px;}
					.optionItem .bar-10 em span{background-position:100% -180px;}
						.optionItem .bar-10 em span span{background-position:0 -180px;}
			.optionItem .record{float:left;width:13%;}
				.optionItem .input{float:right;width:4%;height:20px;}
					.optionItem .input input{margin:3px 0 0;margin:0\9;line-height:20px;vertical-align:middle;}
		.optionItem-hover{background:#fff8dd;cursor:pointer;}
	.voteAction{_display:inline;position:relative;float:right;width:170px;margin:0 -180px 0 10px;}
		.voteAction .buttons{margin:5px 0;}
		.voteAction .succeed{margin:5px 0;color:#693;}
		.voteAction .voted{margin:5px 0;color:#c19600;}
		.voteAction .stopped{margin:5px 0;color:#f00;}
.voteWord{padding:0 155px 0 0;zoom:1;}
	.voteWord:after{content:'\0020';display:block;clear:both;height:0;}
	.voteBallots{_display:inline;overflow:hidden;float:right;width:70px;height:48px;margin:10px -145px 0 10px;padding:0 0 0 58px;background:url(i/ballots.gif) 0 0 no-repeat;color:#999;font:12px/20px Arial;}
		.voteBallots span{display:block;color:#39c;font:900 18px/26px Tahoma,Airal,Geneva,sans-serif;}
	.voteTitle{overflow:hidden;float:left;width:100%;margin:0 0 5px;}
		.voteTitle a,
		.voteTitle strong{font:bold 16px/24px '';}

.hotVoteList{}
.voteList{margin:0 0 10px !important;list-style:none !important;}
	.voteList li{padding:10px 0 10px 100px;border-bottom:1px dotted #ccc;}
	.voteList li .userBox{ margin-left:-80px; float:left; display:inline;}
	.voteList li.voteItem{padding:10px 0 10px 80px;zoom:1;}
		.voteList li.voteItem:after{content:'\0020';display:block;clear:both;height:0;}
		.voteAvatar{_display:inline;overflow:hidden;float:left;width:58px;height:80px;margin:0 0 0 -70px;text-align:center;}
			.voteAvatar img{display:block;zoom:1;}
			.voteAvatar span{display:block;margin:3px 0 0;}
		.voteBody{overflow:hidden;float:left;width:100%;}
			.voteList .voteTitle a,
			.voteList .voteTitle strong{font:bold 14px/24px '';}
			.voteList .voteTitle strong{color:#999;}
			.voteList .voteContent .voteDesc{}
				.voteSample{margin:0 !important;list-style:none !important;}
					.voteSample li{overflow:hidden;height:20px;margin:3px 0;padding:0;border:0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap\9;}
.newVote ul{ padding:10px 0 20px 20px;list-style-position:outside; list-style-type:none; margin:0;}
.newVote li{ padding:5px; width:48%; float:left; list-style-position:outside; list-style-type:disc; color:#C0D6DF;}
.newVote a{ color:#669bb7;}

/* test */
.testDayTop .testDayLeft{ width:100px; float:left; background-color:#F6F9FA; background-position:90px -75px; text-align:center; padding-right:20px; color:#6696b7; font-size:14px; font-weight:bold; padding-top:1px; height:21px; overflow:hidden}
.testDayTop .testDayLeft .dayTitle{ background:url(i/testResultImg.png) no-repeat -29px -94px; width:71px; height:16px; overflow:hidden; text-indent:-9999px; margin:5px 0 0 15px}
.testDayTop .testDayRight{ width:25em;height:20px;float:right; text-align:right; padding:0 7em 2px 0; overflow:hidden;}
.testDayTop .testDayMore{ position:absolute; top:10px; right:5px; text-align:right;}
.testInfo h4 i{ font-style:normal; font-weight:normal; color:#999; text-align:right; font-size:12px; float:right;}
.testTitleExt{ background:#F6F9FA; padding:10px 15px; position:relative; width:96%; height:auto}
.testTitleBg{ background:#EBF1F4; padding:0 1px 2px 0; position:relative;}
.testTitleBg em{ display:block; width:34px; height:35px;position:absolute; background:url(i/testResultImg.png) 0 -40px no-repeat; bottom:0;_bottom:19px; right:0;_right:14px; zoom:1;}
.testTitleInt{ border:1px solid #DDE5EB; background:#fff; padding:26px;}
.testBox{ padding-left:90px;}
.testBox img{ width:75px; height:75px; margin-left:-90px; float:left;}
.testInfo{ float:left;width:100%;}
.testInfo h4{ font-size:14px; color:#c30; margin-bottom:5px;}
.testInfo h4 .date{ font-size:12px; color:#999; font-weight:normal; margin:0 10px;}
.testInfo p{ line-height:200%}
ul.pastList{}
ul.pastList li{ padding:20px 10px; border-bottom:1px dotted #C0D6DF; list-style-type:none;}
ul.pastList li img{ display:block; float:left; margin-right:20px; display:inline;width:75px; height:75px;}
ul.pastList li .listLeft{ float:left; width:70%; color:#999;}
ul.pastList li .listLeft h4{ color:#c30; font-size:14px; margin-bottom:5px;}
ul.pastList li .listLeft h4 span{ font-size:12px; font-weight:normal; color:#999;}
ul.pastList li .listLeft h4 span.date{ margin:0 10px;}
ul.pastList li .listRight{ float:right; width:110px; text-align:right;}
ul.pastList li .listRight span.finished{ color:#8DC43E}
ul.pastList li .listRight p{ margin-bottom:5px;}


/* fix */
.fiContent ul,.fiNewGame,.fiNewList,.hotSecret li,ul.userRank li{zoom:1;}
.fiContent ul:after,.fiNewGame:after,.fiNewList:after,.hotSecret li:after,ul.userRank li:after{content:'\0020';display:block;clear:both;height:0;}

/* fish */
.fiFish{}
	.fiFishMain{background:url(i/fish/main-l.jpg) 0 0 no-repeat;}
		.fiFishMainInt{overflow:hidden;position:relative;height:578px;background:url(i/fish/main-r.jpg) 360px 0 no-repeat;}
			.fiFishMain p{text-indent:-9999px;}
			.fiFishBtn{display:block;overflow:hidden;position:absolute;top:229px;left:168px;width:180px;height:64px;background:url(i/fish/button.jpg) no-repeat;text-indent:-9999px;}
			.fiFishBtn:hover{background-position:0 -100px;}
	.fiFishSubs{overflow:hidden;}
		.fiFishSubs ul{margin:0 !important;list-style:none !important;zoom:1;}
		.fiFishSubs ul:after{content:'\0020';display:block;clear:both;height:0;}
			.fiFishSubs li{_display:inline;float:left;margin:10px 15px;}
			.fiFishSubItem{width:230px;height:185px;cursor:pointer;}
				.fiFishSubCover{height:145px;}
				.fiFishSubTitle{height:40px;background:url(i/fish/subTitle.gif) repeat-x;color:#006daa;line-height:40px;text-align:center;}
				.fiFishSubItem-1 .fiFishSubCover{background:url(i/fish/sub-1.jpg) no-repeat;}
				.fiFishSubItem-2 .fiFishSubCover{background:url(i/fish/sub-2.jpg) no-repeat;}
				.fiFishSubItem-3 .fiFishSubCover{background:url(i/fish/sub-3.jpg) no-repeat;}
				.fiFishSubItem-4 .fiFishSubCover{background:url(i/fish/sub-4.jpg) no-repeat;}
				.fiFishSubItem-5 .fiFishSubCover{background:url(i/fish/sub-5.jpg) no-repeat;}
				.fiFishSubItem-6 .fiFishSubCover{background:url(i/fish/sub-6.jpg) no-repeat;}

/* pet */
/* common */
.petPage{position:relative;width:785px;padding:0;zoom:1;}
	.petHead{position:absolute;top:0;left:0;z-index:1;width:100%;height:150px;background:url(i/pet/head.jpg) 0 0 no-repeat;}
	.petBody{position:relative;z-index:3;zoom:1;}
	.petBody:after{content:'\0020';display:block;clear:both;height:0;}
#petAdopt{}
	#petAdopt .petHead{background:url(i/pet/head-adopt.jpg) no-repeat;}
	#petAdopt .petBody{height:475px;background:url(i/pet/body-adopt.jpg) 0 50px no-repeat;}
		#petAdoptFlash{width:600px;height:450px;padding:0 92px;}
	#petAdopt .petFoot{display:none;}

/* btest */ 
.fiBtest{ background:url(i/btest.jpg) no-repeat top; height:672px; margin-top:10px;}
.fiBtest .swfBoxExt{ padding:50px 0 0 55px;}
.fiBtest .swfBox{ width:210px; height:125px; margin:0 27px 27px 0;*margin-bottom:-27px; float:left;_display:inline}
.fiBtest .swfBoxMore{width:210px; height:125px; margin:0 0 0 237px; float:left;_display:inline; clear:both}

/* fresherAppInfo */
.fresherAppInfo{}
.fresherAppInfo h1{margin:1em 0.5em 0.5em 1em}