@charset "utf-8";
@import"//fonts.googleapis.com/css?family=Roboto:100,300,400,500,600";
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400);
* {	border: 0; outline: none; padding: 0; margin: 0; list-style: none; font-weight: normal; }
html, body,
div, span,
h1, h2, h3, h4, h5, h6,
p, blockquote, a,
em, img, q, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
header, section, nav, hgroup, footer { display: block; }
body, html {
	background: #4478ae;
	font-family: Arial;
	color: #333333;
	font-size: 14px;
	height: 100%;
}

a {	color: #000000;	text-decoration: underline; }
a:hover { text-decoration: none; }
strong, b { font-weight: bold; }
p { padding: 0 0 10px 0; }
ul { padding: 0 0 10px 0; }
textarea { resize: none; }
.clear {	display: block; clear: both; overflow: hidden; height: 0px; }
.clear5 { display: block; clear: both; overflow: hidden; height: 5px; }
.clear10 { display: block; clear: both; overflow: hidden; height: 10px; }
.clear20 { display: block; clear: both; overflow: hidden; height: 20px; }
.left { float: left; }
.right {	float: right; }
.justright {	float: right; }
.justleft { float: left; }
.block { display: block; }
.hidden { display: none; }
.invisible { position: absolute; visibility: hidden; }
.visibility { visibility :hidden; }
.relative { position: relative; }
.overflow { overflow: hidden; }

/*glow*/
input:focus,textarea:focus,select:focus{
 border:1px solid #fafafa;
 -webkit-box-shadow:0 0 6px #007eff;
 -moz-box-shadow:0 0 5px #007eff;
 box-shadow:0 0 5px #007eff;
}

/*FLUID_PARAMS*/
.fluid-width{
	min-width: 800px;
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}
*html .fluid-width { width: 900px; }

/*ERRORS*/
.error {
	padding: 8px 10px 5px 10px;
	margin: 0 0 10px 0;
	background: #1C1C1C;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#1C1C1C');
	background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#1C1C1C));
	background: -moz-linear-gradient(top, #474747, #1C1C1C);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.error a {
	color: #FFFFFF;
	text-decoration: none;
}

.error a:hover {
	text-decoration: underline;
}

.error span {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	background: transparent url(../../img/site/general.png) 0 -97px no-repeat;
	padding-left: 23px;
	line-height: 18px;
	cursor: pointer;
	margin-bottom: 3px;
}

*html .error span {
	background: none !important;
	padding-left: 0;
}

.help-qm {
	text-decoration: none;
	font-size: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #333333;
/*	cursor: help;*/
	background: #e9eff4;
}

.help-page {
    background: #ffffff;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -khtml-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -khtml-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-right: -2px;
}

/*SUCCESS MESSAGE*/
.success-message{
	margin-top: 15px;
	background: #4D87CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62A4EC', endColorstr='#4D87CE');
	background: -webkit-gradient(linear, left top, left bottom, from(#62A4EC), to(#4D87CE));
	background: -moz-linear-gradient(top, #62A4EC, #4D87CE);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 10px 5px 10px;
	cursor: pointer;
}

.success-message span {
	color: #fff;
	display: block;
	background: transparent url(../../img/site/general.png) 0 -57px no-repeat;
	padding-left: 23px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	margin-bottom: 3px;
	cursor: pointer;
}

#items .items .success-message{
	margin-top: 0;
	margin: 0 2% 10px 2%;
}

*html .success-message span {
	background: none !important;
	padding-left: 0;
}

/* PROJECT STATUS MESSAGE */
.project-status-message {
	margin-top: 15px;
	padding: 8px 10px 5px 10px;
	background: #1C1C1C;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#1C1C1C');
	background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#1C1C1C));
	background: -moz-linear-gradient(top, #474747, #1C1C1C);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.project-status-message a {
	color: #FFFFFF;
	text-decoration: none;
}

.project-status-message a:hover {
	text-decoration: underline;
}

.project-status-message span {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	background: transparent url(../../img/site/general.png) 0 -97px no-repeat;
	padding-left: 23px;
	line-height: 18px;
	cursor: pointer;
	margin-bottom: 3px;
}

*html .project-status-message span {
	background: none !important;
	padding-left: 0;
}

.project_not_started {
	background: #E8F2FD;
    border: 1px solid #D5D5D8;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 10px 0;
    text-align: center;
}

/*GLOBAL SPINNER*/
.global-spinner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
}

*html .global-spinner {
	width: 100%;
	height: 64px;
}

.items-background > .global-spinner {
	width: 50%;
	left: 50%;
	overflow: hidden;
}

#items .details .box .global-spinner .transparent-shadow, .items-background > .global-spinner .transparent-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	margin-left: -10px;
	height: 100%;
	-moz-box-shadow: 2px 0 5px #A5A5AB;
	-webkit-box-shadow: 2px 0 5px #A5A5AB;
	box-shadow: 2px 0 5px #A5A5AB;
}

.global-spinner .transparent-background {
	background: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.items-background > .global-spinner .transparent-background {
	top: 1px;
	bottom: 1px;
	left: 0;
	right: 10px;
}

.global-spinner .spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	margin-left: -32px;
	background: transparent url(../../img/site/animatedEllipse.gif) 0 0 no-repeat;
}

#items-panel .dynamic-content > .global-spinner {
	top: 100px;
}

#summary-panel .dynamic-content > .global-spinner {
	top: -320px;
}

.tab-container {
	position: relative;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.transparent-background {
		/*background: #CCCCCC;
		opacity: .4;*/
	}

	.global-spinner .spinner {
		width: 54px;
		height: 54px;
		margin-top: -27px;
		margin-left: -27px;
		background: none;
	}

	.global-spinner .spinner div {
		width: 12%;
		height: 26%;
		background: #000;
		position: absolute;
		left: 44.5%;
		top: 37%;
		opacity: 0;
		-webkit-animation: fade 1s linear infinite;
		-webkit-border-radius: 50px;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	}

	.global-spinner .spinner .bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}
	.global-spinner .spinner .bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay: -0.9167s;}
	.global-spinner .spinner .bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay: -0.833s;}
	.global-spinner .spinner .bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay: -0.75s;}
	.global-spinner .spinner .bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay: -0.667s;}
	.global-spinner .spinner .bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay: -0.5833s;}
	.global-spinner .spinner .bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay: -0.5s;}
	.global-spinner .spinner .bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay: -0.41667s;}
	.global-spinner .spinner .bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay: -0.333s;}
	.global-spinner .spinner .bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay: -0.25s;}
	.global-spinner .spinner .bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay: -0.1667s;}
	.global-spinner .spinner .bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay: -0.0833s;}

	@-webkit-keyframes fade {
		from {opacity: 1;}
		to {opacity: 0.25;}
	}
}

/*HEADER*/
#header{
	width:  100%;
}
#header .user-options{
	height: 74px !important;
	background: #0d1117 !important;
	
}

#header .user-options .control-buttons {
	padding-top: 17px;
}

#header .objective{
	width: 100%;
	background: #3a6292;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#457ab9', endColorstr='#3a6292');
	background: -webkit-gradient(linear, left top, left bottom, from(#457ab9), to(#3a6292));
	background: -moz-linear-gradient(top, #457ab9, #3a6292);
	padding: 15px 0;
}
#header .objective-subline{
	height: 4px;
	background: #F5F5F5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CACACA', endColorstr='#F5F5F5');
	background: -webkit-gradient(linear, left top, left bottom, from(#CACACA), to(#F5F5F5));
	background: -moz-linear-gradient(top, #CACACA, #F5F5F5);
}
#wrapp .user-options .auth-screen p {
	color: #000000;
}
#wrapp .auth-screen {
	padding: 30px 0;
}

#header .user-options ul li{
	padding-right: 15px;
	float: right;
}
#header .user-options ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	padding-left: 20px;
	display: block;
	line-height: 30px;
	background: transparent url(../../img/site/user-options/buttons.png) left center no-repeat;
}
#header .user-options ul li a:hover{
	color: #B0D7FF;
	text-decoration: underline;
}
#header .user-options ul li a.logged{background-position: left 0; padding-right: 10px;}
#header .user-options ul li a.create{background: none; padding-left: 0px;}
#header .user-options ul li a.settings{background-position: left -30px;}
#header .user-options ul li a.faq{background-position: left -60px;}
#header .user-options ul li a.logout{background-position: left -90px;}
#header .user-options ul li a.logged:hover{background-position: left -120px;}
#header .user-options ul li a.settings:hover{background-position: left -150px;}
#header .user-options ul li a.faq:hover{background-position: left -180px;}
#header .user-options ul li a.logout:hover{background-position: left -210px;}

#header .user-options ul li.create{
    display: none;
}

#header .user-options ul li a.create{
    margin-top: 1px;
    display: none;
	background: #e8f2fd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #4d87ce;
	text-align: left;
	color: #4d87ce;
	text-decoration: none;
	font-size: 15px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:#6891e7;
	font-size: 14px;
	color: #ffffff;
	font-weight: normal;
	border-color:#0053a6 #0053a6 #000;
	-moz-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-ms-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	-webkit-box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	box-shadow:inset 0 1px 0 rgba(256,256,256,.35);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4495e7,EndColorStr=#ff0053a6);
	background-image:-moz-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-ms-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-o-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4495e7),color-stop(100%,#0053a6));
	background-image:-webkit-linear-gradient(top,#4495e7 0,#0053a6 100%);
	background-image:linear-gradient(to bottom,#4495e7 0,#0053a6 100%);
    height: 24px;
    line-height: 20px;
    text-shadow:0 -1px 0 rgba(0,0,0,.5);    
}

#header .user-options ul li a.create:hover {
    text-decoration: none;
}

#header .objective .edit-data{
	float: right;
	width: 340px;
	padding-left: 40px;
}
#header .objective .edit-data .contributors,
#header .objective .edit-data .rating{
	float: right;width: 120px;
	background: #474747;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-right: 10px;
	text-align: center;
	padding: 16px 0;
}
#header .objective .edit-data .contributors div,
#header .objective .edit-data .rating div{
	padding: 5px 15px;
	line-height: 32px;
	color: #FFFFFF;
	font-size: 18px;
	text-decoration: none;
	display: inline;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#header .objective .edit-data .contributors a:hover,
#header .objective .edit-data .rating a:hover{
	background: #3E6CA5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
#header .objective .edit-data .contributors span,
#header .objective .edit-data .rating span{
	color: #A6A6A6;
	font-weight: bold;
	display: block;
	padding: 5px 0 0 0;
}
#header .objective .edit-data .help{
	float: right;
	display: block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	margin: 24px 21px 0 21px;
	background: #3F6EA7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#60A3EB', endColorstr='#3F6EA7');
	background: -webkit-gradient(linear, left top, left bottom, from(#60A3EB), to(#3F6EA7));
	background: -moz-linear-gradient(top, #60A3EB, #3F6EA7);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 23px;
}
#header .objective .edit-data .help:hover{color: #B0D7FF;}
#header .objective .edit{padding-left: 0;}

#header .objective .edit .title{
	text-transform: uppercase;
	color: #97beea;
	font-weight: bold;
	display: block;
	padding: 0 0 10px 0;
}
#header .objective .edit h1{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 27px;
}
#header .objective .edit h1 a{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	padding: 0;
	border-bottom: 1px solid #FFFFFF;
}
#header .objective .edit h1 a:hover{
	border-bottom: 0;
}

#header .objective .edit .days-to-go {
	float: right;
	color: #fff;
	line-height: 20px;
	padding-left: 26px;
	margin-top: -2px;
	/*background: transparent url(../../img/site/stats/imp.png) left top no-repeat;*/
}


.led-green {
	float: left;
    margin-top: 13px;
    margin-left: 7px;
    width: 12px;
    height: 12px;
    background-color: #690;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 12px;
}

.led-red {
    float: left;
    margin-top: 13px;
    margin-left: 7px;
    width: 12px;
    height: 12px;
    background-color: #940;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #F00 0 2px 12px;
}

.led-grey {
	float: left;
    margin-top: 13px;
    margin-left: 7px;
    width: 12px;
    height: 12px;
    background-color: #555;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #444 0 -1px 9px, #777 0 2px 12px;
}

.led-grey-greenglow {
	float: left;
    margin-top: 13px;
    margin-left: 7px;
    width: 12px;
    height: 12px;
    background-color: #555;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #444 0 -1px 9px, #7D0 0 2px 12px;
}

.led-grey-redglow {
	float: left;
    margin-top: 13px;
    margin-left: 7px;
    width: 12px;
    height: 12px;
    background-color: #555;
    border-radius: 50%;
    box-shadow: #000 0 -1px 7px 1px, inset #444 0 -1px 9px, #F00 0 2px 12px;
}

