/* v 2.0 rev g
- added .ondVideo9-12
- .ui-corner-all and .ui-slider-xxx definitions have moved here, therefore we no longer need to include jquery-ui-1.7.2.custom.css
- #AccordionMenuWrapper has been removed, if needed it should be handled in the style sheet page
- adjusted time and volume slider position
*/

#TVHeaderWrapper
{
	position: relative;
	
	width:884px;
	height:50px;
}

#TVContentTitleAbsolute
{
	position: absolute;
	
	left:203px;
	bottom:0px;
}

#TVContentTitleWrapper
{
	position:relative;

	width:450px;
	height:12px;
	line-height:12px;
		
	overflow:hidden;
	
	text-align:left;
	font-weight:bold;
}

#TVContentTitle
{
	font-size:10px;
}

#powerOffIcon
{
	position:absolute;
	
	bottom:0px;
	right:-3px;

	width:30px;
	height:30px;

	cursor:pointer;
}

/* ------------------------ */

.TVMainWrapper
{
	width:884px;
	
	margin-bottom:5px;	
}

.TVLeftWrapper
{
	width:200px;
	
	overflow:hidden;
	
	margin-right:3px;
	margin-left:1px;
}

.TVRightWrapper
{
	width:680px;
}

/* ------------------------ */

#TVFrame
{
	width:600px;
	height:474px;

	padding:3px 40px 3px 40px;
	
	background-color:Black;	
}

#TVScreen
{
	position:relative;

	width:600px;
	height:474px;
	
	overflow:hidden;	
}

#TVLoadingAbsolute
{
	position:absolute;
	
	top: 0px;
	left: 0px;	
}

#TVLoadingWrapper
{
	position:relative;
	
	width:600px;
	height:474px;
	
	color:White;
	text-align:center;

	background-color:Black;	
	/*background-image:url('../Images/TV/TVStandBy.jpg');*/
}

.standByLogo
{
	padding-top:70px;
}

.standByLoadingAjax
{
	padding-top:95px;
}

.standByLoadingText
{
	padding-top:5px;
}

#TVTuningInAbsolute
{
	position:absolute;
	
	top: 0px;
	left: 0px;
}

#TVTuningInWrapper
{
	position:relative;
	
	width:600px;
	height:474px;
	
	color:White;
	text-align:center;

	background-color:Black;	
	/*background-image:url('../Images/TV/TVStandBy.jpg');*/
}

.standByTuningInAjax
{
	padding-top:90px;
}

.standByTuningInText
{
	padding-top:5px;
}

#TVReadyAbsolute
{
	position:absolute;
	
	top: 0px;
	left: 0px;	
}

#TVReadyWrapper
{
	position:relative;
	
	width:600px;
	height:474px;
	
	color:White;
	text-align:center;

	background-color:Black;	
	/*background-image:url('../Images/TV/TVStandBy.jpg');*/
}

#startUpIcon
{
	padding-top:55px;

	width:120px;
	
	cursor: pointer;
}

/* ------------------------ */

#wmpAbsolute
{
	position:absolute;
	
	top:0px;
	left:0px;
}

#wmpEmbedWrapper
{
	position:relative;
	
	width:600px;
	height:474px;	

	background-color:Black;	
}

#siAbsolute
{
	position:absolute;
	
	top:0px;
	left:0px;
}

#siIframeWrapper
{
	position:relative;
	
	width:600px;
	height:474px;	

	background-color:Black;	
}

#fpAbsolute
{
	position:absolute;
	
	top:0px;
	left:0px;
}

#fpEmbedWrapper
{
	position:relative;
	
	width:600px;
	height:474px;	

	background-color:Black;	
}

#ytAbsolute
{
	position:absolute;
	
	top:0px;
	left:0px;
}

#ytEmbedWrapper
{
	position:relative;
	
	width:600px;
	height:474px;	

	background-color:Black;	
}

#lsAbsolute
{
	position:absolute;
	
	top:0px;
	left:0px;
}

#lsEmbedWrapper
{
	position:relative;
	
	width:600px;
	height:450px;
	
	overflow:hidden;	
	
	background-color:Black;	
}

#lsEmbedShieldWrapper
{	
	position:absolute;
	
	top:-225px;		/* (900 - 450) / 2 */
	left:0px;

	width:600px;
	height:900px;
}

/* ------------------------ */

.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #333333; background: #333333 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat; font-weight: bold; color: #ffffff; outline: none; }

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }


#jsTVControls
{
	position:relative;
	
	width:600px;
	height:24px;
	
	background-image:url('../Images/TV/TVControlsBKG.jpg')
}

