/* Форма редактирования работы в портфолио */

#work_editor
{
	padding: 10px;
	margin: 5px 2px;
}
#work_editor input 
{
	font-size: 14px;
	margin: 5px 2px;
}

#work_editor h3
{
	color: #690;
	font-size: 16px;
	margin-bottom: 20px;
}
#work_editor label
{
	font-weight: bold;
}
#work_editor img
{
	border: 0;
}
#work_editor #title,
#work_editor #spec,
#work_editor #link
{
	width: 400px;
}
#work_editor #descr
{
	width: 98%;
	height: 120px;
}

#work_editor #price
{
	width: 50px;
	text-align: right;
}
	#work_editor .big_img { 
		width: 100%;  
		min-height: 10px;
		max-height: 400px; 
		background: no-repeat left center; 
		border: 1px solid #eee; 
		overflow: auto; 
	} 


/* Специализация в портфолио, включает работы */
.pf_h, 
.about_h {
	padding: 5px;
	margin: 20px 0 0 0;
	font-size: 20px;
	font-weight: normal;
	clear: both;
}
	
.pf_spec_short .second_rows {
	display: none;
}
	.pf_spec .show_all,
	.pf_spec.pf_spec_short .hide_all { display: none; }
	.pf_spec .hide_all,
	.pf_spec.pf_spec_short .show_all {  clear:both; display:block; padding: 5px 10px; text-align: right; }
	
.pf_spec_head 
{
	margin: 10px 0 0 0;
	padding: 0 5px;
	border: 1px solid #e1e1e1;
	position: relative;
	display:block;
	min-height: 30px;
	overflow: hidden;
}
	.pf_spec_head h2
	{
		padding:0;
		margin:0;
		line-height: 28px;
		font-size:16px;
		font-weight: normal;	
	}
	.pf_spec_head a { text-decoration: none; }
	.pf_spec_head a:hover { text-decoration: underline; }
	.pf_spec_head .blink
	{
		position:absolute;
		top:0px;
		right: -4px;
		width:200px;
		height: 40px;
		 background: url(/img/pf_blink_bg.png) no-repeat right top;
	}
		.pf_spec_head .blink p { float: left; padding:4px 10px 4px 90px; line-height:20px;}		
		.pf_spec_head .blink a {
			text-decoration:none;
			float:right;		
		}
		.pf_spec_head .blink a i { display: none; }
		.pf_spec_head .blink a span {
			width: 20px; 
			height:20px;  
			display:block;
			margin-right: 10px;
			margin-top:5px;	
		}
		.pf_spec_head .blink a .show_it { background: url(/img/nav_down.png) no-repeat center center; }
		.pf_spec_head .blink a .hide_it {  background: url(/img/nav_up.png) no-repeat center center; }

.pf_spec
{
	border: 1px solid #e1e1e1;
	border-top: none;
}		
.pf_spec .work_box img,
.pf_spec .work_line img
{
	border: 0;
}
.pf_spec .properties
{
	margin: 3px;
	padding: 3px;
	margin-bottom: 10px;
	background-color: #fafffa;
	border: 1px dotted #aaa;
}

#spec_editor,
#spec_editor table
{
	width: 100%;
}

#spec_editor td { padding: 10px; border-bottom: 1px solid #e1e1e1; }


#spec_editor #expirience
{
	width: 50px;
	text-align: right;
}
#spec_editor #descr
{
	width: 98%;
	height: 150px;
}

#spec_editor input[type=submit] { display: block; margin: 10px auto; }
/* просмотр работ */
.work_row { 
	display:table-row;
}
.work_box {
	display:table-cell;
	padding:5px 0 10px 0;
	min-width:240px;
	text-align: center;
	border-right: 1px dotted #e1e1e1;
	border-bottom: 1px dotted #e1e1e1;
	vertical-align: top;
	min-height: 90px;
}
	.work_box:last-child { border-right:none; }
	.work_box .rate {
		width: 150px;
		margin: 3px auto;
		text-align: center;
		font-weight: bold;
		position: relative;
		border: 1px solid #CCC;
		text-align: left;
		padding: 0px;
		height:14px;
	}
		.work_box .rate img {
			height: 14px;
		}
		.work_box .rate span {
			width: 150px;
			position: absolute;
			top:0;
			left:0;
			text-align: center;
			font-size: 10px;
			background: transparent;
		}
	.work_box h3 {
		text-align: center;
		font-size: 12px;
		line-height: 13px;
		margin-bottom: 3px;
	}
		.work_box h3 a {text-decoration:none}}
	.work_line ul li,
	.work_box ul li {
		display: inline;
		margin: 3px;
	}
		.work_box ul li.note {  padding-top:3px; color:#666666; }
		.work_box li a {
			border: 1px solid #E1E1E1;
			display: block;
			margin: 5px auto;
			width: 95px;
		}
		.work_box li a img { margin: 2px;  }
		.work_box div { max-width: 200px; margin: auto; padding-top: 5px;  font-size:11px;  }

/* WORK VIEW */
#work_review {
	margin: 3px;
}

#work_review h3 {
	color: #690;
	margin: 5px 0;
	clear:both;
	padding-top: 5px;
}
	#work_review h1 { margin: 20px 0; }
		#work_review h1:before { content: "название работы: ";  }