#header .objective .edit .short-stats {
	float: right;
	font-size: 12px;
	color: #cccccc;
	padding: 3px 10px;
	margin-top: 15px;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #3c6ca7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a6292', endColorstr='#3c6ca7');
	background: -webkit-gradient(linear, left top, left bottom, from(#3a6292), to(#3c6ca7));
	background: -moz-linear-gradient(top, #3a6292, #3c6ca7);
}

#box-vote-items .short-stats,
#box-vote-edits .short-stats {
	float: right;
	font-size: 12px;
	color: #cccccc;
	padding: 3px 0px;
	padding-right: 20px;
	margin-top: 0px;
	position: relative;
	height: 20px
}

#header .objective .edit .short-stats .text-tip {
	left: 50%;
	top: 22px;
	margin-left: -90px;
}

#header .objective .edit .short-stats .text-tip p {
	padding-bottom: 5px;
}

#header .objective .edit .short-stats span.f,
#box-vote-items .short-stats span.f,
#box-vote-edits .short-stats span.f {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 15px 0 5px;
}

#header .objective .edit .short-stats span.s,
#box-vote-items .short-stats span.s,
#box-vote-edits .short-stats span.s {
	/*background: #ffffff;
	color: #333333;*/
	font-size: 12px;
	font-weight: normal;
	padding: 2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	margin: 0 0 0 5px;
}

#header .objective .edit .short-stats span.t,
#box-vote-items .short-stats span.t,
#box-vote-edits .short-stats span.t {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 2px;
}

#header .objective .invite-friend {
	/*
	position: relative;
	background: #3a6293;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 2px;
	float: left;
	margin-top: 5px;
	*/

	/*float: left;*/
	font-size: 12px;
	color: #cccccc;
	padding: 3px 2px;
	margin-top: 15px;
	/*position: relative;*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #3c6ca7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a6292', endColorstr='#3c6ca7');
	background: -webkit-gradient(linear, left top, left bottom, from(#3a6292), to(#3c6ca7));
	background: -moz-linear-gradient(top, #3a6292, #3c6ca7);
}

#header .objective .invite-friend .text {
	display: block;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
	color: #cccccc;
	line-height: 20px;
}

#header .objective .invite-friend .addthis_button_email {
	/*
	display: block;
	width: 21px;
	height: 20px;
	background: transparent url(../../img/site/share/email.gif) left top no-repeat;
	float: left;
	margin-left: 3px;
	*/
}

#header .objective .invite-friend .addthis_button_email span {
	/*display: none;*/
}

#header .logo {
	width: 150px;
	height: 60px;
	overflow: hidden;
	float: left;
	/*padding: 8px 0 0 0;*/
	margin-right: 10px;
	padding: 0px !important;
}

#header .logo a {
	display: block;
	width: 120px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url('//www.codigital.com/assets/images/codigital_logo_white_large.png') 0px 0px no-repeat;
	/*margin-top: -3px;
	margin-left: -8px;*/
	color: #ffffff;
	background-size: contain;
	margin-top: 0px;
	margin-left: 22px !important;
	
}

#header .logo.logged.client-dashboard a
 {	
	width: 240px;
	height: 40px;
/*background: transparent url('//app.codigital.com/img/custom/goto_dashboard.png') 0px 0px no-repeat;*/
pointer-events: auto;
   cursor: pointer;
   border: none;
		    font-family: Roboto;
		    font-weight: 300;
		    text-transform: uppercase;
		    text-decoration: none;
		    font-size: 14px;
		    line-height: 40px;
		    display: block;
		    background: #007dc0;
		    background: #0b66f9;
		    background: #007fec;
		    border-radius: 40px;
		    color: #ffffff;
		    text-align: center;
		    text-indent: 0px;
		    margin-top: 0px;
		    margin-left: 10px !important;
}

#header .logo.logged.client-dashboard {
	width: 250px;
}

#header .logo.logged.your-dashboard a
 {	
	width: 200px;
/*background: transparent url('//app.codigital.com/img/custom/goto_dashboard.png') 0px 0px no-repeat;*/
pointer-events: auto;
   cursor: pointer;
}

#header .logo.logged.your-dashboard {
	width: 210px;
}

#header .project-button {
    float: left;
    width: 200px;
    display: none;
    overflow: hidden;
    height: 40px;
    /*padding: 8px 0 0 0;*/
}

#header .project-view,
#header .project-settings {
	display: block;
}

#header .project-view a {
    width: 200px;
    height: 40px;
    /*background: transparent url('//app.codigital.com/img/custom/goto_project_view_v02.png') 0px 0px no-repeat;*/
    pointer-events: auto;
    cursor: pointer;
    display: block;
    overflow: hidden;
    /*margin-top: -3px;*/
    border: none;
		    font-family: Roboto;
		    font-weight: 300;
		    text-transform: uppercase;
		    text-decoration: none;
		    font-size: 14px;
		    line-height: 40px;
		    display: block;
		    background: #007dc0;
		    background: #0b66f9;
		    background: #007fec;
		    border-radius: 40px;
		    color: #ffffff;
		    text-align: center;
		    text-indent: 0px;
		    margin-left: 0px !important;
}

#header .project-view a:after {
  content: 'View Project';
}

#header .project-settings a {
    width: 200px;
    height: 40px;
    /*background: transparent url('//app.codigital.com/img/custom/goto_configure_project.png') 0px 0px no-repeat;*/
    pointer-events: auto;
    cursor: pointer;
    display: block;
    overflow: hidden;
    /*margin-top: -3px;*/
    border: none;
		    font-family: Roboto;
		    font-weight: 300;
		    text-transform: uppercase;
		    text-decoration: none;
		    font-size: 14px;
		    line-height: 40px;
		    display: block;
		    background: #007dc0;
		    background: #0b66f9;
		    background: #007fec;
		    border-radius: 40px;
		    color: #ffffff;
		    text-align: center;
		    text-indent: 0px;
		    margin-left: 0px !important;
}

#header .logo.logged.client-dashboard a:hover,
#header .project-view a:hover,
#header .project-settings a:hover {
		    background: #108dd0;
		    background: rgb(20, 70, 255);
		}

#header .project-settings a:after {
  content: 'Project Settings';
}

