@import url(cssreset.css);
@import url(appcenter.css);
body
	{
		font-size:12px;
		font-family:Arial,Helvetica,sans-serif;
		background:url(/static/images/main.jpg) center -898px no-repeat #212121;
	}
#wrap
	{
		position:relative;
		margin:0 auto;
		padding:0;
		width:960px;
	}
/**************************** header *************************/
#header
	{
		position:relative;
	}
#header a
	{
		width:390px;
		height:105px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		background:url(/static/images/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(/static/images/main.jpg) no-repeat top left;
	}
#searchsubmit
	{
		width:47px;
		height:40px;
		cursor:pointer;
		margin:0 0 0 -7px;
		background:url(/static/images/main.jpg) no-repeat left -40px;
	}
#searchsubmit:hover
	{
		background-position:0 -80px;
	}
#searchsubmit:active
	{
		background-position:0 -120px;
	}
#navi
	{
		height:53px;
		margin-top:21px;
		background:url(/static/images/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(/static/images/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(/static/images/main.jpg) no-repeat left -462px;
	}
.text_big
	{
		color:#fffefe;
		text-align:center;
		padding-left:10px;
		width:500px;
		padding-top:20px;
	}
.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;
	}
.download
	{
		margin-top:60px;
		margin-left:100px;
	}
.download a
	{
		width:174px;
		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(/static/images/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:30px;
	}
/**************************** contentlist *************************/
.contentlist
	{
		height: 302px;
		width:312px;
		float:left;
		margin-left:12px;
		background:url(/static/images/main.jpg) no-repeat left -160px;
	}
.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(/static/images/history.png) no-repeat 10px 5px;}
#app{background:url(/static/images/app.png) no-repeat 10px 5px;}
#source
	{
		width:110px !important;
		background:url(/static/images/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(/static/images/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(/static/images/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(/static/images/sidebarbg_center.png) repeat-y;
	}
.sidebaritem_top
	{
		height:40px;
		background:url(/static/images/sidebarbg.png) no-repeat top;
	}
.sidebaritem_bottom
	{
		height:5px;
		background:url(/static/images/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(/static/images/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(/static/images/profile_contentbg.png) repeat-y;
	}
#nav
	{
		width:960px;
		height:48px;
		position:relative;
		background:url(/static/images/profile_topbg.png) no-repeat top center;
	}
ul.hmenu
	{
		position:absolute;
		right:10px;
		background:url(/static/images/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(/static/images/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(/static/images/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:160px;
		margin-top:25px;
		margin-bottom:15px;
	}
.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(/static/images/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(/static/images/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;
}
**/