@charset "utf-8";
/*  

		SMOTRI.hl.ua CSS Document 
		
		made in Emotion.
		www.emotionstyle.com

*/

body 			{
				margin: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:78%;
				min-width:1000px;
				
				}
				
p, h3			{
				margin:0;
				padding:0;
				}				
/* 
	
	LIGHT AND DARK CONCEPT 
	=BODY
	
			SWITCH BETWEEN LIGHT AND DARK VERSIONS OF THE SITE.
			TURN ON AND TURN OFF LIGHT BUTTON WILL BE PRESENTED @ SITE'S LAYOUT.
			
			REALISED BY TWO MAIN CLASSES IN CSS.
	
*/

.light				{
					background:url(/style/t/images/bg_light.jpg);	
					color:#000000;			
					}
				

.light	a			{
					color:#000000;	
					}

.light #top_line			{
					background:url(/style/t/images/bg_light_top_line-trans.png) center bottom no-repeat;					
					}

.light #top_line a		{
					color:#EEEEEE;
					}

					
					
.light #main_menu a		{
					color:#000000;
					}


.light #tv_holder			{
					background:url(/style/t/images/tv_light-trans.png) top left no-repeat;
					}

.light #tv_holder_480		{
					background:url(/style/t/images/tv_480_light-trans.png) top left no-repeat;
					}

.light .sprites_vc		{
					background-image:url(/style/t/images/sprites_vc_light-trans.png); 
					background-repeat:no-repeat;
					}

.light
#video_title_on_main	{
						color:#222222;
						}

.light #income_video,
.light #pinner,
.light #income_channels	{
						color:#222222;
						background-color:#FFFFFF;						
						}

.light #foot		{
					color:#FFFFFF;
					background:url(/style/t/images/bg_light_foot-trans.png) no-repeat;
					}
					

.light #foot a		{
					color:#FFFFFF;			
					}					

.light #footer		{
					color:#777777;
					}
.light #footer a   	{
					color:#13A3B8;
					}

					
.dark				{
					background:#010203 url(/style/t/images/bg_dark.jpg) 0px 40px repeat-x;
					color:#AAAAAA;
					}
				
.dark	a			{
					color:#FFFFFF;
					}				
				
.dark #top_line		{
					background:url(/style/t/images/bg_dark_top_line.png) center bottom no-repeat;					
					}

.dark #top_line	a	{
					color:#FFFFFF;
					}

					
.dark #main_menu a	{
					color:#FFFFFF;
					}

.dark #tv_holder	{
					background:url(/style/t/images/tv_dark-trans.png) top left no-repeat;
					}

.dark #tv_holder_480		{
					background:url(/style/t/images/tv_480_dark-trans.png) top left no-repeat;
					}

.dark .sprites_vc		{
					background-image:url(/style/t/images/sprites_vc_dark-trans.png); 
					background-repeat:no-repeat;
					}

.dark
#video_title_on_main	{
						color:#EFEFEF;
						}

.dark #income_video,
.dark #pinner,
.dark #income_channels	{
						color:#B6B6B6;
						background-color:#383838;
						}

.dark #foot			{
					color:#00CCFF;
					background:url(/style/t/images/bg_dark_foot-trans.png) no-repeat;
					}
					
.dark #foot	a		{
					color:#00CCFF;
					}					

.dark #footer		{
					color:#777777;
					}
.dark #footer a		{
					color:#13A3B8;
					}


/* =PERMANENT STYLES */
#top_line			{
					width:770px;
					height:72px;
					margin:0 auto 0 auto;
					padding:12px 115px 0 115px;
					}
					
#hitring			{
					float:left;					
					}

#hitring_extended	{
					position:absolute;
					margin-left:327px;
					margin-top:21px;
					z-index:10;
					width:100px;
					background:#555555;
					padding:4px 7px 7px 7px;
					display:none;
					border:1px solid #9BE4FF;
					border-top:none;
					}
	
#meta_menu			{
					float:right;					
					}					

#top				{
					width:777px;
					margin:20px auto 0 auto;
					height:50px;
					}