.user-unlogged {
	width: 100%;
	background: #3a6292;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#457ab9', endColorstr='#3a6292');
	background: -webkit-gradient(linear, left top, left bottom, from(#457ab9), to(#3a6292));
	background: -moz-linear-gradient(top, #457ab9, #3a6292);
}

.user-unlogged h1 {
	color: #ffffff;
	font-size: 36px;
	padding: 0 0 15px 0;
}

.user-unlogged p,
.user-unlogged h2,
.user-unlogged h3,
.user-unlogged h4,
.user-unlogged h5,
.user-unlogged h6 {
	color: #ffffff;
	font-size: 14px;
	padding: 0 0 15px 0;
	line-height: 17px;
}

/*CONTROL PANEL*/


.projects .add-project,
.app-button {
    display: block;
	background: #e8f2fd;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-khtml-border-radius: 25px;
	border-radius: 50px;
	text-align: left;
	color: #4d87ce;
	text-decoration: none;
	height: 38px;
	line-height: 40px;
	padding: 0 22px;
	padding-top: 2px;
	background-color:#1a73e8;
	font-size: 20px;
	color: #ffffff;
	font-weight: 300;
	font-family: Roboto;
    text-transform:uppercase;
    height: 29px;
    display: block;
}


.projects .add-project:hover,
.app-button:hover {
	text-decoration: none;
	/*border-color:#002d59 #002d59 #000;*/
	color: #ffffff;
	background-color: #2c7eea;
	
}

.projects .project-settings {
	padding: 8px 10px 5px 10px;
	margin: 0 0 10px 0;
	background: transparent;
	color: #4495e7;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;

	border: 1px solid #4495e7;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-khtml-border-radius: 14px;
	border-radius: 14px;
	cursor: pointer;
}

.projects .project-settings:hover {
	text-decoration: underline;
}

.project:hover {
	background-color: #dbebfb;
	cursor: pointer;
}

.projects select {
    width:150px;
    border:1px solid #c0c0c0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding:5px;
}


.projects .project-list {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 20px;
	border: 1px solid #DD5100;
	border-color: #c0c0c0;
	border-style: solid;
	font-size: 10px;
	color: #cccccc;
	padding: 0px 0px;
	margin-top: 20px;
	position: relative;

	background: #ffffff;
	width: 100%;
	padding-bottom: 20px;
    -moz-border-bottom-right-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -khtml-border-bottom-right-radius: 14px;
    border-bottom-right-radius: 14px;
    -moz-border-bottom-left-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    -khtml-border-bottom-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

.projects .project-list-controls {
	float: right; 
	position: absolute; 
	top: 38px; 
	right: 20px; 
	z-index: 500;
}

.projects .project-list td {
	border-style: solid;
	border-bottom: 1px solid #dddddd;
}

.projects .project-list td {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20px;
}

.projects .project-list .project a {
	/*color: #0779bf;*/
	text-decoration: none;
	font-weight: bold;
	/*font-size: 16px;*/

}

.projects .project-list a:hover {
	text-decoration: underline;
}

.projects .project-list .project .url {
	color: #0779cd;
	font-size: 9px;
	display: none;
}

.projects .project-list .project.active .url {
	display: inline-block;
}

.projects .project-list .project a {
	/*color: #0779bf;*/
	text-decoration: none;
	font-weight: bold;
	/*font-size: 16px;*/

}

.projects .project-list a:hover {
	text-decoration: underline;
}


.refresh {
	background: transparent url(../../img/site/refresh.png) left top no-repeat;
	width: 74px;
	height: 31px;
}

.refresh:hover {
	background-position: -74px 0px;
	cursor: pointer;
}

#back {

        -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	border-radius: 3px;
	color: #336699;
        margin-left: 1px;
	padding: 0px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	width: 140px;
	height: 17px;
	margin-top: 12px;
	margin-bottom: 8px;
	text-decoration: none;
	float: left;

	background: #3a6292;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a90ce', endColorstr='#2a90ce');
	background: -webkit-gradient(linear, left top, left bottom, from(#2a90ce), to(#2a90ce));
	background: -moz-linear-gradient(top, #2a90ce, #2a90ce);



}

#back:hover {
	background: #3a6292;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a7d8', endColorstr='#56a7d8');
	background: -webkit-gradient(linear, left top, left bottom, from(#56a7d8), to(#56a7d8));
	background: -moz-linear-gradient(top, #56a7d8, #56a7d8);
}

.arrow-left {
	 width:0px;
  height:0px;
  border-bottom:7px solid transparent;  /* left arrow slant */
  border-top:7px solid transparent; /* right arrow slant */
  border-right:7px solid #ffffff;/* bottom, add background color here */
  font-size:0px;
  line-height:0px;
}

/*VOTES*/
#items .items .box .listing .vote-form{
	/*margin-top: 15px;*/
	/*background: #FF0000;*/
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.fancybox-inner .vote-form,
.mtr-popup .vote-form {
	margin-top: 0;
}
*html .vote-form{
	position: relative;
	z-index: -999;
}

.mtr-popup .info-popup-proceed {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: #1D1D1D;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4949', endColorstr='#1D1D1D');
	background: -webkit-gradient(linear, left top, left bottom, from(#4A4949), to(#1D1D1D));
	background: -moz-linear-gradient(top, #4A4949, #1D1D1D);
	border: 1px solid #474747;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 15px;
	position: relative;
	cursor: pointer;
}
.mtr-popup .info-popup-proceed:hover {
	background: #4A4949;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1D1D1D', endColorstr='#4A4949');
	background: -webkit-gradient(linear, left top, left bottom, from(#1D1D1D), to(#4A4949));
	background: -moz-linear-gradient(top, #1D1D1D, #4A4949);
}

.vote-form .buttons li{width: 49.5%;}

.vote-form .buttons li a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 22px;
	color: #4D87CE;
	font-size: 18px;
	text-decoration: none;
	background: #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
	border: 1px solid #BBBBBB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.vote-form .buttons li a:hover{
	color: #333333;
	background: #EEEEEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	border: 1px solid #BBBBBB;
}

.vote-form .tabs li a.active{
	color:  #330000;
	background: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
	background: -moz-linear-gradient(top, #F2F2F2, #FFFFFF);
	border: none;
}
.vote-form .buttons li a.inactive{
	background: #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
	border: 1px solid #BBBBBB;
}
.vote-form .buttons li a span{
	cursor: pointer;
}
.vote-form .buttons li a .arrow{
	display: block;
	width: 9px;
	height: 11px;
	background: transparent url(../../img/site/votes/arrows.png) left center no-repeat;
	float: right;
	margin-top: 14px;
	overflow: hidden;
}
.vote-form .buttons li a .arrow.opened{background-position: left bottom;}
.vote-form .buttons li a .arrow.closed{background-position: left top;}

.vote-form .buttons li a .count {
	display: block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
	float: left;
	background: #FFFFFF;
	height: 23px;
	line-height: 23px;
	margin: 8px 0 0 12px;
	padding: 0 5px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
.vote-form .buttons li a .count span {
	background: #FF9900;
	color: #fff;
	border: 1px solid #FF7200;
	padding: 0 3px;
	margin-left: 5px;
}

.vote-form .buttons li a .count-votes,
.projects table td .count-votes
 {
	background: #FF9900;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #DD5100;
	padding: 0 3px;
	margin-left: 12px;
	margin-top: 11px;
	font-size: 12px;
	float: left;
	height: 17px;
	line-height: 17px;
	z-index: 1;
}

#box-vote-items h1 .count-votes,
#box-vote-edits h1 .count-votes
 {
	background: #FF9900;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #DD5100;
	padding: 2px 3px;
	margin-left: 12px;
	margin-top: 0px;
	font-size: 14px;
	line-height: 20px;
	/*float: right;*/
	z-index: 1;
}

.vote-form .buttons li a .count-combinations {
	background: #0099FF;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #0051DD;
	padding: 0 3px;
	margin-left: 12px;
	margin-top: 11px;
	font-size: 12px;
	float: left;
	height: 17px;
	line-height: 17px;
	z-index: 1;
}

.vote-form .box{
	background: #FFFFFF;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
.vote-form .box.lc{
	-moz-border-radiustopleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
}
.vote-form .box.rc{
	-moz-border-radiustopright: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
}
.vote-form .gray-box
{
	/*background: #F2F2F2;*/
	padding: 0px;
	font-size: 13px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-khtml-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
	-khtml-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
    overflow: visible;
    padding-top: 10px;
	/*height: 17px;*/
}
.vote-form .gray-box .vote-instruction{
    font-size:13px; 
    color: #444444; 
    float: left;
    height: 20px;
    margin-left: 10px;
}
.vote-form .gray-box .vote-summary{
    font-size:15px; 
    color: #4d87ce; 
    float: left;
    margin-left: 10px;
    margin-bottom: 15px;
    overflow: visible;
}
.vote-form .gray-box .count{
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 15px;
	font-size: 12px;
}
.vote-form .vote-for-objective {
	background: transparent url(../../img/site/votes/separator.png) center center no-repeat;
	padding: 0px 0px;
	position: relative;
	min-height: 115px;
	width: 100%;
}
.vote-form .vote-for-objective .next-vote-button,
.vote-form .vote-for-objective .or-vote {
	display: block;
	background: transparent url(../../img/site/general.png) 0 -243px no-repeat;
	width: 73px;
	height: 73px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -36px;
	margin-left: -36px;
}
.vote-form .vote-for-objective .or-vote {
	background-position: 0 -391px;
}
*html .vote-form .vote-for-objective .or-vote {
	background: transparent url(../../img/site/ie/or.gif) 0 0 no-repeat;
}
*html .vote-form .vote-for-objective .next-vote-button:hover,
*html .vote-form .vote-for-objective .next-vote-button {
	background: transparent url(../../img/site/ie/vote-next.gif) 0 0 no-repeat;
}
.vote-form .vote-for-objective .diff-button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	text-align: center;
}

.vote-form .vote-for-objective .diff-button a {
	font-size:16px;
	font-weight: bold;
	background: #FFFFFF;
	color: #45a8d9;
}

.vote-form .vote-for-objective .diff-button a:hover {
	color: #ffffff;
	background: #45a8d9;
}
.vote-form .vote-for-objective .diff-button .lead-more.openpopup,
.version-item .lead-more.openpopup {
	line-height: 17px;
}
.vote-form .vote-for-objective .next-vote-button:hover {
	background-position: 0 -317px;
}
.vote-form .vote-for-objective .active-hover {
	background: #f2f2f2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
}

.vote-form .vote-for-objective .choise-left, .vote-form .vote-for-objective .choise-right {
	width: 40%;
	padding: 10px;
	cursor: pointer;
}
.vote-form .vote-for-objective .choise-left p, .vote-form .vote-for-objective .choise-right p {
    font-size: 16px;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
	word-wrap: break-word;
}
.vote-form .vote-for-objective .choise-left a.edit,
.vote-form .vote-for-objective .choise-right a.edit,
.details a.edit {
    background: url(../../img/site/general.png) no-repeat scroll 0 0 transparent;
    color: #4D87CE;
    display: inline;
    line-height: 16px;
    padding-left: 20px;
	font-size: 12px;
	text-decoration: none;
	float: right;
}
*html .vote-form .vote-for-objective .choise-left p a.edit,
*html .vote-form .vote-for-objective .choise-right p a.edit,
*html .details a.edit {
	background: transparent url(../../img/site/ie/edit.gif) 0 0 no-repeat;

}
.vote-form .vote-for-objective .choise-left a.edit:hover ,
.vote-form .vote-for-objective .choise-right a.edit:hover ,
.details a.edit:hover {
	text-decoration: underline;
}
.vote-form .vote-for-objective a.vote-this-item {
	margin-top: 10px;
}

.vote-form .button-add-item {
	width: 100%;
	overflow: hidden;
	padding-bottom: 3px;
}

.vote-form .vote-for-objective a.vote-this-item,
.vote-form a.add-item {
	display: block;
	background: #e8f2fd;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4A4A', endColorstr='#1C1C1C');
	background: -webkit-gradient(linear, left top, left bottom, from(#4A4A4A), to(#1C1C1C));
	background: -moz-linear-gradient(top, #4A4A4A, #1C1C1C);*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #4d87ce;
	text-align: left;
	color: #4d87ce;
	text-decoration: none;
	height: 38px;
	line-height: 35px;
	font-size: 18px;
	padding: 0 22px;
	padding-top: 2px;
}

.vote-form .vote-for-objective a.vote-this-item {
	text-align: center;
}

.vote-form a.add-item {
	/*background: #deedfe;*/
	background: #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
	border: 1px solid #BBBBBB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
.vote-form .vote-for-objective a.vote-this-item span,
.vote-form a.add-item span {
	padding: 8px 25px 8px 0;
	line-height: 35px;
	background: transparent url(../../img/site/buttons/ticks.png) no-repeat;
}
*html .vote-form .vote-for-objective a.vote-this-item span,
*html .vote-form a.add-item span {
	background: none !important;
}
.vote-form .vote-for-objective a.vote-this-item.inactive,
.vote-form a.add-item.inactive {
	color: #999999;
}
.vote-form .vote-for-objective a.vote-this-item.hover,
.vote-form .vote-for-objective a.vote-this-item:hover {
	border: 1px solid #6fbe44;
	color: #6fbe44;
	background: #fff;
}

.vote-form a.add-item.hover,
.vote-form a.add-item:hover {
	color: #333333;
	background: #EEEEEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	border: 1px solid #BBBBBB;
}

.vote-form .vote-for-objective a.vote-this-item span.tick,
.vote-form a.add-item span.tick {
	background-position: right top;
}
.vote-form .vote-for-objective a.vote-this-item:hover span.tick,
.vote-form .vote-for-objective a.vote-this-item.hover span.tick,
.vote-form a.add-item:hover span.tick,
.vote-form a.add-item.hover span.tick {
	background-position: right -70px;
}
.vote-form .vote-for-objective a.vote-this-item span.add,
.vote-form a.add-item span.add {
	background-position: right -35px;
}

.vote-form a.add-item:hover span.add,
.vote-form a.add-item.hover span.add {
	/*background-position: right -105px;*/
}

.vote-form a.lead-more,
.version-item a.lead-more,
#items .items .box .listing a.lead-more,
#items .details .box .listing a.lead-more {
	display: block;
	background: #E8F2FD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #B0D7FF;
	text-align: center;
	color: #4D87CE;
	text-decoration: none;
	line-height: 35px;
	font-size: 17px;
}
.fancybox-inner a.lead-more,
.mtr-popup a.lead-more {
	line-height: 25px;
	font-size: 12px;
	padding: 0 10px;
}
.fancybox-tmp #items,
.fancybox-inner #items,
.mtr-popup #items {
	width: 500px;
}
.fancybox-tmp #items.type-image,
.fancybox-inner #items.type-image,
.mtr-popup #items.type-image {
	width: 650px;
}
.version-item a.lead-more {
	float: right;
}
.vote-form a.lead-more.openpopup,
.version-item a.lead-more.openpopup {
	display: inline;
	padding: 2px 5px;
	font-size: 11px;
}
.fancybox-inner .switch-to-popup,
.mtr-popup .switch-to-popup {
	display: none !important;
}

.version-item a.lead-more.openpopup {
	margin: 2px 0 0 0;
}

.version-item .counter-of-item,
.counter-of-generations {
    color: #CCCCCC;
    float: left;
    font-size: 36px;
    font-weight: bold;
    padding-right: 10px;
	padding-top: 0;
}

.counter-of-generations {
	background: #F9F9F9;
}

.vote-form a.lead-more:hover,
.version-item a.lead-more:hover,
#items .items .box .listing a.lead-more:hover {
	color: #FFFFFF;
	background: #B0D7FF;
}

#items .details .status-bar .button,
.vote-form .vote-for-objective .status-bar .tick,
.vote-form .vote-for-objective .status-bar .cross {
	width: 35px;
	height: 35px;
	float: right;
	background: transparent url(../../img/site/general_v02.png) 0 -172px no-repeat;
	margin-left: 5px;
	display: block;
}

.vote-form .vote-for-objective .status-bar .cross {
	background-position: -37px -131px;
}

#items .details .status-bar .button {
	background-position: -35px -207px;
	margin-left: 15px;
}
#items .details .status-bar .button:hover {
	background-position: -35px -172px;
}

#items .details .status-bar .no,
.vote-form .vote-for-objective .status-bar .no {
	padding-top: 3px;
}

#items .details  .status-bar .yes .indicator,
.vote-form .vote-for-objective .status-bar .yes .indicator,
#items .details  .status-bar .no .indicator,
.vote-form .vote-for-objective .status-bar .no .indicator {
	width: 18px;
	height: 14px;
	float: left;
	background: #4578B7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5FA0E6', endColorstr='#4578B7');
	background: -webkit-gradient(linear, left top, left bottom, from(#5FA0E6), to(#4578B7));
	background: -moz-linear-gradient(top, #5FA0E6, #4578B7);
	border: 1px solid #CCCCCC;
	border-right: 0;
	position: relative;
}

#items .details  .status-bar .yes .indicator div,
.vote-form .vote-for-objective .status-bar .yes .indicator div,
#items .details  .status-bar .no .indicator div,
.vote-form .vote-for-objective .status-bar .no .indicator div {
	width: 13px;
	height: 11px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -6px;
	margin-top: -6px;
	background: transparent url(../../img/site/general.png) 0 -160px no-repeat;
}

.vote-form .vote-for-objective .status-bar .no .indicator div,
#items .details  .status-bar .no .indicator div {
	background-position: 0 -149px;
}

*html #items .details  .status-bar .yes .indicator div,
*html .vote-form .vote-for-objective .status-bar .yes .indicator div {
	background: transparent url(../../img/site/ie/ok.gif) 0 0 no-repeat;
}

*html .vote-form .vote-for-objective .status-bar .no .indicator div,
*html #items .details  .status-bar .no .indicator div {
	background: transparent url(../../img/site/ie/no.gif) 0 0 no-repeat;
}

.vote-form .vote-for-objective .status-bar .no .indicator {
	background: #686868;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0A0A0', endColorstr='#686868');
	background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#686868));
	background: -moz-linear-gradient(top, #A0A0A0, #686868);
	border-right: 0;
}

.vote-form .vote-for-objective .status-bar .yes .line,
#items .details  .status-bar .yes .line,
.vote-form .vote-for-objective .status-bar .no .line,
#items .details  .status-bar .no .line {
	height: 14px;
	background: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7E7E7', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#E7E7E7), to(#FFFFFF));
	background: -moz-linear-gradient(top, #E7E7E7, #FFFFFF);
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	overflow: hidden;
}

.vote-form .vote-for-objective .status-bar .yes .line .fill,
#items .details  .status-bar .yes .line .fill,
.vote-form .vote-for-objective .status-bar .no .line .fill,
#items .details  .status-bar .no .line .fill {
	height: 14px;
	background: #4578B7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5FA0E6', endColorstr='#4578B7');
	background: -webkit-gradient(linear, left top, left bottom, from(#5FA0E6), to(#4578B7));
	background: -moz-linear-gradient(top, #5FA0E6, #4578B7);
}

.vote-form .vote-for-objective .status-bar .no .line .fill {
	background: #686868;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A0A0A0', endColorstr='#686868');
	background: -webkit-gradient(linear, left top, left bottom, from(#A0A0A0), to(#686868));
	background: -moz-linear-gradient(top, #A0A0A0, #686868);
}

.status-bar2 .tick {
	width: 50px;
	height: 35px;
	float: left;
	margin-top: 5px;
	background: transparent url(../../img/site/votes/yes-inactive.gif) 0 0 no-repeat;
}

.status-bar2 .tick.active {
	background: transparent url(../../img/site/votes/yes-active.gif) 0 0 no-repeat;
}

.status-bar2 .cross {
	width: 35px;
	height: 35px;
	float: right;
	margin-top: 5px;
	background: transparent url(../../img/site/votes/no-inactive.gif) 0 0 no-repeat;
}

.status-bar2 .cross.active {
	background: transparent url(../../img/site/votes/no-active.gif) 0 0 no-repeat;
}

.status-bar2 .data {
	padding: 5px;
	margin: 0 0 0 15px;
	background: #f2f2f2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	float: left;
	width: 100%;
	max-width: 260px;
}

.status-bar2 .data span {
	display: block;
	text-align: center;
	color: #4d87ce;
	font-weight: bold;
	font-size: 14px;
	padding-top: 3px;
}

.status-bar2 .line1 {
	height: 11px;
	background: #d45959;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d45959', endColorstr='#cc3333');
	background: -webkit-gradient(linear, left top, left bottom, from(#d45959), to(#cc3333));
	background: -moz-linear-gradient(top, #d45959, #cc3333);
}

.status-bar2 .line1 .fill {
	height: 11px;
	background: #6cb540;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb540', endColorstr='#669933');
	background: -webkit-gradient(linear, left top, left bottom, from(#6cb540), to(#669933));
	background: -moz-linear-gradient(top, #6cb540, #669933);
}

.status-bar2 .line2 {
	height: 3px;
	background: #fff;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.status-bar2 .line2 .fill {
	height: 3px;
	background: #5b99de;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b99de', endColorstr='#4d87ce');
	background: -webkit-gradient(linear, left top, left bottom, from(#5b99de), to(#4d87ce));
	background: -moz-linear-gradient(top, #5b99de, #4d87ce);
}

.vote-form .votes {
	width: 80px;
	height: 25px;
	margin: 0 auto;
	background: #CCCCCC;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5', endColorstr='#CCCCCC');
	background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#CCCCCC));
	background: -moz-linear-gradient(top, #E5E5E5, #CCCCCC);
	-moz-border-radiustopright: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radiustopleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	margin-bottom: -10px;
	position: relative;
	text-align: center;
}

.vote-form .votes .nonvoters {
	width: 15px;
	height: 8px;
	background: transparent url(../../img/site/general.png) 0 -141px no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -4px;
}

.vote-form .votes .next-vote {
	line-height: 25px;
	color: #4D87CE;
	font-size: 12px;
	text-decoration: none;
	background: transparent url(../../img/site/votes/arrows-right.png) right center no-repeat;
	padding-right: 15px;
}

.vote-form .votes .next-vote:hover {
	text-decoration: underline;
}

/*ITEMS*/
#items{
	margin-top: 2px;
}

/*Right hand panel*/
#items .items-background {
	position: relative;
	clear: left;
	float: left;
	width: 100%;
	overflow: hidden;
	background: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	/*border-top: none;*/
}
#items .details-background {
	float: left;
	width: 100%;
	/*position: relative;
	right: 50%;*/
	margin-left: -50%;
	/*background: #CCCCCC;*/
	background: #FFF;
	-moz-box-shadow: 2px 0 5px #A5A5AB;
	-webkit-box-shadow: 2px 0 5px #A5A5AB;
	box-shadow: 2px 0 5px #A5A5AB;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#A5A5AB', Direction=90, Strength=4);
	min-height: 400px;
}
*html #items .details-background {
	border-right: 2px solid #cccccc !important;
}
#items .white-background {
	background: #FFFFFF;
}
#items .items .box {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	overflow: hidden;
}
#items .details .close-window {
	display: block;
	width: 67px;
	height: 26px;
	background: transparent url(../../img/site/general.png) 0 -30px no-repeat;
	float: right;
}
#items .details .close-window:hover {
	background-position: 0 -470px;
}
*html #items .details .close-window:hover,
*html #items .details .close-window {
	background: transparent url(../../img/site/ie/close.gif) 0 0 no-repeat;
}
#items .details .edit-item {
	padding-right: 10px;
}
#items .details .edit-item .length-textarea {
	display: block;
	text-align: right;
	font-size: 12px;
	color: #999999;
	padding: 0 0 10px 0;
}
#items .details .edit-item textarea.text {
	width: 95%;
	padding: 10px;
	height: 150px;
	font-family: Arial;
	font-size: 14px;
	color: #333333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
#items .details .edit-item .status-bar {
	height: 15px;
	overflow: hidden;
	width: 80%;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7E7E7', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#E7E7E7), to(#FFFFFF));
	background: -moz-linear-gradient(top, #E7E7E7, #FFFFFF);
	float: left;
	margin: 7px 0 15px 0;
}
#items .details .edit-item .status-bar div {
	height: 15px;
	overflow: hidden;
	/*border: 1px solid #5592D9;*/
	background: #4578B7;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5FA0E6', endColorstr='#4578B7');
	background: -webkit-gradient(linear, left top, left bottom, from(#5FA0E6), to(#4578B7));
	background: -moz-linear-gradient(top, #5FA0E6, #4578B7);
}
#items .details .edit-item .status-rate {
	/*width: 10%;*/
	float: right;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 2%;
}
#items .details .edit-item .button,
.info-popup .button {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: #4070AA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61A3EB', endColorstr='#4070AA');
	background: -webkit-gradient(linear, left top, left bottom, from(#61A3EB), to(#4070AA));
	background: -moz-linear-gradient(top, #61A3EB, #4070AA);
	border: 1px solid #4D87CE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 15px;
	position: relative;
	cursor: pointer;
}
#items .details .edit-item .button.ok{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: #1D1D1D;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4949', endColorstr='#1D1D1D');
	background: -webkit-gradient(linear, left top, left bottom, from(#4A4949), to(#1D1D1D));
	background: -moz-linear-gradient(top, #4A4949, #1D1D1D);
	border: 1px solid #474747;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 15px;
	position: relative;
	cursor: pointer;
}
#items .details .edit-item .button:hover {
	color: #B0D7FF;
}

#items .details .edit-item .button.reset {
	background: #deedfe;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deedfe', endColorstr='#deedfe');
	color: #4d87ce;
	border: 1px solid #4d87ce;
}
#items .details .edit-item .button.cancel,
.info-popup .button.cancel {
	color: #4d87ce;
	text-decoration: underline;
	background: none;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF');
	border: 0;
}
#items .details .box {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	overflow: hidden;
}
#items .details .box {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	overflow: hidden;
}

/* Getting Started */
.continue {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 10px;
padding-left: 30px;
padding-right: 30px;

    font-size: 18px;
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
  font-family: Source Sans Pro; font-weight: 300;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-transform: none; 
    text-align: center; 
    background: #aaaaaa; 
    color: #ffffff;
}

.continue:hover {
background: #888888; 

}


.quicktour {
   display: block;
    height: 30px;
    line-height: 30px;
    padding: 10px;
padding-left: 30px;
padding-right: 30px;
    font-size: 18px;
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
  
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    text-transform: none; 
    text-align: center; 
font-family: Source Sans Pro; font-weight: 300;
    background: #096bd2; 
    color: #ffffff;
}

.quicktour:hover {
background: #0B7EF2; 

}
.participate {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 10px;
padding-left: 30px;
padding-right: 30px;
    font-size: 18px;
    text-decoration: none;
   -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-transform: none; 
    text-align: center; 
    font-family: Source Sans Pro; font-weight: 300;
    background: #3D9F22; 
    color: #ffffff;
}

.participate:hover {
	background: #318f14;
}

.tasks-incomplete {
    display: block;
    width: 250px;
    height: 100px;
    line-height: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 28px;
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    /*text-shadow:0 -1px 0 rgba(0,0,0,.5);*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-transform: none; 
    text-align: center; 
    background: #ff0000; 
    color: #ffffff;
    pointer-activities: none;
    cursor: default;
}

.tasks-incomplete a.exit-early {
    font-size: 20px;
    color: #ffffff;
}

.tasks-incomplete:hover {
    background: #dd0000;
}

.tasks-complete {
    display: none;
    width: 250px;
    height: 90px;
    line-height: 30px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 28px;
    text-decoration: none;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px;
    /*text-shadow:0 -1px 0 rgba(0,0,0,.5);*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-transform: none; 
    text-align: center; 
    background: #05c41c; 
    color: #ffffff;
    text-decoration: underline;
}

.tasks-complete:hover {
    background: #04dd1f;
}

.activities-completed {
    font-size: 20px; 
    font-weight: bold; 
    /*color: #999999;*/
    margin-top: 20px; 
    margin-bottom: 0px;
}

.tasks-status {
	margin-top: 30px;
}

.class-hide {
    display: none !important;
}

.central-panel {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid #cccccc;
    padding: 20px;
    padding-left: 7px;
    padding-right: 7px;
    background: #f3f3f3; 
}

.panel-activity {
    margin-top: 10px;
}

.panel-activity a {
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    background-color: #096bd2; 
    color: #ffffff;
    width: 125px;
    display: inline-block;
}

.panel-activity a.completed-activity {
    background: #096bd2 url(../../img/site/general.png) 0 -57px no-repeat;
}

.display-activity-1,
.display-activity-2,
.display-activity-3,
.display-activity-4 {
		float:left; 
		clear:left;
		border-radius: 4px;
		border: 1px solid transparent;
		width: 395px;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 5px;
		background: #dfdfdf;
}

.display-activity-1:hover,
.display-activity-2:hover,
.display-activity-3:hover,
.display-activity-4:hover {
		border: 1px solid #c0c0c0;
}

#items .details .box .available-actions {

}

#items .details .box .available-actions a {
	display: block;
	width: 120px;
	height: 68px;
	/*padding: 15px 10px 0 45px;*/
	line-height: 19px;
	position: relative;
	margin-right: 19px;
	/*float: left;*/
	color: #4d87ce;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#items .details .box .available-actions a.active-tick-1,
#items .details .box .available-actions a.active-tick-2,
#items .details .box .available-actions a.active-tick-3,
#items .details .box .available-actions a.active-tick-4 {
	color: #cccccc;
}

#items .details .box .available-actions a .help {
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	background: transparent url(../../img/site/help.gif) left top no-repeat;
	right: 3px;
	bottom: 3px;
	/*cursor: help;*/
}

.text-tip {
	/*display: block;*/
	width: 183px;
	padding: 16px 0 0 0;
	position: absolute;
	background: transparent url(../../img/site/tip.png) left top no-repeat;
	right: -84px;
	top: 14px;
	z-index: 1000;
	text-indent: 0;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	display: none;
}
.text-tip span {
	display: block;
	border: 1px solid #000000;
	background: #000000;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#111111');
	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#111111));
	background: -moz-linear-gradient(top, #444444, #111111);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
}
#items .details .box .available-actions a .help:hover .text-tip {
	display: block;
}

#items .details .box .available-actions a.vote-on-items {
	background: transparent url(../../img/site/dashboard/1_v02.png) left top no-repeat;
	margin-right: 20px;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#items .details .box .available-actions a.vote-on-edits {
	background: transparent url(../../img/site/dashboard/2_v02.png) left top no-repeat;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#items .details .box .available-actions a.suggest-an-edits {
	background: transparent url(../../img/site/dashboard/3_v02.png) left top no-repeat;
	margin-right: 20px;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#items .details .box .available-actions a.add-new-content {
	background: transparent url(../../img/site/dashboard/4_v02.png) left top no-repeat;
	border: 1px solid #DDD;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#items .details .box .available-actions a.vote-on-items.active-tick-1 {
	background: transparent url(../../img/site/dashboard/tick-1_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.vote-on-edits.active-tick-2 {
	background: transparent url(../../img/site/dashboard/tick-2_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.suggest-an-edits.active-tick-3 {
	background: transparent url(../../img/site/dashboard/tick-3_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.add-new-content.active-tick-4 {
	background: transparent url(../../img/site/dashboard/tick-4_v02.png) left top no-repeat;
}

#items .details .box .available-actions a.vote-on-items.image-section-1 {
	background: transparent url(../../img/site/dashboard/img1_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.vote-on-edits.image-section-2 {
	background: transparent url(../../img/site/dashboard/img2_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.suggest-an-edits.image-section-3 {
	background: transparent url(../../img/site/dashboard/img3_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.add-new-content.image-section-4 {
	background: transparent url(../../img/site/dashboard/img4_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.vote-on-items.image-section-1.active-tick-1 {
	background: transparent url(../../img/site/dashboard/tick-img1_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.vote-on-edits.image-section-2.active-tick-2 {
	background: transparent url(../../img/site/dashboard/tick-img2_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.suggest-an-edits.image-section-3.active-tick-3 {
	background: transparent url(../../img/site/dashboard/tick-img3_v02.png) left top no-repeat;
}
#items .details .box .available-actions a.add-new-content.image-section-4.active-tick-4 {
	background: transparent url(../../img/site/dashboard/tick-img4_v02.png) left top no-repeat;
}

#items .details .box .available-actions .title {
	color: #57556d; 
	font-size: 14px; 
	font-weight: bold; 
	padding-bottom: 5px;
}

#items .details .box .available-actions .instruction {
	color: #777777; 
	font-size: 13px;
}

#items .details .box #stats {

}

#items .details .box #stats .flash-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	background-color: #fce9a7;
}
#items .details .box #stats .flash-bg-container img {
	position: relative;
	z-index: 1;
}

#items .details .box #stats .contributors-edits,
#items .details .box #stats .rating-rank {
	font-size: 12px;
	padding: 0 3%;
	height: 45px;
	line-height: 45px;
	border: 1px solid #e5e5e5;
	background: #f2f2f2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#ffffff));
	background: -moz-linear-gradient(top, #f2f2f2, #ffffff);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#items .details .box #stats .rating-rank .view-rating,
#items .details .box #stats .rating-rank .view-rank {
	float: left;
}

#items .details .box #stats .rating-rank .view-rating {
	width: 50%;
	border-right: 1px solid #e5e5e5;
}

#items .details .box #stats .rating-rank .view-rating span {
	font-size: 20px;
	/*color: #333333;*/
	margin-left: 10px;
	/*background: #ffffff;*/
	/*border: 1px solid #e5e5e5;*/
	padding: 2px 5px;
}

#items .details .box #stats .rating-rank .view-rank {
	padding-left: 3%;
}

#items .details .box #stats .rating-rank .view-rank span {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	padding-left: 10px;
}

#items .details .box #stats .contributors-edits {
	height: 60px;
}

#items .details .box #stats .contributors-edits .view-contributors,
#items .details .box #stats .contributors-edits .view-votes,
#items .details .box #stats .contributors-edits .view-items,
#items .details .box #stats .contributors-edits .view-edits {
	float: left;
	border-right: 1px solid #e5e5e5;
	width: 24%;
	line-height: 30px;
}

#items .details .box #stats .contributors-edits .view-edits {
	border-right: 0;
}

#items .details .box #stats .contributors-edits .view-votes,
#items .details .box #stats .contributors-edits .view-items,
#items .details .box #stats .contributors-edits .view-edits {
	padding-left: 3%;
	width: 21%;
}

#items .details .box #stats .contributors-edits .view-contributors span,
#items .details .box #stats .contributors-edits .view-votes span,
#items .details .box #stats .contributors-edits .view-items span,
#items .details .box #stats .contributors-edits .view-edits span {
	font-size: 20px;
	color: #333333;
	display: block;
}

#items .details .box #stats .global span {
	display: block;
	width: 37%;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 12px;
	padding-left: 32px;
}

#items .details .box #stats .global span.start {
	background: transparent url(../../img/site/stats/start.gif) left top no-repeat;
	padding-left: 50px;
}

#items .details .box #stats .global span.end {
	background: transparent url(../../img/site/stats/end.gif) left top no-repeat;
	padding-left: 50px;
}

#items .details .box #stats .global span.elapsed {
	/*background: transparent url(../../img/site/stats/cal.gif) left top no-repeat;*/
}

#items .details .box #stats .global span.to-go {
	/*background: transparent url(../../img/site/stats/imp.gif) left top no-repeat;*/
}

#items .details .box .padding {
	padding: 25px;
}
.fancybox-inner .padding,
.mtr-popup .padding {
	padding: 25px 0;
}
#items .details .line-separator {
	height: 1px;
	background: #D5D5D8;
	position: relative;
	z-index: 1;
}
#items .details .tabs {
	/*overflow: hidden;
	padding: 0 0 0 21px;
	position: relative;
	bottom: -1px;
	z-index: 1;
	height: 25px;
	border-bottom: 1px solid #c0c0c0;*/
	/*overflow: auto;*/
	/*position: relative;*/
	padding: 3px 0 0 0px;
	height: 36px;
	/*border-bottom: 1px solid #c0c0c0;*/
}
#items .details .tabs li {
	float: left;
}
#items .details .tabs a {
	display: block;
	float: left;
	background: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee');
	background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee));
	background: -moz-linear-gradient(top, #dddddd, #eeeeee);
	border-top: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	/*
	-moz-border-radiusbottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radiusbottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	*/
	color: #4D87CE;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height: 30px;
	padding: 0 10px;
	margin: 0 4px;
	margin-top: 5px;
	z-index: 10;
}
#items .details .tabs a.active,
#items .details .tabs a:hover {
	background: #F2F2F2;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
	background: -moz-linear-gradient(top, #F2F2F2, #FFFFFF);
	border-bottom: 1px solid #ffffff;
}
#items .items .box .tabs-background,
#items .details .box .tabs-background {
	/*background: #DDDDDD;*/
	-moz-box-shadow: inset 2px 0 5px -2px #A5A5AB;
	-webkit-box-shadow: inset 2px 0 5px -2px #A5A5AB;
	box-shadow: inset 2px 0 5px -2px #A5A5AB;
}
#items .items .box .tabs,
#items .details .box .tabs {
	padding: 3px 0 0 10px;
	height: 25px;
	border-bottom: 1px solid #EEEEEE;
	/*background: #DDDDDD;*/
}

#items .items .box .tabs li,
#items .details .box .tabs li {
	float: left;
	padding-right: 1px;
}
#items .items .box .tabs li a,
#items .details .box .tabs li a {
	margin-top: 3px;
	float: left;
	display: block;
	height: 22px;
	line-height: 22px;
	background: #C3C3C3;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#DDDDDD');
	background: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), to(#DDDDDD));
	background: -moz-linear-gradient(top, #E4E4E4, #DDDDDD);
	padding: 0 10px;
	color: #748ab7;
	text-decoration: none;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radiusbottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radiusbottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-right: 1px solid #C3C3C3;
}
#items .items .box .tabs li a.active,
#items .items .box .tabs li a:hover,
#items .details .box .tabs li a.active,
#items .details .box .tabs li a:hover {
	background: #FFFFFF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
	background: -moz-linear-gradient(top, #F2F2F2, #FFFFFF);
	color: #666666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radiusbottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-radiusbottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
}

#items .items .box .listing {	background: #FFFFFF; min-height: 600px;}
#items .items .box .listing .padding {	padding: 10px 10px; }
#items .items .box .listing .padding-without-bottom { padding-bottom: 0; }
#items .items .box .listing .padding-without-top-bottom { padding-top: 0; padding-bottom: 0; }

#items .items .box .listing .dynamic-content {
	position: relative;
}

#items .items .box .listing .item {
	border-bottom: 1px solid #D5D5D8;
	text-decoration: none;
	display: block;
	position: relative;
}

#items .items .box .listing .item.rookie {
	background: transparent url(../../img/site/rookie.png) 0 0 no-repeat;
}

#items .items .box .listing .item:hover { background-color: #E8F2FD; }

#items .items .box .listing .item.hover { background-color: #E8F2FD; }
#items .items .box .listing .item span { display: block; cursor: pointer; }
#items .items .box .listing .item .data { overflow: hidden; }

#items .items .box .listing .item .order,
#items .details .box .listing .edits .rank .order {
	float: left;
	color: #cccccc;
	font-size: 24px;
	font-weight: bold;
	overflow: hidden;
	width: 50px;
	position: relative;
	text-align: center;
}

#items .items .box .listing .item .data span.p {
	line-height: 17px;
	padding: 3px 0;
	overflow: hidden;
}

