@import url(cssreset.css);
@import url(appcenter.css);
body
	{
		font-size:12px;
		font-family:Arial,Helvetica,sans-serif;
		
		background:url(bg1.png) top center repeat-y #123aab;
	}
#wrap
	{
		position:relative;
		margin:0 auto;
		padding:0;
		width:960px;
	}
/**************************** header *************************/
#header
	{
		position:relative;
	}
#header a
	{
		width:920px;
		height:110px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background:url(logo.png) no-repeat;
	}
#header form
	{
		position:absolute;
		top:32px;
		right:0;
	}
#header form input
	{
		border:none;
		float:left;
		margin-top:-2px;
	}
#s
	{
		width:232px;
		padding:12px 0 10px 7px;
		color:#494949;
		outline:none;
		text-shadow:0 1px #bfbfbf;
		background:url(searchbg.png) no-repeat top left;
	}
#searchsubmit
	{
		width:47px;
		height:40px;
		cursor:pointer;
		margin:0 0 0 -7px;
		background:url(searchsub.png) no-repeat top left;
	}
#searchsubmit:hover
	{
		background-position:0 -40px;
	}
#searchsubmit:active
	{
		background-position:0 -80px;
	}
#navi
	{
		height:53px;
		margin-top:21px;
		background:url(navibg.png) no-repeat center;
	}
#navi ul
	{
		list-style:none;
		padding-left:20px;
	}
#navi ul li
	{
		text-align:center;
		width:94px;
		line-height:53px;
	}
#navi a
	{
		text-decoration:none;
		color:#fff;
		font-size:18px;
		text-shadow:1px 1px 2px #222;
	}
#logon
	{
		float:right;
		margin-right:20px;
	}
#logon a,#logon span
	{
		line-height:53px;
		color:#c3c3c3;
		font-size:13px;
	}
#logon a:hover{text-decoration:underline;}
.lavaLamp
	{
		position: relative;
		margin: 10px 0;
	}
.lavaLamp li{float: left;}
.lavaLamp li.back
	{
		background:url(libg.png) no-repeat center;
		width:94px;
		margin-top:1px;
		height: 53px;
		z-index: 1;
		position: absolute;
	}
.lavaLamp li a
	{
		color:#000;
		z-index: 2;
		text-decoration:none;
		position: relative;
		margin: auto 10px;
	}
/**************************** content *************************/
#content
	{
		margin-top:25px;
		position:relative;
		height:450px;
		background:url(contentbg.gif) no-repeat;
	}
	#content1
	{
		margin-top:25px;
		position:relative;
		height:550px;
		background:url(contentbg1.gif) no-repeat;
	}
		#content2
	{
		margin-top:25px;
		position:relative;
		background:url(contentbg2.gif) no-repeat;
	}
		#content3
	{
		margin-top:25px;
		position:relative;
		height:900px;
		background:url(contentbg3.gif) no-repeat;
	}
			#content4
	{
		margin-top:25px;
		position:relative;
		height:900px;
		background:url(contentbg4.gif) no-repeat;
	}
				#content5
	{
		margin-top:25px;
		position:relative;
		height:900px;
		background:url(contentbg5.gif) no-repeat;
	}
.text_big
	{
		color:#fffefe;
		text-align:center;
		padding-left:10px;
		width:500px;
		padding-top:20px;
	}
	
	.text_big1
	{
		color:#fffefe;
		padding-left:10px;
		width:940px;
	}
	
.text_big h2
	{
		font-size:36px;
		text-align:center;
		line-height:70px;
	}
.text_big h3
	{
		font-size:24px;
		line-height:50px;
	}
.text_big p
	{
		line-height:30px;
		font-size:14px;
	}
	
	.text_big1 p
	{
		line-height:30px;
		font-size:14px;
	}
	
.download
	{
		margin-top:0px;
		margin-left:80px;
	}
.download a
	{
		width:330px;
		height:36px;
		padding:20px 0 30px 100px;
		display:block;
		overflow:hidden;
		color:#252525;
		text-decoration:none;
		text-shadow:0 1px #FFFFFF;
		font-size:18px;
		background:url(download.png) no-repeat;
	}
.download strong
	{
		font-size:22px;
	}
.download span
	{
		display:block;
		padding-left:13px;
	}
.download a:hover
	{
		color:#000;
	}
.image
	{
		position:absolute;
		left:500px;
		top:70px;
	}
/**************************** contentlist *************************/
.contentlist
	{
		width:312px;
		float:left;
		margin-left:12px;
		background:url(contentlistbg.png) no-repeat;
	}