#logo				{
					width:200px;
					float:left;
					color:#555555;
					font-size:20pt;
					margin-left:17px;
					margin-top:-10px;
					}

#main_menu			{
					font-weight:bold;
					text-transform:uppercase;
					float:left;
					margin:10px 4px 0 0;
					}
					
#main_menu ul		{
					margin:0;
					padding:0;
					display:inline;
					list-style:none;
					float:left;
					}
					
#main_menu li		{
					float:left;
					margin:0 0 0 1.5em;
					}					

#extra_main_menu	{
					display:none;	
					height:18px;
					overflow:hidden;				
					}					
					
#tv_holder			{
					width:813px;
					height:486px;
					padding-top:62px
					}

#tv_holder_480		{
					max-width:663px;
					min-width:620px;
					width:760px;
					width: expression(document.body.clientWidth > 1100)? "663px" : "auto";
					height:420px;
					padding-top:62px;
					margin-left:-5px;
					/*border:1px solid #AA0000;*/
					}


.img_tumbler		{
				background-position:0px 0px;
				}

.img_sendToFriend		{
				background-position:0px -94px;
				}

.img_newWindow		{
				background-position:0px -184px;
				}

.img_changeTVskin		{
				background-position:0px -271px;
				}

.on_main			{
					margin:0 auto 0 auto;
					}
					
.on_in				{
					margin-left: -43px;
					}
					
.inner_div			{
					width:643px;
					height:420px;
					/*border:1px solid #9c9c9c;*/
					padding:20px;
					}
					
.inner_section		{
					padding:10px 20px;
					}
					
					
.right_div			{
					width:300px; 
					/*position:absolute; */
					float:right;
					margin:0 20px 0 20px;					
					padding-left:10px;
					}
					
.right_block		{
					width:330px;
					/*position:absolute;*/
					float:right;
					margin:0 20px 0 20px;
					}					

.clearfix:after 	{
    				content: ".";
    				display: block;
    				height: 0;
    				clear: both;
    				visibility: hidden;
    				}

#hltv_player		{
					margin:0px 0 0 86px;
					}					
					
#tumbler			{
					position:absolute;
					z-index:20;
					margin:-20px 0 0 705px;
					}	
					
#share_video		{
					position:absolute;
					z-index:20;
					margin:70px 0 0 705px;
					}	
					
#new_window_video			{
					position:absolute;
					z-index:20;
					margin:168px 0 0 705px;
					}

#change_tv_skin			{
					position:absolute;
					z-index:20;
					margin:258px 0 0 705px;
					}

					
#tumbler_480			{
					position:absolute;
					z-index:20;
					margin:335px 0 0 55px;
					}	
					
#share_video_480			{
					position:absolute;
					z-index:20;
					margin:335px 0 0 140px;
					}	
					
#new_window_video_480		{
					position:absolute;
					z-index:20;
					margin:335px 0 0 230px;
					}
										
#video_title_on_main	{
						margin:40px auto 0 auto;
						width:777px;
						text-align:center;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:18pt;
						font-style:italic;
						font-weight:bold;
						}					

#video_title_on_main
span					{
						margin-left:-35px; /* компенсируем отступ от панели с кнопками */
						}				

#income_video			{
						width:777px;
						min-height:350px;
						padding:0px 25px 40px 25px;
						margin:20px auto 80px auto;
						}

#search_video			{						
						padding:4px;
						margin:0 auto 0 auto;
						float:left;
						margin-top:-4px;
						}

.light #search_video	{
						background-color:#EEEEEE;
						border:1px solid #AAAAAA;
						}						
						
.dark #search_video		{
						background-color:#111111;
						border:1px solid #1C1C1C;
						}
						
#search_video form		{
						margin:0;
						padding:0;
						display:inline;
						}

#search_video input		{
						
						}

#search_video .q_w		{
						width:100px;
						margin-right:5px;
						}

.light #search_video 
			.q_i		{
						width:60px;
						padding:2px;
						border:1px solid #888888;						
						}						