#items .items .box .listing .item .data .stats {
	font-size: 12px;
	color: #c0c0c0;
	padding: 3px 0 0 0;
	line-height: 16px;
	/*color: #4d87ce;*/
}

#items .items .box .listing .item .data .stats .generations {
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
}

#items .items .box .listing .item .data .stats .pending {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

#items .items .box .listing .item .data .stats .edit {
	float: left;
}

#items .items .box .listing .item .data .stats .play {
	padding: 0px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	width: 150px;
	margin-bottom: 8px;
	float: left;
}

#items .items .box .listing .item .data .stats .view-detail {
	float: left;
	display: none;
	margin-left: 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #828282;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#items .items .box .listing .item .data .stats .view-detail:hover {
    text-decoration: underline;
    background: #000000;
}

#items .items .box .listing .item .data .stats .archive {
	float: left;
	display: none;
	margin-left: 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #828282;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#items .items .box .listing .item .data .stats .archive:hover {
    text-decoration: underline;
    background: #000000;
}

#items .items .box .listing .item .data .stats .restore{
	float: left;
	display: none;
	margin-left: 25px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #828282;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

#items .items .box .listing .item .data .stats .restore:hover {
    text-decoration: underline;
    background: #000000;
}

#items .items .box .listing .item.hover .data .stats .view-detail {
	display: inline-block;
}


