@CHARSET "UTF-8";

/* CSS for CONTEST elements */
.controls {
    position:relative;
    overflow:hidden;
	background: #787878;
	display:table;
	width:100%;
	margin-top:20px;
}
     .controls div { display: table-row; }
		 .controls div span { display: table-cell; vertical-align: middle; text-align: left; padding: 6px 2px 2px 11px;  overflow: hidden;}
		 .controls div span.right { text-align: right; }
	.controls button,
	.controls .label {  
		min-width: 24px;
		height: 24px;
		margin-right: 8px;
		/*float:left;*/
		display: inline-block;
		overflow:hidden;
	}
	.controls button {
		border:none;
		background: transparent url(/pub/img/contest_button_bg.png) no-repeat center bottom; 
		padding:0;
	}
	.controls button img {
		background: transparent url(/pub/img/contest_icons_sprite2.png) no-repeat left -287px;	
		padding: 24px 0 0 24px;
		width:0;
		height:0;
		opacity: 0.7;
    }	
        /*.controls button img { display: none; }*/
		.controls button:hover { background-position: center top;  }
		.controls button:hover  img { opacity:1;  }
		.controls button:active { position: relative; top: 1px;  outline: none; -moz-outline-style: none; }
			
			.controls button.shortlist img { background-position: left -239px; } 
			.controls button.wait img { background-position: left -191px; } 
			.controls button.garbage img { background-position: left -217px; } 
			.controls button.memsage img { background-position: left -217px; } 
			.controls button.comment img { background-position: left -144px; } 
			.controls button.user_delete img { background-position: left -48px; } 
			.controls button.block_work img { background-position: left -72px; } 
			.controls button.hide_work img { background-position: left -24px; } 
			.controls button.winner img { background-position: left -264px; } 
			.controls button.approved img { background-position: left -95px; } 
			.controls button.warning img { background-position: left -118px; } 
			.controls button.messages img { background-position: left -168px; } 
			.controls button.up img { background-position: 1px top; }
			.controls button.public img { background-position: left -313px; } 
			
	
	.controls .label {
		display: block;
		background: #fff url(/pub/img/buttons/buttons_sprite.png) no-repeat  -7px -6px;
		border: 1px solid #FFF;
	}
	.controls .label.shortlist { background-position: -368px -6px;}
	.controls .label.wait { background-position: -408px -6px;}
	.controls .label.garbage { background-position: -448px -6px;}
	
	
	.contest_info p { padding: 10px 10px 10px 30px; text-align: justify;  position: relative;}
	.contest_info .label {
	 	background: transparent url(/pub/img/contest_icons_sprite2.png) no-repeat left -287px; 
	 	width: 24px;
		height: 24px;
		position: absolute;
		top: 10px;
		left:0;
	} 
	.contest_info .shortlist { background-position: left -242px; }
	.contest_info .wait {  background-position: left -194px; }
	.contest_info .garbage {  background-position: left -219px; }
	.contest_info .messages {  background-position: left -169px; }
	.contest_info .warning {  background-position: left -122px; }
	.contest_info .comment {  background-position: left -147px; }
	.contest_info .user_delete {  background-position: left -50px; }		

