@import url("/css/userinfo.css");

/* LASTIK */
*, html,body,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td {
	margin:0;
	padding:0;
	list-style: none;
}
input { padding-left: 2px; } /* for opera */

/* COMMON HTML TAGS */
a { text-decoration: underline; }
a,a:visited { color: #333; }

a:hover { 
	color: #ff4d00;
	text-decoration: underline;
}
a img { border:none; }
body {
  background-color: #FFF; /*#d5e8c9;*/
  /*background-image: url(/img/bodyBg.gif);*/
  text-align: center;
  position:relative;
  padding: 10px 0px;
  

}
body,table,input,textarea,select {
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
}
h1, h2, h3, h4
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: black;
}
h1, h2
{
	font-size: 18px;
	margin-bottom: 15px;
}
h3,h4 {
	font-size:14px;
}
caption, caption a {
	color:#000000;
	font-size: 18px;
	letter-spacing: 0pt;
	padding:5px;
}

/* COMMON DESIGN ELEMENTS */
.clear {
  clear: both;
  font-size:0;
}
.center { text-align:center; margin-left: auto; margin-right: auto; }
.mainDocument {
  margin: 0px auto;
  width: 999px;
}
#header { }
	#header .wrap{
		margin: 5px auto;
		position:relative;
		background: #FFFFFF; /* url(/img/newhead.jpg) no-repeat center center;*/
		height: 160px;
		padding-top:0px;
		
	}
	#header .logo {
		float: left;
	}
		#header a.logo  {
			display: block;
			width: 160px;
			height: 160px;
			margin-left: 30px;	
			background: url(/img/logo160.gif) no-repeat center center;
		}
		#header a.logo h1 {
			font-size: 9px;
			text-indent: -9000px;
		}
		#header ul.more_links {
				position:absolute;
				top:-5px;
				right:10px;
			}
				#header ul.more_links li{ display: inline; padding:5px 10px; }
			
.statusCloud {}		
#tooltip {
	display:block;
	width:150px;
	position:absolute;
	top:15px;
	left:190px;
	overflow:hidden;
	background: url(/img/speak2.png) no-repeat left 15px;
	padding-left: 20px;
}
* html #tooltip { background: none; }
	#tooltip.ruondedBlock10 .r1, 
	#tooltip.ruondedBlock10 .r2, 
	#tooltip.ruondedBlock10 .r3,
	#tooltip.ruondedBlock10 .r4,
	#tooltip.ruondedBlock10 .s1,
	#tooltip.ruondedBlock10 .s2 {
	  background-image: url(/img/cloudSprite.png);
	}
	#tooltip p,
	#tooltip a {
		font-weight: normal;
		background: #83D100;		 
	}
	#tooltip p {
		line-height:18px;
		min-height: 20px; 
	}
	#tooltip p {
		padding: 2px;
	}
	#tooltip a { text-decoration:underline; color:#FFF; }

	.login_top {
		position: absolute;
		top:61px;
		left:215px;	
		text-align:right;
	}
	.login_top label {
	  display: block;
	  font-family: Verdana;
	  font-size: 10px;
	  color: #666; 
	}
	.login_top span {
		display:block;
		padding: 0;
text-align:left;
	}
	.login_top #ogin,
	.login_top #passwd {
	  margin: 2px 0;
	  height: 20px;
	  background-image: url(/img/bodyBg.gif);
	  border: solid 1px #ccc;
	  line-height: 20px;
	  padding-left: 2px;
	  width: 140px;
	  font-size: 12px;
	  opacity: 0.5;
	  filter:alpha(opacity=50);
	  -moz-opacity: 0.5;
	}
	.login_top .button {
		font-size: 10px;
		border: 1px solid #ccc;
		margin: 5px auto;
		background-color:#ddd;
	}
	.login_top .button:hover { background: #eee;}	
	
.DopMenu {
 	background:#d4edab;
  	position:relative;
  	overflow:hidden;
	margin: 4px 0;
}
	
	.DopMenu ul {
	  list-style: none; 
	}
	.DopMenu ul.right {
	  float:right; 
	}
	.DopMenu li {
		float: left;
		line-height: 26px;
		padding-left: 7px;
		padding-right: 7px;
	}
		.DopMenu li.strl { padding-left:2px;}
		.DopMenu li a{
			margin: 0;
			font-weight:bold;
			font-size: 12px;
			font-family: Tahoma, sans-serif;
			color:#333;
			text-decoration: none; 
		}	
			.DopMenu li a:hover { 
				color: #ff4d00;
				text-decoration: none;
			}
* html .DopMenu { position:inherit; height:24px; }

#page {
	margin:0 auto;
	position:relative;
	width:989px;
	text-align:left;	
	background:#FFF; /* 5px url(/img/page_bg.gif) repeat-y;*/
	padding: 1px 5px;
}
* html #page { width: 989px;  overflow:hidden;} 
#col_1 {
	float:left;
	width:250px;
	/*background: #EAF3E4 url(/img/col1_top.gif) no-repeat;*/
	border-top: 1px solid #FFFFFF;
	text-align:left;
}


