/* global */
html, body { 
background-attachment: fixed, scroll;
background-color: rgba(85, 101, 116, 0.898);
background-image: none;
background-position: 0% 0%, 0% 0%;
background-repeat: no-repeat, repeat;
cursor: default;
font-family: "Open Sans", "sans-serif";
font-size: 14px;
height: 100%;
line-height: 14px;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
	padding-top: 65px;
}
#push {
	height: 120px;
}
#footer
{
	height:80px;
	border-top: 1px solid #ccc;
	padding-top:10px;
	padding-bottom: 5px;
}

a, .simplelink {
	color:#558;
	cursor: pointer;

}
	a:hover, .simplelink:hover {
		color:#5E8BB5;
		cursor: pointer;
		text-decoration: none;
	}

.top h1, .center h2 {
	font-size:16px;
}
#content .center {
	padding: 10px;
}

.pageview {
	padding: 15px;
	margin: 0 auto -100px;
}
.span {
	display: block;
	float:left;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left:0px !important;
	padding: 0px;
}

.modal {
	z-index: 4005;
}

.img_right{float:right;}
.img_left{float:left;}
.img_center{float: center;}

.new {color:#FF8000;}
.new-b {font-weight: bold;color:#FF8000;}

.float-center {
	text-align: center;
	float: center;
	margin-right: auto;
	margin-left: auto;
}
	.thumbnail .float-center, .caption{
		overflow: hidden;
		white-space: nowrap;
		font-size:12px;
	}

/* AJAX */

.ajax-hidden {
	display: none;
}

.tooltip{
	text-align: left;
	line-height: 11px;
	font-size:11px;
	font-weight: normal;
}
	.tooltip-inner{
		max-width:200px;
		padding:3px 8px;
		color:#223;
		text-decoration:none;
		background-color:#fff;
		background: url('images/dust.png') rgba(248, 248, 248, 0.9);
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border:1px solid #223;
		color:#223;
	}

.firefly {
	/* ajax tooltip */
	width: 200px;
	min-height: 30px;
	z-index: 100000;
	padding: 8px;
	margin: 10px;
	top: 70px;
	color: #464646;
	font-size: 14px;
	font-family: tahoma;
	line-height: 14px;
	position: relative;
	box-shadow: 0px 0px 7px rgba(119, 119, 119, 0.9);
	background: #FAFAFA;
}
.debugfirefly {
	position: fixed;
	top:80px;
	width:10%;
	left:10px;
	z-index: 5200;
	color:black;
}


/* FORMS AND INPUTS*/
.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
	margin-top: auto;
}
input[type="file"]{height:20px;margin-top:0px;line-height:20px;}
.warning {color:darkred;}

.form-horizontal {
	margin: 10px;
}
	.form-actions {
		border :none;
		margin: 0;
		padding: 10px;
	}
	.form-horizontal .control-group {
		margin-bottom: 4px;
		min-height: 30px;
	}
		.control-label dfn {
			display: block;
			font-size:80%;
			line-height: 100%;
			color:gray;
			cursor: default;
		}
		.controls {
			margin-right:36px;
		}
		.input-block-level {
			width: 99%;
		}
		.control-group .content-justify-help {
			margin-right: 6px;
			height: 25px;
			width: 25px;
			padding: 1px;
			text-align: center;
			float: right;
		}
			.content-justify-help i {
				top:3px;
				position: relative;
			}
		.control-label-head {
			width:100%;
			margin-top: 10px;
			padding-bottom: 4px;
			color:black;
			font-weight: bold;
			cursor: default;
		}
		.preview-btn {
			margin-right: 7px;
			float: right;
			width: 25px;
			padding: 3px;
		}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input 
{
	margin-bottom: 1px;
}

.search form, .search .input-append, .search .nav-tabs, .search input {
	margin: 0px;
}
.nav-content li {
	font-size: 12px;
	line-height: 12px;
	padding-left: 10px;
	color:gray;
}
.nav-content a {
	font-size: 14px;
	padding-left: 0px !important;
	color:black;
}
	.nav-content a:hover {
		color:#558;
	}


#comments .btn{
	line-height: 14px;
}
	.comment .btn-mini{
		padding:0px;
	}


