
#Header {
	height: 150px;
}
#Player {
	height: 509px;
	height: 474px;
	width: 634px;
	padding: 2px 2px 0px 2px;
	margin: 0px -3px 37px -4px;
	background-position: left bottom;
	background-image: url(/dl/replaytv/images/bkg_player_blue.gif);
}
#Player #SilverlightPlayer {
	height: 384px;
	width: 634px;
}
#Container.showPlayer .spallaDx .banner300x250 {
	background:none transparent;
	float:left;
	height:auto;
	margin:0 0 37px;
	padding:0;
}
#Container.showPlayer .spallaDx .banner300x250 .inboxBanner {
	background: none;
}
#Container.showPlayer .spallaDx .banner300x250 div.inboxBanner h3 {
	background: url("/dl/RaiTV/images/bkg_h3banner.gif") no-repeat scroll 0 0 #0A0A0A;
	font-size: 10px;
	color: #444444;
	font-size: 10px;
	padding: 2px 3px 2px 0;
	text-align: right;
	font-weight: bold;
	text-transform: none;
	height: auto;
}

#TopDiretta {
	display: block;
	width: 505px;
	height: 50px;
	float: right;
	position: relative;
	margin-left: 129px;
	z-index: 1;
}
#TopDiretta .today {
	float: left;
	text-transform: uppercase;
	height: 30px;
	color: #008AE2;
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	padding: 17px 0pt 0pt 42px;
	width: 270px;
}
#TopDiretta .chanSelect {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 185px;
	position: absolute;
	top: 13px;
	right: 12px;
	background: transparent url(/dl/RaiTV/images/bkg_select_channel_mid.gif) repeat left top scroll;
}
#TopDiretta .chanSelect h3 {
	height: 19px;
	font-size: 13px;
	padding: 6px 0 2px 10px;
	text-align: left;
	font-weight: normal;
	background: transparent url(/dl/RaiTV/images/bkg_select_channel.gif) no-repeat left top scroll;
}
#TopDiretta .chanSelect ul {
	display: none;
	padding: 7px 0px 8px 16px;
	text-align: left;
	background: transparent url(/dl/RaiTV/images/bkg_select_channel_bot.gif) no-repeat left bottom scroll;
}
#TopDiretta .chanSelect.hover h3 {
	background: transparent url(/dl/RaiTV/images/bkg_select_channel_hover.gif) no-repeat left top scroll;
	cursor: pointer;
}
#TopDiretta .chanSelect.hover ul {
	display: block;
}
#TopDiretta .chanSelect ul li {
	padding: 0px 0px 2px 0px;
}
#TopDiretta .chanSelect ul li a,
#TopDiretta .chanSelect ul li a:link,
#TopDiretta .chanSelect ul li a:visited {
	color: #009bf0;
	display: block;
}
#TopDiretta .chanSelect ul li.selected a,
#TopDiretta .chanSelect ul li a:hover,
#TopDiretta .chanSelect ul li a:active,
#TopDiretta .chanSelect.disabled ul li.selected a,
#TopDiretta .chanSelect.disabled ul li.selected a:hover,
#TopDiretta .chanSelect.disabled ul li.selected a:active  {
	color: #fff;
}
#TopDiretta .chanSelect ul li.failed a,
#TopDiretta .chanSelect ul li.failed a:hover,
#TopDiretta .chanSelect ul li.failed a:active,
#TopDiretta .chanSelect.disabled ul li.failed a,
#TopDiretta .chanSelect.disabled ul li.failed a:hover,
#TopDiretta .chanSelect.disabled ul li.failed a:active {
	color: #f00;
}
#TopDiretta .chanSelect.disabled ul li a,
#TopDiretta .chanSelect.disabled ul li a:hover,
#TopDiretta .chanSelect.disabled ul li a:active {
	color: #666;
}

div#Channels ul li {
height: 47px;
width: 132px;
padding: 5px 0px 0px 5px;
background: transparent url(/dl/RaiTV/images/bkg_diretta_currchan.gif) no-repeat scroll left top;
}
div#Channels ul li a, div#Channels ul li a:link, div#Channels ul li a:visited  {
height: 24px;
padding: 12px 0 0 13px;
background-position: left center;
}
div#Schedule .scroll-pane {
	display: block;
	width: 458px;
	height: 531px;
	overflow: auto;
}