#items .items .box .listing .item.hover .data .stats .archive {
	display: inline-block;
}

#items .items .box .listing .item.hover .data .stats .restore {
	display: inline-block;
}



#items .items .box .listing .item .data .stats abbr {
	color: #4D87CE;
	text-decoration: none;
	margin-right: 15px;
}

#items .items .box .listing .item a.edit {
	display: inline;
	padding-left: 20px;
	background: transparent url(../../img/site/general.png) 0 0 no-repeat;
	line-height: 16px;
	color: #4D87CE;
	text-decoration: none;
	margin-top: 5px;
	position: relative;

}
*html #items .items .box .listing .item a.edit {
	background: transparent url(../../img/site/ie/edit.gif) 0 0 no-repeat;

}
#items .items .box .listing .item a.edit:hover {
	text-decoration: underline;
}
#items .details .box .listing .legend{
	background: #FFFFF;
	padding: 10px 10px 0 10px;
	line-height: 15px;
	height: 25px;
	font-size: 13px;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}

#items .details .box .listing .legend span {
	display: block;
	float: left;

}
#items .details .box .listing .legend span span.value {
	color: #999999;
	font-size: 12px;
	padding-bottom: 10px;
}
#items .details .box .listing .legend span span.type {
	background: #FFFFFF;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 6px;
}
*html #items .details .box .listing .legend span span.type {
	margin-right: 6px;
}
#items .details .box .listing .username span.block.left span {
	display: block;
	width: 25px;
	height: 25px;
}

#items .details .box .listing .username span.c1,
.global_overall span.c1,
.global_content span.c1,
.global_voting span.c1,
.view-rating span.c1,
.global span.c1,
#items .details .box .listing .legend span.c1 span.type,
#items .details .box .listing .edits .edit span.c1 {
	background: #B2D2F5;
}
#items .details .box .listing .username span.c2,
.global_overall span.c2,
.global_content span.c2,
.global_voting span.c2,
.view-rating span.c2,
.global span.c2,
#items .details .box .listing .legend span.c2 span.type,
#items .details .box .listing .edits .edit span.c2 {
	background: #62A5ED;
}
#items .details .box .listing .username span.c3,
.global_overall span.c3,
.global_content span.c3,
.global_voting span.c3,
.view-rating span.c3,
.global span.c3,
#items .details .box .listing .legend span.c3 span.type,
#items .details .box .listing .edits .edit span.c3 {
	background: #6291C2;
}
#items .details .box .listing .username span.c4,
.global_overall span.c4,
.global_content span.c4,
.global_voting span.c4,
.view-rating span.c4,
.global span.c4,
#items .details .box .listing .legend span.c4 span.type,
#items .details .box .listing .edits .edit span.c4 {
	background: #3E6CA5;
}
#items .details .box .listing .username span.c5,
.global_overall span.c5,
.global_content span.c5,
.global_voting span.c5,
.view-rating span.c5,
.global span.c5,
#items .details .box .listing .legend span.c5 span.type,
#items .details .box .listing .edits .edit span.c5 {
	background: #FF9900;
}

#items .details .box .listing .legend span.c1 span.type,
#items .details .box .listing .edits .edit span.c1,
.view-rating span.c1,
.global span.c1,
#items .details .box .listing .legend span.c2 span.type,
#items .details .box .listing .edits .edit span.c2,
.view-rating span.c2,
.global span.c2,
#items .details .box .listing .legend span.c3 span.type,
#items .details .box .listing .edits .edit span.c3,
.view-rating span.c3,
.global span.c3,
#items .details .box .listing .legend span.c4 span.type,
#items .details .box .listing .edits .edit span.c4,
.view-rating span.c4,
.global span.c4,
#items .details .box .listing .legend span.c5 span.type,
#items .details .box .listing .edits .edit span.c5,
.view-rating span.c5,
.global span.c5 {
	color: #fff;
}

#items .details .box .listing .legend span.c1 span.type,
.view-rating span.c1,
.global span.c1,
#items .details .box .listing .edits .edit span.c1{
	color: #666666;
}

#items .details .box .listing .edits .edit  .rank,
#items .details .box .listing .edits .edit  .username,
#items .details .box .listing .edits .edit  .overall,
#items .details .box .listing .edits .edit  .content,
#items .details .box .listing .edits .edit  .separator,
#items .details .box .listing .edits .edit  .voting {
	height: 38px;
	line-height: 38px;
	overflow: hidden;
}