.shortcard {
	padding:10px 0;
	margin: 5px 0 15px 0;
	border-bottom: 1px solid #e1e1e1;
}
	#page_content_center .shortcard h3 {
	 	font-size: 20px; 
		font-weight: normal;
		position: relative;
		overflow: hidden;
		display: table-row;
		width: auto;  
	}
		.shortcard h3 a{
				text-decoration: none;
				color: #000;
				line-height: 24px;
				max-width: 440px;
				display: table-cell;
				padding-bottom: 10px;
				padding-top:20px;
				text-align: justify;
			}
			.shortcard h3 a:hover { color:  #F25000; text-decoration: underline; } 
			.shortcard.silver h3 a:hover { color: #427fb8; }
			.shortcard.bronze h3 a:hover { color: #77b53a; }
		.shortcard h3 span {
				display: table-cell;
				min-width: 100px;
				padding-left: 10px;
				vertical-align: top;
				padding-top: 10px;
			}
			.shortcard h3 b
			{	
				display:block;
				height: 29px;
				max-width: 140px;
				text-align: center;
				overflow: hidden;
				color: #FFF;
				background:  #77b53a url(/pub/img/contest_bars.png) no-repeat left top;
				font-size: 14px;
				line-height: 23px;
				text-decoration: none;
				position: relative;
				float: left;
				padding: 0 10px;
				top: -6px;
				white-space: nowrap;
				text-shadow: #666 0 1px 1px;
			}
				/*.proj h2 b:after {content:' �';} */
				.shortcard h3 i { 
					background:  #77b53a url(/pub/img/contest_bars.png) no-repeat right top;
					height: 29px; 
					width: 10px;
					position: absolute;
					top:0;
					right:0;
				}
			.shortcard.silver h3 b { background-position: left -29px;  } 
			.shortcard.silver h3 i { background-position: right -29px;  }
			.shortcard.bronze h3 b { background-position: left -58px;  } 
			.shortcard.bronze h3 i { background-position: right -58px;  }  
	.card .phead { display: table; width: 100%; background: #f4f4f4 url(/pub/img/grad06.png) repeat-x bottom;  }
	.fullcard h3 { display: table-row; border-bottom:1px solid #c1c9cc; color: #328202;  }
		.fullcard h3 span { 
			display: table-cell; 
			vertical-align: middle; 
			text-align: left; 
			padding: 5px; 
			height: 30px; 
			
		}
			.fullcard h3 span span{ padding-left: 0
            }
			.fullcard h3 span.right { width: 100px; padding-right: 0;  }
		.card span.label {
			text-align: right;
			color: black;
			background:  transparent url(/pub/img/cntst_podlozhka.png) no-repeat left center;
			text-decoration: none;
			white-space: nowrap;
			/*text-shadow: #666 0px 1px 1px; */
			padding-right:5px;
			padding-left: 20px;
		}
		.card span.label b {
			background: url(/pub/img/contest_icons.png) no-repeat scroll left top transparent;
			line-height: 36px;
			padding: 3px 10px 3px 28px;
			font-weight: normal;
		}
			.card.silver .label b { background-position: left -20px;  }
			.card.bronze .label b { background-position: left -40px;  }
		
		/*.card span.label b { 
			
			padding-left: 10px; 
			background: url(/pub/img/contest_bars.png) no-repeat left top;
			height: 29px;
			display: block;
			line-height: 23px;
		}
		.silver .label { background-position: right -29px;  }
		.bronze .label { background-position: right -58px;  }
		.silver .label b { background-position: left -29px;  }
		.bronze .label b { background-position: left -58px;  }
		*/

	.card td { padding: 5px; }
	
	.card li { /*padding: 5px; border-bottom: 1px solid #eee; margin: 2px 0;*/ }
		.card li.works_filter {
			background: none repeat scroll 0 0 #FFFFFF;
			border-top: 2px solid #e0e2e5;
			font-size: 16px;
			margin: 10px -22px;
			padding: 20px 0;
			text-align: center;
		}
	.card .section { width: 680px !important; margin-left: -15px; margin-right: -15px; }

.card.shortcard ul { padding: 5px 0; overflow: hidden;  }
	.card.shortcard li { float: left; border: none;  padding:0; margin: 0; line-height: 18px; overflow: hidden; }
	.card.shortcard li.works { padding-right: 20px; }
	/*.card.shortcard li.pdata { float: none; } */
	.card.shortcard li.views { float: right; }
	.card.shortcard li.spec { float: none; padding-top: 5px; clear: both;}
	.card.shortcard .descr { line-height: 16px; padding-bottom: 5px;  }

		.works_filter a.status_1 { color:green; }
		.works_filter a.status_2 { color:orange; }
		.works_filter a.status_3 { color:red; }
		.works_filter a.status_4 { color:blue; }
			.works_filter.all .all,
			.works_filter.status_1 .status_1,
			.works_filter.status_2 .status_2,
			.works_filter.status_3 .status_3,
			.works_filter.status_4 .status_4
			{
				font-weight: bold;
				font-size: 24px;
			}
		.card .attach{ position: relative; padding-left: 170px; min-height: 50px;  }	
			.card .attach b { position: absolute; width: 155px; text-align: right; top: 5px; left:5px; }
			

table.filter { display: none; }
	

.contest_messages { margin: -12px -22px 0 -22px; }
	.contest_messages legend {
		background: #f4f4f4 url(/pub/img/grad06.png) repeat-x bottom; 
		color: #328202;
		width: 670px;
		line-height: 36px;
		padding: 0 10px;
		margin-bottom:20px;
	}
	.contest_messages div {
		margin:0 18px;
		padding:10px;
		border-left: solid 1px #e1e3e6;
		border-right: solid 1px #e1e3e6;
		border-top: 1px dotted #e1e3e6; 
		background-color: #FFF;
		text-indent: -25px;
		padding-left: 35px;
	}
		.contest_messages div img { vertical-align: top; margin-right: 5px;  }
		.contest_messages div:first-line { color: blue; padding-bottom: 2px;  }
		.contest_messages div:last-child { border-bottom: 1px dotted #e1e3e6;  }
		
		.contest_messages  div#admdis_chat {
			border: 1px solid #eee;
			background: #FFF;
			padding: 2px;
			margin: 10px; 
		}
		.contest_messages  div.admin {
			/*border-color: #CC3300;*/
			color:#660000;
			/*font-style: italic;*/
		}
#admdis_form { padding: 15px; }


.comment_txt,
.info {
	background-color: #f1f1f2;
	border: 2px solid #e0e2e5;
	padding:7px;
	color: black;	
}
	.comment_txt { margin-top:20px; margin-bottom: -20px; }
	.info { margin-top:-16px; margin-bottom: 16px; }
	.comment_txt div
	{
		border: 1px solid #e0e2e5;
		padding: 10px 10px 10px 30px;
		background: white url(/img/bubble.png) no-repeat 5px 10px;
	}
	.info div
	{
		border: 1px solid #e0e2e5;
		padding: 10px;
		background: white;
	}
	
	.comment_txt .c_inf { display: block; margin-bottom:5px;  }
		.c_inf.st1{ color: #328202; }
		.c_inf.st2{ color: orange; }
		.c_inf.st3{ color: #be3608; }
		.c_inf.st4{ color: red; }
	
.work_discussion_div { color: #333; margin-top: 10px; }
	.work_discussion_div .message {
	margin:10px 0;
	padding:5px;
	background: #f0f9ff;
	border-left-style: solid;
	border-left-width: 4px;
	}
		.employer {
			border-left-color: #0000FF;	
		}
		.user {
			border-left-color: #00FF33;
		}
		.admin {
			color: #660000;
			font-weight: bold;
			border-left-color: #FF0000;
		}
	
	.work_discussion_div .message.deleted { background-color:#FF6666; color: #666;} 

.float_filter {
	position:fixed;
	top:25%; 
	left:0;
	font-size: 11px; 
}
	.float_filter li {
		border:1px solid #ccc;
		border-left: none; 
		margin-bottom:5px;
		background-color: #eee;
		text-align: center;
		width: 7px;
		height:25px;
		overflow: hidden;
		text-indent: -9000px;
		border-width: 1px 1px 1px 0;
		-webkit-border-top-right-radius: .4em;
		-webkit-border-bottom-right-radius: .4em; 
		-moz-border-radius: 0 .4em .4em 0;
		border-top-right-radius: .4em;
		border-bottom-right-radius: .4em;
		
	}
	.float_filter li a { display: block; text-decoration: none; line-height: 24px; color: #FFF;  }
	.float_filter li.active { border-width: 1px 10px 1px 0; font-weight: bold;  }
	.float_filter li:hover { width: 110px; text-indent: 0;  }
	
	.float_filter li.all { border-color: #666; background-color: #666; }
	 
	.float_filter li.status_1 { border-color:green; background-color:green; }
		/*.float_filter li.status_1.active { background-color:green; }*/
	
	.float_filter li.status_2 { border-color:orange;  background-color:orange; }
	
	.float_filter li.status_3 { border-color: #F00; background-color:red;}
	
	.float_filter li.status_4 { border-color:blue; background-color:blue;  }
	
	.float_filter li.status_no_browse { border-color: #009900;  background-color: #009900; }


.rules { margin: 0 15px; }
	.rules .scroll { height: 200px; overflow:scroll; }
	.rules #rules_body { margin-top: 10px; padding: 5px;  } 
		 .rules p { padding: 5px; margin:0;  }
		 .rules li {
			padding: 2px 5px 2px 0;
			margin-left: 20px;
			list-style: disc;
		 }
		.rules table { width: 100%;  border-collapse:collapse; }
		.rules td { border: 1px solid #666; width: auto; padding: 5px; }
		.rules td p  { padding:0; margin:0; }
		.rules td br { display: none; }
		.rules #show_rules { float: right; font-size: 11px; color:#666666; }
		.rules #hide_rules { text-align: center; margin: auto; }
		.rules .scroll #hide_rules { display:none;  }
.pub_keys .title { margin-left: 10px; }
.pub_keys .freelance { clear: both; margin-bottom: 5px; margin-left: 20px; font-weight: bold; }

h3 span.projectToggle{
	padding-right: 0;
	padding-left: 15px;
    text-indent: -9000px;
    width: 24px;
	background: url(/pub/img/cntst_plus.png) no-repeat scroll right center transparent;
}
	
	.projectToggle.opener { background-image: url(/pub/img/cntst_minus.png);  } 
	
#page_content_right .button {
	min-width: 170px; 
	padding: 7px 15px;
	margin-bottom:7px;
	position:relative;
}

	#page_content_right .button img { position: absolute; top: 6px; right:6px; }

ol li {
	list-style:disc;

}

@-webkit-keyframes fancy-animation {     
	0% {
			opacity: 0;
	}
	100% {
			opacity: 1;
	}   
}
#page_content_right .user2work li  {
	overflow:hidden; 
	border-bottom: 1px solid #eee;
	margin: 2px 0;
	padding: 5px 0;
}
	.user2work .us_works {
		float: right;
		font-size: 14px;
		-webkit-animation: fancy-animation 3s ease;
	}
	
.contest_form {
	margin: 20px 0;
	background: #f1f1f2;
	color: black;
}
	.contest_form form { border: 2px solid #e0e2e5; }
	.contest_form h2 {
		color: #FFF;
		text-align: left;
		line-height: 24px;
		background: #7b7b7b;
		border-top: 1px solid #cdcdcd;
		border-bottom: 1px solid #6d7275;
		padding: 7px 20px;
	}
		.contest_form h2:first-letter {
			height: 22px;
			padding-left: 25px; 
			background: transparent url(/pub/img/contest_icons.png) left -60px no-repeat;
		}
	
	.contest_form table { margin: auto; text-align: left;  width: 100%; }
	.contest_form caption { color: #328202; font-weight: bold; padding: 10px 20px; text-align: left}
	.contest_form td { padding: 10px 5px;  vertical-align: middle; }
		.contest_form td:first-child { font-weight: bold; padding-left: 20px; }
			.contest_form td:first-child em{ font-weight: normal; font-style: normal; }
	
	.contest_form .input { width: 615px; } 
		.contest_form .input[type='text'] { border: 1px solid #cacaca; background: white url(//freelance.ru/img/grad-11.png) repeat-x top; height:20px; }
		.contest_form .input[type='file'] { color: red; ackground: #333; } 
	.contest_form select { max-width: 320px; }
	.contest_form .info { padding: 15px; text-align: center; background: #FFF; border: none; }
	#specInfo { padding: 10px 0; }
	#specInfo  table { font-weight: normal; width: 100%; }
	#specInfo caption { text-align: left;}
	#specInfo td { white-space:nowrap; vertical-align: top; line-height: 20px;  }
		.contest_form  #specInfo td:first-child { font-weight: normal; }
 	
	#specInfo td h4 { padding: 0 0 0 25px; margin-bottom: 2px;  background: transparent url(/pub/img/contest_icons.png) left top no-repeat; }
		#specInfo td:nth-child(1) h4 { background-position: left -40px; }
		#specInfo td:nth-child(2) h4 { background-position: left -20px; }
		#specInfo td:nth-child(3) h4 { background-position: left top }
	
	.pay_methods {
		border: 1px solid #e1e1e1;
		background: #FFF;
		padding: 5px 10px;
		margin: 5px 0;
		width: 595px;
	}
		.pay_methods label {
					width: 165px;
					height: 40px;
					display: inline-block;
					cursor: pointer;
		}
			.pay_methods label input { margin-top: 12px; }
			.pay_methods label span { display:none;  }
		.pay_methods label[for='payment_qiwi'] { background: url(//freelance.ru/img/shop/qiwi_88x31.gif) no-repeat 16px center; }
		.pay_methods label[for='payment_webmoney'] { background: url(//freelance.ru/img/shop/logo_webmoney.gif) no-repeat 24px center; }
	
	.contest_form iframe#cpf_target { margin: auto;  position: absolute; top: -9000px; }
	.contest_form .sumbit {
		text-align: center;
		margin: 20px 0;
	}
#project_fcart {
	padding: 20px;
	border: 2px solid #e0e2e5;
	background: #f1f1f2;
}
#project_fcart 	#contestTabs {
	margin: 10px; 
	margin-left: -19px; 
}
.button, 
#page_content_right button.button { margin: 15px auto; min-width: 245px;  }
#page_content_right button.button { padding-left: 0; padding-right: 0;   }


.pager_nav { margin: 15px 0; }
#contest_content h3 { color: black; }
	#contest_content h3 a { font-weight: normal;  }
		#contest_content h3 a[href$='status/1'] { font-weight: bold; color: #328202; padding: 0 3px; }
		#contest_content h3 a[href$='status/2'] { font-weight: bold; color: orange; padding: 0 3px; }
		#contest_content h3 a[href$='status/3'] { font-weight: bold; color: #be3608; padding: 0 3px; }
		#contest_content h3 a[href$='status/4'] { font-weight: bold; color: red; padding: 0 3px; }
span.kogda { padding-left: 15px; background: url(/img/chasiki2.png) left center no-repeat; }

.box {
	width: 242px;
	background: #f1f1f2;
	border: 2px solid #e0e2e5;
}
	.box.box2 { width: 208px; margin-left: auto; margin-right: auto;  }
	.box h2,
	.box h3 { 
		background: #777;
		margin: -3px -17px 7px -17px;
		padding: 7px 10px 7px 30px;
		color:  white;
	}
	.box .button { width: 214px; padding-bottom: 5px;  }
	a.button.white:hover { color:#606060; }
	.box.contest_info  { }
	/*#inf_1 { background: white;  }*/
	#inf_2 { margin-bottom: 10px;  }
	
.contest_labels a,
.contest_labels .no_browse, 
.contest_labels span {
	display:block;
	background: transparent url(/pub/img/contest_markers.png) -2px -75px no-repeat;	
	margin-bottom: 2px;
	padding-left: 17px;
}
	.contest_labels .no_browse { padding-left: 20px !important; color: #333; background-position: 0 -75px; }
	.contest_labels a[href$='status/1'] { background-position: -2px -21px; }
	.contest_labels a[href$='status/2'] { background-position: -2px -40px; }
	.contest_labels a[href$='status/3'] { background-position: -2px -57px; }
	.contest_labels a[href$='status/4'] { background-position: -2px -2px; }
	/*.contest_labels a[href$='status/no_browse'] { background-position: -2px -75px; } */
	.contest_labels a[href$='status/no_status'] { background-position: -2px -92px; }
	.contest_labels span{ background-position: -2px -112px; }
	
#page_content_right ul { margin-left: 0; }

.knopka {
	background: #e5e6e8 url(/pub/img/contest_buttons_bg.png) no-repeat center center; 
	width:260px;
	height: 40px;
	position: relative;
	overflow: hidden;
	margin: 4px 0 4px -8px;
	cursor: pointer;
}
	.knopka.kn_black, .knopka.kn_black:hover { background-position: center bottom; background-color: #939292; }
	.knopka:hover { 	background-position: center top; }
	.knopka a {
		border: none;
		background: transparent url(/pub/img/ws_button_ico.png) no-repeat -5px -5px;
		height: 40px;
		width: 225px;
		color: black !important;
		padding-left: 35px;
		text-align: left;
		display:block;
		line-height:40px;
	}
	.knopka button {
		border: none;
		background: transparent url(/pub/img/ws_button_ico.png) no-repeat -5px -5px;
		height: 100%;
		width: 100%;
		max-width: 100%;
		color: black;
		padding-left: 35px;
		text-align: left;
		cursor: pointer;
	}
		.knopka.kn_black button { color: white; }
		.knopka a:hover, .knopka button:hover { background-position: -5px -55px;  text-decoration: none; }
		.knopka a:active, .knopka button:active { top: 1px;  position:relative; }
		
		.knopka a[rel='ask_moder'] { background-position: -5px -454px;  }
		.knopka a[rel='ask_moder']:hover { background-position: -5px -504px;  }
		.knopka button[rel='ask_moder'] { background-position: -5px -454px;  }
		.knopka button[rel='ask_moder']:hover { background-position: -5px -504px;  }
		.knopka button[rel='faq'] { background-position: -5px -354px;  }
		.knopka button[rel='faq']:hover { background-position: -5px -404px;  }
		.knopka button[rel='add_work'] { background-position: -5px -852px;  }
		.knopka button[rel='add_work']:hover { background-position: -5px -902px;  }
		#admdis_but { background-position: -5px -953px;  }
		#admdis_but:hover { background-position: -5px -1004px;  }
		.knopka a[rel='contest_subscribe'] { background-position: -5px -605px;  }
		
.work_add_form {
	padding: 20px;
	border: 2px solid #E0E2E5;
	background: #F1F1F2;
}

	.work_add_form h3 {
		background: #F4F4F4 url(/pub/img/grad06.png) repeat-x bottom;
		padding: 15px 20px;
		line-height: 18px;
		color: #328202;
		margin: -22px;
		border-bottom: 1px solid #c2c8cc;	
		border-left: 1px #e8e9ea;
		border-right: 1px #e8e9ea;
	}
	.work_add_form label, .work_add_form legend { color: #328202; font-weight: bold; }
	.work_add_form textarea { width: 640px; margin: 5px auto 15px auto;  }
	.wa_info { color: black; }
		.wa_info strong { color: #be3608; }
	.add_file  { width: 650px; overflow: hidden;}
	
.cent_buttons {  text-align: center; margin-top: 10px; }
.cent_buttons .knopka {  margin: 5px auto;  }
.cent_buttons button { float: none; display: block; margin: auto; }

.userinfo { margin-bottom: 16px; }

.quest h3 { margin-top: 10px; }
.quest .comment_txt {
	margin-top: -11px;
	margin-bottom: 25px;
}

/* last winners */
.top10 { 
	margin: 25px auto 0 auto; 
	font-weight: bold; 
	width: 243px;
 }
	.top10 h3 
	{
		background: #777;
		margin: 0;
		padding: 7px 10px;
		color: white;
	}
.top10 ol,
.top10 ol li {
	margin:0;
	padding:0;
	list-style:none;
}
	#page_content_right .top10 li { padding:0; }
	.top10 h2 { color: #000; }
	.top10 li a {
		position: relative;
		display: block;	
		height: 38px;
		background: #999999 url(/img/top10_bg.png) no-repeat left top;
		margin-bottom: 1px;
		color: #FFF;
		text-decoration: none;
		border: 1px solid #6b6b6b; 
	}
		.top10 li a:hover { background-image: none; background-color: #6b6b6b; color: #FFF !important; } 
		.top10 li img { 
			width: 30px; height: 30px; float: left; margin:4px 16px 4px 4px;
			background: #999999 url(/img/top10_bg.png) no-repeat -4px -4px;
		}
		.top10 li.first a {
			background-position: left -76px; 
			background-color: #7ab73f;
			border-color: #6ba334; 
		} 
			.top10 li.first a:hover  { background-image: none; background-color: #6ba334; }  
	.top10 span { padding: 3px 0 2px 0; display: block;  }
		.top10 a:hover span { text-decoration: underline; }
	.top10 em  {
		font-weight:normal;
		font-size: 11px;
		font-style: normal;
		color: #FFF !important;
	}