#Player #EventDetails {
	display: block;
	float: left;
	height: 86px;
	width: 634px;
	position: relative;
	text-align: left;
}
#Player #EventDetails .ed {
	position: absolute;
	display: block;
	width: 104px;
	height: 39px;
	right: 8px;
	top: 7px;
}
#Player #EventDetails h3.tit {
	display: block;
	float: left;
	width: 500px;
	height: auto;
	margin: 20px 0px 8px 18px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
#Player #EventDetails div.desc {
	display: block;
	float: left;
	width: 600px;
	height: 15px;
	overflow: hidden;
	margin: 0px 0px 12px 18px;
	font-size: 11px;
	line-height: 15px;
	color: #fff;
}
#Player #EventDetails div.desc div.scroll-pane {
	display: block;
	width: 600px;
	height: 15px;
	overflow: hidden;
	margin: 0px;
	color: #fff;
	font-size: 11px;
}
#Player #EventDetails div.desc .jScrollPaneTrack {
height: 48px;
background: url(/dl/replaytv/images/scroll_panetrack.gif) -16px 0px no-repeat;
}
#Player #EventDetails div.desc .jScrollPaneDragTop {
background: url(/dl/replaytv/images/scroll_dragtop.gif) 0px 0px no-repeat;
height: 6px;
}
#Player #EventDetails div.desc .jScrollPaneDragBottom {
background: url(/dl/replaytv/images/scroll_dragbot.gif) 0px 0px no-repeat;
height: 10px;
}
#Player #EventDetails div.desc .jScrollPaneDrag {
position: relative;
left: 0px;
margin: 2px 0px 0px 0px;
background: url(/dl/replaytv/images/scroll_dragmid.gif) bottom left no-repeat;
}

#Player #EventDetails div.more {
	display: block;
	float: left;
	width: 177px;
	height: 53px;
	margin: 0px 0px 12px 14px;
	color: #828282;
	font-size: 11px;
	font-weight: bold;
}
#Player #EventDetails div.more div.length {
	width: 177px;
	height: 12px;
}
#Player #EventDetails div.more div.aired {
	width: 177px;
	height: 12px;
}
#Player #EventDetails div.more div.share {
	width: 63px;
	height: 22px;
	margin: 7px 0px 0px 0px;
	background: transparent url("/dl/replaytv/images/bkg_share.gif") 0px 0px scroll no-repeat;
}
#Player #EventDetails div.more div.share a.mail,
#Player #EventDetails div.more div.share a.mail:link,
#Player #EventDetails div.more div.share a.mail:visited {
	cursor: pointer;
	display: block;
	float: left;
	width: 31px;
	height: 22px;
	background: transparent url("/dl/RaiTV/images/btn_sendfr_big.gif") 0px -22px scroll no-repeat;
}
#Player #EventDetails div.more div.share a.mail.hover,
#Player #EventDetails div.more div.share a.mail:hover {
	background-position: 0px -44px;
}
#Player #EventDetails div.more div.share a.fb,
#Player #EventDetails div.more div.share a.fb:link,
#Player #EventDetails div.more div.share a.fb:visited {
	display: block;
	float: left;
	width: 31px;
	height: 22px;
	margin: 0px 0px 0px 1px;
	background: transparent url("/dl/RaiTV/images/btn_facebook_big.gif") 0px -22px scroll no-repeat;
}
#Player #EventDetails div.more div.share a.fb:hover {
	background-position: 0px -44px;
}
#Player #EventDetails a.site {
	position: absolute;
	display: block;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	height: 14px;
	left: 375px;
	bottom: 4px;
	color: #fff;
	padding-right: 15px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: right 1px;
	background-repeat: no-repeat;
	background-image: url(/dl/replaytv/images/bullet_off.gif);
}
#Player #EventDetails a.site:hover {
	color: #ccc;
	background-image: url(/dl/replaytv/images/bullet_off.gif);
}
#Player #EventDetails a.rtv {
	position: absolute;
	display: block;
	font-size: 11px;
	font-weight: bold;
	width: auto;
	height: 14px;
	left: 465px;
	bottom: 4px;
	color: #fff;
	padding-right: 15px;
	background-attachment: scroll;
	background-color: transparent;
	background-position: right 1px;
	background-repeat: no-repeat;
	background-image: url(/dl/replaytv/images/bullet_off.gif);
}
#Player #EventDetails a.rtv:hover {
	color: #ccc;
	background-image: url(/dl/replaytv/images/bullet_off.gif);
}