#items .details .box .listing .edits .edit  .rank { float: left; padding-left: 2%; width: 13%; border-bottom: 1px solid #F2F2F2; }
*html #items .details .box .listing .edits .edit  .rank { width: 12%; }
#items .details .box .listing .edits .edit  .username { float: left; width: 40%; border-bottom: 1px solid #F2F2F2; }
#items .details .box .listing .edits .edit  .overall { float: left; width: 70px; border-bottom: 1px solid #F2F2F2; }
#items .details .box .listing .edits .edit  .content { float: left; width: 70px; border-bottom: 1px solid #E5E5E5; }
#items .details .box .listing .edits .edit  .voting { float: left; padding-right: 2%; width: 70px; border-bottom: 1px solid #E5E5E5; }
#items .details .box .listing .edits .edit  .separator { float: left; width: 1%; background: #FFF; border-bottom: 1px solid #F2F2F2; }

#items .details .box .listing .edits .edit .username a  {
	display: block;
	padding-top: 7px;
	text-decoration: none;
}

#items .details .box .listing .edits .edit .username .name {

	float: left;
	display: block;
	text-decoration: none;
	color: #4D87CE;
	/*line-height: 25px;*/
	padding-left: 5px;

}
#items .details .box .listing .edits .edit .username:hover .name {
	text-decoration: none;
	color: #4D87CE;
}
#items .details .box .listing .edits .edit .overall .background,
#items .details .box .listing .edits .edit .voting .background,
#items .details .box .listing .edits .edit .content .background {
	height: 100%;
	padding: 5px;
}
#items .details .box .listing .edits .edit .overall .background {
	/*background-color: #474747;*/
	background-color: #FFFFFF;
}
#items .details .box .listing .edits .edit .content .background,
#items .details .box .listing .edits .edit .voting .background {
	background-color: #E5E5E5;
}
#items .details .box .listing .edits .edit .voting span,
#items .details .box .listing .edits .edit .content span,
#items .details .box .listing .edits .edit .overall span {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

#items .items .box .listing .blank-message {
	text-align: center;
	background: #999999;
	color: #ffffff;
	padding: 30px;
	padding-bottom: 60px;
	margin-top: 50px;
	margin-right: 30px;
	margin-left: 30px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	-khtml-border-radius: 13px;
	border-radius: 13px;
}

#items .items .box .listing .blank-add {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 22px;
	font-size: 18px;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

#items .details h6 { font-size: 24px; padding-bottom: 10px; }
#items .details h6.border-bottom { border-bottom: 2px solid #333; display: inline; padding-bottom: 0; margin-bottom: 10px; }
#items .details p { line-height: 17px; padding-bottom: 10px; }

#items .details p#original-content {
	padding-left: 30px;
	min-height: 25px;
	/*background: transparent url(../../img/site/live-version.png) no-repeat;*/
}
#items .details p.item-rank {
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
}
#items .details p.item-rank span {
	/*color: #4d87ce;*/
	text-decoration: none;
}

#items .details .status-bar .middle-column {
	width: 400px;
}

#items .details .box a.shortcut {
	display: block;
	height: 33px;
	line-height: 33px;
	margin-top: 10px;
	text-decoration: none;
	padding: 0 15px;
	background: #EEEEEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#EEEEEE');
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#EEEEEE));
	background: -moz-linear-gradient(top, #F5F5F5, #EEEEEE);
	color: #4D87CE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #E5E5E5;
	font-weight: bold;
}
#items .details .box a.opened.shortcut {
	height: auto;
	padding-right: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}
#items .details .box a.opened.shortcut .text {
	line-height: 17px;
	font-weight: normal;
	color: #333333;
}
#items .details .box a.opened.shortcut {
	color: #4D87CE;
}
#items .details .box a.shortcut:hover {
	color: #333333;
}
#items .details .box a.shortcut .arrow{
	display: block;
	width: 9px;
	height: 11px;
	background: transparent url(../../img/site/votes/arrows.png) no-repeat;
	float: right;
	margin-top: 12px;
	overflow: hidden;
}
#items .details .box a.opened.shortcut .arrow{background-position: left -11px;}
#items .details .box a.shortcut .arrow{background-position: left top;}

.completed-activity .activity-title:before {
	font-weight: normal;
	font-size: 22px;
	content: '✓ ';
	color: #4D87CE;
}

.incomplete-activity .activity-title:before {
	font-weight: normal;
	font-size: 22px;
	content: '✓ ';
	color: #DDDDDD;
}

.completed-activity .activity-subtext {
	display: block;
}

.incomplete-activity .activity-subtext {
	display: none;
}

/*EVOLUTION SLIDESHOW*/

.arrow-right {
	 width:0px;
  height:0px;
  border-bottom:5px solid transparent;  /* left arrow slant */
  border-top:5px solid transparent; /* right arrow slant */
  border-left:5px solid green;/* bottom, add background color here */
  font-size:0px;
  line-height:0px;
}

#slideshow {
    position:relative;
    height:300px;
    width:500px;
    padding: 50px;
    background-color: #F9F9F9;
    padding: 20px;
    margin-top: 30px;
    margin-left: 30px;
}

#slideshow #slide{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow #slide.active {
    z-index:10;
}

#slideshow #slide.last-active {
    z-index:9;
}