.jsControlIcon
{
	position: absolute;
	
	width:20px;
	height:24px;
	
	background-image: url('../Images/TV/TVControls.jpg');
	
	cursor:pointer;
}

#jsControlPlay			{ background-position: 0px 0px; top:0px; left:6px; }
#jsControlPlay.hilight	{ background-position: -20px 0px; }

#jsControlPause			{ background-position: -40px 0px; top:0px; left:6px; }
#jsControlPause.hilight	{ background-position: -60px 0px; }

#jsControlMute			{ background-position: 0px -24px; top:0px; right:76px; }
#jsControlMute.hilight	{ background-position: -20px -24px; }

#jsControlUnMute			{ background-position: -40px -24px; top:0px; right:76px; }
#jsControlUnMute.hilight	{ background-position: -60px -24px; }

#jsLabelTime
{
	position:absolute;

	top:6px;
	left:426px;
	
	width:73px;
	height:13px;
	
	line-height:12px;
	text-align:center;
	font-size:9px;
	color:White;
}

#jsSliderPosition
{ 
	position:absolute;
	
	top:8px;
	left:36px;
	
	width:380px;
	height:9px;	
}

#jsSliderVolume
{ 
	position:absolute;
	
	top:8px;
	right:33px;
	
	width:33px;
	height:9px;
}

#jsTVControls .ui-widget-content
{
	background-color: Transparent;
	background-image: none;
	border-width: 0px;
	
	cursor: pointer;
}

#jsTVControls .ui-slider .ui-slider-handle
{	
	width:8px;
	height:8px;
	
	margin-top:3px;
	
	cursor: pointer;

	border-style:none;
	background-image: url('../Images/TV/TVControlsKnob.png');
	background-color:Transparent;
}

#jsTVControls .ui-state-disabled
{
	visibility:hidden;
}

/*
.jsControlPlay			{ background-position: 0px 0px; }
.jsControlPlay.hilight	{ background-position: -25px 0px; }

.jsControlPlay.active		{ background-position: -50px 0px; }

.jsControlPause			{ background-position: 0px -25px; }
.jsControlPause.hilight	{ background-position: -25px -25px; }
.jsControlPause.active	{ background-position: -50px -25px; }

.controlRewind			{ background-position: 0px -50px; }
.controlRewind.hilight	{ background-position: -25px -50px; }
.controlRewind.active	{ background-position: -50px -50px; }

.jsControlMuteOn			{ background-position: 0px -75px; }
.jsControlMuteOn.hilight	{ background-position: -25px -75px; }
.jsControlMuteOn.active	{ background-position: -50px -75px; }

.jsControlMuteOff			{ background-position: 0px -100px; }
.jsControlMuteOff.hilight	{ background-position: -25px -100px; }
.jsControlMuteOff.active	{ background-position: -50px -100px; }

.controlPower			{ background-position: 0px 0px }
.controlPower.active	{ background-position: 0px 0px }

.controlPower			{ background-position: 0px -125px; }
.controlPower.active	{ background-position: -50px -125px; }
*/

/* ------------------------ */

.channelMenuHeader
{
	width:200px;
	height:35px;
	
	margin-bottom:2px;
	
	text-align:center;
	line-height:33px;

	color:White;
	font-weight:bold;

	background-color: #b23805;
	
	cursor: pointer;
}

.channelMenuHeader.hilight	{ }
.channelMenuHeader.active	{ }

.channelMenuTitle
{
	width:200px;
	height:30px;
	
	margin-bottom:2px;
	
	text-align:center;
	line-height:27px;

	color:White;
	font-weight:bold;
	
	background-image: url('../Images/TV/chMenuItems.png');
	background-position: 0px 0px;
	background-repeat:no-repeat;
	
	cursor: pointer;
}

.channelMenuTitle.hilight	{ background-position: -400px 0px; }
.channelMenuTitle.active	{ background-position: -400px 0px; }

/* ------------------------ */

#TGArea
{
	width:198px;
	height:55px;
	
	margin:2px 1px 2px 1px;
	padding-top:45px;
	
	text-align:center;
	color:White;
	
	background-image: url('../Images/TV/TGArea.jpg');
}

#TGArea a
{
	color:White;
	font-weight:bold;
	text-decoration:underline;
}

/* ------------------------ */

#ChannelPanels
{
	width:680px;
	height:317px;	

	background-image: url('../Images/TV/CanaliTematici.jpg');
	background-repeat:no-repeat;
}

.channelPanel
{
	position:relative;
	
	width:680px;
	height:317px;	
}

.channelPanelPager
{
	position: absolute;
	
	top:10px;
	right:15px;
}

.channelPanelPager .pagerText
{ 
	float:right;
	
	margin-right:7px;
	padding-top:3px;
		
	color:Black;	
}