.block_h {
	padding-bottom:10px;
}
	.block_h b {
		font-weight:normal;	
	}
	.block_h span {
		color:#999;
		padding-left:2px;	
	}
	.block_h h2 {
		color:#000000;
		font-size:14px;
		margin-bottom:6px;
		min-height:14px;
		padding:10px;
		font-weight:normal;
		border-bottom: 1px dotted gray;	
	}
		.block_h h2 b {
			font-weight:normal;
		}
		.block_h h2 a {
			color:#000000;
			letter-spacing:0;
			text-decoration:none;
		}
		.block_h h2 i {
			color:#666666;
			display:block;
			font-size:14px;
			font-weight:normal;
			text-align:right;
			text-transform:lowercase;
		}
	.block_h ul {
		padding-bottom:10px;
		padding-left:10px;
	}
		.block_h ul li {
			padding:0 5px 7px 5px;
		}
			.block_h ul li ul {
				padding-bottom: 1px;
				padding-top: 5px;
			}
				.block_h ul li ul li {
					padding:1px 1px 5px 1px;
					background: url(/img/green_cub.gif) no-repeat 8px 6px;
					display: list-item;
					padding-left: 20px;
				}
		.block_h ul li a {
			color: #000;
			text-decoration:none;
		}
			.block_h ul li a:hover { 
				color: #ff4d00;	
			}
		
		.block_h ul li.div {
			margin:5px 0 0 0;
		}	
	.block_h p {
		padding:0;
	}
		.block_h p i {
			color:#666666;
			display:block;
			font-size:14px;
			font-weight:normal;
			padding:5px 16px;
			text-align:right;
			text-transform:lowercase;
		}
#body {
	display:block;
	float:right;
	width:715px;
	background: #FFFFFF;
	position: relative;
	text-align:left;	
}
* html #body { margin-right:5px; } 
	#body h1 {
		color: #000000;
		font-size: 18px;
		letter-spacing: 0pt;
		margin-bottom: 6px;
		min-height: 14px;
		padding: 5px 10px;
		border-bottom: 1px dotted #999999;
	}
#central_col {
 	text-align:center;
	padding: 20px 0;
}
/* MISC ELEMENTS */
.block3 {
	background: #FFFFFF;
	margin:5px 0 10px 0;
	position:relative;
	min-height:1%;

}
	.block3 h3 {
		background-color: #d4edab;
		border-bottom:1px solid #CCCCCC;
		color:#000000;
		margin-bottom:2px;
		padding:3px 15px;
		text-align:left;	
	}
		.block3 h3 a {
	color:#000000;
	text-decoration: none;
		}
		.block3 h3 b {
			color:#FFFFFF;
		}
		.block3 h3 em {
			color:#333333; 
			font-size:11px;
			font-style:normal;
			font-weight:bold;
			display: block; 
			text-align:right;
		}
		.block3 p {
			padding:3px 10px 3px 45px;
			text-indent:-30px;
		}

