/*
/* Css by eXplozive 2008
/* www.explozive.com
*/

*{
	padding:0px;
	margin:0px;
	font:100% Tahoma, arial,sans-serif;
	}
	
img{
	border:0px;
	}


body{
	text-align:center;
	background:#194bad;
	}
	#main_bg_left, #main_bg_right{
		position:absolute;
		width:50%;
		height:978px;
		}
	#main_bg_left{
		left:0px;
		top:0px;
		background:url(/images/site_images/main_bg_left.jpg) left repeat-x;
		}
	#main_bg_right{
		background:url(/images/site_images/main_bg_right.jpg) left repeat-x;
		right:0px;
		top:0px;
		}
	#main{
		text-align:left;
		width:1000px;
		margin:0px auto;
		position:relative;
		}
		#header{
			background:url(/images/site_images/top_bg.jpg) no-repeat;
			height:303px;
			position:relative;
			}
			#header .links{
				position:absolute;
				top:10px;
				left:96px;
				font-size:12px;
				word-spacing:5px;
				width:400px;
				color:#314ca9;
				}
			#header .links a{
				color:#314ca9;
				text-decoration:underline;
				line-height:16px;
				}
			#header .links a:hover{
				text-decoration:none;
				}
			.logo{
				position:absolute;
				left:96px;
				top:65px;
				}
			#upload_video{
				position:absolute;
				top:226px;
				left:100px;
				background:url(/images/site_images/upload_pointer.gif) right no-repeat;
				width:220px;
				font-family:Tahoma;
				font-size:14px;
				height: 49px;
				}
				#upload_video a{
					color:#314ca9;
					line-height:48px;
					display:block;
					text-decoration:underline;
					}
				#upload_video a:hover{
					text-decoration:none;
					}


		#content{
			background:#194bad url(/images/site_images/content_bg.jpg) top no-repeat;
			}
			
			
			
/*
/* Login, menu and tv panel
*/


#login_and_menu{
	height:214px;
	position:relative;
	}
	#login_and_menu .login_panel{
		position:absolute;
		left:96px;
		top:34px;
		font-size:11px;
		color:#FFFFFF;
		width:180px;
		text-align:right;
		}
		#login_and_menu .login_panel h1{
			font-size:13px;
			font-weight:normal;
			margin-bottom:20px;
			}
		#login_and_menu .login_panel .field{
			margin-bottom:3px;
			}
		#login_and_menu .login_panel label{
			width:50px;
			line-height:19px;
			display:block;
			float:left;
			}
		#login_and_menu .login_panel .inputtext{
			width:111px;
			font-size:12px;
			padding:2px;
			}
		#login_and_menu .login_button{
			text-align:right;
			margin-top:7px;
			}
			#login_and_menu .login_button input{
				width:58px;
				height:20px;
				background:url(/images/site_images/login_but_out.gif) no-repeat;
				border:0px;
				}
		#login_and_menu .additional_options{
			text-align:right;
			margin-top:7px;
			}
			#login_and_menu .additional_options a{
				color:#ffcc00;
				text-decoration:underline;
				line-height:12px;
				}
			#login_and_menu .additional_options a:hover{
				text-decoration:none;
				}
				#login_and_menu .additional_options .space{
					height:7px;
					}


#provod{
	position:absolute;
	background:url(/images/site_images/provod.jpg) top no-repeat;
	width:229px;
	height:120px;
	top:0px;
	left:690px;
	}
#rozetka{
	background:url(/images/site_images/rozetka.jpg) no-repeat;
	width:22px;
	height:28px;
	position:absolute;
	bottom:-1px;
	left:894px;
	}
	
#tv_block{
	position:absolute;
	left:460px;
	top:-303px;
	}
	
#main_menu{
	position:absolute;
	top:160px;
	left:370px;
	list-style:none;
	font-size:14px;
	}
	#main_menu li{
		width:172px;
		height:51px;
		float:left;
		text-align:center;
		margin-right:17px;
		}
		#main_menu li a{
			display:block;
			line-height:51px;
			color:#314ca9;
			text-decoration:none;
			font-weight:bold;
			}
		#main_menu li a:hover{
			text-decoration:underline;
			}
			
.page_cutter{
	background:url(/images/site_images/page_cutter.gif) left no-repeat;
	height:15px;
	margin:0 43px;
	}