.channelPanelPager .arrow
{
	float:right;
	
	width:20px;
	height:19px;

	margin-right:3px;
	
	background-image: url('../Images/ajax/arrows.png');
}

.channelPanelPager .arrow.left			{ background-position: 0 -46px; }
.channelPanelPager .arrow.left:hover	{ background-position: 0 -103px; }
.channelPanelPager .arrow.left.disabled { background-position: 0 -27px; }

.channelPanelPager .arrow.right			{ background-position: 0 -84px; }
.channelPanelPager .arrow.right:hover	{ background-position: 0 -122px; }
.channelPanelPager .arrow.right.disabled { background-position: 0 -65px; }

.channelPanelTitle
{
	position: absolute;
	
	top:10px;
	left:20px;
	
	color:White;	
	font-weight:bold;
	font-size:12px;
}

.channelPanelIntro
{
	position: absolute;
	
	top:80px;
	left:45px;
	
	width:230px;
	
	color:Black;	
	font-weight:bold;
	font-size:11px;
	line-height:18px;
}

.channelPanel .channelMenuIcon
{
	position: absolute;
	
	width:162px;
	height:120px;
	
	cursor: pointer;	
}

.channelPanel #channelMenuIcon1	{ top: 45px; left: 290px; background-image:url('../Images/TV/chMusicClips.jpg') }
.channelPanel #channelMenuIcon2	{ top: 45px; left: 473px; background-image:url('../Images/TV/chTrailers.jpg') }
.channelPanel #channelMenuIcon3	{ top: 180px; left: 290px; background-image:url('../Images/TV/chSport.jpg') }
.channelPanel #channelMenuIcon4	{ top: 180px; left: 473px; background-image:url('../Images/TV/chSpecial.jpg') }

/*
.channelPanel #channelMenuIcon1	{ top: 140px; left: 4px; background-image:url('../Images/TV/chMusicClips.jpg') }
.channelPanel #channelMenuIcon2	{ top: 140px; left: 173px; background-image:url('../Images/TV/chTrailers.jpg') }
.channelPanel #channelMenuIcon3	{ top: 140px; left: 343px; background-image:url('../Images/TV/chSport.jpg') }
.channelPanel #channelMenuIcon4	{ top: 140px; left: 513px; background-image:url('../Images/TV/chSpecial.jpg') }
*/

/* 140 x (94 + 25) */

.channelPanel .ondVideo
{
	position: absolute;
	
	cursor: pointer;
}

.channelPanel .videoImg
{
	position:relative;
	
	top:0px;
	left:0px;
	
	width:120px;
	height:90px;

	border: solid 2px #487f9d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.channelPanel .videoInfo
{
	position:relative;
	
	left:-10px;
	
	width:140px;
	height:25px;

	overflow:hidden;

	text-align:center;

    font-size:10px; 
    color:Black; 	
}

.channelPanel .videoTooltip
{
	position:relative;

    display:none; 
	
	top:-335px;
	left:-125px;

    width:310px; 
    height:150px; 
    padding:23px 30px 43px 30px; 

    background:url('tooltip/black_arrow_big.png'); 
    z-index: 1000;
}

.channelPanel .videoTooltip .contents
{
    width:310px; 
    height:150px; 
	
	overflow:hidden;

	text-align:left;
    font-size:10px; 
    color:White; 	
}
.channelPanel .videoTooltip .label
{
	padding-top:2px;
	
	color:Yellow;
	font-weight:bold;
}

.channelPanel .videoPlay
{
	position: relative;
	display:none;
	
	top:-210px;
	left:54px;
	
	width:25px;
	height:25px;

	background-image: url('../Images/TV/TVControls.png');
	background-position: -50px 0px;
}

.channelPanel .ondVideo1	{ top: 55px; left: 25px; }
.channelPanel .ondVideo2	{ top: 55px; left: 193px; }
.channelPanel .ondVideo3	{ top: 55px; left: 361px; }
.channelPanel .ondVideo4	{ top: 55px; left: 529px; }
.channelPanel .ondVideo5	{ top: 185px; left: 25px; }
.channelPanel .ondVideo6	{ top: 185px; left: 193px; }
.channelPanel .ondVideo7	{ top: 185px; left: 361px; }
.channelPanel .ondVideo8	{ top: 185px; left: 529px; }
.channelPanel .ondVideo9	{ top: 315px; left: 25px; }
.channelPanel .ondVideo10	{ top: 315px; left: 193px; }
.channelPanel .ondVideo11	{ top: 315px; left: 361px; }
.channelPanel .ondVideo12	{ top: 315px; left: 529px; }

/* ------------------------ */