#slideshow #slide img {
border: 1px solid #AAA;
	background: #3e6ca5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a4ec', endColorstr='#3e6ca5');
	background: -webkit-gradient(linear, left top, left bottom, from(#61a4ec), to(#3e6ca5));
	background: -moz-linear-gradient(top, #61a4ec, #3e6ca5);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

/*DASHBOARD*/
.stats-title{
	margin-top: 15px;
	/*background: #4D87CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62A4EC', endColorstr='#4D87CE');
	background: -webkit-gradient(linear, left top, left bottom, from(#62A4EC), to(#4D87CE));
	background: -moz-linear-gradient(top, #62A4EC, #4D87CE);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 10px 5px 10px;*/
	font-size: 18px;
	cursor: pointer;
}

.contributors-icon,
.ideas-icon,
.edits-icon,
.votes-icon {
	 background-color: #ff734f;  
	 height: 65px; 
	 margin-bottom: 7px;
}

.contributors-icon-img {
	background:transparent url(//app.codigital.com/img/site/dashboard/contributors_icon.png) 0 0 no-repeat;
	width: 57px;
	height: 65px;
}

.ideas-icon-img {
	background:transparent url(//app.codigital.com/img/site/dashboard/ideas_icon.png) 0 0 no-repeat;
	width: 57px;
	height: 65px;
}

.edits-icon-img {
	background:transparent url(//app.codigital.com/img/site/dashboard/edits_icon.png) 0 0 no-repeat;
	width: 57px;
	height: 65px;
}

.votes-icon-img {
	background:transparent url(//app.codigital.com/img/site/dashboard/votes_icon.png) 0 0 no-repeat;
	width: 57px;
	height: 65px;
}

.summary-contribution {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	border-radius: 3px;
	background: #DDDDDD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE);
	border: 1px solid #dddddd;
	width: 380px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;	
	color: #666666;
}

#contributors {
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border:0px solid rgba(0,0,0, 0.2);
}

.contributors {
	box-shadow: 0 0 8px #ff734f;
    -webkit-box-shadow: 0 0 8px #ff734f;
    -moz-box-shadow: 0 0 #ff734f;
    border:1px solid #ff734f;
    color: #ff734f;
}

.stat-panel {
	padding: 5px; 
	padding-bottom: 0px; 
	height: 110px; 
	float: left; 
	margin-right: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius:3px;
	border-radius: 3px;
}


.stats-underline{
	margin-top: 2px;
	background: #4D87CE;
	border-radius: 5px;
	padding: 2px;
}

.general-message{
	margin-top: 15px;
	background: #4D87CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62A4EC', endColorstr='#4D87CE');
	background: -webkit-gradient(linear, left top, left bottom, from(#62A4EC), to(#4D87CE));
	background: -moz-linear-gradient(top, #62A4EC, #4D87CE);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 8px 3px 8px;
	font-size: 14px;
	cursor: pointer;
}

.general-notification-message{
	margin-top: 15px;
	background: #ffffff url(../../img/site/notification.gif) 5px 5px no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #4D87CE;
	padding: 5px 5px 5px 25px;
	font-size: 14px;
	font-weight: bold;
	color: #4D87CE;
	cursor: default;
}

.share-buttons{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: #4070AA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61A3EB', endColorstr='#4070AA');
	background: -webkit-gradient(linear, left top, left bottom, from(#61A3EB), to(#4070AA));
	background: -moz-linear-gradient(top, #61A3EB, #4070AA);
	border: 1px solid #4D87CE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 17px;
	position: relative;
	top: 5px;
	line-height:16px;


}

.rating {
	background: #FF9900;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 15px;
	margin: 0 13px 0 6px;
	padding: 3px;
}

.rating1 {
	background: #FFFFFF;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 200px;
	height: 10px;
	margin: 0 0 0 0;
	padding: 3px;
	color: #555555;
}

.rating2 {
	background: #62A5ED;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 3px;
	color: #ffffff;
}

.rating3 {
	background: #6291C2;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 3px;
	color: #ffffff;
}

.rating4 {
	background: #3E6CA5;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 3px;
	color: #ffffff;
}

.rating5 {
	background: #FF9900;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #CCCCCC;
	width: 300px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 3px;
	color: #ffffff;
}

/*GLOBAL FORM*/
.global-form fieldset {
	padding-bottom: 10px;
}
.global-form fieldset.latest {
	padding-bottom: 0;
}

.global-form label {
	display: block;
	float: left;
	width: 130px;
	line-height: 26px;
}

.global-form.change-password label {
	width: 180px;
}

.global-form .change-password {
	float: left;
	display: block;
	line-height: 26px;
	text-decoration: none;
	font-size: 12px;
	margin-left: 10px;
}
.global-form .change-password:hover {
	text-decoration: underline;
}

.global-form textarea.text,
.global-form input.text {
	float: left;
	border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-family: Arial;
    font-size: 14px;
    padding: 4px 10px;
    width: 35%;
	height: 16px;
}

.global-form textarea.text {
	height: 100px;
}

.global-form .notifications,
.global-form .facebook-profile,
.global-form .twitter-profile {
	overflow: hidden;
}

.global-form .notifications label {
	width: auto;
}

.global-form .notifications fieldset {
	padding-bottom: 0;
}

.global-form .notifications .checkbox {
	float: left;
	margin: 6px 5px 0 0;
}

.global-form .notifications .button {
	line-height: 30px;
	border: 1px solid #cccccc;
}

.global-form .notifications input.button{
	font-size: 18px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff4495e7,EndColorStr=#ff2b65ac);
	background-image:-moz-linear-gradient(top,#4495e7 0,#2b65ac 100%);
	background-image:-ms-linear-gradient(top,#4495e7 0,#2b65ac 100%);
	background-image:-o-linear-gradient(top,#4495e7 0,#2b65ac 100%);
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4495e7),color-stop(100%,#2b65ac));
	background-image:-webkit-linear-gradient(top,#4495e7 0,#2b65ac 100%);
	background-image:linear-gradient(to bottom,#4495e7 0,#2b65ac 100%);
	border: 1px solid #cccccc;
}


.global-form .facebook-profile a img,
.global-form .twitter-profile a img {
	float: left;
	margin: 0 10px 0 0;
}

.global-form .facebook-profile a img.avatar,
.global-form .twitter-profile a img.avatar {
	width: 48px;
	height: 48px;
}

.global-form .facebook-profile a,
.global-form .twitter-profile a {
	text-decoration: underline;
	font-size: 12px;

}

.global-form .facebook-profile a:hover,
.global-form .twitter-profile a:hover {
	text-decoration: none;
}

.global-form .button{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: #4070AA;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61A3EB', endColorstr='#4070AA');
	background: -webkit-gradient(linear, left top, left bottom, from(#61A3EB), to(#4070AA));
	background: -moz-linear-gradient(top, #61A3EB, #4070AA);
	border: 1px solid #4D87CE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 15px;
	position: relative;
	cursor: pointer;
}
.global-form .button.ok{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	background: #1D1D1D;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A4949', endColorstr='#1D1D1D');
	background: -webkit-gradient(linear, left top, left bottom, from(#4A4949), to(#1D1D1D));
	background: -moz-linear-gradient(top, #4A4949, #1D1D1D);
	border: 1px solid #474747;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 1px 15px;
	position: relative;
	cursor: pointer;
}
.global-form .button:hover {
	color: #B0D7FF;
}

/*FOOTER*/
#footer{
	height: 35px;
	line-height: 35px;
	font-size: 12px;
}

#footer span {
	color: #333333;
	display: block;
	float: left;
}

#footer ul, #footer ul li { float: right; }
#footer ul li { color: #414141; }

#footer ul li a {
	color: #cccccc;
	text-decoration: none;
	margin: 0 5px;
}

#footer ul li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*FANCYBOX*/
.box-more-info {
	width: 620px;
}

.popup-content {
	padding: 15px;
	color: #333333;
	font-size: 14px;
}

.popup-content a {
	color: #4d87ce;
	text-decoration: none;
}

.popup-content a:hover {
	color: #333333;
}

#box-vote-items,
#box-vote-edits {
	/*padding-top: 25px;*/
	width: 950px;
}

#box-vote-items .error,
#box-vote-edits .error {
	margin-top: 15px;
}

.fancybox-inner h1,
#box-more-info h1,
.mtr-popup h1,
.info-popup h1 {
	font-size: 24px;
	padding: 0 15px;
	color: #fff;
	line-height: 50px;
	background: #406ea5;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

#box-more-info a {
	color: #4D87CE;
	text-decoration: none;
}

#box-more-info a:hover {
	text-decoration: underline;
}

#wrapp .user-options .overflow ul,
#box-more-info ul,
#wrapp .user-options .overflow ol,
#box-more-info ol {
	padding: 0;
	float: none;
}

#wrapp .user-options .overflow ul li {list-style-type: disc;margin: 0 0 0 35px;float: none;}
#box-more-info ul li {list-style-type: disc;margin: 0 0 0 35px;float: none;}

#wrapp .user-options .overflow ol li {list-style-type: decimal;margin: 0 0 0 35px;float: none;}
#box-more-info ol li {list-style-type: decimal;margin: 0 0 0 35px;float: none;}

.tooltip {
	padding: 5px 10px;
	border: 1px solid #5a5881;
	background: #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana;
}

/*FANCYBOX*/
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url(../../img/site/fancybox/fancybox.png);
}

#fancybox-overlay {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}
* html #fancybox-overlay { /* IE6 */
  position: absolute !important;
}

.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        -moz-border-radius:10px 10px 10px 10px;
        border-radius:10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
}

.fancybox-inner {
        width: 0;
        height: 0;
        padding: 0;
        outline: none;
        position: relative;
        overflow: hidden;
        z-index: 1102;
        border: 0;
       /* -moz-border-radius:10px 10px 10px 10px;
        border-radius:10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;*/
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 67px;
	height: 26px;
	background: transparent url(../../img/site/general.png) 0 -30px no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

.fancybox-close {
    position: absolute;
    top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 2000;
    background-image: url(../../img/popup-sprite.png);
}

#fancybox-close:hover {
	background-position: 0 -470px;
}
#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url(../../img/site/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url(../../img/site/fancybox/fancybox.png);
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url(../../img/site/fancybox/fancybox.png);
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url(../../img/site/fancybox/fancybox-x.png);
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url(../../img/site/fancybox/fancybox.png);
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url(../../img/site/fancybox/fancybox-y.png);
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url(../../img/site/fancybox/fancybox.png);
	background-position: -40px -182px;
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url(../../img/site/fancybox/fancybox-x.png);
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url(../../img/site/fancybox/fancybox.png);
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url(../../img/site/fancybox/fancybox-y.png);
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url(../../img/site/fancybox/fancybox.png);
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url(../../img/site/fancybox/fancy_title_over.png);
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url(../../img/site/fancybox/fancybox.png) -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url(../../img/site/fancybox/fancybox-x.png) 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url(../../img/site/fancybox/fancybox.png) -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/site/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

#header{
	width:  100%;
}

#header .user-options ul li{
	padding-right: 15px;
	float: right;
	list-style: none;
}
#header .user-options ul li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	padding-left: 20px;
	display: block;
	line-height: 30px;
	background: transparent url(../../img/site/user-options/buttons.png) left center no-repeat;
}
#header .user-options ul li a:hover{
	color: #B0D7FF;
	text-decoration: underline;
}
#header .user-options ul li a.logged{background-position: left 0;}
#header .user-options ul li a.settings{background-position: left -30px;}
#header .user-options ul li a.faq{background-position: left -60px;}
#header .user-options ul li a.logout{background-position: left -90px;}
#header .user-options ul li a.logged:hover{background-position: left -120px;}
#header .user-options ul li a.settings:hover{background-position: left -150px;}
#header .user-options ul li a.faq:hover{background-position: left -180px;}
#header .user-options ul li a.logout:hover{background-position: left -210px;}

/*WRAPP*/


#wrapp .user-options h1 {
	color: #d5e3f0;
	font-size: 38px;
	line-height: 30px;
	padding: 5px 0 25px 0;
}

#wrapp .user-options h2 {
	color: #d5e3f0;
	font-size: 14px;
	line-height: 16px;
	padding: 5px 0 20px 0;
}

#wrapp .user-options p {
	padding: 5px 0;
	line-height: 17px;
	color: #FFFFFF;
}

#wrapp .user-options ul {
	padding-left: 30px;
	padding-top: 5px;
}

#wrapp .user-options ul li {
	padding-bottom: 2px;
}

form fieldset.infield {
	position: relative;
}
form fieldset.infield label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 0 0 12px;
	font-size: 18px;
	color: #ccc;
	cursor: text;
}

/* Show stuff on landing page only when registering or logging in or default */
.landing-register {
    display: none;
}

.landing-register.active {
    display: inline-block;
}

.landing-login {
    display: none;
}

.landing-login.active {
    display: inline-block;
}

.landing-default {
    display: none;
}

.landing-default.active {
    display: inline-block;
}

#wrapp .login-box,
.login-box.mtr-popup {
	width: 325px;
	float: right;
	margin-left: 5%;
}

.login-box.mtr-popup {
	float: none;
	margin-left: 0;
	background: #4d87ce !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#629adf), to(#4d87ce));
	background: -moz-linear-gradient(top, #629adf, #4d87ce);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#wrapp .login-box .background {
	background: #4d87ce;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#629adf', endColorstr='#4d87ce');
	background: -webkit-gradient(linear, left top, left bottom, from(#629adf), to(#4d87ce));
	background: -moz-linear-gradient(top, #629adf, #4d87ce);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#wrapp .login-box .error,
.login-box.mtr-popup .error {
	margin-top: 10px;
	background: #959595;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}

#wrapp .login-box .error a,
.login-box.mtr-popup .error a {
	color: #FFFFFF;
	text-decoration: none;
}

#wrapp .login-box .error a:hover,
.login-box.mtr-popup .error a:hover {
	text-decoration: underline;
}

#wrapp .login-box .error span,
.login-box.mtr-popup .error span {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
}

#wrapp .login-box .padding,
.login-box.mtr-popup .padding {
	padding: 10px;
	overflow: hidden;
}

#wrapp .login-box .login-title,
.login-box.mtr-popup .login-title {
	line-height: 29px;
	float: left;
	color: #ffffff;
	font-size: 24px;
}

#wrapp .login-box .login-icon,
.login-box.mtr-popup .login-icon {
	width: 29px;
	height: 29px;
	float: right;
	background: transparent url(../../img/site/login.png) 0 0 no-repeat;
}

*html #wrapp .login-box .login-icon,
*html .login-box.mtr-popup .login-icon {
	background: transparent url(../../img/site/ie/login.gif) 0 0 no-repeat;
}

#wrapp .login-box form,
.login-box.mtr-popup form {
	padding-bottom: 10px;
	width: 250px;
}

#wrapp .login-box form fieldset,
.login-box.mtr-popup form fieldset {
	padding-top: 10px;
}

#wrapp .login-box form .text,
.login-box.mtr-popup form .text {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	width: 90%;
	padding: 4px 11px;
	font-size: 18px;
	color: #333;
}

#wrapp .login-box form .text.active,
.login-box.mtr-popup form .text.active {
	color: #333333;
}

#wrapp .login-box form .left input,
.login-box.mtr-popup form .left input {
	float: left;
}

#wrapp .login-box form .left label,
.login-box.mtr-popup form .left label {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	float: left;
	padding-left: 4px;
}

#wrapp .login-box form .left a,
.login-box.mtr-popup form .left a {
	color: #FFFFFF;
	/*font-size: 12px;*/
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.login-box.mtr-popup form .left a {
	font-size: 12px;
}

#wrapp .login-box form .left a:hover,
.login-box.mtr-popup form .left a:hover {
	border-bottom: 0;
}

#wrapp .login-box form .right,
.login-box.mtr-popup form .right {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	padding-top: 3px;
}

#wrapp .login-box form .right label,
.login-box.mtr-popup form .right label {
	display: block;
	float: left;
	padding-left: 4px;
}

#wrapp .login-box form .right #notifications-settings,
.login-box.mtr-popup form .right #notifications-settings,
.login-box.mtr-popup form .right #keep-me-logged-in,
#wrapp .login-box form .right #keep-me-logged-in {
	float: left;
}

#wrapp .login-box form .button,
.login-box.mtr-popup form .button{
	color: #FFFFFF;
	font-size: 17px;
	text-decoration: none;
	background: #3e6ca5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a4ec', endColorstr='#3e6ca5');
	background: -webkit-gradient(linear, left top, left bottom, from(#61a4ec), to(#3e6ca5));
	background: -moz-linear-gradient(top, #61a4ec, #3e6ca5);
	border: 1px solid #3e6ca5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;
	cursor: pointer;
	float: right;
}

#wrapp .login-box form .button:hover,
.login-box.mtr-popup form .button:hover{
	background: #61a4ec;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e6ca5', endColorstr='#61a4ec');
	background: -webkit-gradient(linear, left top, left bottom, from(#3e6ca5), to(#61a4ec));
	background: -moz-linear-gradient(top, #3e6ca5, #61a4ec);
}

#wrapp .form-register form .button, #wrapp .form-facebook form .button,
.form-register.mtr-popup form .button, #wrapp .form-facebook form .button{
	background: #996600;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9800', endColorstr='#ce6800');
	background: -webkit-gradient(linear, left top, left bottom, from(#fe9800), to(#ce6800));
	background: -moz-linear-gradient(top, #fe9800, #ce6800);
	border: 1px solid #3e6ca5;
}

#wrapp .form-register form .button:hover, #wrapp .form-facebook form .button:hover,
.form-register.mtr-popup form .button:hover, #wrapp .form-facebook form .button:hover{
	background: #fe9800;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce6800', endColorstr='#fe9800');
	background: -webkit-gradient(linear, left top, left bottom, from(#ce6800), to(#fe9800));
	background: -moz-linear-gradient(top, #ce6800, #fe9800);
}

#wrapp .login-box .or,
.login-box.mtr-popup .or {
	width: 65px;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	background: #4D87CE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D87CE', endColorstr='#629ADF');
	background: -webkit-gradient(linear, left top, left bottom, from(#4D87CE), to(#629ADF));
	background: -moz-linear-gradient(top, #4D87CE, #629ADF);
	-moz-border-radiustopright: 50px;
	-webkit-border-top-right-radius: 50px;
	-khtml-border-top-right-radius: 50px;
	border-top-right-radius: 50px;
	-moz-border-radiustopleft: 50px;
	-webkit-border-top-left-radius: 50px;
	-khtml-border-top-left-radius: 50px;
	border-top-left-radius: 50px;
}

#wrapp .login-box .connect,
.login-box.mtr-popup .connect {
	background: #629ADF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

#wrapp .login-box .connect span,
.login-box.mtr-popup .connect span,
#wrapp .login-box .connect a,
.login-box.mtr-popup .connect a {
	display: block;
	float: left;
}

#wrapp .login-box .connect span,
.login-box.mtr-popup .connect span {
	color: #FFFFFF;
	font-size: 16px;
	padding-right: 10px;
	line-height: 35px;
}

#wrapp .login-box .connect .fb-connect, .login-box.mtr-popup .connect .fb-connect,
#wrapp .login-box .connect .twitter-signin, .login-box.mtr-popup .connect .twitter-signin {
	width: 36px;
	height: 35px;
	margin-right: 5px;
	background: transparent url(../../img/site/login.png) no-repeat;
}

#wrapp .login-box .connect .fb-connect, .login-box.mtr-popup .connect .fb-connect {
	background-position: 0 -30px;
}
#wrapp .login-box .connect .fb-connect:hover, .login-box.mtr-popup .connect .fb-connect:hover {
	background-position: 0 -65px;
}

#wrapp .login-box .connect .twitter-signin, .login-box.mtr-popup .connect .twitter-signin {
	background-position: -36px -30px;
}
#wrapp .login-box .connect .twitter-signin:hover, .login-box.mtr-popup .connect .twitter-signin:hover {
	background-position: -36px -65px;
}

#wrapp .login-box .separator,
.login-box.mtr-popup .separator {
	height: 1px;
	overflow: hidden;
	background: #2861A8;
	border-bottom: 1px solid #62A5ED;
}

#wrapp .login-box .fast-register {
	color: #ffffff;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	background: #3e6ca5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a4ec', endColorstr='#3e6ca5');
	background: -webkit-gradient(linear, left top, left bottom, from(#61a4ec), to(#3e6ca5));
	background: -moz-linear-gradient(top, #61a4ec, #3e6ca5);
	border: 1px solid #3e6ca5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;
	cursor: pointer;
	margin-top: 7px;
}

#wrapp .login-box .fast-register a {
    color: #ffffff;
}

#wrapp .login-box .single-sign-on {
	color: #ffffff;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	background: #3e6ca5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#61a4ec', endColorstr='#3e6ca5');
	background: -webkit-gradient(linear, left top, left bottom, from(#61a4ec), to(#3e6ca5));
	background: -moz-linear-gradient(top, #61a4ec, #3e6ca5);
	border: 1px solid #3e6ca5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 15px;
	cursor: pointer;
	margin-top: 7px;
}

#wrapp .login-box .single-sign-on a {
    color: #ffffff;
}

#wrapp .login-box .new-member,
.login-box.mtr-popup .new-member {
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
}

#wrapp.popup-login .new-member,
.login-box.mtr-popup .new-member {
	padding-top: 0;
	padding-bottom: 10px;
}

#wrapp .login-box .new-member a,
.login-box.mtr-popup .new-member a {
	color: #FFF;
}

#wrapp .login-box .error  .padding,
.login-box.mtr-popup .error  .padding {
	padding: 0;
}

/*   extra login box overrides */
#wrapp .login-box .background {
	background: #333333;

/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4073a7', endColorstr='#4073a7');
	background: -webkit-gradient(linear, left top, left bottom, from(#4073a7), to(#4073a7));
	background: -moz-linear-gradient(top, #4073a7, #4073a7);
*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#wrapp .login-box .login-title {
font-size: 17px;
}

#wrapp .login-box .login-label
, #wrapp .login-box .legal-notice{
color: #ffffff;
}

#wrapp .login-box .login-icon {
display: none;
}

#wrapp .login-box form div {
font-size: 10px;
}

/*  end of login box overrides */

select.notification-frequency {
	height: 26px;
	margin-left: 0.5em;
}

.item-details.tab-container {
	min-height: 120px;
}
.tab-reset {
	height: 120px;
}
.tab-original {
	height: 0px;
}
.fancybox-inner .pane-height-container,
.mtr-popup .pane-height-container {
	/*max-height: 400px;*/
	/*padding-right: 20px;*/
	overflow: auto;
}
img.image-item {
	border: 1px solid #777;
}
.popup-size {
/*	width: 512px;
	height: 420px;*/
}
.popup-size.popup-details {
/*	height: 740px;*/
}

.fancybox-inner .details > .padding,
.fancybox-inner .version-item,
.fancybox-inner div.edit-item,
.mtr-popup .details > .padding,
.mtr-popup .version-item,
.mtr-popup div.edit-item {
	padding-left: 20px;
	padding-right: 20px;
}
.fancybox-inner div.edit-item,
.mtr-popup div.edit-item {
	padding-bottom: 20px;
}

.keyboard-help {
	margin-left: 0.5em;
	float: left;
	font-size: 85%;
}


.mtr-popup {
	position: relative;
	background: #FFFFFF;
	border-radius: 4px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	z-index: 1000;

	display: block;
	position: absolute;
	top: 0;
}
.mtr-popup-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 2000;
	background-image: url(../../img/popup-sprite.png);
}
.mtr-popup-spinner {
	padding: 5px;
}
.mtr-popup-spinner .mtr-popup-spinner-container {
	width: 200px;
	height: 200px;
	margin: auto;
	position: relative;
}
.mtr-popup-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
}
.mtr-popup-overlay div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
}
*html .mtr-popup-overlay {
	position: absolute;
	height: 1000px;
}

.global-spinner .spinner-message {
	background: #AAAAAA;
	color: #FFFFFF;
	border-radius: 5px;
	padding: 5px 10px;
	position: absolute;
	top: 50%;
	margin-top: 35px;
	left: 50%;
	visibility: hidden;
	text-align: center;
}

.info-popup.padding {
	padding: 25px;
}
.suppress-popup {
	float: right;
}

#items-panel.listing .item .badge {
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0px;
	line-height: 20pt;
	height: 20pt;
	width: 20pt;
	text-align: center;
	color: #888888;;
	font-weight: bold;
	z-index: 500;
}
#items-panel.listing .item .item-flash-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
#items-panel.listing .item > span {
	position: relative;
	z-index: 100;
}
.refresh-spinner {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
}
.refresh-spinner .global-spinner .spinner {
	width: 100%;
	height: 100%;
	margin-top: -50%;
	margin-left: -50%;
}

#objective-stats-notifications .notification-dock {
	position: relative;
}

/****************************************************************************
*************   Responsive Menu**********************************************
***************************************************************************/

/* [ON BIG SCREEN] */
/* Wrapper */

#hamnav-wrapper {
	float: right;
	width: 100%;
}

#hamnav {
  width: 400px;
  background: #0d1117;
  float: right;
  /* Optional */
  position: relative;
  top: 0;
  z-index: 1000;
  position:absolute;
  top:20px;
  right:5px;
}

/* Hide Hamburger */
#hamnav label, #hamburger { display: none; float: right; margin-top: -55px; margin-right: 5px;}

/* Horizontal Menu Items */
#hamitems { display: flex; float: right;}
#hamitems a {
  width: 105px; /* 100% / 5 tabs = 20% */
  padding: 10px;
  color: white;
  text-decoration: none;
  text-align: right;
  font-size: 12px;
}
#hamitems a:hover {
  background: #401408;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 1000px){
  /* Show Hamburger Icon */
  #hamnav label { 
    display: inline-block; 
    color: white;
    background: #a02620;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100% !important;
    border-top: 1px solid #333;
    text-align: center;
  }
  
  #hamnav {
  	margin-top: 50px;
  	width: 100%;
  	right: 0px;
  }

/* Toggle Show/Hide Menu */
  #hamitems { display: none;}
  #hamnav input:checked ~ #hamitems { display: block; width: 100%;}
  
 #header .logo a {
  	display: none;
  }
  
  #header .logo {
  	width: 0px;
  }
  
  #header .logo.dashboard a {
  	display: block;
  }
  
  #header .logo.dashboard {
  	width: 140px;
  }
}

#header .logo.login a {
  	display: none;
  }


.top-bar-icon {
	background-color: #0000ff; 
	background-color: #096bd2;
	background-color: #1a73e8;
	/*background-color: #2c7eea;*/
	width: 40px; 
	height: 40px; 
	border-radius: 40px; 
	float: left; 
	text-align: center; 
	color: #ffffff; 
	line-height: 40px; 
	font-size: 20px;
	margin-right: 10px;
}

.top-bar-icon:hover {
	background-color: #ffffff; 
	width: 40px; 
	height: 40px; 
	border-radius: 40px; 
	float: left; 
	text-align: center; 
	color: #1a73e8; 
	line-height: 40px; 
	font-size: 20px;
}

.top-bar-icon-active {
	background-color: #ffffff; 
	width: 40px; 
	height: 40px; 
	border-radius: 40px; 
	float: left; 
	text-align: center; 
	color: #1a73e8; 
	line-height: 40px; 
	font-size: 20px;
	margin-right: 10px;
	border: 1px solid #ff0000;
}

.top-bar-icon-active:hover {
	background-color: #1a73e8; 
	width: 40px; 
	height: 40px; 
	border-radius: 40px; 
	float: left; 
	text-align: center; 
	color: #ffffff; 
	line-height: 40px; 
	font-size: 20px;
}



/****************************************************************************
*************   Mobile *****************************************************
***************************************************************************/

@media only screen and (max-width : 600px) {

.fluid-width {
min-width: 250px;
padding: 0px;
}


#wrapp .login-box .background {
padding: 0px;
}

.top-bar {
/*display: none;*/
}

#footer {
display: none;
}

#items .details .box {
display: none;
}