#top_banner { 
	float: right;
	margin-right: 15px;
	margin-top:15px;
}
* html #top_banner { margin-right: 7px; }
.f_avatars {
  background-color: #83d100;
  height: 100px;
  overflow:hidden;
}
.f_avatars  a { border: none;}
.f_avatars ul {
  background-image: url(/img/freelancersSprite.jpg);
  background-repeat: repeat-x;
  background-position: 0 -153px;
  height: 133px;
  padding: 3px 15px;
  text-align: left;
}
	.f_avatars li { 
		display: block;
		float:left;
		margin:5px 6px;
		width:75px;
	}
		.f_avatars li a {
			background:#CCCCCC no-repeat center center;
			display:block;
			height:75px;
			text-decoration:none;
			width:75px;
		}
			.f_avatars li a img { 
				border:none;
			}
	.f_avatars li span { 
		display: block;
		text-align:center;
		font-size:11px;
		width:75px; 
		overflow:hidden;
	}
	.f_avatars li.forrent  a {
		color: #009900;
		font-weight:bold;
		text-align: center;
		height: 75px;
		width:75px;
		background: #00CC00 url(/img/forrent_bg.gif) no-repeat center center;
		text-indent: -9000px;
	}
	.f_avatars li.more {
		display:block;
		width:200px;
		padding-left:15px;
		padding-top:10px;
	}
		.f_avatars li.more a{
			display:block;
			width:100%;
			height:22px;
			float:none;
			background:transparent;
			color: #000000;
			text-decoration: underline;
		}
/* LEFT AVATAR IN PROJECTS */
.left_avatars dt {
	font-size: 11px;
	padding: 10px 2px 1px 70px;
	font-weight: bold;
	height:14px;
	overflow:hidden;
}
.left_avatars dd {
	min-height:50px;
	font-size: 10px;
	position: relative;
	clear: both;
	padding: 1px 2px 0px 55px;
}
	.left_avatars dd img {
		width: 60px;
		height: 60px;
		border: none;
		position: absolute;
		top:-13px;
		left:5px;
	}
	.left_avatars dd ul {
		max-height: 60px;
		overflow:hidden;
	}
		.left_avatars dd li {
			padding:1px 5px;
		}

	* html .left_avatars dd { height:50px; }


#footer {
	color:#E4E4E4;
	height:40px;
	text-align:center;
	border-top: 1px solid #FFFFFF;
	background: #FFF;
	position:relative;
	padding: 0 5px 5px 5px;
}
	#footer .ruondedBlock10 .r1, #footer .ruondedBlock10 .r2, 
	#footer .ruondedBlock10 .r3, #footer .ruondedBlock10 .r4, 
	#footer .ruondedBlock10 .s1, #footer .ruondedBlock10 .s2 {
	  background-image: url(/img/cloudSprite.png);
	}
	#footer .content {
		background-color: #83d100;
		padding: 0 10px;
		min-height:20px;
		text-align: center; 
	}
	#footer span {
		line-height: 13px;
		font-size: 11px;
		position: absolute;
		left: 45px;
		top: 12px;
		text-align:left;	
	}
	#footer a {
		color:#E4E4E4;
	}
	#footer span a {
		text-decoration:underline;
	}
	#footer .counters { text-align:right; padding-right: 150px; }
	#footer .counters p { position:absolute; top:18px; right:20px;}
	#footer .counters a img { 
		opacity: 0.5; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
		-moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
		vertical-align:middle;
	} 
	#footer .counters a:hover img { 
		opacity: 1; 
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
		-moz-opacity: 1; /* Mozilla 1.6 и ниже */
	} 
.footer_menu {
	font-weight:bold;
	height:24px;
	text-align:center;
	background:#d4edab;
	padding-top:8px;
	font-size: 12px;
}
	.footer_menu a {
		margin: 0 10px; 
		text-decoration:none;
	}
	.footer_menu li {
		display: inline;
	}
