/*----------------------------------------------------------
	OLTV CSS

	Project:		My Project
	Author:			My Name
	Summary :
		OLTV page components
			OLTV
				Fullpage Breadcrumb
				Fullpage Feed
				 Rating
				Gallery photo rating
			Gallery photo rating + JS
----------------------------------------------------------*/

@import "500203.css";

/* ================================
 * !OLTV page components
 * ================================*/

/*
 * !OLTV
 */
 
/* !Fullpage Breadcrumb */
.fullpage #breadcrumb { border:0; right:0; top:0; width:100%; background:none; position:relative; margin:0; padding:0; }
#breadcrumb .inner { background:none; padding:0; }


/* !Fullpage Feed */
.fullpage .feed { position:absolute; right:20px; top:20px; z-index:2; }
 
/* Color-block */
.color-block { color:#dadada; background:#282828; margin-bottom:10px; overflow:hidden; padding:10px 10px 0 10px; position:relative; width:960px; zoom:1; }
.color-block .rub-date { color:#c4a35c; display:block; height:auto; margin:0; padding:6px 0 0; max-width:340px; }
.color-block h2, .color-block h3 { text-indent:-9999em; position:absolute; }
.color-block h4 {color:#D4AA51; display:block; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; font-weight:bold; height:auto; margin:0; padding:0; max-width:340px; line-height:1.1em; }
.color-block h5 { color:#fff; font-size:1.7em; font-weight:normal; line-height:1.7em; margin:5px 0 -4px 0; padding:0; width:auto; }
.color-block h4 a { color:#D4AA51; text-decoration:none; }
.color-block h5 a { color:#fff; text-decoration:none; }
.color-block h5 a:hover { color:#fff; text-decoration:underline; }
.color-block p { font-size:1.2em; margin:5px 0 0 0; line-height:13px; padding:0; text-align:justify; }
.color-block address { color:#717172; font-style:normal; font-size:1em; margin-top:15px;}
.color-block .corner-tl { background:url(/image/generic/color-corner-TL.png) no-repeat; position:absolute; top:0; left:0; width:5px; height:5px; }
.color-block .corner-tr { background:url(/image/generic/color-corner-TR.png) no-repeat; position:absolute; top:0; right:0; width:5px; height:5px; }
.color-block .corner-bl { background:url(/image/generic/color-corner-BL.png) no-repeat; position:absolute; bottom:0; left:0; width:5px; height:5px; }
.color-block .corner-br { background:url(/image/generic/color-corner-BR.png) no-repeat; position:absolute; bottom:0; right:0; width:5px; height:5px; }

.ie6 .color-block .corner-tl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-TL.png'); }
.ie6 .color-block .corner-tr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-TR.png'); }
.ie6 .color-block .corner-bl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-BL.png'); bottom:-1px; }
.ie6 .color-block .corner-br { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-BR.png');  bottom:-1px; }

/* Color-block Breadcrumb */
.color-block #breadcrumb .corner-tl { background:url(/image/generic/color-corner2-TL.png); height:3px; width:3px; }
.ie6 .color-block #breadcrumb .corner-tl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner2-TL.png'); }
.color-block #breadcrumb .corner-tr { background:url(/image/generic/color-corner2-TR.png); height:3px; width:3px; }
.ie6 .color-block #breadcrumb .corner-tr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner2-TR.png'); }
.color-block #breadcrumb ul li a { color:#dadada; }
.color-block #breadcrumb ul li, .color-block #breadcrumb ul li a:hover { color:#c4a35c; }

/* Color-block cols */
.color-block .col { float:left; }
.color-block .col1 { width:630px; margin-right:10px; }
.color-block .col1 .banner { clear:both; margin:0 0 1px 0; position:relative; height:30px; width:514px; }
.color-block .col1 .banner a { text-decoration:none; font-size:0; }
.color-block .col1 .banner .gradient { background:url(/image/block/gallery/bg_gradient-banner.png) repeat-y; display:block;height:30px;right:0; top:0; position:absolute; width:199px; }
.ie6 .color-block .col1 .banner .gradient { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/gallery/bg_gradient-banner.png'); }
.color-block .col1 .banner #logo-oltv {background:transparent url(/image/block/gallery/logo_oltv.png) no-repeat scroll 0 0;
display:block; height:26px; position:absolute; right:0; text-indent:-9999em; top:2px; width:109px; }
.ie6 .color-block .col1 .banner #logo-oltv { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/gallery/logo_oltv.png'); }
.color-block .col1 .banner a#partner { display:block; height:30px; position:relative; width:392px; }

/* ! Rating */
.color-block .col1 .inner { padding:0 56px 10px; background:none; }

/* !Gallery photo rating */
.rating, .rated { float:right; text-align:right; }
.rated { top:10.6em; }
	.rating fieldset, .rated fieldset { display:inline; margin:0 auto; }
	.rating p { width:170px; }
		.rating label, .rated label { background:url(/image/block/gallery/rating.png) no-repeat 0 50%; float:left; height:1.8em; margin-right:5px; }
		.rating button, .rated button { background-image:url(/image/generic/button-ok.png); margin-left:5px; width:22px; }

/*
 * !Gallery photo rating + JS
 */
		.js .rating a, .js .rated a, .js .rating span { background:url(/image/block/gallery/star2-off.png) repeat-x; float:right; height:11px; overflow:hidden; }
		.js .rating a:hover { background-image:url(/image/block/gallery/star2-on.png); height:11px; cursor:pointer; visibility:visible; }
		
		.js .note-1 { width:65px; }
			.js .rating .note-2, .js .rated .note-2 { background:url(/image/block/gallery/star2-on.png) repeat-x; float:left; }
				.js .note-2 a, .js .note-2 span { visibility:hidden; }
			
			.js .rating a:hover .note-2 { background:url(/image/block/gallery/star2-off.png); float:right; width:52px !important; }
			.js .rating a.note-2:hover { background:url(/image/block/gallery/star2-on.png); }
				.js .rating a:hover .note-2 a { visibility:visible; }
		
			.js .note-3 { width:39px; }
				.js .note-4 { width:26px; }
					.js .note-5 { width:13px; }

	.js .message-ok, .js .message-error { color:#090; font-size:1.1em; font-weight:bold; position:absolute; right:250px; }
	.js .message-error { color:#C00; position:absolute; right:250px; text-align:center; }
	.js .message-error a { background:none; float:none; height:auto; }


.color-block .col2 { width:320px; }
.color-block .col2 .inner { padding:0 10px; background:none; }
.color-block .col .block { background:#333335; border:1px solid #444446; position:relative; zoom:1; }

.color-block .block .corner-tl { background:url(/image/generic/color-corner2-TL.png) no-repeat; position:absolute; top:-1px; left:-1px; width:3px; height:3px; }
.color-block .block .corner-tr { background:url(/image/generic/color-corner2-TR.png) no-repeat; position:absolute; top:-1px; right:-1px; width:3px; height:3px; }
.color-block .block .corner-bl { background:url(/image/generic/color-corner2-BL.png) no-repeat; position:absolute; bottom:-1px; left:-1px; width:3px; height:3px; }
.color-block .block .corner-br { background:url(/image/generic/color-corner2-BR.png) no-repeat; position:absolute; bottom:-1px; right:-1px; width:3px; height:3px; }

.ie6 .color-block .block .corner-tl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-tl.png'); }
.ie6 .color-block .block .corner-tr { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-tr.png'); }
.ie6 .color-block .block .corner-bl { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-bl.png'); bottom:-2px; }
.ie6 .color-block .block .corner-br { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/generic/color-corner-BR.png'); bottom:-2px; }

.ie6 .color-block .ads .corner-bl, .ie6 .color-block .ads .corner-br { bottom:-1px; }

.color-block .block .corner-tl span { background:url(/image/generic/border-corner-TL.gif) no-repeat; height:3px; width:3px; position:absolute; }
.color-block .block .corner-tr span { background:url(/image/generic/border-corner-TR.gif) no-repeat; height:3px; width:3px; position:absolute; }
.color-block .block .corner-bl span { background:url(/image/generic/border-corner-Bl.gif) no-repeat; height:3px; width:3px; position:absolute; }
.color-block .block .corner-br span { background:url(/image/generic/border-corner-BR.gif) no-repeat; height:3px; width:3px; position:absolute; }

.video-player { border:1px solid #444446; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; display:block; height:328px; margin-bottom:10px; width:512px; }

.color-block .col2 #menu-oltv { padding-bottom:7px; }
.color-block .col2 #menu-oltv ul { }
.color-block .col2 #menu-oltv ul li { background:url(/image/block/gallery/sprite_oltv-menu.gif) no-repeat 0 0; margin-bottom:3px; display:block; height:25px; position:relative; text-indent:-9999em; zoom:1; }
.color-block .col2 #menu-oltv ul li a { background:url(/image/block/gallery/sprite_oltv-menu.gif) no-repeat; display:block; height:25px; text-indent:-9999em; width:298px; }
.color-block .col2 #menu-oltv ul li#presentation a { background-position:0 0;}
.color-block .col2 #menu-oltv ul li#subscribe a { background-position:0 -25px;}
.color-block .col2 #menu-oltv ul li#progs a { background-position:0 -50px;}
.color-block .col2 #menu-oltv ul li#emissions a { background-position:0 -75px;}
.color-block .col2 #menu-oltv ul li#videos a { background-position:0 -100px;}
.color-block .col2 #menu-oltv ul li#live a { background-position:0 -125px;}

.color-block .col2 #menu-oltv ul li#presentation.active { background-position:-298px 0;}
.color-block .col2 #menu-oltv ul li#subscribe.active { background-position:-298px -25px;}
.color-block .col2 #menu-oltv ul li#progs.active { background-position:-298px -50px;}
.color-block .col2 #menu-oltv ul li#emissions.active { background-position:-298px -75px;}
.color-block .col2 #menu-oltv ul li#videos.active { background-position:-298px -100px;}
.color-block .col2 #menu-oltv ul li#live.active { background-position:-298px -125px;}

.color-block .col2 .ads { height:110px; overflow:hidden; padding:0; }
.color-block .col2 .ads a { padding:0; margin:0;display:block; position:relative; overflow:hidden; width:318px; }
.color-block .col2 .ads a img, .color-block .ads a embed, .color-block .ads a object { margin-left:-1px; }

.color-block .col2 h3 { background:url(/image/block/gallery/ttl_to-show.png) no-repeat 0 0; display:block; height:12px; margin-bottom:10px; margin-left:10px; position:relative; width:107px; }
.ie6 .color-block .col2 h3 { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/gallery/ttl_to-show.png'); margin-bottom:9px; }

.color-block .col2 .block#show, .color-block .col2 .block#show .inner { padding:0; position:relative; }
.color-block #show h4 {}
.color-block #show h5 { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; line-height:1.1em; margin:0 0 0 70px; }
.color-block #show .rub-date { }

.color-block .col2 #show ul { height:166px; overflow:hidden; position:relative; }
.color-block .col2 #show ul li { clear:both; display:block; float:none; padding:10px 29px 10px 10px; margin:0; position:relative; min-height:44px; width:279px; }
.ie6 .color-block .col2 #show ul li { padding:10px; height:44px; }

.color-block .col2 #show ul li.even { background:url(/image/block/gallery/bg_high-light.png) repeat-y; }
.ie6 .color-block .col2 #show ul li.even { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/gallery/bg_high-light.png'); }

.color-block .col2 #show ul li .thumbnail { border:solid 1px #676767; display:block; float:left; font-size:0; margin:0 5px 0 0; padding:1px; width:60px; height:40px; position:relative; }

.color-block .col2 #show .inner .button { background:url(/image/block/gallery/sprite_bt_arrow.png) no-repeat; height:23px; position:absolute; right:6px; text-indent:-9999em; width:17px; z-index:100; }
.ie6 .color-block .col2 #show .inner .button { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/image/block/gallery/sprite_bt_arrow.png'); }

.color-block .col2 #show .inner a.bt_prev-on { background-position: 0 0; top:10px; }
.color-block .col2 #show .inner .bt_prev-off { background-position: -17px 0; top:10px; }
.color-block .col2 #show .inner a.bt_next-on { background-position: 0 -23px; bottom:10px; }
.color-block .col2 #show .inner .bt_next-off { background-position: -17px -23px; bottom:10px; }

#player-placeholder p { text-align:center; }
.js #player-placeholder p { display:none; }

.js span.scroller { width:17px; }
.js #show-scrollup { background-position:-934px -313px; top:10px; }
.js #show-scrolldown { background-position:-900px -313px; bottom:10px; }
.js #show-scrollup.off { background-position:-951px -313px; }
.js #show-scrolldown.off { background-position:-917px -313px; }