#Telecomando {
	float: left;
	width: 298px;
	height: 178px;
	padding: 0px 1px;
	margin: 0px 0px 32px 0px;
	background: transparent url(/dl/RaiTV/images/bkg_telecomando.jpg) scroll left top no-repeat;
}
#Telecomando h3 {
	height: 27px;
}
#Telecomando ul {
	margin: 12px 0px 0px 15px!important;
	margin: 12px 0px 0px 7px;
	width: 130px;
	height: 130px;
	float: left;
}
#Telecomando ul li a,
#Telecomando ul li a:link,
#Telecomando ul li a:visited {
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #009BF0;
}
#Telecomando ul li.selected a,
#Telecomando ul li.selected a:link,
#Telecomando ul li.selected a:visited,
#Telecomando.disabled ul li.selected a,
#Telecomando.disabled ul li.selected a:link,
#Telecomando.disabled ul li.selected a:visited,
#Telecomando.disabled ul li.selected a:hover,
#Telecomando.disabled ul li.selected a:active,
#Telecomando ul li a:hover,
#Telecomando ul li a:active {
	color: #fff;
}
#Telecomando ul li.failed a,
#Telecomando ul li.failed a:link,
#Telecomando ul li.failed a:visited,
#Telecomando ul li.failed a:hover,
#Telecomando ul li.failed a:active,
#Telecomando.disabled ul li.failed a,
#Telecomando.disabled ul li.failed a:link,
#Telecomando.disabled ul li.failed a:visited,
#Telecomando.disabled ul li.failed a:hover,
#Telecomando.disabled ul li.failed a:active {
	color: #f00;
}
#Telecomando.disabled ul li a,
#Telecomando.disabled ul li a:link,
#Telecomando.disabled ul li a:visited,
#Telecomando.disabled ul li a:hover,
#Telecomando.disabled ul li a:active {
	color: #666;
}


#TelecomandoWeb {
	float: left;
	width: 298px;
	height: 178px;
	padding: 0px 1px;
	margin: 0px 0px 32px 0px;
	background: transparent url(/dl/RaiTV/images/bkg_telecomando_web.jpg) scroll left top no-repeat;
}
#TelecomandoWeb h3 {
	height: 27px;
}
#TelecomandoWeb ul {
	margin: 8px 0px 0px 15px!important;
	margin: 8px 0px 0px 7px;
	width: 130px;
	height: 130px;
	float: left;
}
#TelecomandoWeb ul li a,
#TelecomandoWeb ul li a:link,
#TelecomandoWeb ul li a:visited {
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	color: #009BF0;
}
#TelecomandoWeb ul li.selected a,
#TelecomandoWeb ul li.selected a:link,
#TelecomandoWeb ul li.selected a:visited,
#TelecomandoWeb ul li a:hover,
#TelecomandoWeb ul li a:active {
	color: #fff;
}



.spallaDx .boxReplayTv {
	display: block;
	float: right;
	width: 300px;
	height: 92px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 18px 0px;
	overflow: hidden;
	background: url(/dl/RaiTV/images/bkg_box_replaytv.gif) no-repeat;
}
.spallaDx .boxReplayTv a.replayTv {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 30px;
}
.spallaDx .boxReplayTv p {
	display: block;
	height: 20px;
	font-size: 13px;
	font-family: Arial, sans;
	color: #959595;
	text-align: left;
	padding: 0px 0px 0px 32px;
}
.spallaDx .boxReplayTv ul{
	display: block;
	float: left;
	width: 286px;
	height: 40px;
	padding: 0 0 0 15px;
}
.spallaDx .boxReplayTv ul li{
	display: block;
	float: left;
	width: 94px;
	height: 40px;
	margin: 0px 0px 0px 0px;
}
.spallaDx .boxReplayTv ul li a{
	display: block;
	float: left;
	width: 100%;
	height: 38px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
}




.lancioWebSpalla {
display: block;
position: relative;
float: left;
text-align: left;
width: 296px;
height: 160px;
margin: 0px 0px 20px 0px;
background-repeat: no-repeat;
background-position: 0px 0px;

border: 2px solid #224561;
}

.lancioWebSpalla strong{
display: block;
position: absolute;
float: left;
bottom: 0px;
left: 0px;
width: 276px;
height: auto;
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 0px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
opacity: .8;

background-color: #224561;
background-color: #000;
}

.lancioWebSpalla strong span{
display: block;
float: left;
width: 276px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-transform: none;
}


/**/