.login_form  table{
	width:350px;
	margin: 15px auto;
	font-size:14px;
	text-align:center;
}
	.login_form td {padding:7px 5px; }
	.login_form .col_1 {
		text-align:right;width:40%;
	}
	.login_form .col_2 { text-align:left; }
	.login_form .col_c input { width:120px; }


#yd {
	text-align:center;
}
.yandex_direct{
	margin: 0 auto;
	width: 989px;
	padding: 5px;
background: #FFF;
}
.yandex_direct h4 {
	background: #FFFF66;
	padding: 5px 10px 3px 10px;
	margin-right: -5px;
	line-height: 22px;
	margin-bottom: 4px;
}
.yandex_direct_v {
	margin-top: 10px;
	background: #FFF;
	position:relative;
}
#left_banner,
.left_banner {
	margin:5px;
	text-align:center;
	z-index: 0;
	background:#FFFFFF;
}
.block_h li .left_banner {
	margin-left: -10px;
}

.hide {
	display:none;
}

.msg,
.err,
.msg_info,
.msg_notify,
.msg_warning,
.msg_error
{
	border:1px solid #aaaaaa;
	clear:both;
	display:block;
	margin:10px auto;
	padding:7px 7px 5px 30px;
	text-align:center;
	width:400px;
	min-height:25px;
	font-size: 14px;
	line-height:20px;
}
.msg p,
.err p,
.msg_info p,
.msg_notify p,
.msg_warning p,
.msg_error p{
  padding-bottom:20px;
}

.msg,
.msg_info,
.msg_notify
{
	border: 1px solid #CCCCCC;
	padding: 15px 20px;
	
}

.err,
.msg_warning,
.msg_error
{
	border:2px solid red;
	color:red;
	background: #EDFFEA url(/img/stop_ico.gif) no-repeat 15px center;
}

.msg h3 {
	font-size: 18px;
}
.pager_nav {
	text-align: center;
}
	.pager_nav div {
		margin: auto;
		display: table;
	}
	.pager_nav a,
	.pager_nav span {
		padding: 2px 5px;
		margin: 0 2px;
		display: table-cell;
		width:25px;
	}
	.pager_nav a.curpage,
	.pager_nav a:hover {
		background: #99cc33;
		text-decoration:none;
	}
.pager {
	text-align:center;
	margin-left: 30px;
	clear:both;
	height:28px;
}
	.pager a {
		display:block;
		font-size:75%;
		font-weight:bold;
		margin:1px 2px 1px 1px;
		padding:0;
		text-align:center;
		width:25px;
		background: #EDFFEA url(/img/pager_page.gif) no-repeat center center;
		height: 18px;
		float:left;
	}
		.pager a.curpage {
			background: #EDFFEA url(/img/pager_curpage.gif) no-repeat center center;
			height:25px;
			line-height: 26px;
			color: #000000;
		}
		.pager a.is_border {
			margin-left:6px;
			margin-right:6px;
		}
#letter_counter {
	text-align: center;
	color: #9c3;
}

/* SPECS NAV */
#spec_nav {
	font-size:14px;
	margin:0 0 5px 0;
	padding: 6px 5px;
	border-bottom: 1px dotted #999;
	line-height:26px;	
}
	#spec_nav a {
	color: #333;
	text-decoration: none;
	}
#specs {
	margin-left: 20px;
	margin-bottom: 5px;
	overflow:hidden;
}
	#specs li {
		display: list-item;
		float: left;
		width: 45%;
		list-style: square inside;
		color: #339000;
		font-size: 12px;
		padding-bottom: 2px;
	}
	#specs li a {
		color: #333;
		text-decoration: none;
	}
		#specs li a:hover {
			color: #ff4d00;
		}