.light #search_video 
			.q_w		{
						width:387px;
						padding:2px;
						border:1px solid #888888;						
						}							
						
.dark #search_video 
			.q_i		{
						width:60px;
						padding:2px;
						border:1px solid #1C1C1C;	
						background-color:#050505;
						color:#555555;					
						}							
						
.dark #search_video 
			.q_w		{
						width:387px;
						padding:2px;
						border:1px solid #4C4C4C;	
						background-color:#050505;
						color:#555555;					
						}						

#sh_tl					{
						width:20px;
						position:absolute;
						top:11px;
						left:50%;
						margin-left:410px;
						}	
											
#sh_tl_aa				{
						width:120px;
						position:absolute;
						top:41px;
						left:50%;
						margin-left:360px;						
						padding:4px;
						text-align:center;
						font-size:8pt;						
						}				
						
.light #sh_tl_aa		{
						background-color:#CCCCCC;
						border:1px dashed #AAAAAA;
						}
						

.dark #sh_tl_aa			{
						background-color:#111111;
						border:1px dashed #222222;
						}						

#income_video ul,
#income_channels ul
						{
						list-style:none;
						margin:0;
						padding:0;
						}
						
#income_video li,
#income_channels li		{
						float:left;
						width:47%;
						margin:0 0 10px 0;
						padding:0 10px 0 0;
						}						

#income_video h1,
#search_video h1,
#income_channels h1		{
						margin:0;
						padding:0;								
						font-family:Arial, Helvetica, sans-serif;
						font-size:16pt;
						font-style:normal;
						font-weight:bold;
						}

#income_video h2,
#search_video h2,
#income_channels h2		{
						margin:0;
						padding:0;								
						font-family:Arial, Helvetica, sans-serif;
						font-size:12pt;
						font-style:normal;
						font-weight:bold;
						}	

#income_video .georgiy	{
						font-family: Georgia, "Times New Roman", Times, serif;
						font-style:italic;
						}

#income_video img,
#income_channels img	{
						margin:0 10px 20px 0;
						}							

#income_channels		{
						width:777px;
						min-height:140px;
						padding:20px 25px 40px 25px;
						margin:0 auto 80px auto;
						}						

#quick_add_video,
#quick_add_channel		{
						width:167px;
						height:45px;
						float:right;
						}
						
#quick_add_channel		{
						margin-top:-16px; /* компенсируем отступ по высоте, возникший в связи с декортивным элементом */
						}						
						
#quick_add_video
				img		{
						background:url(/style/t/images/quick_butts_sprite-trans.png) 0px -23px no-repeat;
						}
						
#quick_add_channel
				img		{
						background:url(/style/t/images/quick_butts_sprite-trans.png) 0px -77px no-repeat;
						}						

#page_content			{
						/*width: expression(document.body.clientWidth > 1100)? "520px" : "auto";							*/
						min-width:620px;
						max-width:620px;
						margin-left:69px;
						}						
						
						
#foot					{
						width:770px;
						height:32px;
						margin:20px auto 0 auto;
						padding:18px 50px 0px 60px;						
						}
						
#foot ul				{
						list-style:none;
						margin:0;
						padding:0;
						}
						
#foot li				{
						float:left;
						margin:0 10px 0 0;
						}						

#footer					{
						width:770px;
						padding:20px 0 20px 0;
						margin:0 auto 20px auto;
						font-size:8pt;
						}
						
#copy_hl				{
						float:left;
						}
						
#copy_emotion			{
						float:right;
						}

#inner					{
						/*padding:20px 25px 40px 25px;*/
						padding:20px 0px 40px 0px;
						margin:20px auto 80px auto;
						max-width:1000px;
						min-width:900px;
						width: expression(document.body.clientWidth > 1000)? "1000px" : "auto";
						/*min-height:900px;*/
						}
						