.dropdown-menu li {
	text-align: left;
}

textarea, input, select {
	font-size: 12px;
	font-family: arial;
	line-height: 13px;
}

/* MENU */

.open > .dropdown-menu {
	left: auto;
	right: 0;
}
	.navbar .nav > li > .dropdown-menu::after {
		left: auto;
		right: 15px;
	}
	.navbar .nav > li > .dropdown-menu::before {
		left: auto;
		right: 15px;
	}

.container::before, .container::after {
	display: inline;
}

.mainlogo {
	height: 40px;
}

.menu .block {
	width:240px;
}
	.menu .block-img {
		padding: 4px;
		border-radius: 6px;
		background: #eee;
		top: 10px;
		position: relative;
	}
	.menu .block-content {
		padding-left:52px;
	}
	.menu .nav {
		margin-right: 0px;
	}

.navbar {
	z-index: 2001;
}
	.navbar .brand {
		padding:0px;
		margin: 0px;
		width:100px;
	}
	.navbar .navbar-inner {
		border: none;
		background-color: #000000;
		background-image:  linear-gradient(to bottom, #5E7381, #293339);
		-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	}
	.navbar .navbar-inner .nav > li > a {
		letter-spacing: 1px;
		padding: 10px 10px;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
		color:#333;
		outline: none;
		line-height: 24px;
	}
		.navbar .navbar-inner .nav li a:hover {
			color: white;
			background: #5E8BB5;
		}
		.navbar .navbar-inner .nav .active a {
			color: white;
			background: rgb(158, 172, 184);
		}		
		.navbar .navbar-inner .nav .nav-divider {
			border-left: 1px solid #566375;
			border-right: 1px solid #566375;
			height:40px;
		}

	.navbar .divider-vertical {
		border: none;
		margin:0px;
	}

	.navbar .menu-btn-groups {
		margin-top: 9px;
	}

.slide_button {
	float: right;
	margin-top: 5px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
	.mini_top .slide_button {
		margin-top: -16px;
	}
	.slide_button_close {
		background: url('images/slide_button_up.png?1') no-repeat;
	}
	.slide_button_open {
		background: url('images/slide_button_down.png?1') no-repeat;
	}
	.slide_button_close:active {
		background: url('images/slide_button_up_pushed.png?1') no-repeat;
	}
	.slide_button_open:active {
		background: url('images/slide_button_down_pushed.png?1') no-repeat;
	}

.breadcrumb {
	margin: auto;
	padding: 5px;
	padding-left: 15px;
	background-color: rgba(0, 0, 0, 1);
	opacity: 0.08;
}
	.breadcrumb:hover { opacity: 0.4; -webkit-transition: .2s opacity; -moz-transition: .2s opacity; -ms-transition: .2s opacity; -o-transition: .2s opacity; transition: .2s opacity; }
	.breadcrumb li {
		text-shadow: none !important;
	}
	.breadcrumb a {
		color:#8CC3FF;
	}
	.breadcrumb .pull-right {
		padding-right: 25px;
	}
	.breadcrumb > .active {
		color: #A5A5A5;
	}
	.breadcrumb > li > .divider {
		color: #B4B4B4;
	}

.statusbar {
	height: 100%;
}
	.statusbar li {
		text-align: center;
		line-height: 12px;
	}
	.statusbar b {
		font-size: 16px;
		position: relative;
		top: -2px;
		display: block;
	}
	.statusbar a {
		padding-left:5px;
		padding-right:5px;
		color: white;
	}
		.statusbar a li:hover *, .statusbar-right a li:hover * {
			text-decoration: underline;
		}
		.statusbar a:hover {
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272727), to(#171717));
			background-image: -webkit-linear-gradient(top, #272727, #171717);
			background-image: -moz-linear-gradient(top, #272727, #171717);
			background-image: -o-linear-gradient(top, #272727, #171717);
			background-image: linear-gradient(to bottom, #272727, #171717);
		}
	.statusbar .status {
		float: left;
		padding-left: 20px;
	}
	.statusbar .warn {
		float: right;
		padding-right: 20px;
		font-weight: bold;
		color: #f00;
	}

.pagination{
	margin: 0px;
}
	.pagination ul > .active > a, .pagination ul > .active > span {font-weight: bold;}


/*#######RIGHT-MENU######*/

.feed {
	font-size: 13px;
	line-height: 12px;
	margin-bottom: 5px;
}
	.feedlogo {
		vertical-align: top;
		width:50px;
		text-align: center;
	}
	.feedlogo img {
		height:26px;
		max-width:50px;
	}
	.feeddate {
		font-size:9px;
		color: rgba(0, 0, 0, 0.5);
	}
	.feed_new {
		background-color: rgba(173, 216, 230, 0.3);
		border-radius: 5px;
	}

.menulinkblock {
	list-style: none;
}

.feed-row {
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 10px;
}
	.feed-row div {
		vertical-align: top;
		text-align: left;
		color:#444;
	}
	.feed-row .span3 {
		text-align: center;
	}

.table-cell {display: table-cell; vertical-align: middle; padding-right: 4px;}
#group-superprojects li {
	position: relative;
}
#group-superprojects li::after {
	content: '';
	display: inline-block;
	border-top: 9px solid rgba(255, 0, 0, 0);
	border-bottom: 9px solid transparent;
	border-left: 12px solid black;
	position: absolute;
	top: 4px;
	right: -34px;
	left: auto;
	bottom: auto;
	opacity: 0.1;
}
#group-superprojects li.muted::after { opacity: 0;}
#group-superprojects li.muted a {color:gray;}
#group-superprojects li:hover::after { opacity: 0.3; -webkit-transition: .2s opacity; -moz-transition: .2s opacity; -ms-transition: .2s opacity; -o-transition: .2s opacity; transition: .2s opacity; }

/* BODY */

#page {}

	.project_pages_text .img_left {
		display: none;
	}
	.project_pages_logo img {
		max-width: 160px;
	}


.content_block, .menu_block {
	border: 1px solid #000000;
	margin-top: 6px;
	background: rgba(255, 255, 255, 0.35);
}
	.content_block h4 {
		font-size: 16px;
		font-family: arial;
		font-weight: normal;
		color: #88a;
		margin-bottom:4px;
		padding-left:0px;
	}
	.content_block .top, .menu_block .top  {
		font-size: 14px;
		background-color: #000000;
		background-image: -moz-linear-gradient(#5E7381, #293339);
		background-image: -webkit-linear-gradient(#5E7381, #293339);
		background-image: linear-gradient(#5E7381, #293339);
		background-repeat: repeat-x;
		border-bottom: 3px solid #9E9E9E;
	}
		.content_block .top {
			padding-left:20px;
		}
			.content_block .top > span {
				margin:4px;
			}
		.content_block .top h4, .content_block .top h1{
			margin:0px;
		}
		.content_block h4 a, .content_block .foot a, .content_block .top a {
			color:#506273;
		}
		.content_block h4 a {
			font-weight: bold;
		}
			.content_block h4 a:hover, .content_block .foot a:hover{
				text-decoration: none;
				color:#445;
			}
		.slink, .slink a {
			color:#921A1A !important;
		}
		.content_info{
			text-align: center;
			vertical-align: top;
			color:gray;
		}
			.content_info a {
				color:#2E74CC;
			}
			.content_info a:hover {
				color:#003272;
			}
			.content_info-top {
				vertical-align: middle;
				background-image: -webkit-linear-gradient(#E9E9E9, #FAFAFA);
				color: #506273;
				font-weight: bold;
			}

	.content_block .row-fluid {
		margin-top:6px;
		margin-bottom:6px;
	}
	.content_block .content_logo {
		width:160px;
		padding:5px;
		vertical-align: top;
	}
		.content_block .content_logo div {
			float:center;
		}
	.content_block .project_pages_text {
		padding:5px;
		vertical-align: top;
		width:635px;
		font-family: tahoma;
		font-size: 14px;
		line-height: 16px;
		color: #222;
	}
	.content_block .project_pages_info {
		width:160px;
		padding:5px;
		border-left:1px solid #E5E5E5;
		vertical-align: top;
	}

	.content_block .foot {
		height: 16px;
		background: #FDFDFD;
		padding-top: 5px;
		padding-bottom: 2px;
		padding-left: 5px;
		background-color: #EAEAEA;
		background-image: -webkit-linear-gradient(#FAFAFA, #EAEAEA);
		background-image: -moz-linear-gradient(#FAFAFA, #EAEAEA);
		background-image: linear-gradient(#FAFAFA, #EAEAEA);
	}

	.menu_block .top span {
		display: block;
		padding: 3px 15px;
		font-size: 12px;
		line-height: 20px;
		color: #686868;
		text-transform: uppercase;
		text-align: center;
	}
	.menu_block .center {
		padding: 7px;
	}
	.menu_block .window{
		background: #fff;
		border: 1px solid #d2d2d2;
		border-radius: 0px 0px 4px 4px;
		padding:8px;
	}


/* comments */

.comment .ninjalink, .comment .quote	{ opacity: 0; }
.comment:hover .ninjalink, .comment:hover .quote { opacity: 0.5; -webkit-transition: .2s opacity; -moz-transition: .2s opacity; -ms-transition: .2s opacity; -o-transition: .2s opacity; transition: .2s opacity; }
.comment:hover .ninjalink:hover, .comment:hover .quote:hover { opacity: 1; }

.comment{
	margin: 0px 8px 25px 8px;
}
	.comment table {
		border-collapse: collapse;
		border:0px;
		width:100%;
	}
		.comment table tr td:first-child {
			width:42px;
		}
	.comment .info{
		float: left;
		padding: 5px;
		border-radius: 4px 0px 0px 4px;
		min-height: 32px;
		min-width: 32px;
		text-align: center;
	}
	.comment .quote {
		text-align: center;
		background-image: url('images/quote.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-color: wheat;
	}
	.comment .date {
		font-size: 10px;
		color:#aaa;
	}
	.comment .textbody{
		padding: 8px;
		box-sizing: border-box;
		border: 1px solid #DFE3E8;
	}
	.comment .footer{
		margin:3px 3px 3px 42px;
		color:#555;
		font-size: 12px;
	}

	.comment .top {
		margin-left: 0px;
		padding: 2px 5px 10px 5px !important;
	}
		.comment .top .username {
			color:#779;
			text-decoration: none;
			font-weight: bold;
		}

	.commentnew {
		border: 1px solid coral;
	}
	.commentdeleted .textbody {
		background: #F7F7F7;
		color: #888;
	}
	.commentselected .textbody {
		background: papayawhip;
	}
	.comment .warn, .comment .attfiles{
		font-size: 11px;
		display: block;
		padding-left: 15px;
		margin-top:5px;
		margin-bottom: 5px;
	}
	.comment .warn{
		font-weight: bold;
		color:darkred;
	}
	.comment .attfiles{
		color:gray;
	}

.infobit {
	display: inline-block;
	padding: 2px 4px;
	font-size: 11px;
	text-align: center;
	color: #161616;
	background-color: whiteSmoke;
	background-image: -moz-linear-gradient(top, white, #E6E6E6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
	background-image: -webkit-linear-gradient(top, white, #E6E6E6);
	background-image: -o-linear-gradient(top, white, #E6E6E6);
	background-image: linear-gradient(to bottom, white, #E6E6E6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	border-color: #E6E6E6 #E6E6E6 #BFBFBF;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.voter{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	color: #222;
	white-space: nowrap;
	padding: 2px 0px 2px 0px;
}
	.voter .vote-positive 							{color:olivedrab;}
	.voter .vote-negative 							{color:indianred;}
	.voted-up .down 								{display: none !important;}
	.voted-up .up 									{background: url('images/signs.png') -20px -40px no-repeat;color:white;}
	.voted-down .up									{display: none !important;}
	.voted-down .down 								{background: url('images/signs.png') 0px -40px no-repeat;color:white;}

	.voter .up, .voter .down{
		width: 20px;
		display: inline-block;
		height: 20px;
		margin-left: 2px;
		padding: 0px;
		line-height: 20px;
	}
	
	.voter .enabled 								{cursor: pointer;}
	.voter .enabled .up 							{background: url('images/signs.png') -20px 0px no-repeat;}
	.voter .enabled .up:hover						{background: url('images/signs.png') -20px -20px no-repeat;}
	.voter .enabled .down							{background: url('images/signs.png') 0px 0px no-repeat;}
	.voter .enabled .down:hover						{background: url('images/signs.png') 0px -20px no-repeat;}

	
.reply{
	margin:10px 8px 10px 0px;
	margin-top: 15px;
}
	.reply .top, .comment .top{
		background: #FBFCFC;
		background: -moz-linear-gradient(top, #FBFCFC 0%, #F0F2F5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFCFC), color-stop(100%,#F0F2F5));
		background: -webkit-linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		background: -o-linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		background: -ms-linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		background: linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		border-radius: 3px 3px 0 0;
		padding: 7px 10px 5px;
		border-top: 1px solid #DFE3E8;
		border-left: 1px solid #DFE3E8;
		border-right: 1px solid #DFE3E8;
	}
	.reply textarea {
		width: 100%;
		height: 100px !important;
		margin: 0px;
		padding: 5px 10px 5px 10px;
		box-sizing: border-box;
		border: 1px solid #DFE3E8;
		overflow: auto;
	}

/* other */

.pagination-centered {
	margin-top: 10px;
}

.table .textcenter {
	text-align: center;
}

.projectbit .description, .projectbit .description ul li {
	font-size: 12px;
	line-height: 11px;
	color:gray;
}
	.projectbit td .active {color:#558;font-weight: bold;}

.top .btn-warning {
	color:#fff !important;
}



/* user */
.nav-ubar {
	list-style: none;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	margin: 0px;
	padding: 0px;
}
	.nav-ubar li{
		display: block;
		margin: 0px;
		padding: 0px;
		text-align: center;
		float:left;
		padding-right: 2px;
		padding-left: 2px;
	}
		.nav-ubar .head {
			font-size:20px;
			font-weight: bold;
			line-height: 12px;
		}
		.nav-ubar .content {
			font-size:10px;
			font-family: times;
			display: block;
		}

.userinfobox {
	display: block;
}
	.userinfobox .inner {
		position: absolute;
		display: none;
		width:150px;
		z-index: 15000;
		min-height: 40px;
	}

.popfly {
	width:200px;
	background: #fff;
	border: 1px solid #DFE3E8;
	top: -32px;
}

.userdetail {
	width:200px;
	border-radius: 3px;
	font-size: 12px;
	text-align: center !important;
	position: relative;
}
	.userdetail table {
		margin:0px;
	}
	.userdetail .levelbar,.userdetail img,.userdetail .popfly_top {
		margin-bottom: 3px;
	}
	.popfly .popfly_top{
		font-size: 11px;
		color:#333;
		background: #FBFCFC;
		background: -moz-linear-gradient(top, #FBFCFC 0%, #F0F2F5 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFCFC), color-stop(100%,#F0F2F5));
		background: -webkit-linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		background: -o-linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		background: -ms-linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
		background: linear-gradient(top, #FBFCFC 0%,#F0F2F5 100%);
	}
	.userdetail .popfly_top tr td {
		padding: 3px 0px 2px 6px;
	}
	.userdetail .userprojects{
		text-align: left;
		padding-left: 5px;
		padding-right: 2px;
		font-size: 10px;
	}
	.userdetail .levelimg {
		position: absolute;
		left:7px;
	}
	.userdetail .otherblock {
		width: 128px;
		padding-left: 34px;
	}

.levelbar {
	width:128px;
	height:15px;
	font-size: 12px;
	border: 1px solid #bbc;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto;
	background: #888;
}
	.levelbar .xp{
		position: relative;
		top: -15px;
		height: 15px;
		width: 128px;
		text-align: center;
		color:#fff;
		line-height: 15px;
	}
	.levelbar .levelbar_full {
		height:15px;
	}
	.levelbar_color_level0 {
		background: #55D580;
		background: -moz-linear-gradient(top,  #55D580,  #50C878);
		background: -webkit-gradient(linear, left top, left bottom, from(#55D580), to(#50C878));
		background: -o-linear-gradient(#55D580, #50C878);
	}
	.levelbar_color_level1, .levelbar_color_level2, .levelbar_color_level3, .levelbar_color_level4 {
		background: #D88C58;
		background: -moz-linear-gradient(top,  #D88C58,  #8C4834);
		background: -webkit-gradient(linear, left top, left bottom, from(#D88C58), to(#8C4834));
		background: -o-linear-gradient(#D88C58, #8C4834);
	}
	.levelbar_color_level5, .levelbar_color_level6, .levelbar_color_level7, .levelbar_color_level8, .levelbar_color_level9 {
		background: #C8B044;
		background: -moz-linear-gradient(top,  #C8B044,  #C88818);
		background: -webkit-gradient(linear, left top, left bottom, from(#C8B044), to(#C88818));
		background: -o-linear-gradient(#C8B044, #C88818);
	}
	.levelbar_color_level10, .levelbar_color_level11, .levelbar_color_level12, .levelbar_color_level13, .levelbar_color_level14 {
		background: #68848C;
		background: -moz-linear-gradient(top,  #68848C,  #4C5864);
		background: -webkit-gradient(linear, left top, left bottom, from(#68848C), to(#4C5864));
		background: -o-linear-gradient(#68848C, #4C5864);
	}
	.levelbar_color_level15, .levelbar_color_level16, .levelbar_color_level17, .levelbar_color_level18, .levelbar_color_level19 {
		background: #38A8C0;
		background: -moz-linear-gradient(top,  #38A8C0,  #285C8C);
		background: -webkit-gradient(linear, left top, left bottom, from(#38A8C0), to(#285C8C));
		background: -o-linear-gradient(#38A8C0, #285C8C);
	}
	.levelbar_color_level20 {
		background: #A0A0A0;
		background: -moz-linear-gradient(top,  #A0A0A0,  #5C5C5C);
		background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#5C5C5C));
		background: -o-linear-gradient(#A0A0A0, #5C5C5C);
	}
	.levelbar_color_warn {
		background: darkred;
	}
	.levelbar_color_rating {
		background: #3848C0;
		background: -moz-linear-gradient(top,  #3848C0,  #54288C);
		background: -webkit-gradient(linear, left top, left bottom, from(#3848C0), to(#54288C));
		background: -o-linear-gradient(#3848C0, #54288C);
		cursor: default;
	}

#achievements {
	width:100%;
}

#achievements .superbar {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	padding: 2px;
	margin-bottom: 5px;
	border: 1px solid lightgray;
	display: block;
	float: left;
	width: 170px;
	margin-right: 5px;
}

#achievements .supericon {
	width: 24px;
	height: 24px;
	background-color: rgba(0, 5, 9, 0.5);
	margin: 4px;
	float: left;
	border-radius: 3px;
}

#achievements h3 {
	font-weight: normal;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	line-height: 10px;
}

#achievements h3 .progress {
	color: orange;
}

#achievements h3 .completed {
	color: darkgreen;
}

#achievements h3 .nothing {
	color: gray;
}

#achievements .levelbar {
	height: 8px;
	width: 128px;
	margin-bottom: 5px;
	margin-top: 4px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 8px;
	display: inline-block;
}

#achievements .levelbar_bg {
	position: absolute;
	width: 128px;
	height: 8px;
	background: rgba(209, 209, 209, 0.5);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(209, 209, 209, 0.5));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(209, 209, 209, 0.5)));
	background: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(209, 209, 209, 0.5));
}

#achievements .levelbar_xp_progress {
	position: absolute;
	height: 8px;
	background: #ECDD2E;
	background: -moz-linear-gradient(top, #ECDD2E, #CF7400);
	background: -webkit-gradient(linear, left top, left bottom, from(#ECDD2E), to(#CF7400));
	background: -o-linear-gradient(#ECDD2E, #CF7400);
}

#achievements .levelbar_xp_completed {
	position: absolute;
	height: 8px;
	background: #01C201;
	background: -moz-linear-gradient(top, #01C201, #AECF00);
	background: -webkit-gradient(linear, left top, left bottom, from(#01C201), to(#AECF00));
	background: -o-linear-gradient(#01C201, #AECF00);
}

#achievements .tip {
	width: 128px;
	color: black;
	top: -3px;
	font-size: 9px;
	text-align: center;
	position: relative;
	z-index: 100;
}

/* files css */

#comment_form #id_files{
	display: none;
}
	.files{
		background: #F7F7F7;
		border: 1px solid #E7EBED;
		color: #112;
		padding: 7px;
		border-radius: 3px;
	}

.qq-uploader { position:relative; width: 100%; margin-bottom: 5px}
.qq-upload-button-focus {outline: none}

.qq-upload-drop-area {
	position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
	background:#2b2b2b;
	border: 1px solid #e5e5e5;
	text-align:center; 
}
.qq-upload-drop-area span {
	display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#444;}

.qq-upload-list {margin: 0 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
	margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.files {
	border: #e5e5e5 solid 1px;
	padding: 5px;
}
.files .file {
	cursor: move;
	display: inline-block;
	margin: 0 5px 5px 0;
}
.files .file input {
	font: 11px tahoma;
	width: 100%;
	min-width: 110px;
	margin: 4px 0 0 0;
	padding: 0px;
}
.deletelink {
	text-decoration: none;
	cursor: pointer;
	background: #800;
	color: #fff;
	font: bold 11px tahoma;
	padding: 1px 4px 1px 3px;
	margin-right: 4px;
	margin-bottom: 2px;
	width: 16px;
	height: 10px;
	line-height: 10px;
	vertical-align: middle;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.deletelink:hover {
	background: #c00;
	color: #fff;
}

.qq-upload-button, #change_files input {
	width: 100%;
	height: 40px;
	cursor: pointer;
}
.files {
	margin-bottom: 5px;
}
#change_files {
	vertical-align: middle;
	line-height: 40px;
}

.qq-upload-button {
	text-align: center;
	vertical-align: middle;
	background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
	border-radius: 4px;
	border: 1px solid #E7EBED;
	color: #889;
}
#change_files:hover {
	color: #C77405;
	background: url("images/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
}
dfn {
	display: block;
	font: 9px verdana;
	margin: -3px 0 3px 0;
}

/* project perms */

.permtable {
	font-size: 12px;
}
	.permtable td {
		padding-bottom: 5px;
		padding-left: 2px;
		line-height: 20px;
	}
	.perm {
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		
		color: white;
		padding: 2px;
		background: #848482;
		cursor: pointer;
	}
	.permtable .no { background: darkred; }
	.permtable .yes { background: darkgreen; }
	.permtable .reyes { background: darkblue; }

.message_allright {
	color: darkgreen;
}