.contentlist ul{list-style:none;}
.contentlist a,.sidebaritem a
	{
		color:#e4e4e5;
		text-decoration:none;
	}
.contentlist a:hover,.sidebaritem a:hover{color:#ffbe31;}
.title
	{
		font-size:18px;
		line-height:40px;
		font-weight:550;
		padding-left:50px;
		height:40px;
		width:50px;
		display:block;
		color:#333 !important;
		text-shadow:0 1px #FFFFFF;
		text-decoration:none;
	}
.title:hover{color:#000 !important;}
#history{background:url(history.png) no-repeat 10px 5px;}
#app{background:url(app.png) no-repeat 10px 5px;}
#source
	{
		width:110px !important;
		background:url(source.png) no-repeat 10px 5px;
	}
.contentlist ul,.sidebaritem ul
	{
		margin-left:30px;
		margin-top:10px;
		padding-bottom:10px;
	}
.contentlist ul li,.sidebaritem ul li
	{
		padding-left:30px;
		line-height:41px;
		font-size:13px;
		background:url(arrow.png) no-repeat center left;
		width:255px;white-space:nowrap; overflow:hidden;
	}
.haveiconlist ul li
	{
		background:none;
		padding-left:0;
	}
.sidebar .haveiconlist ul li{width:200px;}
.haveiconlist ul li img
	{
		margin-right:13px;
		position:relative;
		top:2px;
	}
#mgleft
	{
		margin-left:0 !important;
	}
/** pagination **/
.pagination
	{
		margin-top:20px;
		color:#aaa;
	}
.pagination a
	{
		color:#fff;
		text-decoration:none;
	}
.prev
	{
		float:left;
		padding-top:5px;
	}
.omit
	{
		float:left;
		padding-top:5px;
		padding-left:5px;
	}
.current,.next
	{
		background:none !important;
	}
.next
	{
		margin-left:15px;
		padding-top:5px;
		float:left;
	}
.page
	{
		display:block;
		width:23px;
		height:25px;
		float:left;
		text-align:center;
		padding-top:5px;
		margin-left:10px;
		background:url(pagination.png) no-repeat -23px 0;
	}
.page:hover
	{
		background-position:0 0;
	}
/**************************** sidebar *************************/
.sidebar
	{
		margin-top:20px;
		width:252px;
		float:right;
	}
.sidebar li
	{
		color:#c3c3c3;
	}
.sidebaritem
	{
		width:252px;
		margin-bottom:30px;
		background:url(sidebarbg_center.png) repeat-y;
	}
.sidebaritem_top
	{
		height:40px;
		background:url(sidebarbg.png) no-repeat top;
	}
.sidebaritem_bottom
	{
		height:5px;
		background:url(sidebarbg.png) no-repeat bottom;
	}
.sidebaritem .title
	{
		padding-left:30px;
		width:100%;
	}
/**************************** userprofile *************************/
.text
	{
		background:#e5e5e5;
		border:1px solid #333;
		width:265px;
		padding:6px 2px;
	}
#content-main
	{
		color:#fff;
		margin:0 auto;
	}
.loginouter
	{
		width:470px;
		margin:30px auto;
		padding:10px;
		border:1px #212121 solid;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		-moz-box-shadow:0 0 15px #111;
		-webkit-box-shadow:0 0 15px #111;
		background:transparent;
	}
.logininer
	{
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border:#373737 2px solid;
		background:transparent;
	}
.logininer .logintitle
	{
		font-size:32px;
		color:#c1dbc5;
		border-bottom:#373737 2px solid;
		padding:5px 0;
		text-align:center;
		width:466px;
	}
.logininer p,.logininer label
	{
		margin-left:90px;
	}
.logininer label
	{
		color:#c1dbc5;
		font-size:14px;
		line-height:40px;
	}
#login_button input
	{
		background:none;
		border:none;
		height:40px;
		width:119px;
		cursor:pointer;
		margin:20px 17px 20px 0;
		font-size:16px;
		font-weight:bold;
		color:#222;
		text-shadow:0 1px 0 #bbb;
		background:url(login_button.png) no-repeat;
	}
#login_button a
	{
		color:#c1dbc5;
	}
.notice
	{
		padding:20px 0;
		font:14px;
		text-align:center;
	}
.notice a
	{
		color:#fff;
		text-decoration:none;
		padding:0 10px;
	}
.notice a:hover
	{
		text-decoration:underline;
	}
.success
	{
		margin:40px 0;
		padding:0 20px;
	}
.success p
	{
		line-height:1.5;
	}
/***** profile_content *****/
#profile_content
	{
		position:relative;
		margin-top:20px;
		background:url(profile_contentbg.png) repeat-y;
	}
#nav
	{
		width:960px;
		height:48px;
		position:relative;
		background:url(profile_topbg.png) no-repeat top center;
	}
ul.hmenu
	{
		position:absolute;
		right:10px;
		background:url(pro_libg.png) no-repeat left top;
	}
ul.hmenu li
	{
		float:left;
		padding:0 15px;
	}
#profile_content a,.app_de_menu li a
	{
		color:#c3c3c3;
		text-decoration:none;
		font-size:13px;
		line-height:48px;
	}
#profile_content a:hover,.app_de_menu li a:hover
	{
		text-decoration:underline;
	}
.active
	{
		background:url(pro_liactive.png) no-repeat bottom center !important;
	}
#profile_content fieldset legend
	{
		display:none;
	}
#avatar
	{
		padding-left:20px;
	}
#avatar img,.center img
	{
		float:left;
		border:3px solid #808080;
	}
#avatar img:hover,.center img:hover
	{
		border:3px solid #fff;
	}
#avatar h3
	{
		font-size:24px;
		color:#fff;
		line-height:70px;
		margin-left:20px;
		display:inline;
	}
#profile_text
	{
		clear:left;
		padding-left:110px;
		margin-top:10px;
	}
#profile_text p
	{
		line-height:21px;
		color:#fff;
		margin:3px;
		font-size:13px;
	}
#profile_text p label
	{
		display:block;
		width:100px;
		float:left;
		text-align:right;
		margin-right:10px;
	}
.red,.success
	{
		color:#ff4e4e;
	}
#profile_bottom
	{
		width:960px;
		height:10px;
		font-size:0;
		background:url(profile_bottombg.png) no-repeat bottom center;
	}
.box
	{
		text-align:left;
		padding-left:110px;
		display:block;
		padding-bottom:20px;
	}
.box h3
	{
		font-size:24px;
		color:#fff;
		line-height:70px;
	}
.box a
	{
		margin-left:100px;
		line-height:24px;
	}
.box p
	{
		color:#fff;
	}
.personal p,.avatar_choose p
	{
		margin-top:10px;
	}
.personal p label
	{
		color:#fff;
		text-align:right;
		margin-right:40px;
		float:left;
		width:100px;
		padding:6px 0;
	}
label[for*="description"],label[for*="is"],label[for*="about"]
	{
		padding-top:2px !important;
	}
.personal p input
	{
		background-color:#fff;
	}
.personal p select
	{
		margin:6px 0;
	}
.personal p textarea
	{
		border:1px solid #333;
		width:370px;
		padding:5px;
	}
.personal .submit
	{
		position:relative;
		left:475px;
		margin-top:5px;
	}
.help_text
	{
		display:block;
		margin:5px 0 0 140px;
		color:#fff;
	}
.errorlist
	{
		display:block;
		color:#ff4e4e;
		margin-left:161px;
	}
.avatar_choose,.del_profile,.location
	{
		padding-left:110px;
	}
.avatar_choose p
	{
		margin:20px 0;
	}
.avatar_choose p label,.del_profile p,.location label
	{
		display:block;
		color:#fff;
		line-height:30px;
		font-size:13px;
	}
.center
	{
		margin:10px 0;
	}
.center img
	{
		float:left;
	}
.delavatar
	{
		margin-left:10px !important;
		line-height:70px !important;
		color:#ff4e4e !important;
	}
.location label img
	{
		margin-left:20px;
	}
/**************************** footer *************************/
.blank
	{
		clear:both;
	}
#footer
	{
		color:#fffefe;
		text-align:center;
		height:50px;
		margin-top:20px;
		padding-top:10px;
		background:url(footer.png) no-repeat top center;
	}

/*TODO*/
.message{
	margin: 10px 0;
	padding: 6px 0;
	background-color: #3D3D3D;
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}
 .message img{
 	position: relative;
	top: 3px;
	right: 4px;
}
/** about page **/
.about
	{
		margin-right:20px;
		padding-bottom:1px;
		background:url(about.png) repeat-x bottom;
	}
.about h3
	{
		padding-left:10px;
	}
/** source page **/
.source_entry
{
	display:block;
	width:430px;
	border: 1px solid gray;
	margin: 1em 0px;
	padding: 0.3em;
}
/** mark for selection issue
.source_entry p
{
	overflow-x:auto;
}
**/