#work_review #nav {
	border: 0;
	margin: 15px 0;
	width: 100%;
	color: #DDD;
	padding: 5px 10px;
}
	#prev, #all, #next { border-top: 1px solid #e1e1e1; padding-top: 10px;  } 

#work_review #nav #prev {
	width: 33%;
	text-align: left;
}
#work_review #nav #prev a {
	background: url(/img/blue_prev.gif) no-repeat left center; 
	padding-left: 9px;
}

#work_review #nav #all {
	width: 33%;
	text-align: center;
}

#work_review #nav #next {
	width: 33%;
	text-align: right;
}
#work_review #nav #next a {
	background: url(/img/blue_next.gif) no-repeat right center; 
	padding-right: 9px;
}

#work_review a img {
	border: 0;
}

#work_review #img_div {
	margin: 0;
	text-align: center;
	margin-top:5px ;
	overflow:hidden;
	padding-top: 15px;
	border-top: 1px solid #e1e1e1;
	clear: both;
}
	#work_review #img_div div.resized { position:relative;  margin:auto; }
	#work_review #img_div a { text-decoration: none; }
	#work_review #img_div span {
	color:#000;
	font-size: 11px;
	font-weight: normal;
	display: block;
	position: absolute;
	top: 4px;
	right: 8px;
	text-align: right;
	background: url(/img/gray50.png);
	padding:1px 5px;
	}
	#work_review #img_div a:hover span {
		color: #FFF;
	}
	#work_review .for_sale {
		float:right;
		min-width:120px;
		max-width:300px;
		background: #eee;
		padding:10px;
		border-bottom:2px solid #ccc;
		border-right:1px solid #ccc;
		text-align: center;
	}
		#work_review .for_sale .price {
			padding-top:5px;
			font-size: 12px;
			font-weight: bold;
		}
	#work_review div { line-height: 20px;}
	#work_review .descr {
		padding: 5px 0;
		color: #333;
		border-top: 1px solid #e1e1e1;
		margin-top: 5px;
	}
#rates {
	margin: 10px auto;
	width: 100%;
	border-collapse: collapse;	
}

#rates caption {
	margin: auto;
	width: 80%;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	font-size: 14px;
	background: transparent;
}

#rates th, #rates td {
	margin: 0;
	padding: 5px;
	border: 1px solid #e1e1e1;
}

#rates tr th {
	background: #e1e1e1;
	text-align: center;
	font-weight:normal;
}
#rates tr:hover td { background-color: #fafffa; }
#rates td { vertical-align: middle; }
#rates td:first-child { color: #000; width: 300px;  }

#rates td.ava img { margin-right:5px; vertical-align:middle; }
#rates td.ava a { color: #666; }


.other_rates {
	overflow: hidden;
	border: 1px solid #e1e1e1;
	padding: 5px 0;
	margin: 5px 0;
}
	.other_rates li {
		display:block;
		float:left;
		white-space: nowrap;
		padding: 2px 5px;
	}
#rate_form {
	margin: auto;
	width: 300px;
	text-align: center;
}

#rate_form table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fafffa;
	border: 1px dashed #339000;
}

#rate_form table caption {
	font-weight: bold;
	font-size: 15px;
}

#rate_form table td{
	margin: 0;
	padding: 1px 3px;
	text-align: left;
}

#rate_form #comment {
	width: 100%;
}

#pfSpecSort
{
	margin: auto;
	width: 600px;
}
	#pfSpecSort div div
	{
		border: 1px solid gray;
		margin: 5px 0px 15px 0px;
		overflow:hidden;
	}
		#pfSpecSort div div p {
			padding: 5px;
			float:left;
		}
		#pfSpecSort div div a {
			background: #99CC99;
			border-left: 1px solid gray;
			float: right;
			height: 16px;
			margin-left: 2px;
			padding: 5px 10px;
		}
#specListBody 
{
	font-size: 120%;
}
a#displayLink {
	display:block;
	padding: 2px 5px;
	text-align: center;
	width: 220px;
	margin:17px auto;
}
div#spec_nav {
	height:21px;
	padding-top:1px;
}
.pf_spec_nav {
	padding:10px 10px;
	border-bottom: 1px dotted #e1e1e1;
	overflow: hidden;
}
	.pf_spec_nav li a {
		display: block;
		float:left;
		padding: 2px 10px;
		border:1px solid #e1e1e1;
		margin-right: 10px;
	}
	
.pfolio_view .userinfo { float:none;}

.note { font-size: 10px; }


.pub_keys { 
	float: right;
	border-right: 5px solid #FFF;
}
.pfolio_view .pub_keys {
	margin-right: 2px;
	margin-top: -30px;
}
#flashcontent { margin: 15px 0; text-align: center; color: #999999; }
#flashcontent p { text-align:center; line-height:20px; }
#flashcontent embed { margin: 0 auto;  background: #FFF;}	

.visitors {
	overflow: hidden;
}
	.visitors a { display: block; float:left; }
	.visitors span { display:none; }
.abuse {
	text-align: center;
	padding-bottom: 5px;
	display: block;
	width: 140px;
	margin: auto;
}
#col_2 .right_banner {
	/*margin-top: 0; */
	margin-bottom: 10px;
}
#work_purchase_req_div { text-align: center; }
#work_purchase_req_div  label { display:block; padding: 3px; }
	#work_purchase_req_div  label  span{ display:block; padding-top: 3px; }