#mainer					{
						padding:0;
						margin:0 auto 0 auto;
						max-width:850px;
						min-width:900px;
						width: expression(document.body.clientWidth > 850)? "850px" : "auto";
						min-height:320px;
						}
						
		/* PREVIOUS NEXT LINKS */
		
		#next_page img 	{
						background:url(/style/t/i/previous_next.png) -5px -5px no-repeat;
						}
						

		#next_page 
			img:hover	{
						background:url(/style/t/i/previous_next.png) -37px -5px no-repeat;
						}						

						
		#previous_page
				img 	{
						background:url(/style/t/i/previous_next.png) -5px -39px no-repeat;
						}
						

		#previous_page 
			img:hover	{
						background:url(/style/t/i/previous_next.png) -36px -39px no-repeat;
						}						
						
						
						
/* =EXTRA STYLES */	

	/* =ADV STYLES */
	.adv_300		{
					width:300px;
					padding:20px 5px 20px 5px;
					text-align:center;
					}
									
	.light .adv_300	{
					background:#ECECEC;
					}

	.dark .adv_300	{
					background:#444444;
					}
					
					
	/* =========== */



.dashed				{
					background:url(/style/t/images/dashed.gif) 0 13px repeat-x;
					}
					
.dark					
.dashed_b			{
					background:url(/style/t/images/dashed_b.gif) 0 13px repeat-x;
					}

.light
.dashed_b			{
					background:url(/style/t/images/dashed.gif) 0 13px repeat-x;
					}

.light
.dashed_c			{
					background:url(/style/t/images/dashed_c.gif) 0 13px repeat-x;
					}

.dark
.dashed_c			{
					background:url(/style/t/images/dashed.gif) 0 13px repeat-x;
					}

					
.dashed_a			{
					text-decoration:none;
					}

.sm					{
					font-size:8pt;
					}					

.mini				{
					font-size:12pt;
					}						

.mini_sm			{
					font-size:10pt;
					}					
					
.light_grey			{
					color:#999999;
					}
.light_grey	a		{
					color:#777777;
					}
					
.bordered			{					
					border:1px solid #777777;
					padding:5px;
					}

.p10				{
					padding-top:10px;
					}					
					
.m10				{
					margin-top:10px;
					}					

					
.m20				{
					margin-top:20px;
					}
					
.clr				{
					clear:both;
					}	
.flt {float:left;}
.frt {float:right;}
.clr0 {clear:both; height:0px;}
.tdn, .tdn a {text-decoration:none;}
#login_info			{
					margin-top:-10px; position:absolute; right:50%; margin:0px -383px 0 0; top:32px; background-color:#5E6466; width:300px; z-index:40;
					}	
#login_info	h1		{
					font-size:12px;
					}	
a.tag_suggestion {color:#080809;}					
/* ROUNDED CORNERS */
.inner-box          {
               		padding:1em; 
               		}

.r1, .r2, .r3, .r5  {
					display: block;
					height: 1px;
					overflow: hidden;
					font-size:1px;
               		}

.r5 { margin: 0 5px; }
.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }

.rounded-box-3, .rounded-box-5, .rounded-box-10 { margin:1em; }

.dark .rounded-box-5 b 	{			
					background-color: #383838; 
					}
.light .rounded-box-5 b 	{			
					background-color: #FFFFFF; 
					}

.rounded-box-5 #pinner { padding: 10px 0 20px 0;}
/* \\ROUNDED CORNERS */