p.spec_desc {
	margin: 3px;
	color: #999999;
}
a.textbutton {
	background: #EEE;
	padding:2px 15px;
	margin: 0 14px;
	text-align: center;
	color: #000;
}
a.textbutton:hover{
	background-color: #99cc33;
	text-decoration:none;
	color:#fff;
}		
/*Блок с закругленными полями радиусом 10px набор классов*/
.ruondedBlock10 .r1, .ruondedBlock10 .r2, .ruondedBlock10 .r3, .ruondedBlock10 .r4, .ruondedBlock10 .s1, .ruondedBlock10 .s2 {
  font-size: 0;
}

.ruondedBlock10 .r1, .ruondedBlock10 .r2, .ruondedBlock10 .r3, .ruondedBlock10 .r4 {
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}

.ruondedBlock10 .r1, .ruondedBlock10 .r3{
  float: left;
  margin-right: -10px;
}

.ruondedBlock10 .r2, .ruondedBlock10 .r4{
  float: right;
  margin-left: -10px;
}

.ruondedBlock10 .r2 {
  background-position: -10px 0;
}

.ruondedBlock10 .r3 {
  background-position: 0 -10px;
}

.ruondedBlock10 .r4 {
  background-position: -10px -10px;
}

.ruondedBlock10 .s1, .ruondedBlock10 .s2{
  background-repeat: repeat-x;
  background-position: 0 -20px;
  height: 10px;
  margin: 0 10px;
}
* html .ruondedBlock10 .s1, * html .ruondedBlock10 .s2{ margin: 0 5px; }
/*завершение набора классов для блока с радиусом закругления 10px*/

.textlimit {
	font-size: 11px;
	color: #666666;
	text-align: center;
}
.button_120 {
	text-align: center;
	color:black;
	text-decoration:none;
	width: 126px;
	height: 35px;
	line-height: 28px;
	font-size: 11px;
	border: none;
	background: none;
	background-image: url(/img/button120.png);
	background-repeat: no-repeat;
	font-weight: normal;
}
	a.button_120 {
		display:inline-block;
		line-height:34px;
		text-decoration:none;
	}
	.button_120:hover {
		color:#FFF;
		background: none;
	  	background-image: url(/img/button120over.png);
	  	background-repeat: no-repeat;
	}
.infoblock {
	background: white;
	text-align:justify;
	position:absolute;
	top: 109px;
	right:15px;
	padding:5px 10px;
	height:50px;
	width:580px;
	line-height:16px;
}
.banner { margin: 1px -5px 0px -5px;}
#rss_list { position:absolute; top: 17px; left: 18px; }
#rss_list li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	/*width:16px;
	height: 16px;*/
	position:relative;
	display:inline-block;
	float:left;	
}
	#rss_list li ul {
		display: none;
		position:absolute;
		width: 165px;
		bottom:0px; 
		left:0px;
		border:#999999 1px solid;
	}
	#rss_list li:hover { display: block;}
	#rss_list li:hover ul { display: block;  }
		#rss_list li ul li {
			height:24px;
			font-size: 11px;
			line-height:22px;
			background: #83D100;
			display: block; width:165px;
			text-align:center; color: #000;
		}
			#rss_list li ul li a {
				width: 140px;
				display: block;
				height: 20px;
				padding: 2px 0px 2px 25px;
				background:#FFF url(http://freelance.ru/img/rss_feed.png) no-repeat 3px center;
				font-size: 11px;
				line-height:20px;
				text-decoration: none;
				color:#333333;
				text-align: left;
			}
			#rss_list li ul li a:hover {
				background-color:#FFFF99; color:#000;
			}

.bookmark_yes,
.bookmark_no
{
	cursor: pointer;
	padding-left: 14px;
	font-size: 14px;
	background: transparent left bottom no-repeat;
	text-decoration:none;
}
.bookmark_yes
{
	background-image: url(/img/bookmark.png);
}
.bookmark_no
{
	background-image: url(/img/bookmark_add.png);
}
.pfolio_view .bookmark_yes,
.pfolio_view .bookmark_no
{
	position: absolute; 
	top: 16px; 
	right:30px;
	font-size: 12px;
}
.floating_banner { float: right;  margin: 25px 0 5px 5px; }