/*nuovi box multi*/
/* ##### SUPER VIDEO NEW HTML ##### */
.logoRaitv {
    background: url("/dl/RaiTV/2012/images/logo.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 52px;
    margin: 0px 0px 15px 0px;
    width: 92px;
}
.archivietto {
    background: url("/dl/RaiTV/2012/images/btn_ondem_dx.png") no-repeat top left transparent;
    /*color: #FFFFFF;*/
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 15px;
    line-height: 14px;
    margin: 20px 10px 8px 0;
    padding: 0px 25px 0px 25px;
    width: auto;
}
.portaliMultimedia {
    background: transparent;
    display: block;
    float: left;
    height: auto;
    margin: 20px 0px 20px -5px;
    padding: 0px;
    position: relative;
    text-align: left;
    width: 605px;
overflow: hidden;
}
.portaliMultimedia .listaVideo ul{
margin: 10px 0px 0px 0px;
}
.portaliMultimedia .listaVideo ul li {
margin: 0px 0px 0px 17px;
}
.boxMultimedia {
    background: transparent;
    display: block;
    float: left;
    height: auto;
    margin: 0 0 20px 5px;
    padding: 6px;
    position: relative;
    text-align: left;
    width: 608px;
}
.boxMultimedia .top {
    display: none;
}
.boxMultimedia .mid {
    border-top: 0 solid #3D3D3D;
    display: block;
    float: left;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 608px;
}
.boxMultimedia .inBox {
    background: transparent;
    display: block;
    float: left;
    margin: 0;
    padding: 6px;
    position: relative;
    width: 596px;
}
.boxMultimedia .inBox .top {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 19px;
    margin: 0 0 6px;
    padding: 2px 0 0;
    text-align: left;
    width: 596px;
}

.boxMultimedia .inBox .top h3 {
    background: url("/dl/RaiTV/2012/images/bkg_tops.gif") no-repeat scroll 0 -170px transparent;
    color: #3D3D3D;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding: 0 0 1px 13px;
    text-transform: uppercase;
    width: 583px;
}

.RaiYoYo .boxMultimedia .inBox .top h3{background: url("/dl/RaiTV/2012/images/bkg_tops_yoyo.gif") no-repeat scroll 0 -170px transparent;}

.boxMultimedia .inBox .mid {
    border-top: 1px solid #3D3D3D;
    display: block;
    float: left;
    height: auto;
    margin: 3px 0 0;
    overflow: hidden;
    padding: 15px 0 0;
    width: 596px;
}
.boxMultimedia .inBox .videoContainer {
    display: block;
    float: left;
    width: 596px;
}
.boxMultimedia .inBox .videoContainer .listaVideo {
    display: block;
    float: left;
    height: auto;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: 596px;
}
.boxMultimedia .inBox .videoContainer .listaVideo ul {
    display: block;
    float: left;
    height: auto;
    margin: 0 !important;
    width: 596px;
}
.boxMultimedia .inBox .videoContainer .listaVideo ul li {
    display: block;
    float: left;
    height: 155px;
    margin: 0 14px 10px 13px;
    width: 122px;
}

.boxMultimedia .Paginazione {
display: none;
}

/* paging */

.boxMultimedia .paging,
.boxLarge .paging{
display: block;
height: auto;
margin: 0px auto 0px auto;
}

.boxMultimedia .paging a,
.boxMultimedia .paging span,
.boxLarge .paging a,
.boxLarge .paging span  {
display: block;
float: left;
position: relative;
width: 10px;
height: 10px;
margin: 5px 4px 5px 4px;
padding: 0px 0px 0px 0px;
overflow: hidden;
text-indent: -90000px;
background: url(/dl/RaiTV/2012/images/bkg_pag.png) no-repeat;
}

.RaiYoYo .boxMultimedia .paging a,
.RaiYoYo .boxMultimedia .paging span,
.RaiYoYo .boxLarge .paging a,
.RaiYoYo .boxLarge .paging span {background:url(/dl/RaiTV/2012/images/bkg_pag_yoyo.png) no-repeat;}

.boxMultimedia .paging a:hover,
.boxLarge .paging a:hover{
background-position: 0px -10px;
}
.boxMultimedia .paging span.current,
.boxLarge .paging span.current{
background-position: 0px -20px;
}

.boxMultimedia .paging a.prev, 
.paging a.btnPrev,
.boxMultimedia .paging span.current.prev ,
.boxLarge .paging a.prev, 
.boxLarge .paging span.current.prev {
width: 10px;
height: 10px;
margin: 5px 0px 5px 0px;
background: url(/dl/RaiTV/2012/images/arrow_paging.gif) 2px 0px no-repeat;
}
.boxMultimedia .paging a.next, 
.paging a.btnNext,
.boxMultimedia .paging span.current.next,
.boxLarge .paging a.next,
.boxLarge .paging span.current.next {
width: 10px;
height: 10px;
margin: 5px 0px 5px 0px;
background: url(/dl/RaiTV/2012/images/arrow_paging.gif) -8px 0px no-repeat;
}


/* #### BoXeTTTTTTi #### */

.left {float:left;}
.right {float:right;}

/* lar */

.boxLarge {
display: block;
position: relative;
text-align: left;
width: 608px;
height: auto;
padding: 6px 6px 6px 6px;
margin: 0px 0px 20px 5px;
background: #282828;
}

.boxLarge .top {
display: block;
float: left;
text-align: left;
width: 592px;
height: 32px;
padding: 0px 0px 0px 16px;
margin: 0px 0px 6px 0px;
background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
}
.boxLarge .top h3{
display: block;
float: left;
width: 592px;
font-size: 24px;
line-height: 17px;
color: #fff;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
}
.boxLarge .top h3 a{color: #fff;}
.boxLarge .top h3 a:hover{color: #999;}


.boxLarge .top h4{
display: block;
float: left;
width: 592px;
font-size: 11px;
color: #d7d7d7;
text-transform: uppercase;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


.boxLarge .top.small {
display: block;
float: left;
width: 592px;
height: 22px;
padding: 0px 0px 0px 16px;
margin: 0px 0px 6px 0px;
background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
}
.boxLarge .top.small h3{
display: block;
float: left;
width: 592px;
font-size: 22px;
line-height: 22px;
color: #fff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.boxLarge .mid {
display: block;
float: left;
width: 608px;
height: auto;
padding: 8px 0px 0px 0px;
margin: 3px 0px 0px 0px;
overflow: hidden;
border-top: 1px solid #3d3d3d;
}


.boxLarge.noTit .mid {
display: block;
float: left;
width: 608px;
height: auto;
padding: 0px 0px 0px 0px;
margin: 2px 0px 0px 0px;
overflow: hidden;
border-top: 0px solid #3d3d3d;
}
.videoContainer{
display: block;
float: left;
width: 608px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.videoContainer .paging{
width: 110px;
}


/* cat */

.videoContainer .Categorie{
display: block;
float: left;
width: 608px;
height: 19px;
margin: 0px 0px 10px 0px;
padding: 2px 0px 12px 0px;
border-bottom: 1px solid #3d3d3d;
}

.videoContainer .Categorie li{
display: block;
float: left;
width: auto;
height: 19px;
padding: 0px 0px 0px 0px;
}
.videoContainer .Categorie li a{
display: block;
float: left;
width: auto;
height: 17px;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
color: #aaa;
padding: 2px 20px 0px 35px;
background: url(/dl/RaiTV/2012/images/btn_categorie.png) no-repeat;
}
.videoContainer .Categorie li a:hover{
color: #d0d0d0;
}

.videoContainer .Categorie li a.All{background-position: 0px -232px; width: 44px; text-align: center; padding: 2px 20px 0px 0px; color: #fff;}
.videoContainer .Categorie li.selected a.All{background-position: 0px -270px;color: #fff;}
.videoContainer .Categorie li a.All:hover{background-position: 0px -251px;color: #fff;}


.videoContainer .Categorie li a.Video{background-position: 0px 0px;}
.videoContainer .Categorie li.selected a.Video{background-position: 0px -38px;}
.videoContainer .Categorie li a.Video:hover{background-position: 0px -19px;}

.videoContainer .Categorie li a.Foto{background-position: 0px -57px;}
.videoContainer .Categorie li.selected a.Foto{background-position: 0px -95px;}
.videoContainer .Categorie li a.Foto:hover{background-position: 0px -76px;}

.videoContainer .Categorie li a.Audio{background-position: 0px -114px;}
.videoContainer .Categorie li.selected a.Audio{background-position: 0px -152px;}
.videoContainer .Categorie li a.Audio:hover{background-position: 0px -133px;}

.videoContainer .Categorie li a.Podcast{background-position: 0px -171px;}
.videoContainer .Categorie li.selected a.Podcast{background-position: 0px -209px;}
.videoContainer .Categorie li a.Podcast:hover{background-position: 0px -190px;}

.videoContainer .Categorie li a.Recenti{background-position: 0px -293px;}
.videoContainer .Categorie li.selected a.Recenti{background-position: 0px -331px;}
.videoContainer .Categorie li a.Recenti:hover{background-position: 0px -312px;}

.videoContainer .Categorie li a.Visti{background-position: 0px -350px;}
.videoContainer .Categorie li.selected a.Visti{background-position: 0px -388px;}
.videoContainer .Categorie li a.Visti:hover{background-position: 0px -369px;}

.videoContainer .Categorie li a.Votati{background-position: 0px -407px;}
.videoContainer .Categorie li.selected a.Votati{background-position: 0px -445px;}
.videoContainer .Categorie li a.Votati:hover{background-position: 0px -426px;}


.videoContainer .Categorie li a.dnp{background-position: 0px -464px;}
.videoContainer .Categorie li.selected a.dnp{background-position: 0px -502px;}
.videoContainer .Categorie li a.dnp:hover{background-position: 0px -483px;}

/* video */

.videoContainer .listaVideo.loading {
	background: transparent url(/dl/RaiTV/2012/images/loading.gif) center 30px no-repeat scroll;
	min-height: 150px;
}
.videoContainer .listaVideo .noContent,
.listaVideo .noContent {
	display: block;
	color: #D7D7D7;
	font-size: 15px;
	padding: 10px;
	text-align: center;
}

.boxLarge.noTit .mid .videoContainer .listaVideo {
    display: none;
    margin: 0;
    width: 588px;
}
.boxMultimedia.boxLarge .mid .videoContainer .listaVideo {
    height: 310px;
    margin: 0;
    width: 588px;
}
.boxLarge.noTit .mid .videoContainer .listaVideo ul {
    margin: 0;
    width: 620px;
	height: 320px;
}
.boxLarge.noTit .mid .videoContainer .listaVideo ul li {
    margin: 0 33px 0 0;
}


li.ui-sortable-helper,
.videoContainer .listaVideo ul li{
display: block;
float: left;
width: 122px;
height: 155px;
}

li.ui-sortable-helper a.img,
.videoContainer .listaVideo ul li a.img{
display: block;
float: left;
position: relative;
width: 122px;
height: 69px;
}
li.ui-sortable-helper a.img img,
.videoContainer .listaVideo ul li a.img img{
display: block;
float: left;
width: 122px;
height: 69px;
}

li.ui-sortable-helper a.img .mask,
.videoContainer .listaVideo ul li a.img .mask{
display: block;
float: left;
position: absolute;
bottom: 0px;
left: 0px;
width: 110px;
height: 17px;
padding: 0px 6px 0px 6px;
background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
}
li.ui-sortable-helper a.img .mask span,
.videoContainer .listaVideo ul li a.img .mask span{
display: block;
float: left;
width: 20px;
height: 17px;
padding: 0px 0px 0px 0px;
text-indent: -9000px;
overflow: hidden;
opacity: 0.8;
background: url(/dl/RaiTV/2012/images/ico_video.png) no-repeat;
}

.videoContainer .listaVideo ul li a.img .mask span.icoVideo{background-position: 0px 0px;}
.videoContainer .listaVideo ul li a.img .mask span.icoFoto{background-position: 0px -17px;}
.videoContainer .listaVideo ul li a.img .mask span.icoAudio{background-position: 0px -34px;}
.videoContainer .listaVideo ul li a.img .mask span.icoPodcast{background-position: 0px -51px;}
li.ui-sortable-helper a.img .mask span.icoVideo{background-position: 0px 0px;}
li.ui-sortable-helper a.img .mask span.icoFoto{background-position: 0px -17px;}
li.ui-sortable-helper a.img .mask span.icoAudio{background-position: 0px -34px;}
li.ui-sortable-helper a.img .mask span.icoPodcast{background-position: 0px -51px;}

li.ui-sortable-helper a.img .mask em,
.videoContainer .listaVideo ul li a.img .mask em{
display: block;
float: right;
width: auto;
font-style: normal;
color: #fff;
font-size: 10px;
padding: 1px 0px 0px 0px;
}
.boxMultimedia .videoContainer .listaVideo ul li a.img .mask em{
color: #3d3d3d;
}

li.ui-sortable-helper .Info,
.videoContainer .listaVideo ul li .Info{
display: block;
float: left;
width: 122px;
height: auto;
padding: 4px 0px 0px 0px;
}
li.ui-sortable-helper .Info h2,
.videoContainer .listaVideo ul li .Info h2{
display: block;
float: left;
width: 122px;
height: auto;
max-height: 42px;
font-size: 11px;
font-weight: bold;
color: #fff;
overflow: hidden;
padding: 0px 0px 0px 0px;
margin: 0px 0px 4px 0px;
}
.videoContainer .listaVideo ul li .Info h2 a{color: #fff;}
li.ui-sortable-helper .Info h2 a{color: #fff;}

.boxMultimedia .videoContainer .listaVideo ul li .Info h2 a{
color: #3d3d3d;
}
.boxMultimedia .videoContainer .listaVideo ul li .Info:hover h2 a{
color: #fff;
}

/* h5 prog - h4 tema*/
li.ui-sortable-helper .Info h5,
li.ui-sortable-helper .Info h4,
.videoContainer .listaVideo ul li .Info h5,
.videoContainer .listaVideo ul li .Info h4{
float: left;
width: 122px;
height: 14px;
max-height: 42px;
font-size: 10px;
font-weight: normal;
color: #d7d7d7;
overflow: hidden;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.boxMultimedia .videoContainer .listaVideo ul li .Info h5{
color: #444;
}
.videoContainer .listaVideo ul li .Info h4,
#mediaItem .videoContainer .listaVideo ul li .Info h5,
.boxMultimedia .videoContainer .listaVideo ul li .Info h4
{
display: none;
}
#mediaItem .videoContainer .listaVideo ul li .Info h4,
.videoContainer .listaVideo ul li .Info h5 {
display: block;
}


li.ui-sortable-helper .Info p,
.videoContainer .listaVideo ul li .Info p{
display: none;
}

li.ui-sortable-helper ol.Specifiche,
.videoContainer .listaVideo ul ol.Specifiche{
display: block;
float: left;
width: 122px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

li.ui-sortable-helper ol.Specifiche li,
.videoContainer .listaVideo ul ol.Specifiche li{
display: block;
float: left;
width: 122px;
height: auto;
    margin: 0 !important;
    padding: 0 !important;
font-size: 10px;
font-weight: normal;
color: #d7d7d7;
}
.boxMultimedia .videoContainer .listaVideo ul ol.Specifiche li {
color: #aaa;
}

.videoContainer .listaVideo ul ol.Specifiche li.Pubblicato span{display: none;}
li.ui-sortable-helper ol.Specifiche li.Pubblicato span{display: none;}


li.ui-sortable-helper .Info:hover,
.videoContainer .listaVideo ul li .Info:hover{
display: block;
float: left;
position: absolute;
width: 110px;
height: 143px;
overflow: hidden;
padding: 5px 5px 5px 5px;
border: 1px solid #777;
background: #555;
}
li.ui-sortable-helper .Info:hover h2,
.videoContainer .listaVideo ul li .Info:hover h2{
display: block;
float: left;
width: 110px;
height: auto;
max-height: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}

li.ui-sortable-helper .Info:hover h5,
li.ui-sortable-helper .Info:hover h4,
.videoContainer .listaVideo ul li .Info:hover h5,
.videoContainer .listaVideo ul li .Info:hover h4,
#mediaItem .videoContainer .listaVideo ul li .Info:hover h4{
display: none;
}

li.ui-sortable-helper .Info:hover p,
.videoContainer .listaVideo ul li .Info:hover p{
display: block;
float: left;
width: 110px;
height: auto;
color: #d7d7d7;
font-size: 11px;
padding: 0px 0px 0px 0px;
}
li.ui-sortable-helper .Info:hover p a,
.videoContainer .listaVideo ul li .Info:hover p a{
display: block;
float: left;
width: 110px;
height: auto;
color: #d7d7d7;
font-size: 11px;
padding: 0px 0px 0px 0px;
}


li.ui-sortable-helper .Info:hover ol.Specifiche,
.videoContainer .listaVideo ul .Info:hover ol.Specifiche{
display: none;
}


.videoContainer .listaVideo.loading {
	background: transparent url(/dl/RaiTV/2012/images/loading.gif) center 30px no-repeat scroll;
	min-height: 150px;
}



/* direttona */


.lancioRaitv {
display: none;
float: left;
width: 288px;
height: auto;
margin: 0px 0px 15px 5px;
padding: 6px 6px 6px 6px;
background: url(/dl/Rai5/images/bkg_direttaraitv.gif) repeat-x;
}
.lancioRaitv a.img{
display: block;
float: left;
position: relative;
text-align: left;
width: 288px;
height: 162px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
}

.lancioRaitv a.img img{
display: block;
float: left;
position: absolute;
top: 0px;
left: 0px;
width: 288px;
height: 162px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
}

.lancioRaitv a.img .mask{
display: block;
float: left;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
width: 288px;
height: 47px;
font-size: 22px;
margin: 0px 0px 0px 0px;
padding: 115px 0px 0px 0px;
text-shadow: 0px 0px 3px #000;
text-transform: uppercase;
background: url(/dl/Rai5/images/mask_direttaraitv.png) no-repeat;
}

.lancioRaitv a.img .mask strong{
font-weight: normal;
margin: 0px 5px 0px 0px;
}
.lancioRaitv a.img .mask span{
color: #508fd7;
}

.lancioRaitv .txt{
display: block;
float: left;
position: relative;
text-align: left;
width: 288px;
height: auto;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
}

.lancioRaitv .txt span{
display: block;
float: left;
position: relative;
text-align: left;
width: 288px;
height: auto;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 0px;
color: #777;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
}


.lancioRaitv .txt a{
display: block;
float: left;
position: relative;
text-align: left;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
color: #fff;
font-size: 11px;
text-transform: none;
font-weight: normal;
background: url(/dl/Rai5/images/bkg_arrow.gif) 100% 2px no-repeat;
}


.newFocus .mid a.img .mask{
display: none;
float: left;
position: absolute;
top: 0px;
left: 0px;
width: 425px;
height: 300px;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: url(/dl/portali/site/images/mask_video.png) center center no-repeat;
}


.newFocus .mid a.img.video .mask{
display: block;
}