#items .items .box {
width: 100%;
}

#header .user-options {
min-width: 300px;
}

.mtr-popup {
position: fixed !important;
margin: 0px !important;
padding: 0px !important;
width: 100% !important;
max-width: 99% !important;
/*height: 100% !important;*/
min-height: 100vh !important;
left: 0px !important;
top: 1px !important;
/*box-sizing: border-box !important;*/
bottom:0 !important;
overflow-y:scroll !important;
overflow-x:hidden !important;
}


.mtr-popup h1 {
	max-width: 100%;
}

.mtr-popup h1 .quicktour{
	display: none;
}

.admin-charts {
	display: none;
}

.project-list td:nth-child(2) {
	width: 90% !important;
}

.project-list td:nth-child(3) {
	padding-right: 0px !important;
}

.project-list td:nth-child(4)
,.project-list td:nth-child(5)
,.project-list td:nth-child(6)
,.project-list td:nth-child(7)
,.project-list td:nth-child(8){
   display: none;
}


#box-vote-items,
#box-vote-edits {
	min-width: 300px;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}


.vote-form .vote-for-objective .choise-left, .vote-form .vote-for-objective .choise-right {
width: 100% !important;
padding: 0px !important;
}

.vote-form .vote-for-objective .choise-right {
margin-bottom: 50px !important;
}



.vote-outer {
padding: 20px;
background-color: #ffffff;
border-radius: 6px;
}

.vote-form .vote-for-objective {
background: #ffffff;
}


.vote-form .vote-for-objective .or-vote {
background: transparent url(../../img/site/general.png) 0 -391px no-repeat;
width: 73px;
height: 73px;
display: block;
left: auto;
margin-left: auto;
margin-right: auto;
position: relative;
clear: both;
}

.vote-form .vote-for-objective .next-vote-button {
background: transparent url(../../img/site/general.png) 0 -243px no-repeat;
width: 73px;
height: 73px;
display: block;
left: auto;
margin-left: auto;
margin-right: auto;
position: relative;
clear: both;
}

.vote-form .vote-for-objective .next-vote-button:hover {
	background-position: 0 -317px;
}

.vote-form .vote-for-objective .choise-left {
margin-bottom: 25px;
}

.mtr-popup #items {
max-width: 97%;
}

#items .details .edit-item p {
max-width: 97%;
}

.mtr-popup-close {
top: 1px;
right: 1px;
}


.vote-form .vote-for-objective .diff-button {
display: none;
}

.vote-form .vote-for-objective .choise-left a.edit.result, .vote-form .vote-for-objective .choise-right a.edit.result {
display: none;
}

.status-bar2 .data {
max-width: 60%;
}





#header .objective {
	padding: 0px;
	border: 0px !important;
}

#header .objective .edit {
	padding-right: 0px !important;
	/*padding-top: 0px !important;
	border-radius: 0px !important;*/
	box-shadow: none !important;
	/*margin-top: -20px;*/
}

#header .objective .edit h1 {
	margin-left: -6px;
	margin-right: 6px;
}

#header .objective .edit .title{
	display: none;
}


.days-to-go {
	display: none;
}

#header .user-options .control-buttons {
	margin-left: 7px;
}

#header .project-button
,#header .project-view a
,#header .project-settings a
,.your-dashboard
,.your-dashboard a  
,.client-dashboard
,.client-dashboard a { 
width: 130px !important;
font-size: 12px !important;
}

.your-dashboard
,.client-dashboard { 
margin-right: 0px !important;
}

#header .project-button
 { 
margin-left: 0px !important;
}

.your-dashboard
,.client-dashboard { 
width: 150px !important;
}

#header .objective .edit .short-stats {
	margin-right: 10px;
}



}

/****************************************************************************
*************   Desktop *****************************************************
***************************************************************************/


.vote-form .vote-for-objective .or-vote {
background-position: 0 -391px;
}

.vote-form .vote-for-objective .next-vote-button {
background-position: 0 -243px;
}

.vote-form .vote-for-objective .next-vote-button:hover {
	background-position: 0 -317px;
}



/****************************************************************************
*************   Tablets *****************************************************
***************************************************************************/

/*Tablets */
@media only screen and (max-width : 900px) {

.fluid-width {
min-width: 250px;
/*padding: 0px !important;*/
}

#box-vote-items,
#box-vote-edits {
	min-width: 300px;
	max-width: 500px;
}


.vote-form .vote-for-objective .choise-left, .vote-form .vote-for-objective .choise-right {
width: 100% !important;
padding: 0px !important;
}

.vote-outer {
padding: 20px;
background-color: #ffffff;
border-radius: 6px;
}

.vote-form .vote-for-objective {
background: #ffffff;
}


.vote-form .vote-for-objective .or-vote {
background: transparent url(../../img/site/general.png) 0 -391px no-repeat;
width: 73px;
height: 73px;
display: block;
left: auto;
margin-left: auto;
margin-right: auto;
position: relative;
clear: both;
}

.vote-form .vote-for-objective .next-vote-button {
background: transparent url(../../img/site/general.png) 0 -243px no-repeat;
width: 73px;
height: 73px;
display: block;
left: auto;
margin-left: auto;
margin-right: auto;
position: relative;
clear: both;
}

.vote-form .vote-for-objective .next-vote-button:hover {
	background-position: 0 -317px;
}

.vote-form .vote-for-objective .choise-left {
margin-bottom: 25px;
}

.mtr-popup #items {
max-width: 97%;
}

#items .details .edit-item p {
max-width: 97%;
}



.vote-form .vote-for-objective .diff-button {
display: none;
}

.vote-form .vote-for-objective .choise-left a.edit.result, .vote-form .vote-for-objective .choise-right a.edit.result {
display: none;
}

.status-bar2 .data {
max-width: 60%;
}

.status-bar2 {
max-width: 300px;
margin: 0 auto;
}


}