#lenta{
	background:url(/images/site_images/lenta_bg.jpg) top no-repeat;
	height:265px;
	margin-top:5px;
	position:relative;
	}
	#lenta #left_nav{
		position:absolute;
		left:32px;
		top:80px;
		width:43px;
		height:40px;
		background:url(/images/site_images/navigation_left_out.gif) no-repeat;
		cursor:pointer;
		}
	#lenta #right_nav{
		position:absolute;
		right:32px;
		top:80px;
		width:43px;
		height:40px;
		background:url(/images/site_images/navigation_right_out.gif) no-repeat;
		cursor:pointer;
		}
		
	#lenta .video_container{
		position:relative;
		left:110px;
		top:32px;
		width:792px;
		overflow:hidden;
		height:236px;
		}
	#lenta #video_list{
		position:absolute;
		list-style:none;
		}
		#lenta #video_list li{
			float:left;
			width:188px;
			height:236px;
			margin-right:10px;
			margin-bottom:5px;
			}
			#lenta #video_list li .preview{
				width:188px;
				height:130px;
				}
			#lenta #video_list li .description{
				margin-top:30px;
				}
				#lenta #video_list li .description .type{
					background:url(/images/site_images/video_iclon.gif) left top no-repeat;
					line-height:23px;
					padding-left:29px;
					font-size:14px;
					color:#FFFFFF;
					}
				#lenta #video_list li .description .name{
					color:#ffcc00;
					font-size:12px;
					margin-top:4px;
					}
					#lenta #video_list li .description .name a{
						color:#ffcc00;
						text-decoration:underline;
						line-height:14px;
						}
					#lenta #video_list li .description .name a:hover{
						text-decoration:none;
						}
						

#partners{
	width:900px;
	margin:20px auto 20px auto;
	}
	#partners .top{
		background:url(/images/site_images/partners_border_top.gif) top left repeat-x;
		height:4px;
		}
	#partners .bottom{
		background:url(/images/site_images/partners_border_bottom.gif) bottom left repeat-x;
		height:4px;
		}
	#partners .center{
		padding:15px 0 0 0;
		background:#FFFFFF;
		height:160px;
		padding-left:20px;
		}
	#partners .center_comment{
		padding:15px 0 0 0;
		background:#FFFFFF;
		padding-left:20px;
		}

	#partners h2{
		color:#314ca9;
		font-size:14px;
		margin-bottom:10px;
		}
	#partners .part_block{
		float:left;
		width:200px;
		height:120px;
		margin-right:20px;
		overflow:hidden;
		text-align:center;
		}

#vacancies{
	width:800px;
	margin:0px auto;
	padding-top:0px;
	height:45px;
	}
	#vacancies .point{
		width:139px;
		float:left;
		font-size:12px;
		color:#FFFFFF;
		text-align:right;
		}
		#vacancies .point a{
			line-height:14px;
			}
		#vacancies .point .name a{
			color:#ffcc00;
			text-decoration:underline;
			}
		#vacancies .point .name a:hover{
			text-decoration:none;
			}
		#vacancies .point .company a{
			color:#ffcc00;
			text-decoration:underline;
			}
		#vacancies .point .company a:hover{
			text-decoration:none;
			}
		#vacancies .point .pay a{
			color:#FFFFFF;
			text-decoration:underline;
			font-weight:bold;
			}
		#vacancies .point .pay a:hover{
			text-decoration:none;
			}

	#vacancies .spacer{
		width:1px;
		height:45px;
		float:left;
		background:#6f82c3;
		margin:0 0 0 50px;
		}

		
#footer{
	width:1000px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
	}
	#footer .links{
		color:#FFF;
		font-size:11px;
		padding-top:8px;
		line-height:20px;
		}
		#footer .links a{
			color:#FFF;
			text-decoration:underline;
			}
		#footer .links a:hover{
			text-decoration:none;
			}
	#footer .counter{
		padding-top:10px;
		}
		#footer table{
			width:100px;
			margin:0 auto 0 auto;
		}
	
.add_comment h1{
		color:#000;
		font-family:Verdana,sans-serif;
		font-size:14px;
		letter-spacing:-1px;
		font-weight:normal;
		padding:10px;
		border:1px solid #ff0000;
		width:300px;
	}
	.add_comment a{
		color:#314ca9;
		text-decoration:underline;
	}
	.add_comment a:hover{
		color:#314ca9;
		text-decoration:none;
	}

.add_comment .inputfield{
	font-size:14px;
	padding:2px;
	width:400px;
	height:100px;
	}
.add_comment .subm{
	font-size:14px;
	padding:2px;
	}
	
.comment{
	padding:20px 0 20px 0;
	font-size:12px;
	}
	.comment .date{
		color:#4b6ec5;
		}
	.comment .date a{
		color:#4b6ec5;
		text-decoration:underline;
		}
	.comment .date a:hover{
		text-decoration:none;
		}
	.comment .content{
		padding:20px 0 10px 0;
		margin-right:20px;
		border-bottom:1px dotted #000;
		}