.dark .halfline {background-color: #444444}
.light .halfline {background-color: #EEEEEE}
				
#phrating {padding:0 10px 0 10px;}
.positive {color:#339900;}
.positive:before { content: "+" }
.negative {color:#993300;}
a.vote_minus:hover span  {
					background:url(/style/t/images/icons_vote_posts.gif) no-repeat -11px top !important;
				   }
a.vote_plus:hover span   {
					background:url(/style/t/images/icons_vote_posts.gif) no-repeat left top !important;
				   }
a.vote_minus span  {
					background:url(/style/t/images/icons_vote_posts.gif) no-repeat -11px bottom !important;
				   }
a.vote_plus span   {
					background:url(/style/t/images/icons_vote_posts.gif) no-repeat left bottom !important;
				   }
a.vote_plus, a.vote_minus {
					text-decoration:none;
					}
a.vote_plus span, a.vote_minus span {
					color:transparent;
					width:11px;
					height:15px;
					}
.mtitled {border-bottom:1px dashed #9c9c9c; font-weight:bold;}
#embed_div {border-top:1px solid #9c9c9c; margin:6px; padding:6px;}
#embed_div input{
width:250px;
height:18px;
border:1px solid #9c9c9c;

}
#embed_div label{
display:block;
color:#B6B6B6;
font-size:0.9em;
font-weight:bold;
}


.time_strech	{
				width:35px;
				position:absolute;			
				padding:0 2px;
				text-align:center;
				margin-left:75px;
				margin-top:75px;
				cursor:help;
				border-radius: 5px; 
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
				border:1px solid #AAAAAA;
				}
.light .time_strech	{
				background:#EEEEEE;
				}

.dark .time_strech	{
				background:#777777;
				}

.round_r		{
				border-radius: 8px; 
				-moz-border-radius: 8px; 
				-webkit-border-radius: 8px;
				width:110px; 
				height:90px; 
				float:left; 
				margin-right:10px;
				}


/* TEST */					

.test			{
		    		background:#FFFFFF;
					padding: 8px;
					width: 200px;
					border: 2px solid #888;
		    	}
		    	
.test_right_div			{
					display:table-cell;
					vertical-align:top;
					border:1px solid red;
					width:300px;
					margin:0 20px 0 20px;
					padding-left:10px;
					}
					
.current_channel {border: 1px solid #edc698; background: #fef1ca; padding:2px; font-weight: bold;}

.video_r_i			{
					border-radius: 8px; 
					-moz-border-radius: 8px; 
					-webkit-border-radius: 8px;					
					margin-right:10px;
					margin-left:10px;
					padding:4px;
					}
					
.light	.video_r_i	{
					background:#EEEEEE;
					}					
					
.dark	.video_r_i	{
					background:#444444;
					}	

					
/* TIMELINE */									
img					{border:0;}
.timeline 			{width:370px; height:210px; z-index:5; margin-left:-35px; margin-top:-30px;}

.timeline div,
.timeline img 		{position:absolute;}
.timeline img 		{z-index:9;}
.title_yesturday	{margin-top:21px; margin-left:3px; z-index:10;}
.laaaarge_balloon	{margin-top:41px; margin-left:24px; z-index:10;}
.title_by_hours		{margin-top:80px; margin-left:3px; z-index:10;}
.time_00			{margin-top:100px; margin-left:21px; z-index:10;}
.time_04			{margin-top:116px; margin-left:77px; z-index:10;}
.time_08			{margin-top:132px; margin-left:132px; z-index:10;}
.time_12			{margin-top:148px; margin-left:188px; z-index:10;}
.time_16			{margin-top:164px; margin-left:244px; z-index:10;}
.time_20			{margin-top:180px; margin-left:299px; z-index:10;}
.bg_timeline_on		{width:55px; height:196px; margin-top:3px; margin-left:25px; z-index:1; border-left:4px;}
.light .bg_timeline_on {background-color:#E7EFF1;}
.dark .bg_timeline_on {background-color:#777771;}
.balloon {width:60px; height:18px;}

/* ARCHIVE */
.multicolumn_archive {margin:0 auto 0 auto; padding:0; width:310px;}
.multicolumn_archive li {margin:4px; padding:4px; float:left; width:25%; display:block; border:1px solid #9c9c9c; text-align:center;}
.multicolumn_archive li a {font-size:16pt; text-decoration:none;}

/* THUMB HOVER */
ul.thumb {float: left;list-style: none; margin: 0; padding:0;}
ul.thumb li {margin: 0; padding: 0; float: left; position: relative; width: 80px; height: 80px;}
ul.thumb li img {background: #101010; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; text-align:left;}
ul.thumb li img.hover {background-color:#000;}
.title{position:absolute;color:#fff;width:160px;display:block;margin:0;background:#000000;padding:10px;text-align:center;top:72px; margin-left:-70px; box-shadow: 10px 10px 5px #888;}