.mejs-mediaelement .cover img{
	opacity:0.7;
	width:30%!important;
	display: block;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	position: relative;
	top: 50%;
	margin: 0 auto;	
}

.solotesto {
    display: block !important;
    display: none;
    position: absolute;
    height: 1px;
    width: 1px;
    left: -15000px;
    top: auto;
    overflow: hidden;
    float: none;
}

::selection {
    background: #fff; /* Safari */
    color: #519ef8;
}

::-moz-selection {
    background: #fff; /* Firefox */
    color: #519ef8;
}

.linkHack {
    width: 100%;
    display: block;
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-size: 1px;
    overflow: hidden;
    text-indent: -9000px;
    color: transparent;
    cursor: pointer;
}

.hidden {
    display: none;
}

.clear, .hr {
    clear: both;
}

h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
}

hr {
    display: none;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    outline: 0;
}


ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

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

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.solotesto {
    display: block !important;
    display: none;
    position: absolute;
    height: 1px;
    width: 1px;
    left: -15000px;
    top: auto;
    overflow: hidden;
}

hr {
    display: none;
}

.clear, .hr {
    clear: both;
}

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

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-family: "Arial";
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    background: #0a0a0a url(/dl/RaiTV/2012/images/bkg_main.gif) repeat-x;
}

/*######### HEADER  ######### */

.Header {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.intHeader {
    display: block;
    margin: 0 auto;
    width: 980px;
    height: 75px;
    padding: 0px 0px 0px 0px;
    background: #0a0a0a url(/dl/RaiTV/2012/images/bkg_header.png) no-repeat;
    ;
}

    .intHeader h1 {
        display: block;
        float: left;
        width: 92px;
        height: 52px;
        cursor: pointer;
        margin: 11px 0px 0px 0px;
        background: url(/dl/RaiTV/2012/images/logo.png) no-repeat;
    }

        .intHeader h1.world {
            width: 190px;
            height: 52px;
            margin: 11px -98px 0px 0px;
            background: url(/dl/RaiTV/2012/images/logo_world.png) no-repeat;
        }

        .intHeader h1 a {
            display: block;
            float: left;
            width: 92px;
            height: 52px;
            margin: 0px 0px 0px 0px;
        }

        .intHeader h1.world a {
            width: 190px;
        }

    /* Search */

    .intHeader .boxSearch {
        display: block;
        float: left;
        width: 325px;
        height: 24px;
        margin: 26px 0px 0px 266px;
    }

        .intHeader .boxSearch input {
            display: block;
            float: left;
            width: 150px;
            height: 22px;
            border: 0px;
            color: #666;
            font-size: 12px;
            padding: 0px 5px 2px 5px;
            background: #fff;
        }

        .intHeader .boxSearch .Scelta {
            display: block;
            float: left;
            text-align: left;
            position: relative;
            z-index: 100;
            width: 100px;
            height: 24px;
            border: 0px;
            padding: 0px 0px 0px 0px;
            background: #fff url(/dl/RaiTV/2012/images/bkg_scelta_search.gif) no-repeat;
        }

            .intHeader .boxSearch .Scelta span {
                display: block;
                float: left;
                text-align: left;
                width: 92px;
                height: 19px;
                border: 0px;
                font-size: 11px;
                color: #4b4b4b;
                cursor: pointer;
                padding: 5px 0px 0px 8px;
            }

            .intHeader .boxSearch .Scelta ul {
                display: none;
                float: left;
                position: relative;
                width: 100px;
                height: auto;
                overflow: hidden;
                background: #fff;
            }

            .intHeader .boxSearch .Scelta:hover ul {
                display: block;
            }

            .intHeader .boxSearch .Scelta ul li {
                display: block;
                float: left;
                position: relative;
                width: 84px;
                height: auto;
                padding: 0px 8px 0px 8px;
                background: #fff;
            }

                .intHeader .boxSearch .Scelta ul li span {
                    display: block;
                    float: left;
                    position: relative;
                    width: 84px;
                    height: auto;
                    border-top: 1px solid #ddd;
                    padding: 3px 0px 3px 0px;
                    margin: -1px 0px 0px 0px;
                    background: #fff;
                }

        .intHeader .boxSearch input.submit {
            display: block;
            float: right;
            width: 65px;
            height: 24px;
            border: 0px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 0px 1px 1px #eee;
            color: #3e3e3e;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 4px 0px;
            cursor: pointer;
            background: #b2b2b2 url(/dl/RaiTV/2012/images/bkg_btn_search.gif) repeat-x;
        }

/*social*/

/*social*/

.miniSocial {
    display: block;
    float: right;
    text-align: left;
    width: 290px;
    height: auto;
    margin: 28px 0px 0px 0px;
}

    .miniSocial h3 {
        display: block;
        float: right;
        text-align: left;
        width: 235px;
        height: auto;
        color: #eceef5;
        font-size: 12px;
        font-family: Trebuchet MS;
        margin: 0px 0px 3px 0px;
        visibility: hidden;
    }

        .miniSocial h3 span {
            font-size: 11px;
            font-weight: normal;
        }

    .miniSocial .fb-like,
    .socialNetwork .fb-like {
        display: block;
        float: left;
        max-width: 140px;
        overflow: visible;
    }

    .miniSocial a.twitter,
    .socialNetwork a.twitter {
        display: block;
        float: left;
        text-align: left;
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-indent: -9000px;
        margin: 0px 10px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/ico_social.png) 0px 0px no-repeat;
    }

.socialNetwork a.twitter {
    background: transparent;
}

.miniSocial a.fb-link {
    display: block;
    float: left;
    text-align: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: -9000px;
    margin: 0px 10px 0px 0px;
    cursor: pointer;
    background: url(/dl/rai/images/ico_social.png) 0px -54px no-repeat;
}

.miniSocial #___plusone_0,
.socialNetwork #___plusone_0 {
    display: block;
    float: left !important;
    text-align: left;
    width: 65px !important;
    height: 20px;
    overflow: hidden;
    text-indent: -9000px;
    cursor: pointer;
}

/* MENU */

.Menu {
    display: block;
    margin: 0px auto 0px auto;
    width: 980px;
    height: auto;
    padding: 0px 0px 0px 0px;
    border-top: 2px solid #9f9f9f;
    background: #3d3d3d;
}

    .Menu .row1 {
        display: block;
        float: left;
        width: 980px;
        height: auto;
        padding: 0px 0px 0px 0px;
        border-bottom: 1px solid #646464;
        background: #3d3d3d;
    }

    .Menu .row2 {
        display: block;
        float: left;
        width: 980px;
        height: auto;
        padding: 0px 0px 0px 0px;
        background: #3d3d3d;
    }

    .Menu ul.mainMenu,
    .Menu ul.secondMenu {
        display: block;
        float: left;
        width: auto;
        height: auto;
        padding: 0px 0px 0px 0px;
    }

        .Menu ul.mainMenu li,
        .Menu ul.secondMenu li {
            display: block;
            float: left;
            position: relative;
            width: auto;
            height: auto;
        }

            .Menu ul.mainMenu li a,
            .Menu ul.secondMenu li a {
                display: block;
                float: left;
                width: auto;
                height: 14px;
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                text-transform: uppercase;
                padding: 6px 10px 6px 10px;
                border-right: 1px solid #646464;
            }

            .Menu ul.mainMenu li:hover .sottoMenu ul li a span {
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                font-style: normal;
            }

            .Menu ul.mainMenu li.selected a,
            .Menu ul.secondMenu li.selected a,
            .Menu ul.mainMenu li.selected a:hover,
            .Menu ul.secondMenu li.selected a:hover {
                color: #fff;
                padding: 6px 11px 6px 10px;
                border-right: 0px solid #646464;
                background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
            }

            .Menu ul.secondMenu li a {
                padding: 6px 7px 6px 7px;
            }

            .Menu ul.secondMenu li.selected a,
            .Menu ul.secondMenu li.selected a:hover {
                padding: 6px 8px 6px 7px;
            }

            .Menu ul.mainMenu li a:hover,
            .Menu ul.secondMenu li a:hover {
                background: #555;
            }

    /*ult*/

    .Menu ul.lastMenu {
        display: block;
        float: right;
        width: auto;
        height: auto;
        padding: 0px 0px 0px 0px;
    }

        .Menu ul.lastMenu li {
            display: block;
            float: left;
            width: auto;
            height: auto;
        }

        .Menu ul.lastMenu span {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            font-weight: normal;
            font-style: normal;
            color: #fff;
            text-transform: none;
            padding: 6px 10px 6px 10px;
        }

        .Menu ul.lastMenu a {
            display: block;
            float: left;
            width: auto;
            height: 14px;
            font-size: 11px;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
            padding: 6px 10px 6px 10px;
            border-right: 1px solid #6e9cd8;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -27px repeat-x;
        }

        .Menu ul.lastMenu li.selected a {
            color: #fff;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -54px repeat-x;
        }

        .Menu ul.lastMenu li a:hover {
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -54px repeat-x;
        }

        .Menu ul.lastMenu li:last-child a {
            border-right: 0px solid #6e9cd8;
        }

    /*spec*/

    .Menu ul.specialMenu {
        display: block;
        float: left;
        position: relative;
        width: auto;
        height: auto;
        padding: 0px 0px 0px 0px;
    }

        .Menu ul.specialMenu li {
            display: block;
            float: left;
            width: auto;
            height: auto;
        }

            .Menu ul.specialMenu li a {
                display: block;
                float: left;
                width: auto;
                height: 14px;
                font-size: 11px;
                font-weight: normal;
                color: #d7d7d7;
                text-transform: normal;
                padding: 6px 7px 6px 7px;
                border-right: 1px solid #646464;
            }

            .Menu ul.specialMenu li.sponsor a {
                height: 13px;
                border-bottom: 1px solid #ffea00;
            }

            .Menu ul.specialMenu li.selected a {
                color: #fff;
                padding: 6px 8px 6px 7px;
                border-right: 0px solid #646464;
                background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
            }

            .Menu ul.specialMenu li a:hover {
                background: #555;
            }

    .Menu a.myRaitv {
        display: block;
        float: right;
        width: 78px;
        height: 17px;
        margin: 5px 10px 0px 0px;
        overflow: hidden;
        text-indent: -90000px;
        background: url(/dl/RaiTV/2012/images/logo_myraitv.png) no-repeat;
    }

        .Menu a.myRaitv:hover {
            opacity: 0.7;
        }

.row2 a.newFaq {
    float: right;
    width: 78px;
    height: 17px;
    margin: 5px 10px 0px 0px;
    overflow: hidden;
    text-indent: -90000px;
    background: url(/dl/RaiTV/2012/images/logo_FAQ.gif) no-repeat;
}

    .row2 a.newFaq:hover {
        opacity: 0.7;
    }
/* sottomenu */

.Menu ul.mainMenu li .sottoMenu,
.Menu ul.secondMenu li .sottoMenu {
    display: none;
    position: absolute;
    top: 26px;
    left: -1px;
    z-index: 1000;
    text-align: left;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #646464;
    border-left: 1px solid #646464;
    border-right: 1px solid #646464;
    box-shadow: 0px 5px 10px #000;
    background: #737373;
}

.Menu ul.mainMenu li:hover .sottoMenu,
.Menu ul.secondMenu li:hover .sottoMenu {
    display: block;
}

.Menu ul.mainMenu li .sottoMenu span,
.Menu ul.secondMenu li .sottoMenu span {
    display: block;
    float: left;
    width: auto;
    margin: 0px 0px 5px 0px;
    color: #252525;
    color: #fff;
    font-size: 11px;
    font-style: italic;
}

.Menu ul.mainMenu li .sottoMenu ul,
.Menu ul.secondMenu li .sottoMenu ul {
    display: block;
    float: left;
    width: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .Menu ul.mainMenu li .sottoMenu ul li,
    .Menu ul.secondMenu li .sottoMenu ul li {
        display: block;
        float: left;
        width: auto;
        font-size: 11px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .Menu ul.mainMenu li .sottoMenu ul li a,
        .Menu ul.mainMenu li:hover .sottoMenu ul li a,
        .Menu ul.secondMenu li .sottoMenu ul li a,
        .Menu ul.secondMenu li:hover .sottoMenu ul li a {
            display: block;
            float: left;
            width: auto;
            font-size: 11px;
            border: 0px;
            text-transform: none;
            padding: 0px 0px 0px 0px;
            margin: 5px 0px 0px 0px;
            background: transparent;
        }

            .Menu ul.mainMenu li .sottoMenu ul li a:hover,
            .Menu ul.mainMenu li:hover .sottoMenu ul li a:hover span,
            .Menu ul.secondMenu li .sottoMenu ul li a:hover,
            .Menu ul.secondMenu li:hover .sottoMenu ul li a:hover span {
                color: #222;
            }

            .Menu ul.mainMenu li:hover .sottoMenu ul li a img,
            .Menu ul.secondMenu li:hover .sottoMenu ul li a img {
                display: none;
            }

/* diff */

.Menu ul.mainMenu li.direttaTv .sottoMenu,
.Menu ul.mainMenu li.direttaTv .sottoMenu ul {
    width: 400px;
}

    .Menu ul.mainMenu li.direttaTv .sottoMenu ul li {
        width: 100px;
    }

.Menu ul.mainMenu li.direttaRadio .sottoMenu,
.Menu ul.mainMenu li.direttaRadio .sottoMenu ul {
    width: 300px;
}

    .Menu ul.mainMenu li.direttaRadio .sottoMenu ul li {
        width: 100px;
    }

.Menu ul.mainMenu li.replayTv .sottoMenu,
.Menu ul.mainMenu li.replayTv .sottoMenu ul {
    width: 600px;
}

    .Menu ul.mainMenu li.replayTv .sottoMenu ul li {
        width: 80px;
    }

        .Menu ul.mainMenu li.replayTv .sottoMenu ul li:last-child {
            margin-left: 40px;
        }

.Menu ul.mainMenu li.radioWeb .sottoMenu,
.Menu ul.mainMenu li.radioWeb .sottoMenu ul {
    width: 240px;
}

    .Menu ul.mainMenu li.radioWeb .sottoMenu ul li {
        width: 80px;
    }

.Menu ul.secondMenu li.Tematiche .sottoMenu,
.Menu ul.secondMenu li.Tematiche .sottoMenu ul {
    width: 400px;
}

    .Menu ul.secondMenu li.Tematiche .sottoMenu ul li {
        width: 100px;
    }

    .Menu ul.secondMenu li.Tematiche .sottoMenu .topLink {
        width: 400px;
        padding: 0px;
        text-align: right;
        text-transform: none;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        background: transparent;
    }

        .Menu ul.secondMenu li.Tematiche .sottoMenu .topLink:hover {
            color: #111;
        }

.Menu ul.mainMenu li.progOndemand {
    position: relative;
    z-index: 1000;
}

    .Menu ul.mainMenu li.progOndemand .sottoMenu {
        width: 540px;
        z-index: 1000;
    }

        .Menu ul.mainMenu li.progOndemand .sottoMenu span {
            width: 397px;
        }

        .Menu ul.mainMenu li.progOndemand .sottoMenu .ricerca {
            display: block;
            float: left;
            width: 397px;
            height: auto;
            overflow: hidden;
        }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .ricerca a:hover {
                color: #222;
            }

        .Menu ul.mainMenu li.progOndemand .sottoMenu .alfa {
            display: block;
            float: left;
            width: 401px;
            height: auto;
            margin: 0px 0px 0px -4px;
            padding: 14px 0px 9px 0px;
            border-bottom: 1px solid #585858;
        }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .alfa a {
                display: block;
                float: left;
                width: auto;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 4px;
                font-size: 11px;
                letter-spacing: 1.6px;
                font-weight: bold;
                border: 0px;
                background: transparent;
            }

        .Menu ul.mainMenu li.progOndemand .sottoMenu .tipo {
            display: block;
            float: left;
            width: 408px;
            height: auto;
            margin: 0px 0px 0px -11px;
            padding: 9px 0px 9px 0px;
            border-bottom: 1px solid #585858;
        }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .tipo a {
                display: block;
                float: left;
                width: auto;
                height: auto;
                padding: 0px 8px 0px 0px;
                margin: 0px 0px 0px 11px;
                font-size: 11px;
                font-weight: bold;
                text-transform: none;
                border: 0px;
                background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
            }

        .Menu ul.mainMenu li.progOndemand .sottoMenu .type {
            display: block;
            float: left;
            width: 397px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 10px 0px 0px 0px;
        }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .type input {
                display: block;
                float: left;
                width: 386px;
                height: auto;
                color: #808080;
                font-size: 11px;
                border-top: 1px solid #505050;
                border-left: 1px solid #505050;
                border-right: 0px solid #505050;
                border-bottom: 0px solid #505050;
                margin: 0px 0px 0px 0px;
                padding: 3px 5px 3px 5px;
                background: #dadada;
                box-shadow: 1px 1px 1px #888 inset;
            }

        .Menu ul.mainMenu li.progOndemand .sottoMenu .topVideo {
            display: block;
            float: right;
            width: 122px;
            height: 122px;
            padding: 0px 0px 0px 10px;
            border-left: 1px solid #585858;
        }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .topVideo a {
                display: block;
                float: left;
                width: 122px;
                height: 69px;
                padding: 0px;
                margin: 0px;
                border: 0px;
                background: #666;
            }

                .Menu ul.mainMenu li.progOndemand .sottoMenu .topVideo a img {
                    display: block;
                    float: left;
                    width: 122px;
                    height: 69px;
                }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .topVideo h4 {
                display: block;
                float: left;
                width: 122px;
                height: auto;
                font-size: 11px;
                font-weight: bold;
                text-transform: uppercase;
                color: #fff;
                margin: 0px 0px 2px 0px;
            }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .topVideo h3 a {
                display: block;
                float: left;
                width: 122px;
                height: 35px;
                overflow: hidden;
                font-size: 10px;
                line-height: 11px;
                color: #fff;
                margin: 2px 0px 0px 0px;
                font-weight: normal;
                text-transform: none;
                background: transparent;
            }

                .Menu ul.mainMenu li.progOndemand .sottoMenu .topVideo h3 a:hover {
                    color: #999;
                }

        .Menu ul.mainMenu li.progOndemand .sottoMenu .elencoSitiRicerca {
            display: block !important;
            float: left;
            width: 397px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            .Menu ul.mainMenu li.progOndemand .sottoMenu .elencoSitiRicerca ul {
                display: block;
                float: left;
                width: 397px;
                height: auto;
                margin: 10px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                overflow: hidden;
            }

                .Menu ul.mainMenu li.progOndemand .sottoMenu .elencoSitiRicerca ul li {
                    display: block;
                    float: left;
                    width: 397px;
                    height: auto;
                    margin: -1px 0px 0px 0px;
                    padding: 0px 0px 0px 0px;
                    border-top: 1px solid #818181;
                }

                    .Menu ul.mainMenu li.progOndemand .sottoMenu .elencoSitiRicerca ul li a {
                        display: block;
                        float: left;
                        width: 387px;
                        height: auto;
                        margin: 0px 0px 0px 0px;
                        padding: 6px 5px 6px 5px;
                    }

                        .Menu ul.mainMenu li.progOndemand .sottoMenu .elencoSitiRicerca ul li a:hover {
                            background: #818181;
                        }

                    .Menu ul.mainMenu li.progOndemand .sottoMenu .elencoSitiRicerca ul li ol {
                        display: none;
                    }

    /* sel sopra */

    .Menu ul.mainMenu li.direttaTv:hover a,
    .Menu ul.mainMenu li.direttaRadio:hover a,
    .Menu ul.mainMenu li.replayTv:hover a,
    .Menu ul.mainMenu li.progOndemand:hover a,
    .Menu ul.mainMenu li.radioWeb:hover a {
        color: #fff;
        position: relative;
        z-index: 100;
        padding: 6px 11px 6px 10px;
        border-right: 0px solid #646464;
        background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
    }

.Menu ul.secondMenu li.Tematiche:hover a {
    color: #fff;
    position: relative;
    z-index: 100;
    padding: 6px 8px 6px 7px;
    border-right: 0px solid #646464;
    background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
}

/* #### CONtaInER #### */

.Container {
    display: block;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: auto;
}

.Page {
    display: block;
    margin: 0 auto;
    width: 980px;
    height: auto;
    padding: 20px 0px 0px 0px;
    background-color: #0a0a0a;
}

    .Page .sponsor {
        display: block;
        float: left;
        text-align: left;
        width: 980px;
        height: auto;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_spon.gif) 0px 7px repeat-x;
    }

        .Page .sponsor h5 {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            margin: 0px 0px 0px 0px;
            padding: 0px 10px 0px 0px;
            font-weight: normal;
            color: #ffea00;
            background: #242424;
        }

.Main {
    display: block;
    float: left;
    width: 660px;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.Spalla {
    /* display: none; */
    float: right;
    text-align: left;
    width: 300px;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

    .Spalla .inboxBanner h3 {
        width: 284px;
        height: 15px;
        font-size: 11px;
        color: #888;
        text-align: right;
        font-weight: normal;
        font-style: italic;
        margin: 0px;
        padding: 2px 8px 1px 8px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        background: #fff;
    }

.banner300x250 .Banner {
    margin: 0px 0px 18px 0px;
}

.banner300x100 .Banner {
    margin: 0px 0px 20px 0px;
}

.masthead div div {
    margin: 0px 0px 20px 0px;
}

/*fix adv*/

.Articolo {
    display: block;
    float: left;
    text-align: left;
    width: 968px;
    height: auto;
    margin: 0px;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #fff;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

/* lar */

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

    .boxLarge.boxHtml {
        width: 660px;
        padding: 0;
        background: transparent;
    }

    .boxLarge .top {
        display: block;
        float: left;
        text-align: left;
        width: 632px;
        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: 632px;
            font-size: 24px;
            line-height: 17px;
            color: #fff;
            margin: 0px 0px 4px 0px;
            padding: 0px 0px 0px 0px;
        }

#Notizie.live .boxLarge .top h3 {
    line-height: 32px;
}

#Notizie.live .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
}

.boxLarge .top h3 a {
    color: #fff;
}

    .boxLarge .top h3 a:hover {
        color: #999;
    }

.boxLarge .top h4 {
    display: block;
    float: left;
    width: 632px;
    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: 632px;
    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: 632px;
        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: 648px;
    height: auto;
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    overflow: hidden;
    color: #eee;
    border-top: 1px solid #3d3d3d;
}

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

#raiReplay .mid {
    overflow: visible;
}

/* in b */

.inBox {
    display: block;
    float: left;
    position: relative;
    width: 636px;
    padding: 6px 6px 6px 6px;
    margin: 10px 0px 10px 0px;
    background: #4b4b4b;
}

    .inBox .top {
        display: block;
        float: left;
        text-align: left;
        width: 620px;
        height: 19px;
        padding: 2px 0px 0px 0px;
        margin: 0px 0px 6px 0px;
        background: transparent;
    }

        .inBox .top h3 {
            display: block;
            float: left;
            width: 620px;
            font-size: 18px;
            line-height: 18px;
            color: #fff;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

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

    .inBox.right {
        float: right;
    }

    .inBox.left {
        float: left;
    }

    .inBox.smallest {
        width: 228px;
        padding: 6px 6px 6px 6px;
    }

        .inBox.smallest .top {
            width: 212px;
        }

            .inBox.smallest .top h3 {
                width: 212px;
                font-size: 18px;
            }

        .inBox.smallest .mid {
            width: 228px;
        }

    .inBox.small {
        width: 376px;
        padding: 6px 6px 6px 6px;
    }

        .inBox.small .top {
            width: 360px;
        }

            .inBox.small .top h3 {
                width: 360px;
                font-size: 18px;
            }

        .inBox.small .mid {
            width: 376px;
        }

/* med */

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

    .boxMedium .top {
        display: block;
        float: left;
        width: 342px;
        height: 22px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
    }

        .boxMedium .top h3 {
            display: block;
            float: left;
            width: 342px;
            font-size: 22px;
            line-height: 22px;
            color: #fff;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            .boxMedium .top h3 a {
                color: #fff;
            }

                .boxMedium .top h3 a:hover {
                    color: #999;
                }

        .boxMedium .top.exp {
            display: block;
            float: left;
            text-align: left;
            width: 342px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
        }

            .boxMedium .top.exp h3 {
                display: block;
                float: left;
                width: 342px;
                font-size: 22px;
                line-height: 17px;
                color: #fff;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

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

    .boxMedium .mid {
        display: block;
        float: left;
        width: 358px;
        height: auto;
        padding: 10px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
        border-top: 1px solid #3d3d3d;
    }

/* sma */

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

    .boxSmall .top {
        display: block;
        float: left;
        width: 242px;
        height: 22px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
    }

        .boxSmall .top h3 {
            display: block;
            float: left;
            width: 242px;
            font-size: 22px;
            line-height: 22px;
            color: #fff;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            .boxSmall .top h3 a {
                color: #fff;
            }

                .boxSmall .top h3 a:hover {
                    color: #999;
                }

        .boxSmall .top.exp {
            display: block;
            float: left;
            text-align: left;
            width: 242px;
            height: 32px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
        }

            .boxSmall .top.exp h3 {
                display: block;
                float: left;
                width: 242px;
                font-size: 22px;
                line-height: 17px;
                color: #fff;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

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

    .boxSmall .mid {
        display: block;
        float: left;
        width: 258px;
        height: auto;
        padding: 10px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
        border-top: 1px solid #3d3d3d;
    }

/* expand */

.boxLargeExp {
    display: block;
    position: relative;
    text-align: left;
    width: 648px;
    height: 175px !important;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #397cc4 url(/dl/RaiTV/2012/images/bkg_boxexp.gif) repeat-x;
}

    .boxLargeExp .top {
        display: block;
        float: left;
        text-align: left;
        width: 632px;
        height: auto;
        padding: 1px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -285px no-repeat;
    }

        .boxLargeExp .top h3 {
            display: block;
            float: left;
            width: 632px;
            font-size: 22px;
            line-height: 17px;
            color: #fff;
            margin: 0px 0px 4px 0px;
            padding: 0px 0px 0px 0px;
        }

        .boxLargeExp .top h4 {
            display: block;
            float: left;
            width: 632px;
            font-size: 11px;
            line-height: 11px;
            font-weight: bold;
            color: #fff;
            text-transform: uppercase;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        .boxLargeExp .top a.switch {
            display: block;
            position: absolute;
            top: 13px;
            right: 10px;
            width: auto;
            height: 15px;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0px 0px 0px 0px;
            padding: 1px 23px 0px 0px;
            background: url(/dl/RaiTV/2012/images/btn_switch.png) right top no-repeat;
        }

            .boxLargeExp .top a.switch:hover {
                color: #bfdeff;
            }

            .boxLargeExp .top a.switch.expo {
                background: url(/dl/RaiTV/2012/images/btn_switch.png) right -20px no-repeat;
            }

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

        .boxLargeExp .mid .txtHide {
            display: block;
            float: left;
            width: 648px;
            height: 105px;
            color: #fff;
            overflow: hidden;
            padding: 0px 0px 0px 0px;
            margin: 10px 0px 0px 0px;
        }

            .boxLargeExp .mid .txtHide .img {
                display: block;
                float: left;
                width: 150px;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                .boxLargeExp .mid .txtHide .img img {
                    display: block;
                    float: left;
                    width: 140px;
                    height: auto;
                    background: #91bae8;
                }

            .boxLargeExp .mid .txtHide h2 {
                display: block;
                float: left;
                width: 497px;
                height: auto;
                font-size: 16px;
                color: #fff;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 2px 0px;
            }

                .boxLargeExp .mid .txtHide h2 a {
                    color: #fff;
                }

                    .boxLargeExp .mid .txtHide h2 a:hover {
                        color: #bfdeff;
                    }

            .boxLargeExp .mid .txtHide strong {
                display: block;
                float: left;
                width: 497px;
                height: auto;
                font-size: 13px;
                color: #fff;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 3px 0px;
            }

            .boxLargeExp .mid .txtHide p {
                display: block;
                float: left;
                width: 497px;
                height: auto;
                font-size: 11px;
                line-height: 11px;
                font-weight: normal;
                color: #fff;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                .boxLargeExp .mid .txtHide p a {
                    font-size: 11px;
                    line-height: 11px;
                    font-weight: normal;
                    color: #fff;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

                .boxLargeExp .mid .txtHide p b {
                    font-weight: bold;
                }

    .boxLargeExp .paging {
        display: block;
        float: right;
        width: auto !important;
    }

        .boxLargeExp .paging a.btnPrev {
            display: block;
            float: left;
            wudth: 10px;
            cursor: pointer;
            background: url(/dl/RaiTV/2012/images/arrow_paging_light.gif) 2px 0px no-repeat;
        }

        .boxLargeExp .paging a.btnNext {
            display: block;
            float: right;
            wudth: 10px;
            cursor: pointer;
            background: url(/dl/RaiTV/2012/images/arrow_paging_light.gif) -8px 0px no-repeat;
        }

        .boxLargeExp .paging .Item {
            display: block;
            float: left;
            width: auto !important;
        }

            .boxLargeExp .paging .Item ul {
                display: block;
                float: left;
                width: auto !important;
            }

                .boxLargeExp .paging .Item ul li {
                    display: block;
                    float: left;
                    width: 20px;
                    height: 20px;
                }

                    .boxLargeExp .paging .Item ul li .slide,
                    .boxLargeExp .paging .Item ul li .Baloon {
                        display: none;
                    }

                    .boxLargeExp .paging .Item ul li a {
                        background: url(/dl/RaiTV/2012/images/bkg_pag.png) 0px -40px no-repeat;
                    }

                        .boxLargeExp .paging .Item ul li a:hover {
                            background-position: 0px -50px;
                        }

                    .boxLargeExp .paging .Item ul li.selected a {
                        background-position: 0px -60px;
                    }

    /*small*/

    .boxLargeExp.Small {
        height: auto;
    }

        .boxLargeExp.Small .top a.switch {
            background: url(/dl/RaiTV/2012/images/btn_switch.png) right 0px no-repeat;
        }

        .boxLargeExp.Small .mid h2 {
            height: 34px;
            margin: 5px 0px 8px 0px;
            overflow: hidden;
        }

        .boxLargeExp.Small .txtHide {
            display: none;
        }

/* box colonnati */

/* med */

.colSx {
    display: block;
    float: left;
    width: 320px;
}

.colDx {
    display: block;
    float: right;
    width: 320px;
}

    .colSx .box,
    .colDx .box {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 308px;
        height: auto;
        padding: 6px 6px 6px 6px;
        margin: 0px 0px 20px 0px;
        background: #fff;
    }

        .colSx .box .top,
        .colDx .box .top {
            display: block;
            float: left;
            width: 292px;
            height: auto;
            max-height: 32px;
            min-height: 22px;
            padding: 0px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
        }

            .colSx .box .top h3,
            .colDx .box .top h3 {
                display: block;
                float: left;
                width: 292px;
                font-size: 22px;
                line-height: 18px;
                color: #666;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

            .colSx .box .top h4,
            .colDx .box .top h4 {
                display: block;
                float: left;
                width: 292px;
                font-size: 11px;
                color: #888;
                text-transform: uppercase;
                margin: 3px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

        .colSx .box .mid,
        .colDx .box .mid {
            display: block;
            float: left;
            width: 308px;
            height: auto;
            overflow: hidden;
            padding: 2px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

/* mini */

.miniLink {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #d7d7d7;
}

    .miniLink a,
    .miniLink a.Info {
        display: block;
        float: right;
        position: relative;
        font-size: 11px;
        width: auto;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 9px 0px 10px;
        color: #d7d7d7;
        background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
    }

        .miniLink a:hover {
            color: #999;
        }

        .miniLink a.Info .descr {
            display: none;
            position: absolute;
            top: 20px;
            right: 0px;
            z-index: 1000;
            width: 210px;
            height: auto;
            padding: 7px 10px 7px 10px;
            border: 1px solid #777;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            cursor: default;
            box-shadow: 0px 0px 5px 2px #000;
            background: url(/dl/RaiTV/2012/images/alpha_black.png);
        }

            .miniLink a.Info .descr span {
                display: block;
                float: left;
                width: 210px;
                height: auto;
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
                color: #5d9ae2;
                padding: 0px 0px 0px 0px;
            }

            .miniLink a.Info .descr strong {
                display: block;
                float: left;
                width: 210px;
                height: auto;
                font-size: 14px;
                font-weight: bold;
                color: #fff;
                border-bottom: 1px solid #5d9ae2;
                padding: 0px 0px 5px 0px;
                margin: 0px 0px 5px 0px;
            }

            .miniLink a.Info .descr p {
                display: block;
                float: left;
                width: 210px;
                height: auto;
                font-size: 11px;
                color: #ddd;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

        .miniLink a.Info:hover .descr {
            display: block;
        }

/* paging */

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

    .paging a,
    .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;
    }

        .paging a:hover {
            background-position: 0px -10px;
        }

        .paging span.current {
            background-position: 0px -20px;
        }

            .paging a.prev, .paging a.btnPrev,
            .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;
            }

            .paging a.next, .paging a.btnNext,
            .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;
            }

    /*num*/

    .paging.num a,
    .paging.num span {
        display: block;
        float: left;
        text-align: center;
        position: relative;
        width: 20px;
        height: 19px;
        margin: 0px 4px 5px 4px;
        padding: 1px 0px 0px 0px;
        border-radius: 3px;
        font-size: 14px;
        color: #999;
        font-weight: bold;
        text-indent: 0px;
        background: transparent;
    }

        .paging.num a:hover {
            color: #eee;
            background-position: 0px -10px;
        }

        .paging.num span.current {
            color: #fff;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -28px repeat-x;
        }

            .paging.num a.prev, .paging.num a.btnPrev,
            .paging.num span.current.prev {
                width: 10px;
                height: 10px;
                margin: 5px 0px 5px 0px;
                text-indent: -9000px;
                background: url(/dl/RaiTV/2012/images/arrow_paging.gif) 2px 0px no-repeat;
            }

            .paging.num a.next, .paging.num a.btnNext,
            .paging.num span.current.next {
                width: 10px;
                height: 10px;
                margin: 5px 0px 5px 0px;
                text-indent: -9000px;
                background: url(/dl/RaiTV/2012/images/arrow_paging.gif) -8px 0px no-repeat;
            }

/* il famoso tris foto */

.mid .trisFoto {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    height: 160px;
    margin: 8px 0px 0px 0px;
}

    .mid .trisFoto li {
        display: block;
        float: left;
        text-align: center;
        width: 60px;
        height: 160px;
        overflow: hidden;
        border-right: 2px solid #282828;
    }

        .mid .trisFoto li a {
            display: block;
            float: left;
            position: relative;
            width: 276px;
            height: 160px;
            margin: 0px 0px 0px -108px;
        }

            .mid .trisFoto li a img {
                display: block;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 1;
                width: 276px;
                height: 160px;
            }

            .mid .trisFoto li a .Canale {
                display: none;
                bottom: 0px;
                left: 25px;
                position: absolute;
                z-index: 1000;
                width: 221px;
                height: 25px;
                padding: 0px 0px 0px 5px;
                background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
            }

                .mid .trisFoto li a .Canale span {
                    display: block;
                    float: left;
                    width: 200px;
                    height: 24px;
                    overflow: hidden;
                    text-indent: -9000px;
                    padding: 0px 0px 0px 0px;
                }

            .mid .trisFoto li a .mask {
                display: block;
                position: absolute;
                top: 0px;
                left: 108px;
                z-index: 10;
                width: 60px;
                height: 160px;
                background: url(/dl/rai/images/mask_tris.png) repeat-y;
            }

        .mid .trisFoto li .txt {
            display: none;
            text-align: left;
            position: absolute;
            top: 0px;
            right: 0px;
            width: 288px;
            height: 160px;
            overflow: hidden;
        }

            .mid .trisFoto li .txt span {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                font-size: 14px;
                font-weight: bold;
                color: #d7d7d7;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 2px 0px;
            }

                .mid .trisFoto li .txt span em {
                    display: block;
                    float: left;
                    font-weight: bold;
                    font-style: normal;
                    padding: 0px 7px 0px 0px;
                    color: #ccc;
                }

            .mid .trisFoto li .txt h3,
            .mid .trisFoto li .txt h3 a {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                max-height: 47px;
                font-size: 16px;
                line-height: 18px;
                font-weight: bold;
                color: #fff;
                overflow: hidden;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 2px 0px;
            }

            .mid .trisFoto li .txt p {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                max-height: 59px;
                overflow: hidden;
                font-size: 12px;
                color: #eee;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

        .mid .trisFoto li:hover,
        .mid .trisFoto li.selected {
            width: 226px;
            height: 160px;
        }

            .mid .trisFoto li:hover a,
            .mid .trisFoto li.selected a {
                margin: 0px 0px 0px -25px;
            }

                .mid .trisFoto li:hover a .mask,
                .mid .trisFoto li.selected a .mask {
                    left: 25px;
                    width: 226px;
                }

                .mid .trisFoto li:hover a .Canale,
                .mid .trisFoto li.selected a .Canale {
                    display: block;
                }

            .mid .trisFoto li:hover .txt,
            .mid .trisFoto li.selected .txt {
                display: block;
            }

/* tris in spalla */

.Spalla .boxSpalla.embedFoto,
.boxSpalla.embedFoto {
    height: 300px;
}

.Spalla .boxSpalla.embedVideo,
.boxSpalla.embedVideo {
    height: 200px;
}

.boxSpalla .mid .trisFoto {
    width: 290px;
    height: 290px;
}

    .boxSpalla .mid .trisFoto li {
        width: 48px;
    }

        .boxSpalla .mid .trisFoto li a {
            width: 276px;
            margin: 0px 0px 0px -114px;
        }

            .boxSpalla .mid .trisFoto li a .Canale {
                width: 183px;
            }

                .boxSpalla .mid .trisFoto li a .Canale span {
                    width: 183px;
                }

.boxSpalla mid .trisFoto li a .mask {
    left: 114px;
    width: 48px;
}

.boxSpalla .mid .trisFoto li .txt {
    width: 288px;
    height: 120px;
    top: 170px;
    left: 0px;
    overflow: hidden;
}

    .boxSpalla .mid .trisFoto li .txt span {
        width: 288px;
    }

        .boxSpalla .mid .trisFoto li .txt span em {
        }

.mid .trisFoto li .txt h3,
.mid .trisFoto li .txt h3 a {
    width: 288px;
}

.mid .trisFoto li .txt p {
    width: 288px;
}

.mid .trisFoto li:hover,
.mid .trisFoto li.selected {
    width: 188px;
    height: 160px;
}

    .mid .trisFoto li:hover a,
    .mid .trisFoto li.selected a {
        margin: 0px 0px 0px -25px;
    }

        .mid .trisFoto li:hover a .mask,
        .mid .trisFoto li.selected a .mask {
            left: 25px;
            width: 188px;
        }

        .mid .trisFoto li:hover a .Canale,
        .mid .trisFoto li.selected a .Canale {
            display: block;
        }

    .mid .trisFoto li:hover .txt,
    .mid .trisFoto li.selected .txt {
        display: block;
    }

/* ##in Evidenza - Focus ## */

#inEvidenza {
    display: none;
    height: 220px;
    overflow: hidden;
}

    #inEvidenza .paging {
        display: none;
    }

/* ##### SUPER VIDEO NEW HTML ##### */

.videoContainer {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .videoContainer .paging {
        width: 110px;
    }

    /* cat */

    .videoContainer .Categorie {
        display: block;
        float: left;
        width: 648px;
        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;
            }

    /* 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;
    }

    .videoContainer .listaVideo {
        display: block;
        float: left;
        width: 518px;
        height: auto;
        overflow: hidden;
        margin: 0px 0px -10px 0px;
    }

#Video .videoContainer {
    min-height: 320px;
}

.onDemand .videoContainer {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.videoContainer .listaVideo ul {
    display: block;
    float: left;
    width: 528px;
    height: auto;
}

li.ui-sortable-helper {
    text-align: left;
}



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

    li.ui-sortable-helper a.img,
    .videoContainer .listaVideo ul li a.img,
    .boxLarge .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,
        .boxLarge .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,
        .boxLarge .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,
            .boxLarge .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;
            }

/*****************BOXONDEMAND IN HP*********************/

.onDemand.boxLarge.left .videoContainer .listaVideo {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    overflow: hidden;
    margin: 0px 0px -10px 0px;
}

    .onDemand.boxLarge.left .videoContainer .listaVideo ul {
        display: block;
        float: left;
        width: 648px;
        height: auto;
    }

        .onDemand.boxLarge.left .videoContainer .listaVideo ul li {
            display: block;
            float: left;
            width: 122px;
            height: 300px;
            margin: 0px 10px 10px 0px;
        }


        .onDemand.boxLarge.left .videoContainer .listaVideo ul li {
            display: block;
            float: left;
            width: 216px;
            height: 165px;
            margin: 0px 0px 50px 0px;
        }



            .onDemand.boxLarge.left .videoContainer .listaVideo ul li a.img {
                display: block;
                float: left;
                position: relative;
                width: 205px;
                height: 116px;
                /*overflow: hidden;*/
            }


                .onDemand.boxLarge.left .videoContainer .listaVideo ul li a.img img {
                    display: block;
                    float: left;
                    width: 205px;
                    height: 116px;
                }


                .onDemand.boxLarge.left .videoContainer .listaVideo ul li a.img .mask {
                    display: block;
                    float: left;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 193px;
                    height: 17px;
                    padding: 0px 6px 0px 6px;
                    background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
                }


                    .onDemand.boxLarge.left .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;
                    }


            .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info {
                display: block;
                float: left;
                width: 205px;
                height: auto;
                padding: 5px 0px 0px 5px;
                /*position: absolute;
                top: 0;
                padding-top: 120px;*/
            }

                .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info h2 {
                    display: block;
                    float: left;
                    width: 200px;
                    height: auto;
                    max-height: 31px;
                    font-size: 13px;
                    font-weight: bold;
                    color: #4b4b4b;
                    overflow: hidden;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 4px 0px;
                }


                .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info h5,
                .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info h4 {
                    float: left;
                    width: 194px;
                    height: auto;
                    max-height: 42px;
                    font-size: 11px;
                    font-weight: normal;
                    color: #d7d7d7;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }


        .onDemand.boxLarge.left .videoContainer .listaVideo ul ol.Specifiche {
            display: block;
            float: left;
            width: 194px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            list-style: none;
        }


            .onDemand.boxLarge.left .videoContainer .listaVideo ul ol.Specifiche li {
                display: block;
                float: left;
                width: 194px;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                font-size: 10px;
                font-weight: normal;
                color: #d7d7d7;
            }




        .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info:hover {
            display: block;
            float: left;
            position: absolute;
            width: 194px;
            height: 175px;
            overflow: hidden;
            padding: 5px 5px 5px 5px;
            border: 1px solid #222;
            background: rgba(88,88,88,0.94);
        }


            .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info:hover h2 {
                display: block;
                float: left;
                width: 194px;
                height: auto;
                max-height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 5px 0px;
            }



            .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info:hover p {
                display: block;
                float: left;
                width: 194px;
                height: auto;
                color: #eee;
                font-size: 11px;
                padding: 0px 0px 0px 0px;
            }


                .onDemand.boxLarge.left .videoContainer .listaVideo ul li .Info:hover p a {
                    display: block;
                    float: left;
                    width: 194px;
                    height: auto;
                    color: #eee;
                    font-size: 11px;
                    padding: 0px 0px 0px 0px;
                }



.onDemand.boxLarge.left .videoContainer .Tematiche {
    display: block;
    float: left;
    #width: 130px;
    width: 648px;
}

    .onDemand.boxLarge.left .videoContainer .Tematiche ul {
        display: block;
        float: left;
        width: 648px;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
    }

        .onDemand.boxLarge.left .videoContainer .Tematiche ul li {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 25px 0px;
            text-transform: uppercase;
            border-left: 1px solid #555;
        }

            .onDemand.boxLarge.left .videoContainer .Tematiche ul li:first-child {
                border: none;
            }

            .onDemand.boxLarge.left .videoContainer .Tematiche ul li a {
                display: block;
                float: left;
                width: auto;
                height: auto;
                font-size: 12px;
                font-weight: bold;
                padding: 6px 6px 6px 6px;
                margin: 0px 0px 0px 0px;
            }


            .onDemand.boxLarge.left .videoContainer .Tematiche ul li.selected {
                border-radius: 0;
            }

                .onDemand.boxLarge.left .videoContainer .Tematiche ul li.selected a {
                    color: #fff;
                    background: url(/dl/RaiTV/2012/images/bkg_tematiche.gif) left center repeat-x;
                }


            .onDemand.boxLarge.left .videoContainer .Tematiche ul li ol {
                display: block;
                float: left;
                width: 120px;
                height: auto;
                font-size: 11px;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 5px 0px 5px 0px;
            }

                .onDemand.boxLarge.left .videoContainer .Tematiche ul li ol li,
                .onDemand.boxLarge.left .videoContainer .Tematiche ul li.selected ol li {
                    display: block;
                    float: left;
                    width: 120px;
                    height: auto;
                    font-size: 11px;
                    font-weight: bold;
                    padding: 0px 0px 0px 15px;
                    margin: 0px 0px 4px 0px;
                    background: url(/dl/RaiTV/2012/images/bullet_mini.png) 8px 5px no-repeat;
                }

                    .onDemand.boxLarge.left .videoContainer .Tematiche ul li ol li a,
                    .onDemand.boxLarge.left .videoContainer .Tematiche ul li.selected ol li a {
                        display: block;
                        float: left;
                        width: 120px;
                        height: auto;
                        font-size: 11px;
                        font-weight: bold;
                        color: #777;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        background: transparent;
                    }

                        .onDemand.boxLarge.left .videoContainer .Tematiche ul li ol li a:hover,
                        .onDemand.boxLarge.left .videoContainer .Tematiche ul li ol li.selected a,
                        .onDemand.boxLarge.left .videoContainer .Tematiche ul li.selected ol li a:hover {
                            color: #4da5fc;
                        }

.Main .onDemand.boxLarge.left .filtriRicerca {
    display: block;
    float: left;
    position: relative;
    width: 400px;
    margin: 15px 0px 0px 0px;
}


    .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch {
        float: left;
        width: 400px;
    }

        .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch input {
            display: block;
            float: left;
            width: 325px;
            height: 22px;
            border: 0px;
            color: #666;
            font-size: 12px;
            padding: 0px 5px 2px 5px;
            margin: 0px 0px 0px 0px;
            background: #ebebeb;
        }

            .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch input:focus {
                background: #fff;
            }

        .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch form {
            float: left;
            width: 400px;
        }

        .Main .onDemand.boxLarge.left .filtriRicerca .boxSearch input.submit {
            display: block;
            float: left;
            width: 65px;
            height: 24px;
            border: 0px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 0px 1px 1px #eee;
            color: #3e3e3e;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 3px 0px;
            background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
        }


    .Main .onDemand.boxLarge.left .filtriRicerca ul {
        display: block;
        float: left;
        position: absolute;
        top: 24px;
        left: 0px;
        z-index: 1000;
        width: 276px;
        height: auto;
        border: 0px;
        color: #666;
        overflow: hidden;
        font-size: 12px;
        padding: 0px 5px 0px 5px;
        margin: 0px 0px 0px 0px;
        border: 1px solid #ccc;
        border-radius: 0px 0px 2px 2px;
        background: #fff;
    }

        .Main .onDemand.boxLarge.left .filtriRicerca ul li {
            display: block;
            float: left;
            width: 276px;
            height: auto;
            border: 0px;
            color: #666;
            font-size: 12px;
            padding: 5px 0px 5px 0px;
            margin: -1px 0px 0px 0px;
            border-top: 1px solid #eee;
        }

            .Main .onDemand.boxLarge.left .filtriRicerca ul li a {
                display: block;
                float: left;
                width: 276px;
                height: auto;
                border: 0px;
                color: #666;
                font-size: 11px;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            .Main .onDemand.boxLarge.left .filtriRicerca ul li ol {
                display: none;
            }

.Main .onDemand.boxLarge.left .miniMenu {
    display: block;
    float: left;
    width: 226px;
    line-height: 10px;
    padding: 0px 0px 0px 12px;
    margin: 20px 0px 0px 0px;
}

    .Main .onDemand.boxLarge.left .miniMenu span {
        display: block;
        float: left;
        width: 103px;
        height: 15px;
        font-size: 13px;
        color: #ddd;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

    .Main .onDemand.boxLarge.left .miniMenu ul {
        display: block;
        float: left;
        width: 118px;
        height: auto;
        overflow: hidden;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .Main .onDemand.boxLarge.left .miniMenu ul li {
            display: block;
            float: left;
            width: auto;
            height: 16px;
            padding: 0px 6px 0px 6px;
            margin: 0px 0px 0px -1px;
            border-left: 1px solid #555;
            font-size: 13px;
            font-weight: bold;
            text-decoration: underline;
        }

            .Main .onDemand.boxLarge.left .miniMenu ul li a {
                color: #ddd;
            }

                .Main .onDemand.boxLarge.left .miniMenu ul li a:hover {
                    color: #fff;
                }

.Main .onDemand.boxLarge.left .SearchBar {
    float: left;
    width: 638px;
    border-top: 1px solid #555;
    margin: 25px 0px 10px 5px;
}

.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;
}

li.ui-sortable-helper .Info,
.videoContainer .listaVideo ul li .Info,
.boxLarge .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,
    .boxLarge .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;
        }

    /* 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;
    }

    .videoContainer .listaVideo ul li .Info h4,
    #mediaItem .videoContainer .listaVideo ul li .Info h5 {
        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: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 10px;
        font-weight: normal;
        color: #d7d7d7;
    }

        .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;
    }

/* compact */

.videoContainer .listaVideo ul.compact li {
    height: 90px;
}

    .videoContainer .listaVideo ul.compact li .Info h2 a {
        color: #fff;
    }

    .videoContainer .listaVideo ul.compact li .Info h5,
    .videoContainer .listaVideo ul li.compact .Info h4 {
        display: none;
    }

    .videoContainer .listaVideo ul.compact li .Info h4,
    #mediaItem .videoContainer .listaVideo ul.compact li .Info h5 {
        display: none;
    }

    #mediaItem .videoContainer .listaVideo ul.compact li .Info h4,
    .videoContainer .listaVideo ul.compact li .Info h5 {
        display: none;
    }

.videoContainer .listaVideo ul.compact ol.Specifiche {
    display: none;
}

.videoContainer .listaVideo ul.compact li .Info:hover {
    height: 78px;
}

/* large */

.videoContainer.large .listaVideo {
    width: 648px;
}

    .videoContainer.large .listaVideo ul {
        width: 667px;
        margin: 0px 0px 0px 1px;
    }

        .videoContainer.large .listaVideo ul li {
            height: 160px;
            margin: 0px 9px 10px 0px;
        }

/* tema */

.videoContainer .Tematiche {
    display: block;
    float: left;
    width: 130px;
}

    .videoContainer .Tematiche ul {
        display: block;
        float: left;
        width: 120px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .videoContainer .Tematiche ul li {
            display: block;
            float: left;
            width: 120px;
            height: auto;
            font-size: 11px;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 5px 0px;
        }

            .videoContainer .Tematiche ul li a {
                display: block;
                float: left;
                width: 108px;
                height: auto;
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                padding: 6px 6px 6px 6px;
                margin: 0px 0px 0px 0px;
            }

                .videoContainer .Tematiche ul li a:hover {
                    color: #999;
                }

            .videoContainer .Tematiche ul li.selected a {
                color: #fff;
                border-radius: 2px;
                background: url(/dl/RaiTV/2012/images/bkg_tematiche.gif) left center repeat-x;
            }

            .videoContainer .Tematiche ul li ol {
                display: block;
                float: left;
                width: 120px;
                height: auto;
                font-size: 11px;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 5px 0px 5px 0px;
            }

                .videoContainer .Tematiche ul li ol.subCat {
                    display: none;
                }

                .videoContainer .Tematiche ul li ol li,
                .videoContainer .Tematiche ul li.selected ol li {
                    display: block;
                    float: left;
                    width: 105px;
                    height: auto;
                    font-size: 11px;
                    font-weight: bold;
                    padding: 0px 0px 4px 15px; /* uso padding-bottom invece di margin-bottom, altrimenti cliccando nei 4px di margine viene selezionata il nodo padre! */
                    margin: 0px 0px 0px 0px;
                    background: url(/dl/RaiTV/2012/images/bullet_mini.png) 8px 5px no-repeat;
                }

                    .videoContainer .Tematiche ul li ol li a,
                    .videoContainer .Tematiche ul li.selected ol li a {
                        display: block;
                        float: left;
                        width: 105px;
                        height: auto;
                        font-size: 11px;
                        font-weight: bold;
                        color: #ddd;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        background: transparent;
                    }

                        .videoContainer .Tematiche ul li ol li a:hover,
                        .videoContainer .Tematiche ul li.selected ol li a:hover {
                            color: #4da5fc;
                        }

                    .videoContainer .Tematiche ul li ol li.selected a,
                    .videoContainer .Tematiche ul li.selected ol li.selected a {
                        color: #4da5fc;
                        background: transparent;
                    }

/* ##### /SUPER VIDEO ##### */

/* Diretta TV */

#Diretta {
    height: auto;
}

    #Diretta .top {
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -32px no-repeat;
    }

    #Diretta .mid {
        overflow: visible;
        text-align: center;
    }

        #Diretta .mid .paging {
            width: 70px;
        }

        #Diretta .mid.canali {
            display: block;
            float: left;
            width: 358px;
            height: 328px;
            margin: 0px 0px 0px 0px;
        }

            #Diretta .mid.canali ul {
                display: block;
                float: left;
                margin: 0px 0px 0px 0px;
                width: 370px;
            }

                #Diretta .mid.canali ul li {
                    display: block;
                    float: left;
                    position: relative;
                    width: 82px;
                    height: 60px;
                    margin: 5px 10px 18px 0px;
                }

                    #Diretta .mid.canali ul li strong {
                        display: block;
                        float: left;
                        bottom: 0px;
                        left 0px;
                        z-index: 100;
                        position: absolute;
                        width: 78px;
                        height: 24px;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 4px;
                        background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
                    }

                    #Diretta .mid.canali ul li span {
                        display: block;
                        float: left;
                        width: 78px;
                        height: 24px;
                        overflow: hidden;
                        margin: 0px 0px 0px 0px;
                        padding: 0px 0px 0px 0px;
                        text-indent: -90000px;
                    }

                    #Diretta .mid.canali ul li.Rai1 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai1.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.Rai2 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai2.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.Rai3 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai3.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.Rai4 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai4.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.Rai5 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai5.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiNews span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_news.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiGulp span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_gulp.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiYoyo span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_yoyo.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiSport1 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_sport1.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiSport2 span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_sport2.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiStoria span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_storia.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiScuola span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_scuola.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiMovie span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_movie.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiPremium span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_premium.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiMed span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_med.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.RaiEuroNews span {
                        background: url(/dl/RaiTV/2012/images/canali/color/rai_euronews.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li.YesItalia span {
                        background: url(/dl/RaiTV/2012/images/canali/color/yes_italia.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li .txt {
                        display: none;
                        text-align: left;
                        position: absolute;
                        top: -18px;
                        left: 45px;
                        z-index: 10000;
                        width: 100px;
                        height: 75px;
                        padding: 11px 11px 11px 20px;
                        background: url(/dl/RaiTV/2012/images/baloon_dirette.png) no-repeat;
                    }

                    #Diretta .mid.canali ul li:hover .txt {
                        display: block;
                    }

                    #Diretta .mid.canali ul li .txt em {
                        display: block;
                        width: 102px;
                        font-size: 9px;
                        color: #4da5fc;
                        padding: 0px 0px 0px 0px;
                        margin: -2px 0px 2px 0px;
                    }

                    #Diretta .mid.canali ul li .txt h6 {
                        display: block;
                        width: 102px;
                        height: 58px;
                        color: #fff;
                        overflow: hidden;
                        font-size: 11px;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                    }

/* ##### REPLaYYYYYY ##### */

#raiReplay .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#raiReplay .mid {
    position: relative;
}

#raiReplay .Legenda {
    display: block;
    float: left;
    width: 648px;
    padding: 2px 0px 10px 0px;
    margin: 0px 0px 12px 0px;
    border-bottom: 1px solid #3d3d3d;
}

    #raiReplay .Legenda h4 {
        display: block;
        float: left;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        color: #d8d8d8;
        padding: 0px 10px 0px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
    }

    #raiReplay .Legenda ul {
        display: block;
        float: left;
        font-size: 11px;
        text-transform: uppercase;
        color: #d8d8d8;
        padding: 0px 10px 0px 0px;
        margin: 0px 0px 0px 40px;
    }

        #raiReplay .Legenda ul li {
            display: block;
            float: left;
            padding: 0px 0px 0px 0px;
            margin: 0px 27px 0px 0px;
        }

            #raiReplay .Legenda ul li strong {
                display: block;
                float: left;
                font-size: 11px;
                text-transform: none;
                color: #d7d7d7;
            }

            #raiReplay .Legenda ul li span {
                display: block;
                float: left;
                width: 20px;
                height: 14px;
                margin: 0px 5px 0px 0px;
                border-radius: 2px;
            }

            #raiReplay .Legenda ul li.y span {
                background: #4da5fc;
            }

            #raiReplay .Legenda ul li.s span {
                background: #d7d7d7;
            }

            #raiReplay .Legenda ul li.n span {
                background: #808080;
            }

/*cal*/

#raiReplay .ggCal {
    display: block;
    float: left;
    width: 648px;
    height: 26px;
    background: #444;
}

    #raiReplay .ggCal li {
        display: block;
        float: left;
        text-align: center;
        width: 92px;
        height: 26px;
        margin: 0px 0px 0px -3px;
        border-left: 3px solid #282828;
        background: #444;
    }

        #raiReplay .ggCal li a {
            display: block;
            text-align: center;
        }

        #raiReplay .ggCal li strong {
            font-size: 20px;
            color: #ccc;
        }

        #raiReplay .ggCal li span {
            font-size: 11px;
            color: #ccc;
            font-weight: bold;
            text-transform: uppercase;
        }

        #raiReplay .ggCal li.selected {
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -28px;
        }

            #raiReplay .ggCal li.selected strong {
                color: #fff;
            }

            #raiReplay .ggCal li.selected span {
                color: #fff;
            }

/*loghi*/
#raiReplay .Palinsesto li.chan h3.RaiUno {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/raiuno.png);
}

#raiReplay .Palinsesto li.chan h3.RaiDue {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/raidue.png);
}

#raiReplay .Palinsesto li.chan h3.RaiTre {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/raitre.png);
}

#raiReplay .Palinsesto li.chan h3.Rai5 {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/rai5.png);
}

#raiReplay .Palinsesto li.chan h3.RaiPremium {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/raipremium.png);
}

#raiReplay .Palinsesto li.chan h3.RaiGulp {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/raigulp.png);
}

#raiReplay .Palinsesto li.chan h3.RaiYoYo {
    background-image: url(/dl/RaiTV/2012/images/canali/guida/raiyoyo.png);
}

/*-*/

/*info*/

#raiReplay .infoReplay {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 83px;
    right: 0px;
    width: 540px;
    height: 900px;
    color: #d7d7d7;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: #282828;
}

    #raiReplay .infoReplay h2 {
        display: block;
        float: left;
        width: 540px;
        height: auto;
        font-size: 22px;
        color: #4da5fc;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
    }

    #raiReplay .infoReplay p {
        display: block;
        float: left;
        width: 540px;
        height: auto;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

        #raiReplay .infoReplay p span {
            color: #4da5fc;
            font-weight: bold;
        }

    #raiReplay .infoReplay ul {
        display: block;
        float: left;
        width: 540px;
        height: auto;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

        #raiReplay .infoReplay ul li {
            display: block;
            float: left;
            width: 540px;
            height: auto;
            font-size: 12px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

            #raiReplay .infoReplay ul li span {
                display: block;
                float: left;
                width: 20px;
                height: 13px;
                margin: 1px 5px 10px 0px;
                border-radius: 2px;
            }

            #raiReplay .infoReplay ul li em {
                font-style: normal;
            }

            #raiReplay .infoReplay ul li.y span {
                background: #4da5fc;
            }

            #raiReplay .infoReplay ul li.s span {
                background: #d7d7d7;
            }

            #raiReplay .infoReplay ul li.n span {
                background: #808080;
            }

            #raiReplay .infoReplay ul li.y em {
                color: #4da5fc;
            }

            #raiReplay .infoReplay ul li.s em {
                color: #d7d7d7;
            }

            #raiReplay .infoReplay ul li.n em {
                color: #808080;
            }

/**/

#raiReplay .Palinsesto {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    height: 900px;
    margin: 3px 0px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_repalinsesto.gif) repeat-y;
}

    #raiReplay .Palinsesto li.chan {
        display: block;
        float: left;
        width: 89px;
        height: 44px;
        clear: left;
        border-bottom: 3px solid #282828;
    }

        #raiReplay .Palinsesto li.chan h3 {
            display: block;
            float: left;
            width: 89px;
            height: 44px;
            overflow: hidden;
            text-indent: -9000px;
            border-right: 3px solid #282828;
            background-color: #4b4b4b;
            background-position: 0px 0px;
        }

            #raiReplay .Palinsesto li.chan h3.selected {
                background-color: #4da5fc;
            }

        #raiReplay .Palinsesto li.chan .Prog {
            display: block;
            float: left;
            position: absolute;
            top: 0px;
            right: -6px;
            width: 561px;
            height: auto;
            padding: 0px;
            margin: 0px;
        }

            #raiReplay .Palinsesto li.chan .Prog ol {
                display: block;
                float: left;
                width: 561px;
                height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px;
                position: relative;
            }

        #raiReplay .Palinsesto li.chan ol li {
            display: block;
            position: relative;
            float: left;
            width: 561px;
            height: auto;
            color: #4b4b4b;
            padding: 31px 0px 1px 0px;
            margin: 0px;
            border: 0px;
            font-size: 13px;
        }

            #raiReplay .Palinsesto li.chan ol li:nth-child(odd) {
                background-color: #222;
            }

            #raiReplay .Palinsesto li.chan ol li:nth-child(even) {
                background-color: #282828;
            }

            #raiReplay .Palinsesto li.chan ol li span {
                display: block;
                float: left;
                text-align: left;
                width: 40px;
                height: auto;
                font-size: 13px;
                padding: 0px;
                margin: 0px 6px 0px 0px;
                color: #808080;
            }

            #raiReplay .Palinsesto li.chan ol li img.icon {
                float: left;
                height: 75px;
                width: 75px;
                margin: -30px 10px 0px 0px;
            }

            #raiReplay .Palinsesto li.chan ol li a {
                display: block;
                float: left;
                text-align: left;
                height: auto;
                width: 402px;
                font-size: 13px;
                line-height: 15px;
                color: #808080;
            }

            #raiReplay .Palinsesto li.chan ol li.live a {
                width: 372px;
                padding: 0px 0px 0px 30px;
                background: url(/dl/RaiTV/2012/images/ico_onair.png) 0px 0px no-repeat;
            }

#guidaProgrammi .Palinsesto li.chan ol li a:hover {
    color: #3e80c8;
}

#raiReplay .Palinsesto li.chan ol li.y span {
    font-weight: bold;
    color: #4da5fc;
}

#raiReplay .Palinsesto li.chan ol li.y a {
    font-weight: bold;
    color: #4da5fc;
}

#raiReplay .Palinsesto li.chan ol li.s span {
    color: #d7d7d7;
}

#raiReplay .Palinsesto li.chan ol li.s a {
    color: #d7d7d7;
}

#raiReplay .Palinsesto li.chan ol li.n span {
    color: #808080;
}

#raiReplay .Palinsesto li.chan ol li.n a {
    color: #808080;
}

#raiReplay .Palinsesto li.chan ol li a:hover {
    color: #fff;
}

.Prog a.Info {
    position: relative;
}

    /*
.Prog a.Info .descr{
display: none;
position: absolute;
top: 0px;
right: 00px;
z-index: 1000;
width: 280px;
height: auto;
padding: 7px 10px 7px 10px;
border: 1px solid #777;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: default;
box-shadow: 0px 0px 5px 2px #000;
background-color: rgba(0, 0, 0, 0.85);
}

.Prog a.Info .descr span{
display: block;
float: left;
width: 280px;
height: auto;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #5d9ae2;
padding: 0px 0px 0px 0px;
}

.Prog a.Info .descr strong{
display: block;
float: left;
width: 280px;
height: auto;
font-size: 14px;
font-weight: bold;
color: #fff;
border-bottom: 1px solid #5d9ae2;
padding: 0px 0px 5px 0px;
margin: 0px 0px 5px 0px;
}

.Prog a.Info .descr p{
display: block;
float: left;
width: 280px;
height: auto;
font-size: 11px;
color: #ddd;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
*/
    .Prog a.Info:hover .descr {
        display: block;
    }

/* infoXXL*/

#raiReplay .Palinsesto .descrBox {
    display: none;
    top: 0px !important;
    left: 180px !important;
    position: absolute !important;
    z-index: 1000;
    width: 298px;
    min-height: 170px;
    color: #666;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #111;
    background: url(/dl/RaiInternazionale/images/box_descr.png) 0px -8px no-repeat;
}

#raiReplay .Prog li:hover .descrBox {
    display: block;
}

#raiReplay .Palinsesto .descrBox img {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#raiReplay .Palinsesto .descrBox .txt {
    display: block;
    float: left;
    width: 208px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#raiReplay .Palinsesto .descrBox h4 {
    display: block;
    float: left;
    width: 208px;
    height: auto;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
}

#raiReplay .Palinsesto .descrBox strong {
    display: block;
    float: left;
    width: 208px;
    height: auto;
    font-size: 11px;
    color: #ccc;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#raiReplay .Palinsesto li.chan ol li .descrBox strong span {
    display: inline;
    float: none;
    color: #999;
    font-weight: normal;
    padding: 0px 0px 0px 5px;
}

#raiReplay .Palinsesto .descrBox p {
    display: block;
    float: left;
    width: 208px;
    max-height: 71px;
    font-size: 11px;
    color: #999;
    font-weight: normal;
    overflow: hidden;
    border-top: 1px solid #444;
    margin: 5px 0px 14px 0px;
    padding: 5px 0px 0px 0px;
}

#raiReplay .Palinsesto .descrBox .link {
    display: block;
    float: left;
    width: auto;
    height: auto;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    #raiReplay .Palinsesto .descrBox .link:hover {
        color: #999;
    }

#raiReplay .Palinsesto .descrBox .close {
    display: block;
    position: absolute;
    top: 0px;
    right: -10px;
    width: 20px;
    height: 20px;
    background: url(/dl/rai/images/btn_close.png) 0px 0px no-repeat;
}

    #raiReplay .Palinsesto .descrBox .close:hover {
        background-position: 0px -21px;
    }

#raiReplay .descrOver .descrBox.noImage {
    width: 298px;
    height: auto;
    color: #4b4b4b;
    padding: 10px 10px 10px 10px;
}

#raiReplay .descrOver .descrBox.noImg .txt {
    width: 298px;
}

#raiReplay .descrOver .descrBox.noImg h4 {
    width: 298px;
}

#raiReplay .descrOver .descrBox.noImg strong {
    width: 298px;
}

#raiReplay .descrOver .descrBox.noImg p {
    width: 298px;
}

/* fine infoXXL*/

/* fruizione */

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

    .boxReplay .top {
        display: block;
        float: left;
        text-align: left;
        width: 632px;
        height: 32px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
    }

        .boxReplay .top h3 {
            display: block;
            float: left;
            width: 632px;
            font-size: 24px;
            line-height: 17px;
            color: #fff;
            margin: 0px 0px 4px 0px;
            padding: 0px 0px 0px 0px;
        }

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

    .boxReplay .tit {
        display: block;
        float: left;
        text-align: left;
        width: 648px;
        height: auto;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
        border-top: 1px solid #3d3d3d;
    }

        .boxReplay .tit h2 {
            display: block;
            float: left;
            width: 608px;
            font-size: 19px;
            line-height: 21px;
            color: #4da5fc;
            font-weight: normal;
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 0px 40px;
        }

    .boxReplay .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        overflow: hidden;
    }

        .boxReplay .mid .Player {
            display: block;
            float: left;
            width: 648px;
            height: 400px;
            background: #202020;
        }

            .boxReplay .mid .Player #SilverlightPlayer {
                width: 100%;
                height: 100%;
            }

    .boxReplay .Info {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        color: #d6d6d6;
        margin: 10px 0px 0px 0px;
    }

        .boxReplay .Info p {
            display: block;
            float: left;
            width: 628px;
            height: auto;
            font-size: 12px;
            color: #d6d6d6;
            margin: 0px 0px 0px 0px;
        }

        .boxReplay .Info .scroll-pane {
            width: 100%;
            height: 60px;
            overflow: auto;
        }

.jspVerticalBar {
    background: transparent !important;
}

.boxReplay .Info .scroll-pane .jspTrack {
    display: block;
    float: right;
    height: 100%;
    width: 6px;
    background: #808080;
    padding: 0px 2px 0px 2px;
    border-radius: 2px;
}

.boxReplay .Info .scroll-pane .jspDragTop {
    margin: 0px 0px 0px 0px;
    width: 6px;
    height: 2px;
    background: #808080;
}

.boxReplay .Info .scroll-pane .jspDragBottom {
    margin: 0px 0px 0px 0px;
    height: 2px;
    bottom: 0px;
    width: 6px;
    position: absolute;
    background: #808080;
}

.boxReplay .Info .scroll-pane .jspDrag {
    width: 6px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #282828;
}

.boxReplay .Info a {
    display: block;
    float: left;
    width: auto;
    height: auto;
    font-size: 12px;
    color: #d6d6d6;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 10px 0px 0px;
    margin: 15px 30px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) 100% 2px no-repeat;
}

    .boxReplay .Info a:hover {
        color: #fff;
    }

.boxReplay.Rai1 .tit h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai1.png) 0px -2px no-repeat;
}

.boxReplay.Rai2 .tit h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai2.png) 0px -2px no-repeat;
}

.boxReplay.Rai3 .tit h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai3.png) 0px -2px no-repeat;
}

.boxReplay.Rai4 .tit h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai4.png) 0px -2px no-repeat;
}

.boxReplay.Rai5 .tit h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai5.png) 0px -2px no-repeat;
}

.boxReplay.Euronews .tit h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_euronews.png) 0px -2px no-repeat;
}

.boxReplay.RaiGulp .tit h2 {
    width: 598px;
    padding: 0px 0px 0px 50px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_gulp.png) 0px -2px no-repeat;
}

.boxReplay.RaiMed .tit h2 {
    width: 598px;
    padding: 0px 0px 0px 50px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_med.png) 0px -2px no-repeat;
}

.boxReplay.RaiMovie .tit h2 {
    width: 593px;
    padding: 0px 0px 0px 55px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_movie.png) 0px -2px no-repeat;
}

.boxReplay.RaiNews .tit h2 {
    width: 593px;
    padding: 0px 0px 0px 55px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_news.png) 0px -2px no-repeat;
}

.boxReplay.RaiPremium .tit h2 {
    width: 578px;
    padding: 0px 0px 0px 70px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_premium.png) 0px -2px no-repeat;
}

.boxReplay.RaiScuola .tit h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_scuola.png) 0px -2px no-repeat;
}

.boxReplay.RaiStoria .tit h2 {
    width: 593px;
    padding: 0px 0px 0px 55px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_storia.png) 0px -2px no-repeat;
}

.boxReplay.RaiSport1 .tit h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_sport1.png) 0px -2px no-repeat;
}

.boxReplay.RaiSport2 .tit h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_sport2.png) 0px -2px no-repeat;
}

.boxReplay.RaiYoYo .tit h2 {
    width: 598px;
    padding: 0px 0px 0px 50px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_yoyo.png) 0px -2px no-repeat;
}

/* elements */

.boxReplay .tit ul.Specifiche {
    display: block;
    float: left;
    width: 648px;
    overflow: hidden;
    margin: 0px 0px 13px -9px;
    padding: 0px 0px 0px 0px;
}

    .boxReplay .tit ul.Specifiche li {
        display: block;
        float: left;
        width: auto;
        color: #d6d6d6;
        font-size: 11px;
        margin: 0px 0px 0px -1px;
        padding: 0px 10px 0px 10px;
        border-left: 1px solid #5a5a5a;
    }

        .boxReplay .tit ul.Specifiche li span {
            color: #888;
        }

.boxReplay .tit .socialNetwork {
    display: block;
    float: left;
    text-align: left;
    width: 400px;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.boxReplay .tit .Opzioni {
    display: block;
    float: right;
    text-align: left;
    width: auto;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .boxReplay .tit .Opzioni .Share {
        display: block;
        float: left;
        text-align: left;
        width: auto;
        height: 19px;
        font-size: 11px;
        font-weight: bold;
        color: #d7d7d7;
        padding: 3px 22px 0px 10px;
        margin: 0px 0px 0px 0px;
        border-left: 0px solid #5a5a5a;
        cursor: pointer;
        background: url(/dl/RaiTV/2012/images/ico_share.png) 100% 1px no-repeat;
    }

        .boxReplay .tit .Opzioni .Share:hover {
            color: #fff;
            background: url(/dl/RaiTV/2012/images/ico_share.png) 100% -25px no-repeat;
        }

/* ##### PODcASSSt ##### */

#Podcast .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#Podcast .mid {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#Podcast .inBox .mid {
    padding: 8px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
}

    #Podcast .inBox .mid .videoContainer {
        width: 636px;
    }

#ricercaProg .inBox .mid .videoContainer .listaVideo {
    width: 646px;
    margin: 0px 0px 0px 1px;
}

    #ricercaProg .inBox .mid .videoContainer .listaVideo ul {
        width: 646px;
    }

        #ricercaProg .inBox .mid .videoContainer .listaVideo ul li {
            margin: 0px 6px 10px 0px;
        }

#ricercaProg .paging {
    width: auto;
}

/* elenco */

.elencoProg {
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0px 0px 0px;
}

    .elencoProg li {
        display: block;
        float: left;
        width: 48%;
        font-size: 12px;
        padding: 0px 0px 0px 2%;
        margin: 5px 0px 5px 0px;
    }

        .elencoProg li a {
            color: #fff;
        }

            .elencoProg li a:hover {
                color: #999;
            }

/* ##### ProGGS onDEMANd ##### */

#progsOnDemand .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#progsOnDemand .mid {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.inBox input {
    display: block;
    float: left;
    width: 631px;
    height: 22px;
    border: 0px;
    color: #666;
    font-size: 12px;
    margin: 10px 0px 0px 0px;
    padding: 0px 5px 2px 5px;
    background: #fff;
}

    .inBox input.submit {
        display: block;
        float: right;
        width: 65px;
        height: 24px;
        border: 0px;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 0px 1px 1px #eee;
        color: #3e3e3e;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 4px 0px;
        background: #b2b2b2 url(/dl/RaiTV/2012/images/bkg_btn_search.gif) repeat-x;
    }

.inBox.smallest .alfa {
    display: block;
    float: left;
    width: 228px;
}

    .inBox.smallest .alfa li {
        display: block;
        float: left;
        width: auto;
        margin: 10px 9px 0px 0px;
        font-size: 14px;
        font-weight: bold;
    }

        .inBox.smallest .alfa li a {
            color: #fff;
        }

            .inBox.smallest .alfa li a:hover {
                color: #999;
            }

/*dir*/

.inBox a.switch {
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: auto;
    height: 15px;
    font-size: 11px;
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0px 0px 0px;
    padding: 1px 23px 0px 0px;
    background: url(/dl/RaiTV/2012/images/btn_switch.png) right top no-repeat;
}

    .inBox a.switch:hover {
        color: #fff;
    }

    .inBox a.switch.expo {
        background: url(/dl/RaiTV/2012/images/btn_switch.png) right -20px no-repeat;
    }

#progCanali.inBox .mid {
    padding: 10px 0px 0px 0px;
}

    #progCanali.inBox .mid ul {
        display: block;
        float: left;
        width: 218px;
        height: auto;
        padding: 0px 5px 0px 5px;
        margin: 1px 0px 1px 0px;
    }

        #progCanali.inBox .mid ul.light {
            background: #323232;
        }

        #progCanali.inBox .mid ul.dark {
            background: #3c3c3c;
        }

        #progCanali.inBox .mid ul li {
            display: block;
            float: left;
            width: auto;
            height: 36px;
            margin: 0px 0px 0px 0px;
        }

            #progCanali.inBox .mid ul li a {
                display: block;
                float: left;
                height: 36px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                overflow: hidden;
                text-indent: -9000px;
            }

                #progCanali.inBox .mid ul li a:hover {
                    opacity: 0.7;
                }

                #progCanali.inBox .mid ul li a.Rai1 {
                    width: 46px;
                    background: url(/dl/RaiTV/2012/images/canali/rai1.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Rai2 {
                    width: 46px;
                    background: url(/dl/RaiTV/2012/images/canali/rai2.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Rai3 {
                    width: 46px;
                    background: url(/dl/RaiTV/2012/images/canali/rai3.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Rai4 {
                    width: 46px;
                    background: url(/dl/RaiTV/2012/images/canali/rai4.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Rai5 {
                    width: 33px;
                    background: url(/dl/RaiTV/2012/images/canali/rai5.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiGulp {
                    width: 53px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_gulp.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiYoYo {
                    width: 53px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_yoyo.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiMovie {
                    width: 60px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_movie.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiFiction {
                    width: 50px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_fiction.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiEdu {
                    width: 65px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_edu.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiSport {
                    width: 78px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_sport.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.YesItalia {
                    width: 73px;
                    background: url(/dl/RaiTV/2012/images/canali/yes_italia.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.RaiInternazionale {
                    width: 74px;
                    background: url(/dl/RaiTV/2012/images/canali/rai_internazionale.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Radio1 {
                    width: 84px;
                    background: url(/dl/RaiTV/2012/images/canali/radio1.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Radio2 {
                    width: 84px;
                    background: url(/dl/RaiTV/2012/images/canali/radio2.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Radio3 {
                    width: 50px;
                    background: url(/dl/RaiTV/2012/images/canali/radio3.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Wr6 {
                    width: 75px;
                    background: url(/dl/RaiTV/2012/images/canali/wradio6.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Wr7 {
                    width: 73px;
                    background: url(/dl/RaiTV/2012/images/canali/wradio7.png) 0px 6px no-repeat;
                }

                #progCanali.inBox .mid ul li a.Wr8 {
                    width: 70px;
                    background: url(/dl/RaiTV/2012/images/canali/wradio8.png) 0px 6px no-repeat;
                }

            #progCanali.inBox .mid ul li.selected a.Rai1 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai1.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Rai2 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai2.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Rai3 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai3.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Rai4 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai4.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Rai5 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai5.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiNews {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_news.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiGulp {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_gulp.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiYoYo {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_yoyo.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiFiction {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_fiction.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiSport {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_sport.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiSport1 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_sport1.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiSport2 {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_sport2.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiStoria {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_storia.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiScuola {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_scuola.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiMovie {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_movie.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiPremium {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_premium.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiMed {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_med.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiEuroNews {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_euronews.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.YesItalia {
                background: url(/dl/RaiTV/2012/images/canali/color/yes_italia.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.RaiInternazionale {
                background: url(/dl/RaiTV/2012/images/canali/color/rai_internazionale.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Radio1 {
                background: url(/dl/RaiTV/2012/images/canali/color/radio1.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Radio2 {
                background: url(/dl/RaiTV/2012/images/canali/color/radio2.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Radio3 {
                background: url(/dl/RaiTV/2012/images/canali/color/radio3.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Wr6 {
                background: url(/dl/RaiTV/2012/images/canali/color/wr6.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Wr7 {
                background: url(/dl/RaiTV/2012/images/canali/color/wr7.png) no-repeat 0px 6px;
            }

            #progCanali.inBox .mid ul li.selected a.Wr8 {
                background: url(/dl/RaiTV/2012/images/canali/color/wr8.png) no-repeat 0px 6px;
            }

/* tem */

.inBox .elencoTema {
    display: block;
    float: left;
    width: 636px;
}

    .inBox .elencoTema li {
        display: block;
        float: left;
        width: 118px;
        margin: 8px 9px 0px 0px;
        font-size: 12px;
    }

        .inBox .elencoTema li a {
            color: #fff;
        }

            .inBox .elencoTema li a:hover {
                color: #999;
            }

/* Replay */

#Replay {
    height: auto;
}

    #Replay .top {
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
    }

    #Replay .mid strong {
        display: block;
        float: left;
        width: 88px;
        height: 16px;
        color: #d0d0d0;
        margin: 0px 0px 10px 0px;
        padding: 3px 0px 0px 0px;
    }

    #Replay .mid ul {
        display: block;
        float: left;
        width: auto;
        margin: 0px 0px 10px 0px;
    }

        #Replay .mid ul li {
            display: block;
            float: left;
            height: 30px;
            width: auto;
            margin: 0px 6px;
        }

            #Replay .mid ul li a {
                display: block;
                float: left;
                height: 30px;
                width: 59px;
                background: url(/dl/rai/images/btn_replay_large.png) no-repeat;
                overflow: hidden;
                text-indent: -9000px;
            }

                #Replay .mid ul li a.Rai1 {
                    background-position: 0px -8px;
                }

                #Replay .mid ul li a.Rai2 {
                    background-position: -150px -8px;
                }

                #Replay .mid ul li a.Rai3 {
                    background-position: -300px -8px;
                }

                #Replay .mid ul li a.Rai5 {
                    background-position: -450px -8px;
                }

                #Replay .mid ul li a.RaiPremium {
                    width: 110px;
                    background-position: -600px -8px;
                }

                #Replay .mid ul li a.RaiGulp {
                    width: 75px;
                    background-position: -750px -8px;
                }

                #Replay .mid ul li a.RaiYoyo {
                    width: 72px;
                    background-position: -900px -8px;
                }

                #Replay .mid ul li a.Rai1:hover, #Replay .mid ul li.selected a.Rai1 {
                    background-position: 0px -58px;
                }

                #Replay .mid ul li a.Rai2:hover, #Replay .mid ul li.selected a.Rai2 {
                    background-position: -150px -58px;
                }

                #Replay .mid ul li a.Rai3:hover, #Replay .mid ul li.selected a.Rai3 {
                    background-position: -300px -58px;
                }

                #Replay .mid ul li a.Rai5:hover, #Replay .mid ul li.selected a.Rai5 {
                    background-position: -450px -58px;
                }

                #Replay .mid ul li a.RaiPremium:hover, #Replay .mid ul li.selected a.RaiPremium {
                    background-position: -600px -58px;
                }

                #Replay .mid ul li a.RaiGulp:hover, #Replay .mid ul li.selected a.RaiGulp {
                    background-position: -750px -58px;
                }

                #Replay .mid ul li a.RaiYoyo:hover, #Replay .mid ul li.selected a.RaiYoyo {
                    background-position: -900px -58px;
                }

    #Replay .mid .calendario {
        display: block;
        float: right;
        position: relative;
        width: 175px;
        height: 24px;
        margin: 0 0 0 9px;
        padding: 0px 0px 0px 0px;
        background: #fff;
    }

    #Replay .mid .giorno {
        display: block;
        float: left;
        text-align: left;
        width: 175px;
        height: 24px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #6f6f6f url(/dl/rai/images/arrow_dwn.png) 160px center no-repeat;
        overflow: hidden;
    }

        #Replay .mid .giorno:hover {
            display: block;
            position: absolute;
            z-index: 999;
            top: 0px;
            left: 0px;
            width: 175px;
            height: 174px;
            padding: 0px 0px 0px 0px;
            border-radius: 0px 0px 4px 4px;
            color: #4283cb;
            background: #6f6f6f;
        }

        #Replay .mid .giorno li {
            display: none;
            float: left;
            text-align: center;
            width: 165px;
            height: 19px;
            padding: 5px 0px 0px 14px;
            margin: 0px;
            font-weight: bold;
            color: #fff;
            border-bottom: 1px solid #eee;
        }

            #Replay .mid .giorno li.selected {
                display: block;
            }

        #Replay .mid .giorno:hover li {
            display: block;
            float: left;
            text-align: center;
            width: 165px;
            height: 19px;
            padding: 5px 0px 0px 14px;
            margin: 0px;
            font-weight: bold;
            color: #4b4b4b;
            border-bottom: 1px solid #eee;
        }

        #Replay .mid .giorno li:hover {
            width: 165px;
            padding: 5px 0px 0px 14px;
            color: #4b4b4b;
            background: url(/dl/rai/images/arrow_paging.gif) -6px 7px no-repeat;
        }

        #Replay .mid .giorno li a {
            width: 159px;
            background: none;
            text-align: left;
            padding: 0px 0px 0px 0px;
            text-indent: 0px;
            font-weight: bold;
            color: #fff;
        }

            #Replay .mid .giorno li a span {
                display: block;
                float: left;
                width: 60px;
                color: #fff;
            }

    #Replay .mid .btnCal {
        display: none;
        float: left;
        width: 32px;
        height: 24px;
        padding: 0px 0px 0px 0px;
        overflow: hidden;
        text-indent: -9000px;
        background: url(/dl/rai/images/btn_cal.gif) no-repeat;
    }

    #Replay .mid .btnSub {
        display: block;
        float: right;
        width: auto;
        height: 19px;
        padding: 5px 10px 0px 10px;
        margin: 10px 0px 0px 9px;
        font-size: 11px;
        font-weight: bold;
        color: #3d3d3d;
        text-shadow: 0px 1px 1px #eee;
        text-transform: uppercase;
        background: url(/dl/rai/images/btn_gradient.gif) repeat-x;
    }

    #Replay .scroller {
        width: 288px;
        position: relative;
        height: 48px;
        float: left;
        margin-bottom: 7px;
        padding-bottom: 8px;
        border-bottom: 1px solid #3e3e3e;
    }

        #Replay .scroller button {
            position: absolute;
            width: 20px;
            height: 20px;
            border: 0px;
            padding: 0px;
            margin: 0px;
            cursor: pointer;
            background: transparent url(/dl/rai/images/btn_arrows_replaytv.png) 0px -20px scroll no-repeat;
        }

            #Replay .scroller button.arrLeft {
                left: 0px;
                top: 14px;
                background-position: 0px -20px;
            }

                #Replay .scroller button.arrLeft:hover {
                    background-position: 0px 0px;
                }

                #Replay .scroller button.arrLeft.disabled,
                #Replay .scroller button.arrLeft.disabled:hover {
                    background-position: 0px -40px;
                }

            #Replay .scroller button.arrRight {
                right: 0px;
                top: 14px;
                background-position: -20px -20px;
            }

                #Replay .scroller button.arrRight:hover {
                    background-position: -20px 0px;
                }

                #Replay .scroller button.arrRight.disabled,
                #Replay .scroller button.arrRight.disabled:hover {
                    background-position: -20px -40px;
                }

        #Replay .scroller .scroll-content {
            position: absolute;
            top: 0px;
            left: 23px;
            width: 242px;
            height: 32px;
            padding: 8px 0px 8px 0px;
            overflow: hidden;
            background: #3e3e3e;
        }

            #Replay .scroller .scroll-content ul#ReplayChan {
                width: 1050px;
            }

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

    .Main #Replay .top {
        display: block;
        float: left;
        position: relative;
        width: 242px;
        height: 32px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
    }

        .Main #Replay .top h3 {
            display: block;
            float: left;
            width: 242px;
            font-size: 21px;
            line-height: 17px;
            color: #fff;
            margin: 0px 0px 3px 0px;
            padding: 0px 0px 0px 0px;
        }

            .Main #Replay .top h3 a {
                color: #fff;
            }

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

    .Main #Replay .scroller {
        width: 258px;
    }

        .Main #Replay .scroller .scroll-content {
            width: 212px;
        }

    .Main #Replay .mid .calendario {
        width: 158px;
    }

    .Main #Replay .mid .giorno {
        width: 158px;
    }

.Main #Replay {
}

/* Diretta Radio */

#DiretteRadio {
    height: auto;
}

    #DiretteRadio .top {
        background: url(/dl/rai/images/bkg_tops.gif) 0px -32px no-repeat;
    }

    #DiretteRadio .mid ul {
        display: block;
        float: left;
        width: 248px;
        height: 36px;
        padding: 0px 5px 0px 5px;
        margin: 1px 0px 1px 0px;
    }

        #DiretteRadio .mid ul.light {
            background: #323232;
        }

        #DiretteRadio .mid ul.dark {
            background: transparent;
        }

        #DiretteRadio .mid ul li {
            display: block;
            float: left;
            width: 82px;
            height: 36px;
            margin: 0px 0px 0px 0px;
        }

            #DiretteRadio .mid ul li a {
                display: block;
                float: left;
                width: 80px;
                height: 36px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                overflow: hidden;
                text-indent: -9000px;
            }

                #DiretteRadio .mid ul li a.Radio1, #DiretteRadio .mid ul li a.Radio1live {
                    background: url(/dl/rai/images/canali/radio1.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio2, #DiretteRadio .mid ul li a.Radio2live {
                    background: url(/dl/rai/images/canali/radio2.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio3, #DiretteRadio .mid ul li a.Radio3live {
                    background: url(/dl/rai/images/canali/radio3.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio4, #DiretteRadio .mid ul li a.Filodiffusione4 {
                    background: url(/dl/rai/images/canali/radio4.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio5, #DiretteRadio .mid ul li a.Filodiffusione5 {
                    background: url(/dl/rai/images/canali/radio5.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Isoradio {
                    background: url(/dl/rai/images/canali/isoradio.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.GrParlamento, #DiretteRadio .mid ul li a.GrParlamento {
                    background: url(/dl/rai/images/canali/radio_parlamento.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.RaitaliaRadio, #DiretteRadio .mid ul li a.RaitaliaRadio {
                    background: url(/dl/rai/images/canali/radio_italia.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Wr6 {
                    background: url(/dl/rai/images/canali/wradio6.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Wr7 {
                    background: url(/dl/rai/images/canali/wradio7.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Wr8 {
                    background: url(/dl/rai/images/canali/wradio8.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio1:hover, #DiretteRadio .mid ul li a.Radio1live:hover {
                    background: url(/dl/rai/images/canali/color/radio1.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio2:hover, #DiretteRadio .mid ul li a.Radio2live:hover {
                    background: url(/dl/rai/images/canali/color/radio2.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio3:hover, #DiretteRadio .mid ul li a.Radio3live:hover {
                    background: url(/dl/rai/images/canali/color/radio3.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio4:hover, #DiretteRadio .mid ul li a.Filodiffusione4:hover {
                    background: url(/dl/rai/images/canali/color/radio4.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Radio5:hover, #DiretteRadio .mid ul li a.Filodiffusione5:hover {
                    background: url(/dl/rai/images/canali/color/radio5.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Isoradio:hover {
                    background: url(/dl/rai/images/canali/isoradio.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.GrParlamento:hover, #DiretteRadio .mid ul li a.GrParlamento:hover {
                    background: url(/dl/rai/images/canali/color/radio_parlamento.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.RaitaliaRadio:hover, #DiretteRadio .mid ul li a.RaitaliaRadio:hover {
                    background: url(/dl/rai/images/canali/color/radio_italia.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Wr6:hover {
                    background: url(/dl/rai/images/canali/color/wradio6.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Wr7:hover {
                    background: url(/dl/rai/images/canali/color/wradio7.png) 0px 6px no-repeat;
                }

                #DiretteRadio .mid ul li a.Wr8:hover {
                    background: url(/dl/rai/images/canali/color/wradio8.png) 0px 6px no-repeat;
                }

/* Demand */

#programmiOndemand .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

#programmiOndemand .paging {
    width: 110px;
}

/* Video */

#Video .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

#Video .paging {
    width: 110px;
}

/* Tematiche */

#areeTematiche .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

#areeTematiche .paging {
    width: 110px;
}

.slideTematiche {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    padding: 0px 0px 6px 0px;
    border-bottom: 1px solid #3d3d3d;
}

    .slideTematiche ul {
        display: block;
        float: left;
        width: 664px;
        height: 210px;
        margin: 0px 0px 5px 0px;
    }

        .slideTematiche ul li {
            display: block;
            float: left;
            width: 153px;
            height: 206px;
            overflow: hidden;
            margin: 0px 12px 0px 0px;
        }

            .slideTematiche ul li h2,
            .tutteTematiche h2 {
                display: block;
                float: left;
                width: auto;
                height: auto;
                font-size: 11px;
                text-transform: uppercase;
                font-weight: bold;
                color: #fff;
                margin: 0px 0px 5px 0px;
                padding: 0px 10px 0px 0px;
                background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
            }

                .slideTematiche ul li h2 a,
                .tutteTematiche h2 a {
                    color: #fff;
                }

                    .slideTematiche ul li h2 a:hover,
                    .tutteTematiche h2 a:hover {
                        color: #999;
                    }

            .slideTematiche ul li .img {
                display: block;
                float: left;
                width: 153px;
                height: 108px;
                margin: 0px 0px 5px 0px;
                background: #333;
            }

                .slideTematiche ul li .img img {
                    display: block;
                    float: left;
                    width: 153px;
                    height: 108px;
                }

            .slideTematiche ul li p {
                display: block;
                float: left;
                width: 153px;
                height: auto;
                font-size: 11px;
                line-height: 12px;
                font-weight: normal;
                color: #fff;
                margin: 0px 0px 0px 0px;
            }

                .slideTematiche ul li p.tit {
                    font-weight: bold;
                    padding-bottom: 4px;
                }

                    .slideTematiche ul li p.tit a,
                    .slideTematiche ul li p.tit a:link,
                    .slideTematiche ul li p.tit a:visited {
                        color: #fff;
                    }

                        .slideTematiche ul li p.tit a:active,
                        .slideTematiche ul li p.tit a:hover {
                            color: #ddd;
                        }

.tutteTematiche {
    display: block;
    float: left;
    width: 664px;
    height: auto;
    margin: 10px 0px 0px 0px;
}

    .tutteTematiche ul {
        display: block;
        float: left;
        width: 664px;
        height: auto;
        margin: 0px 0px 0px 0px;
    }

        .tutteTematiche ul li {
            display: block;
            float: left;
            width: 153px;
            height: auto;
            overflow: hidden;
            color: #fff;
            font-size: 11px;
            font-weight: bold;
            margin: 5px 12px 5px 0px;
        }

            .tutteTematiche ul li a {
                color: #fff;
            }

                .tutteTematiche ul li a:hover {
                    color: #999;
                }

/* in ONDA*/

#inOnda .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -133px no-repeat;
}

#inOnda .mid {
    padding: 8px 0px 0px 0px;
}

#inOnda .Choice {
    display: block;
    float: left;
    width: 648px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 12px 0px;
    border-bottom: 1px solid #e7e7e7;
}

    #inOnda .Choice li {
        display: block;
        float: left;
        width: auto;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        #inOnda .Choice li a {
            display: block;
            float: left;
            width: auto;
            height: 17px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #303030;
            padding: 2px 20px 0px 35px;
            background: url(/dl/rai/images/bkg_btn_onair.gif) no-repeat;
        }

            #inOnda .Choice li a.Tv {
                background-position: 0px 0px;
            }

        #inOnda .Choice li.selected a.Tv {
            background-position: 0px -38px;
        }

        #inOnda .Choice li a.Tv:hover {
            color: #999;
            background-position: 0px -19px;
        }

        #inOnda .Choice li a.Radio {
            background-position: 0px -57px;
        }

        #inOnda .Choice li.selected a.Radio {
            background-position: 0px -95px;
        }

        #inOnda .Choice li a.Radio:hover {
            color: #999;
            background-position: 0px -76px;
        }

#inOnda .onAir {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    overflow: hidden;
    padding: 12px 0px 8px 0px;
}

    #inOnda .onAir li {
        display: block;
        float: left;
        position: relative;
        width: 314px;
        height: 80px;
        padding: 0px 10px 0px 0px;
        margin: 0px 0px 6px 0px;
    }

        #inOnda .onAir li .img {
            display: block;
            float: left;
            position: relative;
            width: 80px;
            height: 80px;
            padding: 0px 10px 0px 0px;
        }

            #inOnda .onAir li .img img {
                display: block;
                top: 0px;
                left: 0px;
                position: absolute;
                width: 80px;
                height: 80px;
                padding: 0px 0px 0px 0px;
            }

            #inOnda .onAir li .img .Canale {
                display: block;
                bottom: 0px;
                left: 0px;
                position: absolute;
                z-index: 100;
                width: 76px;
                height: 25px;
                padding: 0px 0px 0px 4px;
                background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
            }

                #inOnda .onAir li .img .Canale span {
                    display: block;
                    float: left;
                    width: 76px;
                    height: 24px;
                    overflow: hidden;
                    text-indent: -9000px;
                    padding: 0px 0px 0px 0px;
                }

/* lista canali */
.img .Canale.Rai1 span {
    background: url(/dl/RaiTV/2012/images/canali/rai1.png) no-repeat;
}

.img .Canale.Rai2 span {
    background: url(/dl/RaiTV/2012/images/canali/rai2.png) no-repeat;
}

.img .Canale.Rai3 span {
    background: url(/dl/RaiTV/2012/images/canali/rai3.png) no-repeat;
}

.img .Canale.Rai4 span {
    background: url(/dl/RaiTV/2012/images/canali/rai4.png) no-repeat;
}

.img .Canale.Rai5 span {
    background: url(/dl/RaiTV/2012/images/canali/rai5.png) no-repeat;
}

.img .Canale.RaiMovie span {
    background: url(/dl/RaiTV/2012/images/canali/rai_movie.png) no-repeat;
}

.img .Canale.RaiPremium span {
    background: url(/dl/RaiTV/2012/images/canali/rai_premium.png) no-repeat;
}

.img .Canale.RaiGulp span {
    background: url(/dl/RaiTV/2012/images/canali/rai_gulp.png) no-repeat;
}

.img .Canale.RaiMed span {
    background: url(/dl/RaiTV/2012/images/canali/rai_med.png) no-repeat;
}

.img .Canale.RaiNews span {
    background: url(/dl/RaiTV/2012/images/canali/rai_news.png) no-repeat;
}

.img .Canale.RaiScuola span {
    background: url(/dl/RaiTV/2012/images/canali/rai_scuola.png) no-repeat;
}

.img .Canale.RaiSport1 span {
    background: url(/dl/RaiTV/2012/images/canali/rai_sport1.png) no-repeat;
}

.img .Canale.RaiSport2 span {
    background: url(/dl/RaiTV/2012/images/canali/rai_sport2.png) no-repeat;
}

.img .Canale.RaiStoria span {
    background: url(/dl/RaiTV/2012/images/canali/rai_storia.png) no-repeat;
}

.img .Canale.RaiEuroNews span {
    background: url(/dl/RaiTV/2012/images/canali/rai_euronews.png) no-repeat;
}

.img .Canale.YesItalia span {
    background: url(/dl/RaiTV/2012/images/canali/yes_italia.png) no-repeat;
}

.img .Canale.RaiYoyo span {
    background: url(/dl/RaiTV/2012/images/canali/rai_yoyo.png) no-repeat;
}

.img .Canale.Radio1 span {
    background: url(/dl/RaiTV/2012/images/canali/radio1.png) no-repeat;
}

.img .Canale.Radio2 span {
    background: url(/dl/RaiTV/2012/images/canali/radio2.png) no-repeat;
}

.img .Canale.Radio3 span {
    background: url(/dl/RaiTV/2012/images/canali/radio3.png) no-repeat;
}

.img .Canale.Filodiffusione4 span {
    background: url(/dl/RaiTV/2012/images/canali/radio4.png) no-repeat;
}

.img .Canale.Filodiffusione5 span {
    background: url(/dl/RaiTV/2012/images/canali/radio5.png) no-repeat;
}

.img .Canale.Wr6 span {
    background: url(/dl/RaiTV/2012/images/canali/wradio6.png) no-repeat;
}

.img .Canale.Wr7 span {
    background: url(/dl/RaiTV/2012/images/canali/wradio7.png) no-repeat;
}

.img .Canale.Wr8 span {
    background: url(/dl/RaiTV/2012/images/canali/wradio8.png) no-repeat;
}

.img .Canale.Isoradio span {
    background: url(/dl/RaiTV/2012/images/canali/isoradio.png) no-repeat;
}

.img .Canale.RaitaliaRadio span {
    background: url(/dl/RaiTV/2012/images/canali/radio_italia.png) no-repeat;
}

.img .Canale.GrParlamento span {
    background: url(/dl/RaiTV/2012/images/canali/radio_parlamento.png) no-repeat;
}

/*/lista canali */

#inOnda .onAir li .txt {
    display: block;
    float: left;
    width: 224px;
    height: auto;
    padding: 0px 0px 0px 0px;
}

    #inOnda .onAir li .txt a.tit {
        display: block;
        float: left;
        position: relative;
        width: auto;
        height: auto;
        font-size: 14px;
        line-height: 18px;
        color: #818181;
        font-weight: bold;
        padding: 0px 0px 0px 0px;
    }

        #inOnda .onAir li .txt a.tit span {
            display: block;
            float: left;
            width: 45px;
            height: auto;
            font-size: 14px;
            line-height: 18px;
            color: #818181;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
        }

        #inOnda .onAir li .txt a.tit strong {
            display: block;
            float: left;
            width: 178px;
            height: 54px;
            font-size: 14px;
            line-height: 18px;
            overflow: hidden;
            color: #fff;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
        }

        #inOnda .onAir li .txt a.tit .descr {
            display: none;
            float: left;
            width: 178px;
            height: auto;
            font-size: 16px;
            color: #4b4b4b;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
        }

        #inOnda .onAir li .txt a.tit:hover {
            display: block;
            float: left;
            top: 0px;
            left: 0px;
            position: absolute;
            z-index: 1000;
            width: 294px;
            height: 66px;
            font-size: 14px;
            color: #818181;
            font-weight: bold;
            overflow: hidden;
            padding: 6px 10px 8px 10px;
            border-radius: 0px 4px 4px 0px;
            background: url(/dl/rai/images/bkg_onair_hover.gif) repeat-x;
        }

            #inOnda .onAir li .txt a.tit:hover span {
                color: #343434;
                line-height: 18px;
                padding: 0px 0px 3px 0px;
            }

            #inOnda .onAir li .txt a.tit:hover strong {
                width: 244px;
                height: auto;
                overflow: hidden;
                line-height: 18px;
                color: #343434;
                padding: 0px 0px 0px 0px;
            }

            #inOnda .onAir li .txt a.tit:hover .descr {
                display: block;
                float: left;
                width: 294px;
                height: 38px;
                line-height: 12px;
                font-size: 11px;
                color: #fff;
                font-weight: bold;
                overflow: hidden;
            }

    #inOnda .onAir li .txt ol {
        display: block;
        float: left;
        width: 222px;
        height: auto;
        padding: 3px 0px 3px 0px;
        margin: 3px 0px 0px -10px;
        overflow: hidden;
        border-radius: 0px 4px 4px 0px;
        border-top: 1px solid #303030;
        border-right: 1px solid #303030;
        border-bottom: 1px solid #303030;
        background: #222;
    }

        #inOnda .onAir li .txt ol li {
            display: block;
            float: left;
            width: auto;
            height: auto;
            margin: 0px 0px 0px -1px !important;
            padding: 0px 6px 0px 5px;
            font-size: 11px;
            font-weight: bold;
            border-left: 1px solid #3d3d3d;
        }

            #inOnda .onAir li .txt ol li a {
                color: #d7d7d7;
                font-size: 11px;
                font-weight: bold;
            }

                #inOnda .onAir li .txt ol li a.live {
                    color: #e9460a;
                    font-size: 11px;
                    font-weight: bold;
                    margin: 0px 0px 0px 6px;
                    text-transform: uppercase;
                }

                #inOnda .onAir li .txt ol li a:hover {
                    color: #999;
                }

#inOnda .paging {
    width: 74px;
}

    #inOnda .paging .Item {
        width: 54px;
    }

    #inOnda .paging span.current {
        background-position: 0px -30px;
    }

    #inOnda .paging a:hover {
        background-position: 0px -10px;
    }

#inOnda .toNight {
    display: block;
    float: left;
    position: relative;
    width: 603px;
    height: auto; /*era 15*/
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 35px;
    background: #323232 url(/dl/RaiTV/2012/images/ico_fumetto.png) 10px 10px no-repeat;
}

    #inOnda .toNight h4 {
        display: block;
        float: left;
        position: relative;
        width: 120px;
        height: auto;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #808080;
        margin: 0px 10px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    #inOnda .toNight .Prog {
        display: block;
        float: left;
        width: 390px;
        height: 15px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #818181;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 20px;
        overflow: hidden;
    }

    #inOnda .toNight .btnPrev {
        display: block;
        position: absolute;
        width: 10px;
        height: 15px;
        top: 10px;
        left: 165px;
        margin: 0px 10px 0px 0px;
        background: url(/dl/RaiTV/2012/images/arrow_paging.gif) 2px 3px no-repeat;
    }

    #inOnda .toNight .btnNext {
        display: block;
        position: absolute;
        width: 10px;
        height: 15px;
        top: 10px;
        right: 10px;
        margin: 0px 0px 0px 10px;
        background: url(/dl/RaiTV/2012/images/arrow_paging.gif) -8px 3px no-repeat;
    }

    #inOnda .toNight .Prog .inOnda {
        display: block;
        float: left;
        width: 380px;
        height: 15px;
        margin: 0px 0px 0px 0px;
        color: #d7d7d7;
        text-transform: none;
    }

        #inOnda .toNight .Prog .inOnda span {
            color: #fff;
            margin: 0px 10px 0px 0px;
        }

        #inOnda .toNight .Prog .inOnda .Canale {
            display: block;
            float: left;
            width: 60px;
            height: 15px;
            margin: 0px 0px 0px 0px;
            background: url(/dl/RaiTV/2012/images/canali_onair.gif) no-repeat;
        }

            #inOnda .toNight .Prog .inOnda .Canale span {
                display: none;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai1 {
                background-position: 0px 0px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai2 {
                background-position: 0px -15px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai3 {
                background-position: 0px -30px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai4 {
                background-position: 0px -45px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.Rai5 {
                background-position: 0px -60px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiEuroNews {
                background-position: 0px -75px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiMed {
                background-position: 0px -90px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiMovie {
                background-position: 0px -105px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiNews {
                background-position: 0px -120px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiPremium {
                background-position: 0px -135px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiStoria {
                background-position: 0px -150px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiSport1 {
                background-position: 0px -165px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiSport2 {
                background-position: 0px -180px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiScuola {
                background-position: 0px -195px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiSport1 {
                background-position: 0px -165px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiGulp {
                background-position: 0px -210px;
            }

            #inOnda .toNight .Prog .inOnda .Canale.RaiYoyo {
                background-position: 0px -226px;
            }

/* in onda mosaicato! */

#inOnda .onAir.mosaico {
    display: block;
    float: left;
    width: 670px;
    height: auto;
    padding: 0px 0px 8px 1px;
}

    #inOnda .onAir.mosaico li {
        display: block;
        float: left;
        position: relative;
        width: 114px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 19px 20px 0px;
    }

        #inOnda .onAir.mosaico li .img {
            width: 114px;
            height: 114px;
        }

            #inOnda .onAir.mosaico li .img img {
                width: 114px;
                height: 114px;
            }

            #inOnda .onAir.mosaico li .img .Canale {
                width: 110px;
            }

                #inOnda .onAir.mosaico li .img .Canale span {
                    width: 110px;
                }

        #inOnda .onAir.mosaico li .txt {
            display: block;
            float: left;
            position: relative;
            width: 114px;
            height: 60px;
            overflow: hidden;
            margin: 2px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #inOnda .onAir.mosaico li .txt a.tit span {
                display: inline;
                float: left;
                width: auto;
                height: auto;
                font-size: 11px;
                color: #818181;
                font-weight: bold;
                padding: 0px 4px 0px 0px;
            }

            #inOnda .onAir.mosaico li .txt a.tit strong {
                display: inline;
                float: none;
                width: auto;
                height: 30px;
                font-size: 11px;
                line-height: 14px;
                color: #4b4b4b;
                font-weight: bold;
                padding: 0px 0px 0px 0px;
                margin: 0px;
            }

            #inOnda .onAir.mosaico li .txt a.tit .descr {
                display: none;
            }

            #inOnda .onAir.mosaico li .txt ol {
                display: block;
                float: left;
                position: absolute;
                bottom: 0px;
                left: 0px;
                margin: 0px !important;
                padding: 1px 0px 1px 0px !important;
                width: 112px !important;
                border: 1px solid #eee;
                border-radius: 2px;
                background: #f5f5f5;
            }

                #inOnda .onAir.mosaico li .txt ol li {
                    padding: 0px 4px 0px 3px !important;
                }

                    #inOnda .onAir.mosaico li .txt ol li a {
                        font-size: 10px;
                        margin: 0px;
                        font-weight: normal;
                        letter-spacing: -0.5px;
                    }

                        #inOnda .onAir.mosaico li .txt ol li a.live {
                            font-size: 10px;
                        }

            #inOnda .onAir.mosaico li .txt a.tit:hover {
                display: block;
                position: static;
                width: auto;
                height: auto;
                background: transparent;
                padding: 0px;
                margin: 0px;
            }

                #inOnda .onAir.mosaico li .txt a.tit:hover span {
                    display: inline;
                    padding: 0px 4px 0px 0px;
                    margin: 0px;
                    color: #343434;
                }

                #inOnda .onAir.mosaico li .txt a.tit:hover strong {
                    display: inline;
                    padding: 0px 0px 0px 0px;
                    margin: 0px;
                    color: #343434;
                }

                #inOnda .onAir.mosaico li .txt a.tit:hover .descr {
                    display: none;
                }

/* ######## SUPER DIRETTONA ######## */
.boxDiretta {
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 648px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #282828;
}

    .boxDiretta .top {
        display: block;
        float: left;
        text-align: left;
        width: 648px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

        .boxDiretta .top h2 {
            display: block;
            float: left;
            width: 608px;
            font-size: 19px;
            line-height: 21px;
            color: #4da5fc;
            font-weight: normal;
            margin: 0px 0px 10px 0px;
            padding: 0px 0px 0px 40px;
        }

    .boxDiretta .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        overflow: hidden;
    }

        .boxDiretta .mid .Player {
            display: block;
            float: left;
            width: 648px;
            height: 400px;
            background: #202020;
        }

    .boxDiretta .Info {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        color: #d6d6d6;
        margin: 10px 0px 0px 0px;
    }

        .boxDiretta .Info p {
            display: block;
            float: left;
            width: 628px;
            height: auto;
            font-size: 12px;
            color: #d6d6d6;
            margin: 0px 0px 0px 0px;
        }

        .boxDiretta .Info .scroll-pane {
            width: 100%;
            height: 60px;
            overflow: auto;
        }

.jspVerticalBar {
    background: transparent !important;
}

.boxDiretta .Info .scroll-pane .jspTrack {
    display: block;
    float: right;
    height: 100%;
    width: 6px;
    background: #808080;
    padding: 0px 2px 0px 2px;
    border-radius: 2px;
}

.boxDiretta .Info .scroll-pane .jspDragTop {
    margin: 0px 0px 0px 0px;
    width: 6px;
    height: 2px;
    background: #808080;
}

.boxDiretta .Info .scroll-pane .jspDragBottom {
    margin: 0px 0px 0px 0px;
    height: 2px;
    bottom: 0px;
    width: 6px;
    position: absolute;
    background: #808080;
}

.boxDiretta .Info .scroll-pane .jspDrag {
    width: 6px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #282828;
}

.boxDiretta .Info a {
    display: block;
    float: left;
    width: auto;
    height: auto;
    font-size: 12px;
    color: #d6d6d6;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 10px 0px 0px;
    margin: 15px 30px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) 100% 2px no-repeat;
}

    .boxDiretta .Info a:hover {
        color: #fff;
    }

.boxDiretta.Rai1 .top h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai1.png) 0px -2px no-repeat;
}

.boxDiretta.Rai2 .top h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai2.png) 0px -2px no-repeat;
}

.boxDiretta.Rai3 .top h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai3.png) 0px -2px no-repeat;
}

.boxDiretta.Rai4 .top h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai4.png) 0px -2px no-repeat;
}

.boxDiretta.Rai5 .top h2 {
    background: url(/dl/RaiTV/2012/images/canali/color/rai5.png) 0px -2px no-repeat;
}

.boxDiretta.Euronews .top h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_euronews.png) 0px -2px no-repeat;
}

.boxDiretta.RaiGulp .top h2 {
    width: 598px;
    padding: 0px 0px 0px 50px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_gulp.png) 0px -2px no-repeat;
}

.boxDiretta.RaiMed .top h2 {
    width: 598px;
    padding: 0px 0px 0px 50px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_med.png) 0px -2px no-repeat;
}

.boxDiretta.RaiMovie .top h2 {
    width: 593px;
    padding: 0px 0px 0px 55px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_movie.png) 0px -2px no-repeat;
}

.boxDiretta.RaiNews .top h2 {
    width: 593px;
    padding: 0px 0px 0px 55px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_news.png) 0px -2px no-repeat;
}

.boxDiretta.RaiPremium .top h2 {
    width: 578px;
    padding: 0px 0px 0px 70px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_premium.png) 0px -2px no-repeat;
}

.boxDiretta.RaiScuola .top h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_scuola.png) 0px -2px no-repeat;
}

.boxDiretta.RaiStoria .top h2 {
    width: 593px;
    padding: 0px 0px 0px 55px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_storia.png) 0px -2px no-repeat;
}

.boxDiretta.RaiSport1 .top h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_sport1.png) 0px -2px no-repeat;
}

.boxDiretta.RaiSport2 .top h2 {
    width: 588px;
    padding: 0px 0px 0px 60px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_sport2.png) 0px -2px no-repeat;
}

.boxDiretta.RaiYoYo .top h2 {
    width: 598px;
    padding: 0px 0px 0px 50px;
    background: url(/dl/RaiTV/2012/images/canali/color/rai_yoyo.png) 0px -2px no-repeat;
}

/* elements */

.boxDiretta .top .socialNetwork {
    display: block;
    float: left;
    text-align: left;
    width: 400px;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.boxDiretta .top .Opzioni {
    display: block;
    float: right;
    text-align: left;
    width: auto;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .boxDiretta .top .Opzioni .Share {
        display: block;
        float: left;
        text-align: left;
        width: auto;
        height: 19px;
        font-size: 11px;
        font-weight: bold;
        color: #d7d7d7;
        padding: 3px 22px 0px 10px;
        margin: 0px 0px 0px 0px;
        border-left: 1px solid #5a5a5a;
        cursor: pointer;
        background: url(/dl/RaiTV/2012/images/ico_share.png) 100% 1px no-repeat;
    }

        .boxDiretta .top .Opzioni .Share:hover {
            color: #fff;
            background: url(/dl/RaiTV/2012/images/ico_share.png) 100% -25px no-repeat;
        }

    .boxDiretta .top .Opzioni .Commenti {
        display: block;
        float: left;
        text-align: left;
        width: auto;
        height: 19px;
        font-size: 11px;
        font-weight: bold;
        color: #d7d7d7;
        padding: 3px 0px 0px 0px;
        margin: 0px 16px 0px 0px;
    }

        .boxDiretta .top .Opzioni .Commenti em {
            display: block;
            float: left;
            font-style: normal;
            font-size: 11px;
            font-weight: bold;
            color: #d7d7d7;
        }

        .boxDiretta .top .Opzioni .Commenti strong {
            display: block;
            float: right;
            text-align: left;
            width: auto;
            height: 22px;
            font-size: 11px;
            font-weight: normal;
            color: #d7d7d7;
            padding: 0px 0px 0px 5px;
            margin: -1px 0px 0px 7px;
            background: url(/dl/RaiTV/2012/images/bkg_commenti.png) no-repeat;
        }

            .boxDiretta .top .Opzioni .Commenti strong span {
                display: block;
                float: left;
                width: auto;
                height: 21px;
                font-weight: bold;
                padding: 1px 5px 0px 0px;
                margin: 0px -5px 0px 0px;
                background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% 0px no-repeat;
            }

        .boxDiretta .top .Opzioni .Commenti:hover {
            color: #fff;
        }

            .boxDiretta .top .Opzioni .Commenti:hover strong {
                color: #fff;
                background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 0px -22px no-repeat;
            }

                .boxDiretta .top .Opzioni .Commenti:hover strong span {
                    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% -22px no-repeat;
                }

/*large morte */

.largeScreen {
    display: block;
    float: left;
    width: 980px;
    height: auto;
}

    .largeScreen .boxDiretta,
    .largeScreen .boxOndemand,
    .largeScreen .boxReplay {
        width: 968px;
    }

        .largeScreen .boxDiretta .top,
        .largeScreen .boxOndemand .top,
        .largeScreen .boxReplay .top,
        .largeScreen .boxReplay .tit {
            width: 968px;
        }

            .largeScreen .boxDiretta .top h2,
            .largeScreen .boxOndemand .top h2,
            .largeScreen .boxReplay .top h2,
            .largeScreen .boxReplay .tit h2 {
                width: 928px;
            }

        .largeScreen .boxDiretta .mid,
        .largeScreen .boxOndemand .mid,
        .largeScreen .boxReplay .mid {
            width: 968px;
        }

            .largeScreen .boxDiretta .mid .Player,
            .largeScreen .boxOndemand .mid .Player,
            .largeScreen .boxReplay .mid .Player {
                width: 968px;
                height: 580px;
            }

        .largeScreen .boxDiretta .Info,
        .largeScreen .boxOndemand .Info {
            width: 648px;
        }

            .largeScreen .boxDiretta .Info p,
            .largeScreen .boxOndemand .Info p {
                width: 628px;
            }

        .largeScreen .boxDiretta.Euronews .top h2 {
            width: 908px;
            padding: 0px 0px 0px 60px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_euronews.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiGulp .top h2 {
            width: 918px;
            padding: 0px 0px 0px 50px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_gulp.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiMed .top h2 {
            width: 918px;
            padding: 0px 0px 0px 50px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_med.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiMovie .top h2 {
            width: 913px;
            padding: 0px 0px 0px 55px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_movie.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiNews .top h2 {
            width: 913px;
            padding: 0px 0px 0px 55px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_news.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiPremium .top h2 {
            width: 898px;
            padding: 0px 0px 0px 70px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_premium.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiScuola .top h2 {
            width: 908px;
            padding: 0px 0px 0px 60px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_scuola.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiStoria .top h2 {
            width: 913px;
            padding: 0px 0px 0px 55px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_storia.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiSport1 .top h2 {
            width: 908px;
            padding: 0px 0px 0px 60px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_sport1.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiSport2 .top h2 {
            width: 908px;
            padding: 0px 0px 0px 60px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_sport2.png) 0px -2px no-repeat;
        }

        .largeScreen .boxDiretta.RaiYoYo .top h2 {
            width: 918px;
            padding: 0px 0px 0px 50px;
            background: url(/dl/RaiTV/2012/images/canali/color/rai_yoyo.png) 0px -2px no-repeat;
        }

/*#### CommenTI ####*/

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

    .boxCommenti .top {
        display: block;
        float: left;
        text-align: left;
        width: 632px;
        height: 32px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) no-repeat;
    }

        .boxCommenti .top h3 {
            display: block;
            float: left;
            width: 632px;
            font-size: 24px;
            line-height: 17px;
            color: #fff;
            margin: 0px 0px 4px 0px;
            padding: 0px 0px 0px 0px;
        }

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

        .boxCommenti .top a.switch {
            display: block;
            position: absolute;
            top: 10px;
            right: 6px;
            width: auto;
            height: 15px;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            margin: 0px 0px 0px 0px;
            padding: 1px 23px 0px 0px;
            background: url(/dl/RaiTV/2012/images/btn_switch.png) right top no-repeat;
        }

            .boxCommenti .top a.switch:hover {
                color: #999;
            }

            .boxCommenti .top a.switch.expo {
                background: url(/dl/RaiTV/2012/images/btn_switch.png) right -20px no-repeat;
            }

    .boxCommenti .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 8px 0px 0px 0px;
        margin: 3px 0px 0px 0px;
        overflow: hidden;
    }

        .boxCommenti .mid ul.tabCommenti {
            display: block;
            float: left;
            width: 648px;
            height: 20px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
            border-bottom: 1px solid #3e80c8;
            box-shadow: 0px 3px 2px #111;
        }

            .boxCommenti .mid ul.tabCommenti li {
                display: block;
                float: left;
                width: auto;
                height: 20px;
                margin: 0px 4px 0px 0px;
            }

                .boxCommenti .mid ul.tabCommenti li a {
                    display: block;
                    float: left;
                    width: auto;
                    height: 17px;
                    font-size: 11px;
                    font-weight: bold;
                    color: #fff;
                    text-transform: uppercase;
                    padding: 3px 10px 0px 10px;
                    margin: 0px 0px 0px 0px;
                    border-radius: 3px 3px 0px 0px;
                    background: #808080;
                }

                .boxCommenti .mid ul.tabCommenti li.Commenta a {
                    width: 42px;
                    font-size: 11px;
                    font-weight: bold;
                    color: #fff;
                    padding: 3px 10px 0px 30px;
                    text-indent: -9000px;
                    overflow: hidden;
                    background-image: url(/dl/RaiTV/2012/images/loghi_commenti.png);
                    background-position: 10px -60px;
                    background-repeat: no-repeat;
                }

                .boxCommenti .mid ul.tabCommenti li.Facebook a {
                    width: 62px;
                    font-size: 11px;
                    font-weight: bold;
                    color: #fff;
                    text-indent: -9000px;
                    overflow: hidden;
                    padding: 3px 10px 0px 10px;
                    background-image: url(/dl/RaiTV/2012/images/loghi_commenti.png);
                    background-position: 10px -40px;
                    background-repeat: no-repeat;
                }

                .boxCommenti .mid ul.tabCommenti li.GooglePl a {
                    width: 52px;
                    font-size: 11px;
                    font-weight: bold;
                    color: #fff;
                    text-indent: -9000px;
                    overflow: hidden;
                    padding: 3px 10px 0px 10px;
                    background-image: url(/dl/RaiTV/2012/images/loghi_commenti.png);
                    background-position: 10px -19px;
                    background-repeat: no-repeat;
                }

                .boxCommenti .mid ul.tabCommenti li a:hover {
                    background-color: #999;
                }

                .boxCommenti .mid ul.tabCommenti li.selected {
                    border-radius: 3px 3px 0px 0px;
                    background: url(/dl/RaiTV/2012/images/bkg_tematiche.gif) repeat-x;
                }

                    .boxCommenti .mid ul.tabCommenti li.selected a {
                        background-color: transparent;
                    }

        .boxCommenti .mid .Opzioni {
            display: block;
            float: right;
            text-align: left;
            width: auto;
            height: 22px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

            .boxCommenti .mid .Opzioni .Commenta {
                display: block;
                float: left;
                text-align: left;
                width: auto;
                height: 19px;
                font-size: 11px;
                font-weight: bold;
                color: #d7d7d7;
                padding: 3px 0px 0px 32px;
                margin: 0px 0px 0px 0px;
                border-left: 1px solid #5a5a5a;
                background: url(/dl/RaiTV/2012/images/ico_penna.png) 10px -1px no-repeat;
            }

                .boxCommenti .mid .Opzioni .Commenta:hover {
                    color: #fff;
                    background: url(/dl/RaiTV/2012/images/ico_penna.png) 10px -27px no-repeat;
                }

            .boxCommenti .mid .Opzioni .Commenti {
                display: block;
                float: left;
                text-align: left;
                width: auto;
                height: 19px;
                font-size: 11px;
                font-weight: bold;
                color: #d7d7d7;
                padding: 3px 0px 0px 0px;
                margin: 0px 12px 0px 0px;
            }

                .boxCommenti .mid .Opzioni .Commenti em {
                    display: block;
                    float: right;
                    font-style: normal;
                    font-size: 11px;
                    font-weight: bold;
                    color: #d7d7d7;
                }

                .boxCommenti .mid .Opzioni .Commenti strong {
                    display: block;
                    float: left;
                    text-align: left;
                    width: auto;
                    height: 22px;
                    font-size: 11px;
                    font-weight: normal;
                    color: #d7d7d7;
                    padding: 0px 0px 0px 5px;
                    margin: -1px 12px 0px 0px;
                    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) no-repeat;
                }

                    .boxCommenti .mid .Opzioni .Commenti strong span {
                        display: block;
                        float: left;
                        width: auto;
                        height: 21px;
                        font-weight: bold;
                        padding: 1px 5px 0px 0px;
                        margin: 0px -5px 0px 0px;
                        background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% 0px no-repeat;
                    }

                .boxCommenti .mid .Opzioni .Commenti:hover {
                    color: #fff;
                }

                    .boxCommenti .mid .Opzioni .Commenti:hover strong {
                        color: #fff;
                        background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 0px -22px no-repeat;
                    }

                        .boxCommenti .mid .Opzioni .Commenti:hover strong span {
                            background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% -22px no-repeat;
                        }

        .boxCommenti .mid .page .fb-comments {
            float: left;
            width: 100%;
            height: 100%;
        }

            .boxCommenti .mid .page .fb-comments > span {
                float: left;
                width: 100%;
                height: 100%;
            }

        /* form */

        .boxCommenti .mid h3.error {
            float: none;
            text-align: center;
            color: #eee;
        }

        .boxCommenti .mid .Form {
            display: block;
            float: left;
            position: relative;
            width: 648px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

            .boxCommenti .mid .Form .Nick {
                display: block;
                float: left;
                width: 648px;
                height: 24px;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 10px 0px;
                background: url(/dl/RaiTV/2012/images/ico_form.png) 1px 3px no-repeat;
            }

                .boxCommenti .mid .Form .Nick input {
                    display: block;
                    float: left;
                    width: 280px;
                    height: 24px;
                    color: #c6c6c6;
                    font-size: 11px;
                    font-style: italic;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 0px 8px 0px 8px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #4b4b4b;
                }

            .boxCommenti .mid .Form .Pass {
                display: block;
                float: left;
                width: 648px;
                height: 24px;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 10px 0px;
                /* background: url(/dl/RaiTV/2012/images/ico_form.png) 1px 3px no-repeat; */
            }

                .boxCommenti .mid .Form .Pass input {
                    display: block;
                    float: left;
                    width: 280px;
                    height: 24px;
                    color: #c6c6c6;
                    font-size: 11px;
                    font-style: italic;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 0px 8px 0px 8px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #4b4b4b;
                }

            .boxCommenti .mid .Form .Comm {
                display: block;
                float: left;
                width: 648px;
                height: auto;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 10px 0px;
                background: url(/dl/RaiTV/2012/images/ico_form.png) 1px -47px no-repeat;
            }

                .boxCommenti .mid .Form .Comm textarea {
                    display: block;
                    float: left;
                    width: 606px !important;
                    height: auto;
                    color: #c6c6c6;
                    font-size: 11px;
                    font-style: italic;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 4px 8px 4px 8px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #4b4b4b;
                }

            .boxCommenti .mid .Form .Submit {
                display: block;
                float: left;
                width: 648px;
                height: 24px;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 10px 0px;
            }

                .boxCommenti .mid .Form .Submit button {
                    display: block;
                    float: left;
                    width: auto;
                    height: 24px;
                    color: #fff;
                    font-size: 12px;
                    text-transform: uppercase;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 0px 14px 0px 14px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #3e80c8;
                    cursor: pointer;
                }

                    .boxCommenti .mid .Form .Submit button:hover {
                        color: #3e80c8;
                        background: #fff;
                    }

            .boxCommenti .mid .Form .feedback {
                position: absolute;
                z-index: 100;
                top: 0px;
                left: 0px;
                bottom: 0px;
                right: 0px;
                color: #fff;
                text-align: center;
                font-size: 12px;
                background: #000 none center top no-repeat scroll;
                opacity: 0.8;
            }

                .boxCommenti .mid .Form .feedback.loading {
                    background: #000 url(/dl/RaiTV/2012/images/loading.gif) center top no-repeat scroll;
                }

        .boxCommenti .mid .listaCommenti {
            display: block;
            float: left;
            width: 648px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

            .boxCommenti .mid .listaCommenti li {
                display: block;
                float: left;
                width: 648px;
                height: auto;
                font-size: 11px;
                color: #d7d7d7;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 25px 0px;
            }

                .boxCommenti .mid .listaCommenti li strong {
                    color: #4da5fc;
                }

                .boxCommenti .mid .listaCommenti li span {
                    color: #fff;
                }

                .boxCommenti .mid .listaCommenti li p {
                    margin: 5px 0px 0px 0px;
                }

a.btnAllComm {
    display: block;
    float: left;
    width: 648px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    color: #bbb;
    border-top: 1px solid #666;
    background: #333;
}

    a.btnAllComm span {
        padding: 0px 14px 0px 0px;
        background: url(/dl/RaiTV/2012/images/arrow_dwn_light.png) 100% 4px no-repeat;
    }

    a.btnAllComm:hover {
        color: #fff;
        border-top: 1px solid #999;
        background: #555;
    }

    a.btnAllComm.loading {
        height: 16px;
        background: url(/dl/RaiTV/2012/images/loading-16.gif) center top no-repeat scroll;
    }

        a.btnAllComm.loading span {
            display: none;
        }

/* ##### ArCHiVio pROgRRRAmmA ##### */

.headerProg {
    display: block;
    float: left;
    text-align: left;
    width: 660px;
    height: auto;
    margin: 0px 0px 20px 0px;
}

    .headerProg .Title {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 660px;
        height: 85px;
        color: #4da5fc;
        margin: 0px 0px 2px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_headerprog.gif) repeat-x;
    }

        .headerProg .Title h2 {
            display: block;
            top: 0px;
            left: 0px;
            position: absolute;
            text-align: left;
            width: 500px;
            height: 65px;
            font-size: 24px;
            color: #4da5fc;
            margin: 0px 0px 0px 0px;
            overflow: hidden;
            padding: 10px 0px 0px 10px;
        }

        .headerProg .Title h3 {
            display: block;
            top: 5px;
            right: 5px;
            position: absolute;
            text-align: left;
            width: 140px;
            height: 70px;
            margin: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -90000px;
            padding: 0px 0px 0px 0px;
        }

    .headerProg.custom .Title {
        overflow: hidden;
        text-indent: -9000px;
    }

    .headerProg .Title h3.RaiUno {
        background: url(/dl/RaiTV/2012/images/editori/raiuno.png) 85px -1px no-repeat;
    }

    .headerProg .Title h3.RaiDue {
        background: url(/dl/RaiTV/2012/images/editori/raidue.png) 85px -1px no-repeat;
    }

    .headerProg .Title h3.RaiTre {
        background: url(/dl/RaiTV/2012/images/editori/raitre.png) 85px -1px no-repeat;
    }

    .headerProg .Title h3.Rai4 {
        background: url(/dl/RaiTV/2012/images/editori/rai4.png) 85px -1px no-repeat;
    }

    .headerProg .Title h3.Rai5 {
        background: url(/dl/RaiTV/2012/images/editori/rai5.png) 85px -1px no-repeat;
    }

    .headerProg .Title h3.RaiFiction {
        background: url(/dl/RaiTV/2012/images/editori/raifiction.png) 60px -1px no-repeat;
    }

    .headerProg .Title h3.RaiGulp {
        background: url(/dl/RaiTV/2012/images/editori/raigulp.png) 81px -1px no-repeat;
    }

    .headerProg .Title h3.RaiMovie {
        background: url(/dl/RaiTV/2012/images/editori/raimovie.png) 62px -1px no-repeat;
    }

    .headerProg .Title h3.RaiNews {
        background: url(/dl/RaiTV/2012/images/editori/rainews.png) 67px -1px no-repeat;
    }

    .headerProg .Title h3.RaiPremium {
        background: url(/dl/RaiTV/2012/images/editori/raipremium.png) 40px -1px no-repeat;
    }

    .headerProg .Title h3.RaiScuola {
        background: url(/dl/RaiTV/2012/images/editori/raiscuola.png) 60px -1px no-repeat;
    }

    .headerProg .Title h3.RaiSport1 {
        background: url(/dl/RaiTV/2012/images/editori/raisport1.png) 57px -1px no-repeat;
    }

    .headerProg .Title h3.RaiSport2 {
        background: url(/dl/RaiTV/2012/images/editori/raisport2.png) 55px -1px no-repeat;
    }

    .headerProg .Title h3.RaiStoria {
        background: url(/dl/RaiTV/2012/images/editori/raistoria.png) 65px -1px no-repeat;
    }

    .headerProg .Title h3.RaiYoYo {
        background: url(/dl/RaiTV/2012/images/editori/raiyoyo.png) 82px -1px no-repeat;
    }

    .headerProg .Title h3.Radio1 {
        background: url(/dl/RaiTV/2012/images/editori/radio1.png) 90px -1px no-repeat;
    }

    .headerProg .Title h3.Radio2 {
        background: url(/dl/RaiTV/2012/images/editori/radio2.png) 88px -1px no-repeat;
    }

    .headerProg .Title h3.Radio3 {
        background: url(/dl/RaiTV/2012/images/editori/radio3.png) 90px -1px no-repeat;
    }

    .headerProg .Title h3.RadioRai {
        background: url(/dl/RaiTV/2012/images/editori/radiorai.png) 90px -1px no-repeat;
    }

    .headerProg .Title h3.Isoradio {
        background: url(/dl/RaiTV/2012/images/editori/isoradio.png) 80px -1px no-repeat;
    }

    .headerProg .Title h3.Wr6 {
        background: url(/dl/RaiTV/2012/images/editori/webradio6.png) 50px -1px no-repeat;
    }

    .headerProg .Title h3.Wr7 {
        background: url(/dl/RaiTV/2012/images/editori/webradio7.png) 50px -1px no-repeat;
    }

    .headerProg .Title h3.Wr8 {
        background: url(/dl/RaiTV/2012/images/editori/webradio8.png) 50px -1px no-repeat;
    }

    /*menu*/

    .headerProg .menu {
        display: block;
        float: left;
        text-align: left;
        position: relative;
        width: 660px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background: #585858;
    }

        .headerProg .menu li {
            display: block;
            float: left;
            position: static;
            width: auto;
            height: 15px;
            font-size: 12px;
            font-weight: bold;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            .headerProg .menu li a {
                display: block;
                float: left;
                text-align: left;
                width: auto;
                height: 15px;
                font-size: 12px;
                font-weight: bold;
                margin: 0px 0px 0px 0px;
                padding: 8px 8px 8px 8px;
            }

            .headerProg .menu li.edizione {
                float: left;
                width: 414px;
                color: #fff;
                padding: 8px 8px 8px 8px;
                background: #585858;
            }

                .headerProg .menu li.edizione a {
                    float: left;
                    width: 414px;
                    color: #fff;
                    padding: 0px 0px 0px 0px;
                }

                    .headerProg .menu li.edizione a:hover {
                        text-decoration: underline;
                    }

            .headerProg .menu li.ediz,
            .headerProg .menu li.info,
            .headerProg .menu li.sito {
                float: right;
            }

                .headerProg .menu li.ediz a {
                    width: 73px;
                }

                .headerProg .menu li.info a {
                    width: 21px;
                }

                .headerProg .menu li.sito a {
                    width: 22px;
                }

                .headerProg .menu li.ediz a,
                .headerProg .menu li.info a,
                .headerProg .menu li.sito a {
                    height: 15px;
                    color: #d7d7d7;
                    padding: 8px 18px 8px 18px;
                    margin: 0px 0px 0px 0px;
                    border-left: 2px solid #282828;
                    background: #3d3d3d;
                }

                .headerProg .menu li.ediz:hover a,
                .headerProg .menu li.info:hover a {
                    color: #fff;
                    height: 17px;
                    background: #737373 url(/dl/RaiTV/2012/images/bkg_overmenuprog.gif) repeat-x;
                }

                .headerProg .menu li.sito:hover a {
                    color: #fff;
                    height: 15px;
                    background: #737373 url(/dl/RaiTV/2012/images/bkg_overmenuprog.gif) repeat-x;
                }

                .headerProg .menu li.ediz:hover ul {
                    display: block;
                }

                .headerProg .menu li.ediz ul {
                    display: none;
                    float: left;
                    position: absolute;
                    z-index: 1000;
                    top: 33px;
                    right: 0px;
                    width: 208px;
                    height: auto;
                    padding: 5px 10px 5px 10px;
                    background: #737373;
                    box-shadow: 0px 3px 3px #000;
                }

                    .headerProg .menu li.ediz ul li {
                        display: block;
                        float: left;
                        width: 208px;
                        height: auto;
                        padding: 0px;
                        margin: 0px;
                    }

                        .headerProg .menu li.ediz:hover ul li a,
                        .headerProg .menu li.ediz ul li a {
                            display: block;
                            float: left;
                            width: 208px;
                            height: auto;
                            font-size: 11px;
                            color: #fff;
                            padding: 0px 0px 0px 0px;
                            margin: 5px 0px 5px 0px;
                            border: 0px;
                            background: transparent;
                        }

                            .headerProg .menu li.ediz ul li a:hover {
                                color: #222;
                                background: transparent;
                            }

                .headerProg .menu li.info:hover .descr {
                    display: block;
                }

                .headerProg .menu li.info .descr {
                    display: none;
                    float: left;
                    position: absolute;
                    z-index: 1000;
                    top: 33px;
                    left: 0px;
                    width: 640px;
                    font-size: 11px;
                    color: #fff;
                    font-weight: normal;
                    padding: 10px 10px 10px 10px;
                    background: #737373;
                    box-shadow: 0px 3px 3px #000;
                }

                    .headerProg .menu li.info .descr .Articolo {
                        display: block;
                        float: left;
                        width: auto;
                        font-size: 11px;
                        color: #fff;
                        font-weight: normal;
                        background: transparent;
                    }

                    .headerProg .menu li.info .descr strong,
                    .headerProg .menu li.info .descr a {
                        display: inline;
                        float: none;
                        width: auto;
                        height: auto;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        border: 0px;
                        background: transparent;
                    }

                    .headerProg .menu li.info .descr a {
                        text-decoration: underline;
                    }

/* ##### On DEmaND ##### */

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

    .boxOndemand .top {
        display: block;
        float: left;
        text-align: left;
        width: 648px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

        .boxOndemand .top h3 {
            display: block;
            float: left;
            width: 618px;
            height: 15px;
            font-size: 12px;
            line-height: 14px;
            font-weight: bold;
            margin: 0px 0px 8px 0px;
            padding: 0px 0px 0px 0px;
        }

            .boxOndemand .top h3 span {
                display: block;
                float: left;
                width: auto;
                height: 15px;
                font-size: 12px;
                line-height: 14px;
                font-weight: bold;
                color: #fff;
                margin: 0px 10px 8px 0px;
                padding: 0px 30px 0px 0px;
                background: url(/dl/RaiTV/2012/images/btn_ondem_dx.png) 100% 0px no-repeat;
            }

            .boxOndemand .top h3 a {
                display: block;
                float: left;
                width: auto;
                color: #fff;
                text-decoration: underline;
            }

                .boxOndemand .top h3 a:hover {
                    color: #999;
                }

        .boxOndemand .top h2 {
            display: block;
            float: left;
            width: 648px;
            font-size: 19px;
            line-height: 21px;
            color: #4da5fc;
            font-weight: normal;
            margin: 0px 0px 13px 0px;
            padding: 0px 0px 0px 00px;
        }

        .boxOndemand .top ul.Specifiche {
            display: block;
            float: left;
            width: 648px;
            overflow: hidden;
            margin: 0px 0px 13px -9px;
            padding: 0px 0px 0px 0px;
        }

            .boxOndemand .top ul.Specifiche li {
                display: block;
                float: left;
                width: auto;
                color: #d6d6d6;
                font-size: 11px;
                margin: 0px 0px 0px -1px;
                padding: 0px 10px 0px 10px;
                border-left: 1px solid #5a5a5a;
            }

                .boxOndemand .top ul.Specifiche li span {
                    color: #888;
                }

    .largeScreen .Speciale .boxOndemand .mid,
    .boxOndemand .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        overflow: hidden;
    }

        .largeScreen .Speciale .boxOndemand .mid .Player,
        .boxOndemand .mid .Player {
            display: block;
            float: left;
            width: 648px;
            height: 400px;
            background: #202020;
        }

            .boxOndemand .mid .Player.small {
                display: block;
                float: left;
                width: 648px;
                height: 80px;
                background: #202020;
            }

        .boxOndemand .mid ul.opzVod {
            display: block;
            float: left;
            position: relative;
            width: 648px;
            height: auto;
            margin: 10px 0px 0px 0px;
        }

            .boxOndemand .mid ul.opzVod li {
                display: block;
                float: left;
                width: auto;
                height: auto;
                font-size: 11px;
                text-transform: uppercase;
                color: #d8d8d8;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            
        .boxOndemand .mid ul.opzVod li:not(.Corr) {
            display: none;
        }

                .boxOndemand .mid ul.opzVod li a {
                    display: block;
                    float: left;
                    width: auto;
                    height: 14px;
                    font-size: 11px;
                    text-transform: uppercase;
                    color: #999;
                    padding: 0px 20px 0px 0px;
                    margin: 0px 16px 0px 0px;
                    background-repeat: no-repeat;
                    background-image: url(/dl/RaiTV/2012/images/btn_opzvod.png);
                }

                    .boxOndemand .mid ul.opzVod li a span,
                    .boxOndemand .mid ul.opzVod li span {
                        display: block;
                        float: left;
                        color: #999;
                    }

                    .boxOndemand .mid ul.opzVod li a:hover span {
                        color: #fff;
                    }

                .boxOndemand .mid ul.opzVod li.Vote:hover span {
                    color: #fff;
                }

                .boxOndemand .mid ul.opzVod li.Comm a {
                    background-position: 100% 0px;
                }

                .boxOndemand .mid ul.opzVod li.Mail a {
                    background-position: 100% -28px;
                }

                .boxOndemand .mid ul.opzVod li.Play a {
                    background-position: 100% -56px;
                }

                .boxOndemand .mid ul.opzVod li.Fave a {
                    background-position: 100% -84px;
                }

                .boxOndemand .mid ul.opzVod li.Corr a {
                    background-position: 100% -112px;
                }

                .boxOndemand .mid ul.opzVod li.Dwld a {
                    background-position: 100% -140px;
                }

                .boxOndemand .mid ul.opzVod li.Embed a {
                    margin: 0px 0px 0px 0px;
                    background-position: 100% -448px;
                }

                .boxOndemand .mid ul.opzVod li.Comm a:hover {
                    background-position: 100% -14px;
                }

                .boxOndemand .mid ul.opzVod li.Mail a:hover {
                    background-position: 100% -42px;
                }

                .boxOndemand .mid ul.opzVod li.Play a:hover {
                    background-position: 100% -70px;
                }

                .boxOndemand .mid ul.opzVod li.Fave a:hover {
                    background-position: 100% -98px;
                }

                .boxOndemand .mid ul.opzVod li.Corr a:hover {
                    background-position: 100% -126px;
                }

                .boxOndemand .mid ul.opzVod li.Dwld a:hover {
                    background-position: 100% -154px;
                }

                .boxOndemand .mid ul.opzVod li.Embed a:hover {
                    background-position: 100% -462px;
                }

                /* embed */

                .boxOndemand .mid ul.opzVod li.Embed.show {
                    margin: 0px 0px 92px 0px;
                }

                    .boxOndemand .mid ul.opzVod li.Embed.show a {
                        color: #fff;
                        background-position: 100% -462px;
                    }

                        .boxOndemand .mid ul.opzVod li.Embed.show a span {
                            color: #fff;
                        }

                .boxOndemand .mid ul.opzVod li.Embed .infoEmbed {
                    display: none;
                    position: absolute;
                    left: 0px;
                    top: 28px;
                    width: 626px;
                    height: auto;
                    padding: 10px 10px 10px 10px;
                    border: 1px solid #555;
                    border-radius: 4px;
                    background: #333;
                }

                    .boxOndemand .mid ul.opzVod li.Embed .infoEmbed .close {
                        display: block;
                        float: left;
                        position: absolute;
                        top: 10px;
                        right: 10px;
                        text-align: left;
                        width: 20px;
                        height: 20px;
                        overflow: hidden;
                        text-indent: -9000px;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        cursor: pointer;
                        opacity: 0.5;
                        background: url(/dl/RaiTV/2012/images/btn_close.png) no-repeat;
                    }

                        .boxOndemand .mid ul.opzVod li.Embed .infoEmbed .close:hover {
                            background-position: 0px -21px;
                        }

                    .boxOndemand .mid ul.opzVod li.Embed .infoEmbed textarea {
                        display: block;
                        float: left;
                        width: 575px;
                        height: 32px;
                        color: #c6c6c6;
                        font-size: 11px;
                        font-weight: bold;
                        font-family: Arial;
                        padding: 10px 10px 10px 10px;
                        margin: 0px 0px 0px 0px;
                        border: 0px;
                        border-radius: 4px;
                        background: #4b4b4b;
                    }

                /** POPUP **/
                
                .boxOndemand .mid ul.opzVod li.PopUpAudio {
                    margin-left: 15px;
                }   
                .boxOndemand .mid ul.opzVod li.PopUpAudio a {
                    background-image: url(/dl/RaiTV/2012/images/openPopup.png);
                    margin: 0px 0px 0px 0px;
                    background-position: 100% 0;
                }    

                /** VOTAZIONE **/

                .boxOndemand .mid ul.opzVod li.Vote {
                    height: 14px;
                    margin: 0px 20px 0px 0px;
                }

                .boxOndemand .mid ul.opzVod li ol.Rating {
                    position: relative;
                    display: block;
                    float: right;
                    width: 65px;
                    height: 12px;
                    margin: 1px 0px 0px 5px;
                    padding: 0px 0px 0px 0px;
                    overflow: hidden;
                    background-image: url(/dl/RaiTV/2012/images/rating.gif);
                    background-repeat: no-repeat;
                }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star0 {
                        background-position: 0px 0px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star1 {
                        background-position: 0px -12px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star2 {
                        background-position: 0px -24px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star3 {
                        background-position: 0px -36px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star4 {
                        background-position: 0px -48px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star5 {
                        background-position: 0px -60px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star0-5 {
                        background-position: 0px -132px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star1-5 {
                        background-position: 0px -144px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star2-5 {
                        background-position: 0px -156px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star3-5 {
                        background-position: 0px -168px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating.star4-5 {
                        background-position: 0px -180px;
                    }

                    .boxOndemand .mid ul.opzVod li ol.Rating li {
                        position: static;
                        display: block;
                        float: left;
                        cursor: pointer;
                        width: 13px;
                        height: 12px;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        background: transparent;
                    }

                        .boxOndemand .mid ul.opzVod li ol.Rating li a {
                            position: absolute;
                            display: block;
                            width: 13px;
                            height: 12px;
                            float: left;
                            z-index: 200;
                            padding: 0px;
                            margin: 0px;
                            background: transparent;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto1 a {
                            left: 0;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto2 a {
                            left: 13px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto3 a {
                            left: 26px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto4 a {
                            left: 39px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto5 a {
                            left: 52px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li a:hover {
                            z-index: 2;
                            width: 65px;
                            height: 12px;
                            overflow: hidden;
                            left: 0;
                            background: url(/dl/RaiTV/2012/images/rating.gif) 0px 0px no-repeat;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto1 a:hover {
                            background-position: 0 -72px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto2 a:hover {
                            background-position: 0 -84px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto3 a:hover {
                            background-position: 0 -96px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto4 a:hover {
                            background-position: 0 -108px;
                        }

                        .boxOndemand .mid ul.opzVod li ol.Rating li.tasto5 a:hover {
                            background-position: 0 -120px;
                        }

#msgVote {
    position: relative;
    top: 0px;
    font-size: 11px;
    height: 12px;
    color: #fff;
}

/** fine VOTAZIONE **/

.boxOndemand .Info {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    color: #d6d6d6;
    margin: 10px 0px 0px 0px;
}

    .boxOndemand .Info p {
        display: block;
        float: left;
        width: 628px;
        height: auto;
        font-size: 12px;
        color: #d6d6d6;
        margin: 0px 0px 0px 0px;
    }

    .boxOndemand .Info .scroll-pane {
        width: 100%;
        height: 60px;
        overflow: auto;
    }

        .boxOndemand .Info .scroll-pane .jspTrack {
            display: block;
            float: right;
            height: 100%;
            width: 6px;
            background: #808080;
            padding: 0px 2px 0px 2px;
            border-radius: 2px;
        }

        .boxOndemand .Info .scroll-pane .jspDragTop {
            margin: 0px 0px 0px 0px;
            width: 6px;
            height: 2px;
            background: #808080;
        }

        .boxOndemand .Info .scroll-pane .jspDragBottom {
            margin: 0px 0px 0px 0px;
            height: 2px;
            bottom: 0px;
            width: 6px;
            position: absolute;
            background: #808080;
        }

        .boxOndemand .Info .scroll-pane .jspDrag {
            width: 6px;
            height: 100%;
            margin: 0px 0px 0px 0px;
            background: #282828;
        }

    .boxOndemand .Info a {
        display: block;
        float: left;
        width: auto;
        height: auto;
        font-size: 12px;
        color: #d6d6d6;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: bold;
        padding: 0px 10px 0px 0px;
        margin: 15px 30px 0px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) 100% 2px no-repeat;
    }

        .boxOndemand .Info a:hover {
            color: #fff;
        }

/* elements */

.boxOndemand .top .socialNetwork {
    display: block;
    float: left;
    text-align: left;
    width: 410px;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

    .boxOndemand .top .socialNetwork div {
        display: block;
        float: left;
        max-width: 180px !important;
        margin: 0px 10px 0px 0px !important;
        border-right: 1px solid #444 !important;
    }

.boxOndemand .top .Opzioni {
    display: block;
    float: right;
    text-align: left;
    width: auto;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .boxOndemand .top .Opzioni .Share {
        display: block;
        float: left;
        text-align: left;
        width: auto;
        height: 19px;
        font-size: 11px;
        font-weight: bold;
        color: #d7d7d7;
        padding: 3px 22px 0px 10px;
        margin: 0px 0px 0px 0px;
        border-left: 1px solid #5a5a5a;
        cursor: pointer;
        background: url(/dl/RaiTV/2012/images/ico_share.png) 100% 1px no-repeat;
    }

        .boxOndemand .top .Opzioni .Share:hover {
            color: #fff;
            background: url(/dl/RaiTV/2012/images/ico_share.png) 100% -25px no-repeat;
        }

    .boxOndemand .top .Opzioni .Commenti {
        display: block;
        float: left;
        text-align: left;
        width: auto;
        height: 19px;
        font-size: 11px;
        font-weight: bold;
        color: #d7d7d7;
        padding: 3px 0px 0px 0px;
        margin: 0px 16px 0px 0px;
    }

        .boxOndemand .top .Opzioni .Commenti em {
            display: block;
            float: left;
            font-style: normal;
            font-size: 11px;
            font-weight: bold;
            color: #d7d7d7;
        }

        .boxOndemand .top .Opzioni .Commenti strong {
            display: block;
            float: right;
            text-align: left;
            width: auto;
            height: 22px;
            font-size: 11px;
            font-weight: normal;
            color: #d7d7d7;
            padding: 0px 0px 0px 5px;
            margin: -1px 0px 0px 7px;
            background: url(/dl/RaiTV/2012/images/bkg_commenti.png) no-repeat;
        }

            .boxOndemand .top .Opzioni .Commenti strong span {
                display: block;
                float: left;
                width: auto;
                height: 21px;
                font-weight: bold;
                padding: 1px 5px 0px 0px;
                margin: 0px -5px 0px 0px;
                background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% 0px no-repeat;
            }

        .boxOndemand .top .Opzioni .Commenti:hover {
            color: #fff;
        }

            .boxOndemand .top .Opzioni .Commenti:hover strong {
                color: #fff;
                background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 0px -22px no-repeat;
            }

                .boxOndemand .top .Opzioni .Commenti:hover strong span {
                    background: url(/dl/RaiTV/2012/images/bkg_commenti.png) 100% -22px no-repeat;
                }

/* ##### ArEA TeMAtIIIca ##### */

.largeScreen .titPage {
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 960px;
    height: auto;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #1c1c1c;
    background: #282828;
}

    .largeScreen .titPage h2 {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 900px;
        height: auto;
        font-size: 28px;
        line-height: 28px;
        color: #fff;
        padding: 0px 0px 0px 15px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
    }

        .largeScreen .titPage h2 a,
        .largeScreen .titPage h2 a:link,
        .largeScreen .titPage h2 a:visited {
            color: inherit;
        }

            .largeScreen .titPage h2 a:hover,
            .largeScreen .titPage h2 a:active {
                color: #999;
            }

#piuRecenti .top,
#piuVotati .top,
#piuVisti .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

/* ##### ArEA TeMAtIIIca SpecIAloZzO ##### */

.largeScreen .Speciale {
    display: block;
    float: left;
    width: 980px;
    padding: 6px 0px 6px 0px;
    margin: -15px 0px 20px 0px;
    background: #282828;
}

    .largeScreen .Speciale .boxOndemand {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 648px;
        height: auto;
        padding: 6px 15px 6px 6px;
        margin: 0px 0px 0px 0px;
        border-right: 1px solid #3d3d3d;
        background: #282828;
    }

    .largeScreen .Speciale .spallaSpec {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 288px;
        height: auto;
        padding: 6px 6px 6px 16px;
        margin: 0px 0px 0px 0px;
        background: #282828;
    }

        .largeScreen .Speciale .spallaSpec .top {
            display: block;
            float: left;
            position: relative;
            width: 272px;
            height: 20px;
            padding: 2px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
        }

            .largeScreen .Speciale .spallaSpec .top h3 {
                display: block;
                float: left;
                width: 272px;
                font-size: 21px;
                line-height: 17px;
                color: #fff;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

        .largeScreen .Speciale .spallaSpec .mid {
            display: block;
            float: left;
            width: 288px;
            height: auto;
            padding: 10px 0px 0px 0px;
            margin: 2px 0px 0px 0px;
            border-top: 1px solid #3d3d3d;
        }

            .largeScreen .Speciale .spallaSpec .mid a.img {
                display: block;
                float: left;
                width: 288px;
                height: 150px;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 8px 0px;
                background: #444;
            }

            .largeScreen .Speciale .spallaSpec .mid h2 {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                font-size: 22px;
                color: #fff;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 8px 0px;
            }

                .largeScreen .Speciale .spallaSpec .mid h2 a {
                    color: #fff;
                }

                    .largeScreen .Speciale .spallaSpec .mid h2 a:hover {
                        color: #999;
                    }

            .largeScreen .Speciale .spallaSpec .mid p {
                display: block;
                float: left;
                width: 288px;
                height: auto;
                font-size: 11px;
                color: #eee;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 8px 0px;
            }

            .largeScreen .Speciale .spallaSpec .mid ul.linkSpec {
                display: block;
                float: left;
                width: 272px;
                height: auto;
                color: #fff;
                list-style: disc;
                padding: 0px 0px 0px 16px;
                margin: 0px 0px 0px 0px;
            }

                .largeScreen .Speciale .spallaSpec .mid ul.linkSpec li {
                    width: 272px;
                    height: auto;
                    font-size: 12px;
                    color: #fff;
                    padding: 0px 0px 0px 0px;
                    margin: 10px 0px 0px 0px;
                }

                    .largeScreen .Speciale .spallaSpec .mid ul.linkSpec li a {
                        width: 272px;
                        height: auto;
                        font-size: 12px;
                        color: #ccc;
                        padding: 0px 10px 0px 0px;
                        margin: 0px 0px 0px 0px;
                        background: url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) right center no-repeat;
                        ;
                    }

                        .largeScreen .Speciale .spallaSpec .mid ul.linkSpec li a:hover {
                            color: #fff;
                        }

    /* video stream */

    .largeScreen .Speciale .boxVideo {
        display: block;
        float: left;
        position: relative;
        text-align: left;
        width: 968px;
        height: auto;
        padding: 0px 6px 0px 6px;
        margin: 20px 0px 0px 0px;
        background: #282828;
    }

        .largeScreen .Speciale .boxVideo .top {
            display: block;
            float: left;
            position: relative;
            width: 952px;
            height: 20px;
            padding: 2px 0px 0px 16px;
            margin: 0px 0px 6px 0px;
            background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
        }

            .largeScreen .Speciale .boxVideo .top h3 {
                display: block;
                float: left;
                width: 952px;
                font-size: 21px;
                line-height: 17px;
                color: #fff;
                margin: 0px 0px 3px 0px;
                padding: 0px 0px 0px 0px;
            }

        .largeScreen .Speciale .boxVideo .videoContainer.special {
            width: 968px;
            padding: 10px 0px 0px 0px;
            border-top: 1px solid #3d3d3d;
        }

            .largeScreen .Speciale .boxVideo .videoContainer.special .listaVideo {
                width: 968px;
                overflow: hidden;
            }

                .largeScreen .Speciale .boxVideo .videoContainer.special .listaVideo ul {
                    width: 998px;
                    margin: 0px 0px 0px 0px;
                }

                    .largeScreen .Speciale .boxVideo .videoContainer.special .listaVideo ul li {
                        height: 160px;
                        margin: 0px 19px 10px 0px;
                    }

/* link ondem */

#linkOndem .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#linkOndem .mid {
    padding: 5px 0px 0px 0px;
}

.linkOndemand {
    font-size: 16px;
    font-weight: bold;
    color: #eee;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 5px no-repeat;
}

    .linkOndemand span {
        color: #4da5fc;
    }

    .linkOndemand:hover {
        color: #999;
    }

/* ######## EvEnTIII ######## */

#Eventi .noEvents {
    display: block;
    float: left;
    text-align: center;
    position: relative;
    width: 651px;
    color: #eee;
    font-size: 14px;
    margin: 20px 0px 0px 0px;
}

.tabEventi {
    display: block;
    float: left;
    position: relative;
    width: 651px;
    margin: 0px 0px -3px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_eventi.gif);
}

    .tabEventi li {
        display: block;
        float: left;
        width: 90px;
        min-height: 500px;
        margin: 0px 3px 0px 0px;
    }

        .tabEventi li h2 {
            display: block;
            float: left;
            text-align: center;
            width: 90px;
            height: 26px;
            font-size: 22px;
            color: #d7d7d7;
            border-bottom: 3px solid #282828;
            background: #323232;
        }

            .tabEventi li h2 span {
                font-size: 12px;
                text-transform: uppercase;
            }

        .tabEventi li.selected h2 {
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -28px repeat-x;
            color: #fff;
        }

        .tabEventi li ol {
            display: block;
            float: left;
            width: 90px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            list-style: none;
        }

            .tabEventi li ol li {
                display: block;
                float: left;
                width: 78px;
                height: auto;
                min-height: 100px !important;
                padding: 6px 6px 40px 6px;
                margin: -3px 0px 0px 0px;
                border-top: 3px solid #282828;
                list-style: none;
            }

        .tabEventi li.selected {
            background: #3a7dc5;
        }

        .tabEventi li ol li .img {
            display: block;
            float: left;
            width: 78px;
            height: 59px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 5px 0px;
            background: #666;
        }

            .tabEventi li ol li .img img {
                display: block;
                float: left;
                width: 78px;
                height: 59px;
            }

        .tabEventi li ol li strong {
            display: block;
            float: left;
            width: 78px;
            height: auto;
            font-size: 14px;
            color: #fff;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 2px 0px;
        }

        .tabEventi li ol li .type {
            display: block;
            float: left;
            position: relative;
            width: 78px;
            height: auto;
            font-size: 10px;
            font-weight: bold;
            color: #f17024;
            text-transform: uppercase;
            letter-spacing: 0px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

        .tabEventi li.selected ol li .type {
            color: #214d79;
        }

        .tabEventi li ol li .type span {
            display: block;
            position: absolute;
            bottom: 1px;
            right: 0px;
            width: 15px;
            height: 11px;
            background: url(/dl/RaiTV/2012/images/ico_eventi.png) no-repeat;
        }

        .tabEventi li ol li .type.live span {
            background-position: 0px 0px;
        }

        .tabEventi li.selected ol li .type.live span {
            background-position: 0px -11px;
        }

        .tabEventi li ol li .type.chat span {
            background-position: 0px -22px;
        }

        .tabEventi li.selected ol li .type.chat span {
            background-position: 0px -33px;
        }

        .tabEventi li ol li .type.twit span {
            background-position: 0px -44px;
        }

        .tabEventi li.selected ol li .type.twit span {
            background-position: 0px -55px;
        }

        .tabEventi li ol li p {
            display: block;
            float: left;
            width: 78px;
            height: auto;
            font-size: 11px;
            color: #d7d7d7;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 15px 0px;
        }

        .tabEventi li.selected ol li p {
            color: #fff;
        }

        .tabEventi li ol li a.info {
            display: block;
            float: left;
            position: relative;
            font-size: 11px;
            margin: 0px 0px 0px 0px;
            padding: 0px 9px 0px 0px;
            color: #d7d7d7;
            background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
        }

        .tabEventi li.selected ol li a.info {
            color: #fff;
        }

        .tabEventi li ol li a.info:hover {
            color: #999;
        }

/* #### info evento #### */

.tabEventi {
}

    .tabEventi .moreInfo {
        display: none;
        position: absolute;
        top: 50px;
        left: 169px;
        z-index: 1000;
        text-align: left;
        width: 288px;
        height: 400px;
        padding: 10px 10px 10px 10px;
        border: 1px solid #444;
        border-radius: 4px;
        box-shadow: 0px 0px 5px #111;
        background: url(/dl/RaiTV/2012/images/alpha_black.png);
    }

        .tabEventi .moreInfo .img {
            display: block;
            float: left;
            width: 288px;
            height: 205px;
            margin: 0px 0px 5px 0px;
            padding: 0px 0px 0px 0px;
        }

            .tabEventi .moreInfo .img img {
                display: block;
                float: left;
                width: 288px;
                height: 205px;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
            }

        .tabEventi .moreInfo .info {
            display: block;
            float: left;
            width: 288px;
            height: auto;
            color: #5d9ae2;
            font-size: 10px;
            font-weight: bold;
            margin: 2px 0px 0px 0px;
            text-transform: uppercase;
        }

        .tabEventi .moreInfo h2 {
            display: block;
            float: left;
            text-align: left;
            width: 288px;
            height: auto;
            font-size: 16px;
            color: #fff;
            font-weight: bold;
            padding: 0px 0px 2px 0px;
            margin: 0px 0px 5px 0px;
            border-bottom: 1px solid #444;
            background: transparent !important;
        }

        .tabEventi .moreInfo a {
            display: block;
            float: left;
            text-align: left;
            width: auto;
            height: auto;
            font-size: 11px;
            color: #5d9ae2;
            font-weight: bold;
            padding: 0px 0px 0px 0px;
            margin: 10px 0px 0px 0px;
        }

            .tabEventi .moreInfo a:hover {
                color: #999;
            }

        .tabEventi .moreInfo p {
            display: block;
            float: left;
            text-align: left;
            width: 288px;
            height: auto;
            font-size: 12px;
            color: #fff;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .tabEventi .moreInfo .close {
            display: block;
            float: left;
            position: absolute;
            top: -10px;
            right: -10px;
            text-align: left;
            width: 20px;
            height: 20px;
            overflow: hidden;
            text-indent: -9000px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            cursor: pointer;
            background: url(/dl/RaiTV/2012/images/btn_close.png) no-repeat;
        }

            .tabEventi .moreInfo .close:hover {
                background-position: 0px -21px;
            }

/* ######## RIceRCA LiBerA ######## */

#ricercaLibera .searchTop {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    margin: 0px 0px 40px 0px;
}

    #ricercaLibera .searchTop h3 {
        display: block;
        float: left;
        width: auto;
        height: auto;
        color: #ccc;
        font-size: 12px;
        font-weight: normal;
        font-style: italic;
    }

        #ricercaLibera .searchTop h3 span {
            color: #fff;
        }

    #ricercaLibera .searchTop ul {
        display: block;
        float: right;
        width: auto;
        height: 15px;
        color: #ccc;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: normal;
    }

        #ricercaLibera .searchTop ul li {
            display: block;
            float: left;
            width: auto;
            height: 15px;
            color: #ccc;
            margin: 0px 0px 0px 10px;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: normal;
        }

            #ricercaLibera .searchTop ul li a {
                display: block;
                float: left;
                width: auto;
                height: 15px;
                font-size: 10px;
                padding: 0px 0px 0px 5px;
                background: url(/dl/RaiTV/2012/images/btn_var.gif) 0px -15px no-repeat;
            }

                #ricercaLibera .searchTop ul li a span {
                    display: block;
                    float: left;
                    width: auto;
                    height: 15px;
                    color: #ccc;
                    font-size: 10px;
                    padding: 0px 5px 0px 0px;
                    background: url(/dl/RaiTV/2012/images/btn_var.gif) 100% -15px no-repeat;
                }

                #ricercaLibera .searchTop ul li a:hover span {
                    color: #fff;
                }

            #ricercaLibera .searchTop ul li.selected a {
                background: url(/dl/RaiTV/2012/images/btn_var.gif) 0px 0px no-repeat;
            }

                #ricercaLibera .searchTop ul li.selected a span {
                    color: #fff;
                    background: url(/dl/RaiTV/2012/images/btn_var.gif) 100% 0px no-repeat;
                }

#ricercaLibera ul.searchResult {
    display: block;
    float: left;
    width: 648px;
    height: auto;
}

    #ricercaLibera ul.searchResult li {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        margin: 0px 0px 25px 0px;
    }

        #ricercaLibera ul.searchResult li a.img {
            display: block;
            float: left;
            position: relative;
            width: 122px;
            height: 69px;
            margin: 0px 10px 0px 0px;
        }

            #ricercaLibera ul.searchResult li a.img img {
                display: block;
                float: left;
                width: 122px;
                height: 69px;
            }

            #ricercaLibera ul.searchResult 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;
            }

                #ricercaLibera ul.searchResult 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;
                }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoVideo {
                        background-position: 0px 0px;
                    }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoFoto {
                        background-position: 0px -17px;
                    }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoAudio {
                        background-position: 0px -34px;
                    }

                    #ricercaLibera ul.searchResult li a.img .mask span.icoPodcast {
                        background-position: 0px -51px;
                    }

                #ricercaLibera ul.searchResult li a.img .mask em {
                    display: block;
                    float: right;
                    width: auto;
                    font-style: normal;
                    color: #fff;
                    font-size: 10px;
                    padding: 1px 0px 0px 0px;
                }

        #ricercaLibera ul.searchResult li .Info {
            display: block;
            float: left;
            width: 516px;
            height: auto;
            padding: 0px 0px 0px 0px;
        }

            #ricercaLibera ul.searchResult li .Info h5,
            #ricercaLibera ul.searchResult li .Info h3 {
                display: block;
                float: left;
                width: 516px;
                height: auto;
                font-size: 10px;
                font-weight: normal;
                color: #d8d8d8;
                padding: 0px 0px 0px 0px;
                margin: -2px 0px 1px 0px;
            }

            #ricercaLibera ul.searchResult li .Info h2 {
                display: block;
                float: left;
                width: 516px;
                height: auto;
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

    #ricercaLibera ul.searchResult .Info h2 a {
        color: #fff;
    }

        #ricercaLibera ul.searchResult .Info h2 a:hover {
            color: #999;
        }

    #ricercaLibera ul.searchResult li .Info p {
        display: block;
        float: left;
        width: 516px;
        height: auto;
        font-size: 11px;
        color: #d7d7d7;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

#ricercaLibera .paging.num {
    display: block;
    text-align: center;
    height: auto;
    margin: 0px auto 0px auto;
}

/* ########## rIcErca prOgRammA ########## */

#ricercaProg .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#ricercaProg .planciaRicerca {
    display: block;
    float: left;
    width: 250px;
    height: auto;
}

#ricercaProg .inBox.medium {
    background: none repeat scroll 0 0 #4B4B4B;
    display: block;
    float: left;
    margin: 10px 0;
    padding: 6px;
    position: relative;
    width: 385px;
}

#ricercaProg .inBox .top {
    height: auto;
    background: transparent;
}

    #ricercaProg .inBox .top h3 {
        font-size: 16px;
        color: #fff;
        background: transparent;
    }

#ricercaProg .inBox .elencoSitiRicerca .paging,
#ricercaProg .inBox.medium .pagination {
}

#ricercaProg .alfa {
    display: block;
    float: left;
    width: auto;
    height: auto;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 11px 0px;
    border-bottom: 1px solid #3d3d3d;
}

    #ricercaProg .alfa a {
        display: block;
        float: left;
        text-align: center;
        width: 19px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 4px;
        font-size: 14px;
        letter-spacing: 1.6px;
        font-weight: bold;
        border-radius: 3px;
        color: #d7d7d7;
    }

        #ricercaProg .alfa a:hover {
            color: #fff;
        }

        #ricercaProg .alfa a.selected {
            display: block;
            float: left;
            text-align: center;
            width: 18px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 4px;
            font-size: 14px;
            letter-spacing: 1.6px;
            font-weight: bold;
            border-radius: 3px;
            color: #fff;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -30px repeat-x;
        }

#ricercaProg .tendina {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    height: auto;
    margin: 2px 0px 20px 0px;
    padding: 0px 0px 11px 0px;
    border-bottom: 1px solid #3d3d3d;
}

    #ricercaProg .tendina span {
        display: block;
        float: left;
        width: 390px;
        height: 19px;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 5px;
        font-size: 11px;
        font-weight: bold;
        color: #333;
        background: #fff url(/dl/RaiTV/2012/images/btn_arrow_tend.gif) 100% 0px no-repeat;
    }

    #ricercaProg .tendina ul {
        display: none;
        float: left;
        position: absolute;
        top: 24px;
        left: 0px;
        width: 358px;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
        box-shadow: 0px 5px 5px #222;
    }

        #ricercaProg .tendina ul li {
            display: block;
            float: left;
            width: 358px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            border-top: 1px solid #eee;
        }

            #ricercaProg .tendina ul li a {
                display: block;
                float: left;
                width: 338px;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 5px 10px 5px 10px;
                font-size: 11px;
                font-weight: bold;
                color: #333;
            }

                #ricercaProg .tendina ul li a:hover {
                    color: #000;
                }

    #ricercaProg .tendina:hover ul {
        display: block;
    }

/*res*/
#ricercaProg .elencoSitiRicerca,
#ricercaProgSpalla .elencoSitiRicerca {
    display: none;
}

#ricercaProg inBox.smallest .top h3 {
    font-size: 12px;
    width: 230px;
}

#ricercaProg .inBox .elencoTema {
    display: block;
    float: left;
    width: 256px;
}

    #ricercaProg .inBox .elencoTema li {
        display: block;
        float: left;
        font-size: 12px;
        margin: 8px 9px 0 0;
        width: 108px;
    }

#ricercaProg .inBox.filtered .elencoTema {
    width: 638px;
}

    #ricercaProg .inBox.filtered .elencoTema li {
        margin: 2px;
        width: auto;
    }

        #ricercaProg .inBox.filtered .elencoTema li a {
            display: block;
            padding: 4px;
            margin: 0px;
        }

        #ricercaProg .inBox.filtered .elencoTema li.selected a {
            color: #fff;
            background: #222;
            border-radius: 4px 4px;
        }

#ricercaProg h3.legend {
    display: block;
    float: left;
    width: 380px;
    height: auto;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    color: #ccc;
    margin: 0px 0px 30px 0px;
}

    #ricercaProg h3.legend span {
        color: #fff;
        font-weight: bold;
        margin: 0px 2px 0px 2px;
    }

#ricercaProg ul.searchResult {
    display: block;
    float: left;
    width: 386px;
    height: auto;
    padding: 10px 0px 0px 0px;
}

    #ricercaProg ul.searchResult li {
        display: block;
        float: left;
        width: 304px;
        height: auto;
        font-size: 12px;
        padding: 0px 10px 0px 10px;
        margin: 0px 0px 5px 0px;
    }

        #ricercaProg ul.searchResult li a {
            color: #fff;
        }

            #ricercaProg ul.searchResult li a:hover {
                color: #999;
            }

/* #### SPaLLA #### */

/*## box Spalla ##*/



.Spalla .boxSpalla {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 6px 6px 6px 6px;
    background: #282828;
}

    .Spalla .boxSpalla .top {
        display: block;
        float: left;
        position: relative;
        width: 272px;
        height: 32px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/rai/images/bkg_tops.gif) 0px 0px no-repeat;
    }

        .Spalla .boxSpalla .top.mini {
            height: 20px;
            padding: 2px 0px 0px 16px;
        }

    .Spalla .boxSpalla .miniLink {
        top: 0px;
        right: 0px;
    }

    .Spalla .boxSpalla .top h3 {
        display: block;
        float: left;
        width: 272px;
        font-size: 21px;
        line-height: 17px;
        color: #fff;
        margin: 0px 0px 3px 0px;
        padding: 0px 0px 0px 0px;
    }

        .Spalla .boxSpalla .top h3 a {
            color: #fff;
        }

            .Spalla .boxSpalla .top h3 a:hover {
                color: #999;
            }

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

    .Spalla .boxSpalla .mid {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 2px 0px 0px 0px;
        border-top: 1px solid #3d3d3d;
    }

.Spalla #evidenzaSpalla.boxSpalla .mid {
    height: 734px !important;
}

.Spalla #evidenzaSpalla.boxSpalla .paging {
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin: 0px 0px 0px -36px;
}

/* ricerXa */

.searchSpalla {
    /* display: block; */
    float: left;
    position: relative;
    width: 288px;
    height: auto;
    margin: 0px 0px 20px 0px;
    padding: 6px 6px 6px 6px;
    background: #585858;
}

    .searchSpalla.prog {
        background: #282828;
    }

    .searchSpalla.replay {
        background: #282828;
    }

    .searchSpalla input {
        display: block;
        float: left;
        width: 213px;
        height: 22px;
        border: 0px;
        color: #666;
        font-size: 12px;
        padding: 0px 5px 2px 5px;
        background: #fff;
    }

        .searchSpalla input.submit {
            display: block;
            float: right;
            width: 65px;
            height: 24px;
            border: 0px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 0px 1px 1px #eee;
            color: #3e3e3e;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 4px 0px;
            background: #b2b2b2 url(/dl/RaiTV/2012/images/bkg_btn_search.gif) repeat-x;
        }

    .searchSpalla h2 {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        text-align: center;
        font-size: 22px;
        line-height: 22px;
        font-weight: bold;
        color: #d7d7d7;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
    }

        .searchSpalla h2 span {
            color: #4da5fc;
        }

    .searchSpalla .Opz {
        display: block;
        float: left;
        width: 268px;
        height: auto;
        font-weight: bold;
        color: #d7d7d7;
        margin: 10px 0px 0px 0px;
        padding: 6px 10px 6px 10px;
        background: #4b4b4b;
    }

        .searchSpalla .Opz em {
            display: block;
            float: left;
            width: auto;
            height: auto;
            color: #d7d7d7;
            font-size: 11px;
            font-style: normal;
            margin: 0px 0px 0px 0px;
            padding: 2px 0px 0px 0px;
        }

        .searchSpalla .Opz a {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-weight: bold;
            color: #fff;
            font-size: 14px;
            font-style: normal;
            margin: 0px 0px 0px 30px;
            padding: 0px 0px 0px 0px;
        }

            .searchSpalla .Opz a:hover {
                color: #999;
            }

    .searchSpalla.replay h2 {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        font-weight: bold;
        color: #fff;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 6px 0px;
    }

        .searchSpalla.replay h2 a {
            color: #fff;
        }

        .searchSpalla.replay h2 span {
            font-size: 20px;
            letter-spacing: -1px;
            color: #4da5fc;
        }

    .searchSpalla.replay hr {
        display: block;
        float: left;
        width: 100%;
        border: 1px solid #3d3d3d;
    }

    .searchSpalla.replay h3 {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        color: #fff;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        .searchSpalla.replay h3 strong {
            display: block;
            float: left;
            width: 228px;
            height: auto;
            text-align: center;
            font-size: 16px;
            line-height: 22px;
            font-weight: bold;
            color: #fff;
            margin: 2px 0px 0px 0px;
            padding: 8px 60px 0px 0px;
            background: url(/dl/RaiTV/2012/images/logo_mini.png) 195px 0px no-repeat;
        }

        .searchSpalla.replay h3 span {
            font-size: 20px;
            color: #4da5fc;
        }

        .searchSpalla.replay h2:hover,
        .searchSpalla.replay h3:hover {
            background: #333;
        }

    .searchSpalla .filtriRicerca input,
    #ricercaProgSpalla .filtriRicerca input {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 0 none;
        color: #666666;
        display: block;
        float: left;
        position: relative font-size : 12 px;
        height: 22px;
        padding: 0 5px 2px;
        width: 278px;
    }

    .searchSpalla .filtriRicerca ul {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
        border-radius: 0 0 2px 2px;
        color: #666666;
        display: block;
        float: left;
        font-size: 12px;
        height: auto;
        left: 5;
        margin: 0;
        overflow: hidden;
        padding: 0 5px;
        position: absolute;
        top: 95px;
        width: 276px;
        z-index: 1000;
    }

#ricercaProgSpalla .filtriRicerca ul {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0 0 2px 2px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: auto;
    left: 5;
    margin: 0;
    overflow: hidden;
    padding: 0 5px;
    position: absolute;
    top: 70px;
    width: 276px;
    z-index: 1000;
}

    .searchSpalla .filtriRicerca ul li,
    #ricercaProgSpalla .filtriRicerca ul li {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #EEEEEE -moz-use-text-color -moz-use-text-color;
        border-right: 0 none;
        border-style: solid none none;
        border-width: 1px 0 0;
        color: #666666;
        display: block;
        float: left;
        font-size: 12px;
        height: auto;
        margin: -1px 0 0;
        padding: 5px 0;
        width: 276px;
    }

        .searchSpalla .filtriRicerca ul li a,
        #ricercaProgSpalla .filtriRicerca ul li a {
            border: 0 none;
            color: #666666;
            display: block;
            float: left;
            font-size: 11px;
            font-weight: bold;
            height: auto;
            margin: 0;
            padding: 0;
            width: 276px;
        }

        .searchSpalla .filtriRicerca ul li ol,
        #ricercaProgSpalla .filtriRicerca ul li ol {
            display: none;
        }

.Spalla > div, .Spalla .boxSpalla{
    display: none;
}
.Spalla div[class^='banner'], div[class*='banner'] {
    display: block !important;
}


/* tematiche */

#Tematiche .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#Tematiche ul {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    border: 0px;
    color: #666;
    font-size: 12px;
    padding: 0px 0px 2px 0px;
    margin: 5px 0px 0px 0px;
}

    #Tematiche ul li {
        display: block;
        float: left;
        width: 160px;
        height: auto;
        border: 0px;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
    }

        #Tematiche ul li a {
            color: #fff;
        }

            #Tematiche ul li a:hover {
                color: #999;
            }

.Spalla #Tematiche ul {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    border: 0px;
    color: #666;
    font-size: 12px;
    padding: 0px 0px 2px 0px;
    margin: 5px 0px 0px 0px;
}

    .Spalla #Tematiche ul li {
        display: block;
        float: left;
        width: 144px;
        height: auto;
        border: 0px;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 5px 0px 0px 0px;
    }

        .Spalla #Tematiche ul li a {
            color: #fff;
        }

            .Spalla #Tematiche ul li a:hover {
                color: #999;
            }

/* archivio spaciali */

/* tematiche */

#mediaPlacer {
    float: left;
    width: 670px;
    min-height: 100px;
}

    #mediaPlacer.loading {
        background: transparent url(/dl/RaiTV/2012/images/loading.gif) center 30px no-repeat scroll;
    }

    #mediaPlacer h3.err {
        font-size: 18px;
        color: #fff;
    }

#archivioSpeciali .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#archivioSpeciali ul {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    border: 0px;
    color: #ccc;
    font-size: 12px;
    padding: 0px 0px 0px 20px;
    margin: 0px 0px 0px 0px;
    list-style: disc;
}

    #archivioSpeciali ul li {
        width: 648px;
        height: auto;
        border: 0px;
        font-size: 12px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

        #archivioSpeciali ul li a {
            color: #fff;
            padding: 0px 10px 0px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
        }

            #archivioSpeciali ul li a:hover {
                color: #999;
            }

#archivioSpeciali .paging {
    width: 110px;
}

/* ricerca programmammamama */

#ricercaProgSpalla .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

#ricercaProgSpalla input {
    display: block;
    float: left;
    width: 213px;
    height: 22px;
    border: 0px;
    color: #666;
    font-size: 12px;
    padding: 0px 5px 2px 5px;
    margin: 10px 0px 0px 0px;
    background: #fff;
}

    #ricercaProgSpalla input.submit {
        display: block;
        float: right;
        width: 65px;
        height: 24px;
        border: 0px;
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        text-shadow: 0px 1px 1px #eee;
        color: #3e3e3e;
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 4px 0px;
        background: #b2b2b2 url(/dl/RaiTV/2012/images/bkg_btn_search.gif) repeat-x;
    }

#ricercaProgSpalla h5 {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    border: 0px;
    color: #fff;
    font-size: 16px;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 5px 0px;
}

#ricercaProgSpalla .alfa {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    border: 0px;
    color: #fff;
    font-size: 16px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #3d3d3d;
}

    #ricercaProgSpalla .alfa li {
        display: block;
        float: left;
        text-align: center;
        width: 32px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
    }

        #ricercaProgSpalla .alfa li a {
            display: block;
            float: left;
            text-align: center;
            width: 32px;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            #ricercaProgSpalla .alfa li a:hover {
                color: #999;
            }

#ricercaProgSpalla .tendina {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: auto;
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    #ricercaProgSpalla .tendina span {
        display: block;
        float: left;
        width: 283px;
        height: 19px;
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 0px 5px;
        font-size: 11px;
        font-weight: bold;
        color: #333;
        background: #fff url(/dl/RaiTV/2012/images/btn_arrow_tend.gif) 100% 0px no-repeat;
    }

    #ricercaProgSpalla .tendina ul {
        display: none;
        float: left;
        position: absolute;
        top: 24px;
        left: 0px;
        z-index: 10000;
        width: 251px;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #fff;
        box-shadow: 0px 5px 5px #222;
    }

        #ricercaProgSpalla .tendina ul li {
            display: block;
            float: left;
            width: 251px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            border-top: 1px solid #eee;
        }

            #ricercaProgSpalla .tendina ul li a {
                display: block;
                float: left;
                width: 338px;
                height: auto;
                margin: 0px 0px 0px 0px;
                padding: 5px 10px 5px 10px;
                font-size: 11px;
                font-weight: bold;
                color: #333;
            }

                #ricercaProgSpalla .tendina ul li a:hover {
                    color: #000;
                }

    #ricercaProgSpalla .tendina:hover ul {
        display: block;
    }

/* video in spalla!!! */

#evidenzaSpalla .top {
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px no-repeat;
}

.Spalla .videoContainer {
    width: 288px;
    padding: 8px 0px 0px 0px;
}

    /* cat */

    .Spalla .videoContainer .Categorie {
        width: 288px;
    }

        .Spalla .videoContainer .Categorie li a {
            font-size: 10px;
            padding: 2px 10px 0px 32px;
        }

    /* video */

    .Spalla .videoContainer .listaVideo {
        width: 288px;
    }

        .Spalla .videoContainer .listaVideo ul {
            width: 332px;
        }

            .Spalla .videoContainer .listaVideo ul li {
                margin: 0px 30px 10px 0px;
            }

    .Spalla .videoContainer .paging {
        width: 110px;
    }

/* nuovi */

#newProg .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

#newProg .mid ul {
    display: block;
    float: left;
    width: 288px;
    margin: 3px 0px 0px 0px;
}

    #newProg .mid ul li {
        display: block;
        float: left;
        width: 288px;
        font-size: 12px;
        font-weight: bold;
        margin: 6px 0px 0px 0px;
    }

        #newProg .mid ul li a {
            color: #fff;
        }

            #newProg .mid ul li a:hover {
                color: #999;
            }

/* elenco */

.Spalla .boxSpalla .mid ul.elencoEventi {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

    .Spalla .boxSpalla .mid ul.elencoEventi a.linkInfo {
        display: none;
        float: left;
        width: auto;
        font-size: 11px;
        margin: 20px 0px 0px 0px;
        padding: 0px 9px 0px 0px;
        color: #fff;
        font-weight: normal;
        text-transform: capitalize;
        background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
    }

    .Spalla .boxSpalla .mid ul.elencoEventi li {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        font-size: 12px;
        border-top: 1px solid #3d3d3d;
        padding: 8px 0px 9px 0px;
        margin: -1px 0px 0px 0px;
        color: #555;
    }

        .Spalla .boxSpalla .mid ul.elencoEventi li a.img {
            display: block;
            float: left;
            width: 78px;
            height: 59px;
            padding: 0px 0px 0px 0px;
            margin: 0px 10px 0px 0px;
        }

            .Spalla .boxSpalla .mid ul.elencoEventi li a.img img {
                display: block;
                float: left;
                width: 78px;
                height: 59px;
            }

        .Spalla .boxSpalla .mid ul.elencoEventi li .txt {
            display: block;
            float: left;
            width: 200px;
            height: auto;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 3px 0px;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li span {
            display: block;
            float: left;
            width: 200px;
            height: auto;
            color: #d7d7d7;
            font-weight: bold;
            font-size: 12px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li a.link {
            display: block;
            float: left;
            width: 200px;
            height: auto;
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 3px 0px;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li.noImg span {
            display: block;
            width: 288px;
            height: auto;
            color: #d7d7d7;
            font-weight: bold;
            font-size: 12px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li.noImg a.link {
            display: block;
            width: 288px;
            height: auto;
            color: #fff;
            font-weight: bold;
            font-size: 14px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 3px 0px;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li a.link:hover {
            color: #999;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li .tipologiaEvento {
            color: #F17024;
            float: none !important;
            display: inline !important;
            font-size: 11px;
            font-weight: normal;
            letter-spacing: 0;
            text-transform: uppercase;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li a.vaiEvento {
            color: #aaa;
            font-weight: normal;
            text-transform: none;
            font-size: 12px;
            padding: 0px 10px 0px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 2px no-repeat;
        }

        .Spalla .boxSpalla .mid ul.elencoEventi li a:hover {
            color: #999;
        }

/* appppp */

.Spalla .boxSpalla .mid .Apps {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 7px 0px 0px 0px;
}

    .Spalla .boxSpalla .mid .Apps a {
        display: block;
        float: left;
        font-size: 11px;
        margin: 0px 0px 5px 0px;
        color: #7f7f7f;
        text-transform: normal;
        background: url(/dl/rai/images/ico_apps.png) no-repeat;
    }

        .Spalla .boxSpalla .mid .Apps a strong {
            display: block;
            float: left;
            width: 87px !important;
            color: #d7d7d7;
            font-size: 14px;
            font-weight: bold;
            text-transform: normal;
        }

        .Spalla .boxSpalla .mid .Apps a:hover strong {
            color: #fff;
        }

        .Spalla .boxSpalla .mid .Apps a.appMobile {
            width: 90px;
            height: auto;
            margin: 0px 0px 9px 0px;
            padding: 0px 0px 12px 34px;
            background-position: 0px 4px;
        }

            .Spalla .boxSpalla .mid .Apps a.appMobile strong {
                width: 100px;
            }

        .Spalla .boxSpalla .mid .Apps a.appTv {
            width: 87px;
            height: auto;
            margin: 0px 0px 9px 0px;
            padding: 0px 9px 15px 67px;
            border-left: 1px solid #525252;
            background-position: 9px -95px;
        }

            .Spalla .boxSpalla .mid .Apps a.appTv strong {
                width: 86px;
            }

        .Spalla .boxSpalla .mid .Apps a.appDesktop {
            width: 228px;
            height: auto;
            padding: 10px 0px 0px 60px;
            border-top: 1px solid #525252;
            background-position: 0px -202px;
        }

            .Spalla .boxSpalla .mid .Apps a.appDesktop strong {
                width: 228px;
            }

/* Newsletter */

.Spalla .boxSpalla .mid .Newsletter {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 8px 0px 0px 0px;
}

    .Spalla .boxSpalla .mid .Newsletter h2 {
        display: block;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        .Spalla .boxSpalla .mid .Newsletter h2 a {
            display: block;
            float: left;
            width: 288px;
            height: 46px;
            overflow: hidden;
            text-indent: -9000px;
            margin: 0px 0px 10px 0px;
            box-shadow: 0px 5px 3px #111;
            background: url(/dl/RaiTV/2012/images/tit_newsletter.jpg) no-repeat;
        }

    .Spalla .boxSpalla .mid .Newsletter p {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        font-size: 11px;
        font-weight: bold;
        color: #d0d0d0;
        margin: 0px 0px 2px 0px;
    }

        .Spalla .boxSpalla .mid .Newsletter p a {
            display: block;
            float: left;
            width: 268px;
            height: auto;
            text-align: center;
            font-size: 11px;
            font-weight: bold;
            color: #333;
            text-transform: uppercase;
            padding: 5px 9px 5px 9px;
            margin: 0px 0px 0px 0px;
            border-radius: 2px;
            border: 1px solid #777;
            background: url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
        }

            .Spalla .boxSpalla .mid .Newsletter p a:hover {
                color: #fff;
            }

    .Spalla .boxSpalla .mid .Newsletter input {
        display: block;
        float: left;
        width: 213px;
        height: 22px;
        border: 0px;
        color: #666;
        font-size: 12px;
        padding: 0px 5px 2px 5px;
        background: #fff;
    }

        .Spalla .boxSpalla .mid .Newsletter input.submit {
            display: block;
            float: right;
            width: 65px;
            height: 24px;
            border: 0px;
            font-size: 10px;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 0px 1px 1px #eee;
            color: #3e3e3e;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 4px 0px;
            background: #b2b2b2 url(/dl/RaiTV/2012/images/bkg_btn_search.gif) repeat-x;
        }

/* DIRETTE SPALLA */

#DiretteSpalla .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -133px no-repeat;
}

#DiretteSpalla .mid {
    padding: 10px 0px 0px 0px;
}

    #DiretteSpalla .mid ul {
        display: block;
        float: left;
        width: 268px;
        height: 36px;
        padding: 0px 10px 0px 10px;
        margin: 1px 0px 1px 0px;
    }

        #DiretteSpalla .mid ul.light {
            background: #323232;
        }

        #DiretteSpalla .mid ul.dark {
            background: transparent;
        }

        #DiretteSpalla .mid ul li {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
        }

        #DiretteSpalla .mid ul.radio li {
            width: 89px;
        }

        #DiretteSpalla .mid ul li a {
            display: block;
            float: left;
            width: 67px;
            height: 36px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -9000px;
        }

        #DiretteSpalla .mid ul.radio li a {
            width: 89px;
        }

        #DiretteSpalla .mid ul li a.Rai1, #DiretteSpalla .mid ul li a.RaiUno {
            background: url(/dl/RaiTV/2012/images/canali/rai1.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai2, #DiretteSpalla .mid ul li a.RaiDue {
            background: url(/dl/RaiTV/2012/images/canali/rai2.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai3, #DiretteSpalla .mid ul li a.RaiTre {
            background: url(/dl/RaiTV/2012/images/canali/rai3.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai4 {
            background: url(/dl/RaiTV/2012/images/canali/rai4.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai5 {
            background: url(/dl/RaiTV/2012/images/canali/rai5.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiNews {
            background: url(/dl/RaiTV/2012/images/canali/rai_news.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiGulp {
            background: url(/dl/RaiTV/2012/images/canali/rai_gulp.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiSport1 {
            background: url(/dl/RaiTV/2012/images/canali/rai_sport1.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiSport2 {
            background: url(/dl/RaiTV/2012/images/canali/rai_sport2.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiStoria {
            background: url(/dl/RaiTV/2012/images/canali/rai_storia.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiPremium {
            background: url(/dl/RaiTV/2012/images/canali/rai_premium.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiScuola {
            background: url(/dl/RaiTV/2012/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiYoyo, #DiretteSpalla .mid ul li a.RaiYoYo {
            background: url(/dl/RaiTV/2012/images/canali/rai_yoyo.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiMovie {
            background: url(/dl/RaiTV/2012/images/canali/rai_movie.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiMed {
            background: url(/dl/RaiTV/2012/images/canali/rai_med.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.EuroNews {
            background: url(/dl/RaiTV/2012/images/canali/rai_euronews.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiScuola {
            background: url(/dl/RaiTV/2012/images/canali/rai_scuola.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.YesItalia {
            background: url(/dl/RaiTV/2012/images/canali/yes_italia.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio1, #DiretteSpalla .mid ul li a.Radio1live {
            background: url(/dl/RaiTV/2012/images/canali/radio1.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio2, #DiretteSpalla .mid ul li a.Radio2live {
            background: url(/dl/RaiTV/2012/images/canali/radio2.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio3, #DiretteSpalla .mid ul li a.Radio3live {
            background: url(/dl/RaiTV/2012/images/canali/radio3.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio4, #DiretteSpalla .mid ul li a.Filodiffusione4 {
            background: url(/dl/RaiTV/2012/images/canali/radio4.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio5, #DiretteSpalla .mid ul li a.Filodiffusione5 {
            background: url(/dl/RaiTV/2012/images/canali/radio5.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Isoradio {
            background: url(/dl/RaiTV/2012/images/canali/isoradio.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.GrParlamento, #DiretteSpalla .mid ul li a.GrParlamento {
            background: url(/dl/RaiTV/2012/images/canali/radio_parlamento.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaitaliaRadio, #DiretteSpalla .mid ul li a.RaitaliaRadio {
            background: url(/dl/RaiTV/2012/images/canali/radio_italia.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Wr6, #DiretteSpalla .mid ul li a.Wr6 {
            background: url(/dl/RaiTV/2012/images/canali/wradio6.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Wr7, #DiretteSpalla .mid ul li a.Wr7 {
            background: url(/dl/RaiTV/2012/images/canali/wradio7.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Wr8, #DiretteSpalla .mid ul li a.Wr8 {
            background: url(/dl/RaiTV/2012/images/canali/wradio8.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai1:hover, #DiretteSpalla .mid ul li a.RaiUno:hover {
            background: url(/dl/rai/images/canali/color/rai1.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai2:hover, #DiretteSpalla .mid ul li a.RaiDue:hover {
            background: url(/dl/rai/images/canali/color/rai2.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai3:hover, #DiretteSpalla .mid ul li a.RaiTre:hover {
            background: url(/dl/rai/images/canali/color/rai3.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai4:hover {
            background: url(/dl/rai/images/canali/color/rai4.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Rai5:hover {
            background: url(/dl/rai/images/canali/color/rai5.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiNews:hover {
            background: url(/dl/rai/images/canali/color/rai_news.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiGulp:hover {
            background: url(/dl/rai/images/canali/color/rai_gulp.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiSport1:hover {
            background: url(/dl/rai/images/canali/color/rai_sport1.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiSport2:hover {
            background: url(/dl/rai/images/canali/color/rai_sport2.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiStoria:hover {
            background: url(/dl/rai/images/canali/color/rai_storia.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiPremium:hover {
            background: url(/dl/rai/images/canali/color/rai_premium.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiYoyo:hover, #DiretteSpalla .mid ul li a.RaiYoYo:hover {
            background: url(/dl/rai/images/canali/color/rai_yoyo.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiMovie:hover {
            background: url(/dl/rai/images/canali/color/rai_movie.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiMed:hover {
            background: url(/dl/rai/images/canali/color/rai_med.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.EuroNews:hover {
            background: url(/dl/rai/images/canali/color/rai_euronews.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaiScuola:hover {
            background: url(/dl/rai/images/canali/color/rai_scuola.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.YesItalia:hover {
            background: url(/dl/rai/images/canali/color/yes_italia.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio1:hover, #DiretteSpalla .mid ul li a.Radio1live:hover {
            background: url(/dl/rai/images/canali/color/radio1.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio2:hover, #DiretteSpalla .mid ul li a.Radio2live:hover {
            background: url(/dl/rai/images/canali/color/radio2.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio3:hover, #DiretteSpalla .mid ul li a.Radio3live:hover {
            background: url(/dl/rai/images/canali/color/radio3.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio4:hover, #DiretteSpalla .mid ul li a.Filodiffusione4:hover {
            background: url(/dl/rai/images/canali/color/radio4.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Radio5:hover, #DiretteSpalla .mid ul li a.Filodiffusione5:hover {
            background: url(/dl/rai/images/canali/color/radio5.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Isoradio:hover {
            background: url(/dl/rai/images/canali/color/isoradio.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.GrParlamento:hover, #DiretteSpalla .mid ul li a.GrParlamento:hover {
            background: url(/dl/rai/images/canali/color/radio_parlamento.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.RaitaliaRadio:hover, #DiretteSpalla .mid ul li a.RaitaliaRadio:hover {
            background: url(/dl/rai/images/canali/color/radio_italia.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Wr6:hover {
            background: url(/dl/rai/images/canali/color/wradio6.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Wr7:hover {
            background: url(/dl/rai/images/canali/color/wradio7.png) 0px 6px no-repeat;
        }

        #DiretteSpalla .mid ul li a.Wr8:hover {
            background: url(/dl/rai/images/canali/color/wradio8.png) 0px 6px no-repeat;
        }

/* #### GUIDA PROGRAMMI #### */

#guidaProgrammi .top {
    background: url(/dl/rai/images/bkg_tops.gif) 0px -170px no-repeat;
}

#guidaProgrammi .Opzioni {
    display: block;
    float: left;
    width: 648px;
    padding: 2px 0px 10px 0px;
    margin: 0px 0px 12px 0px;
    border-bottom: 1px solid #3d3d3d;
}

    #guidaProgrammi .Opzioni .Cal {
        display: block;
        float: left;
        width: 207px;
        height: 19px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .Opzioni .Cal a.prev {
            display: block;
            float: left;
            width: 17px;
            height: 19px;
            padding: 0px 0px 0px 0px;
            border-right: 1px solid #fff;
            background: url(/dl/RaiTV/2012/images/btn_prevnext.gif) 0px 0px no-repeat;
        }

            #guidaProgrammi .Opzioni .Cal a.prev:hover {
                background-position: 0px -20px;
            }

        #guidaProgrammi .Opzioni .Cal a.next {
            display: block;
            float: right;
            width: 17px;
            height: 19px;
            padding: 0px 0px 0px 0px;
            border-left: 1px solid #fff;
            background: url(/dl/RaiTV/2012/images/btn_prevnext.gif) -18px 0px no-repeat;
        }

            #guidaProgrammi .Opzioni .Cal a.next:hover {
                background-position: -18px -20px;
            }

        #guidaProgrammi .Opzioni .Cal h4 {
            display: block;
            float: left;
            text-align: center;
            text-transform: uppercase;
            width: 171px;
            height: 17px;
            font-size: 11px;
            color: #fff;
            padding: 2px 0px 0px 0px;
            background: #808080;
        }

    #guidaProgrammi .Opzioni .Vis {
        display: block;
        float: left;
        width: 173px;
        height: 19px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .Opzioni .Vis h4 {
            display: block;
            float: left;
            text-align: left;
            text-transform: uppercase;
            width: 105px;
            height: 17px;
            font-size: 11px;
            color: #d0d0d0;
            padding: 2px 0px 0px 0px;
        }

        #guidaProgrammi .Opzioni .Vis a.mosaico {
            display: block;
            float: left;
            text-align: left;
            text-transform: uppercase;
            width: 28px;
            height: 19px;
            margin: 0px 3px 0px 3px;
            padding: 0px 0px 0px 0px;
            text-indent: -9000px;
            overflow: hidden;
            background: url(/dl/RaiTV/2012/images/btn_vis.png) no-repeat;
        }

            #guidaProgrammi .Opzioni .Vis a.mosaico:hover,
            #guidaProgrammi .Opzioni .Vis a.mosaico.selected {
                background-position: 0px -24px;
            }

        #guidaProgrammi .Opzioni .Vis a.lista {
            display: block;
            float: left;
            text-align: left;
            text-transform: uppercase;
            width: 28px;
            height: 19px;
            margin: 0px 3px 0px 3px;
            padding: 0px 0px 0px 0px;
            text-indent: -9000px;
            overflow: hidden;
            background: url(/dl/RaiTV/2012/images/btn_vis.png) -33px 0px no-repeat;
        }

            #guidaProgrammi .Opzioni .Vis a.lista:hover,
            #guidaProgrammi .Opzioni .Vis a.lista.selected {
                background-position: -33px -24px;
            }

    #guidaProgrammi .Opzioni .Exp {
        display: block;
        float: right;
        width: auto;
        height: 19px;
        margin: 0px 0px 0px 52px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .Opzioni .Exp h4 {
            display: block;
            float: left;
            text-align: left;
            text-transform: uppercase;
            width: auto;
            height: 17px;
            font-size: 11px;
            color: #d0d0d0;
            padding: 2px 0px 0px 0px;
        }

        #guidaProgrammi .Opzioni .Exp a.espandi,
        #guidaProgrammi .Opzioni .Exp a.collassa {
            display: block;
            float: left;
            text-align: left;
            text-transform: uppercase;
            width: auto;
            height: 17px;
            margin: 0px 3px 0px 3px;
            padding: 2px 20px 0px 0px;
            overflow: hidden;
            color: #888;
            background: url(/dl/RaiTV/2012/images/btn_exp.png) 100% 0px no-repeat;
        }

            #guidaProgrammi .Opzioni .Exp a.espandi:hover,
            #guidaProgrammi .Opzioni .Exp a.collassa:hover {
                color: #ddd;
                background-position: 100% -18px;
            }

/*cal*/

#guidaProgrammi .ggCal {
    display: block;
    float: left;
    width: 648px;
    height: 26px;
    background: #444;
}

    #guidaProgrammi .ggCal li {
        display: block;
        float: left;
        text-align: center;
        width: 92px;
        height: 26px;
        margin: 0px 0px 0px -3px;
        border-left: 3px solid #282828;
        background: #444;
    }

        #guidaProgrammi .ggCal li a {
            display: block;
            text-align: center;
        }

        #guidaProgrammi .ggCal li strong {
            font-size: 20px;
            color: #ccc;
        }

        #guidaProgrammi .ggCal li span {
            font-size: 11px;
            color: #ccc;
            font-weight: bold;
            text-transform: uppercase;
        }

        #guidaProgrammi .ggCal li.selected {
            background: #777;
        }

            #guidaProgrammi .ggCal li.selected strong {
                color: #fff;
            }

            #guidaProgrammi .ggCal li.selected span {
                color: #fff;
            }

/*ora*/

#guidaProgrammi .ggOre {
    display: block;
    float: left;
    width: 570px;
    height: auto;
    margin: 0px 0px 6px 0px;
    padding: 8px 0px 0px 78px;
    background: #777;
}

    #guidaProgrammi .ggOre .btnPrev {
        display: block;
        float: left;
        width: 16px;
        height: 18px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/btn_arrows.gif) 0px 3px no-repeat;
    }

        #guidaProgrammi .ggOre .btnPrev:hover {
            background-position: 0px -13px;
        }

    #guidaProgrammi .ggOre .btnNext {
        display: block;
        float: right;
        width: 16px;
        height: 18px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        cursor: pointer;
        background: url(/dl/rai/images/btn_arrows.gif) -35px 3px no-repeat;
    }

        #guidaProgrammi .ggOre .btnNext:hover {
            background-position: -35px -13px;
        }

    #guidaProgrammi .ggOre .ore {
        display: block;
        float: left;
        position: relative;
        width: 538px;
        height: 18px;
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        #guidaProgrammi .ggOre .ore ul {
            display: block;
            position: absolute;
            top: 0px;
            left: 0;
            width: 7200px;
            height: 18px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

    #guidaProgrammi .ggOre li {
        display: block;
        float: left;
        text-align: left;
        width: 295px;
        height: auto;
        color: #eee;
        font-size: 11px;
        margin: 0px 0px 0px 0px;
        padding: 2px 0px 2px 4px;
        border-left: 1px solid #999;
    }

/**/

#guidaProgrammi .Palinsesto {
    display: block;
    float: left;
    width: 626px;
    overflow: hidden;
    margin: -3px 0px 0px 0px;
}

    #guidaProgrammi .Palinsesto.small {
        display: block;
        float: left;
        width: 648px;
        height: 235px;
    }

    #guidaProgrammi .Palinsesto li.chan {
        display: block;
        float: left;
        width: 648px;
        height: 44px;
        border-top: 3px solid #282828;
    }

        #guidaProgrammi .Palinsesto li.chan h3 {
            display: block;
            float: left;
            width: 90px;
            height: 44px;
            overflow: hidden;
            border-right: 3px solid #282828;
            background-color: #4b4b4b;
            background-position: 0px -44px;
        }

            /*loghi*/
            #guidaProgrammi .Palinsesto li.chan h3.RaiUno {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raiuno.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiDue {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raidue.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiTre {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raitre.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Rai4 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/rai4.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Rai5 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/rai5.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiSport1 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raisport1.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiSport2 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raisport2.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiScuola {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raiscuola.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiPremium {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raipremium.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiYoyo {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raiyoyo.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiMovie {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raimovie.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiGulp {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raigulp.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiStoria {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raistoria.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiNews {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/rainews.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiEuroNews {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raieuronews.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Radio1 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/radio1.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Radio2 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/radio2.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Radio3 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/radio3.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Filodiffusione4 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/radio4.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Filodiffusione5 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/radio5.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Wr6 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/wr6.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Wr7 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/wr7.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Wr8 {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/wr8.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.Isoradio {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/isoradio.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaitaliaRadio {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/italiaradio.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.GrParlamento {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/grparlamento.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.RaiMed {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/raimed.png);
            }

            #guidaProgrammi .Palinsesto li.chan h3.YesItalia {
                background-image: url(/dl/RaiTV/2012/images/canali/guida/yesitalia.png);
            }

    /*-*/
    #guidaProgrammi .Palinsesto.lista li.chan h3:hover {
        background-color: #333;
        background-position: 0px 0px;
    }

    #guidaProgrammi .Palinsesto li.chan h3 a.chanLink {
        display: block;
        width: 90px;
        height: 44px;
    }

    #guidaProgrammi .Palinsesto.small li.chan h3 a.chanLink {
        cursor: default;
    }

    #guidaProgrammi .Palinsesto li.chan h3 a.chanLink span {
        text-indent: -9000px;
        visibility: hidden;
    }

    #guidaProgrammi .Palinsesto li.chan .Prog {
        display: block;
        float: left;
        position: relative;
        z-index: 10;
        width: 555px;
        height: 44px;
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        background: #282828 url(/dl/RaiTV/2012/images/bkg_palinsesto.gif) repeat;
    }

        #guidaProgrammi .Palinsesto li.chan .Prog ol {
            display: block;
            float: left;
            top: 0px;
            left: 0;
            position: absolute;
            width: auto;
            height: 44px;
            padding: 0px;
            margin: 0px;
        }

    #guidaProgrammi .Palinsesto li.chan ol li {
        display: block;
        float: left;
        position: relative;
        width: auto;
        height: 44px;
        color: #ff00ff;
        padding: 0px 0px 0px 0px;
        border-right: 0px solid #fff;
        cursor: pointer;
        background: #363636 url(/dl/RaiTV/2012/images/sep_palinsesto.gif) top left repeat-y;
    }

        #guidaProgrammi .Palinsesto li.chan ol li .extG {
            display: block;
            float: left;
            position: relative;
            width: auto;
            height: 37px;
            overflow: hidden;
            margin: 0px 4px 0px 7px;
            padding: 2px 0px 0px 0px;
        }

        #guidaProgrammi .Palinsesto li.chan ol li span.hashCode {
            display: none;
        }

        #guidaProgrammi .Palinsesto li.chan ol li .extG span.ora {
            display: block;
            width: auto;
            height: auto;
            color: #999;
            padding: 0px 0px 0px 0px;
            font-weight: normal;
            font-size: 10px;
        }

        #guidaProgrammi .Palinsesto li.chan ol li a {
            display: block;
            width: auto;
            height: auto;
            color: #999;
            line-height: 11px;
            font-weight: bold;
        }

        #guidaProgrammi .Palinsesto li.chan ol li.live a {
            color: #fff;
        }

        #guidaProgrammi .Palinsesto li.chan ol li.live .extG {
            padding: 4px 4px 0px 13px;
            background: #444 url(/dl/RaiTV/2012/images/blue_arrow.png) 4px 7px no-repeat;
        }

        #guidaProgrammi .Palinsesto li.chan ol li.live {
            background: #444 url(/dl/RaiTV/2012/images/sep_palinsesto.gif) top left repeat-y;
        }

/* baloon */

#guidaProgrammi .descrOver {
    display: none;
    top: 157px;
    left: 99px;
    position: absolute;
    z-index: 1000;
    width: 555px;
    height: 234px;
    color: #4b4b4b;
    padding: 0px 0px 0px 0px;
}

    #guidaProgrammi .descrOver .descrBox {
        display: block;
        top: 50%;
        left: 50%;
        position: absolute;
        z-index: 1000;
        width: 298px;
        height: auto;
        color: #4b4b4b;
        margin: -100px 0px 0px -160px;
        padding: 10px 10px 10px 10px;
        border: 1px solid #777;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(0, 0, 0, 0.7);
    }

        #guidaProgrammi .descrOver .descrBox img {
            display: block;
            float: left;
            width: 80px;
            height: 80px;
            margin: 0px 10px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox .txt {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox h4 {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            font-size: 14px;
            color: #fff;
            font-weight: bold;
            margin: 0px 0px 2px 0px;
            padding: 0px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox strong {
            display: block;
            float: left;
            width: 208px;
            height: auto;
            font-size: 11px;
            color: #ccc;
            font-weight: bold;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #guidaProgrammi .descrOver .descrBox strong span {
                color: #999;
                font-weight: normal;
            }

        #guidaProgrammi .descrOver .descrBox p {
            display: block;
            float: left;
            width: 208px;
            min-height: 70px;
            font-size: 11px;
            color: #999;
            font-weight: normal;
            overflow: hidden;
            border-top: 1px solid #444;
            margin: 5px 0px 14px 0px;
            padding: 5px 0px 0px 0px;
        }

        #guidaProgrammi .descrOver .descrBox .link {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            margin: 0px 20px 0px 0px;
            padding: 0px 0px 0px 0px;
        }

            #guidaProgrammi .descrOver .descrBox .link:hover {
                color: #999;
            }

        #guidaProgrammi .descrOver .descrBox .close {
            display: block;
            position: absolute;
            top: -10px;
            right: -10px;
            width: 20px;
            height: 20px;
            background: url(/dl/rai/images/btn_close.png) 0px 0px no-repeat;
        }

            #guidaProgrammi .descrOver .descrBox .close:hover {
                background-position: 0px -21px;
            }

        #guidaProgrammi .descrOver .descrBox.noImage {
            width: 298px;
            height: auto;
            color: #4b4b4b;
            padding: 10px 10px 10px 10px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg .txt {
            width: 298px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg h4 {
            width: 298px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg strong {
            width: 298px;
        }

        #guidaProgrammi .descrOver .descrBox.noImg p {
            width: 298px;
        }

/* scroll */

.holder.guida-bar {
    display: block;
    float: left;
    width: 648px;
    height: 232px;
    padding: 0px 0px 0px 0px;
}

    .holder.guida-bar .scroll-pane {
        width: 648px;
        height: 232px;
        overflow: auto;
        float: left;
        padding: 0px 0px 0px 0px;
    }

#paneGuidaProg {
    height: 232px;
}

.guida-bar .jScrollPaneTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 232px;
    width: 12px;
    background: #e0e0e0;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.guida-bar .jScrollPaneDragTop {
    height: 20px;
    background: #808080;
}

.guida-bar .jScrollPaneDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #808080;
}

.guida-bar .jScrollPaneDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.guida-bar .scroll-pane {
}

.Palinsesto .scroll-pane .jspTrack {
    top: 0px;
    margin: 0px 0px 0px 0px;
    display: block;
    height: 232px;
    width: 16px;
    background: #444;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.Palinsesto .scroll-pane .jspDragTop {
    height: 20px;
    background: #111;
}

.Palinsesto .scroll-pane .jspDragBottom {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #111;
}

.Palinsesto .scroll-pane .jspDrag {
    width: 20px;
    padding: 0px 0px 0px 0px;
    height: auto;
    margin: 0px 0px 0px 0px;
    background: transparent;
}

.Palinsesto .scroll-pane.small {
    width: 100%;
    height: 232px;
    overflow: auto;
}

.Palinsesto .scroll-pane {
    width: 100%;
    height: 702px;
    overflow: auto;
}

/*lista*/

#guidaProgrammi .Palinsesto.lista {
    display: block;
    float: left;
    position: relative;
    width: 648px;
}

    #guidaProgrammi .Palinsesto.lista li.chan {
        display: block;
        float: left;
        width: 90px;
        height: 44px;
        clear: left;
        border-top: 3px solid #282828;
    }

        #guidaProgrammi .Palinsesto.lista li.chan h3 {
            background-position: 0px -44px;
        }

            #guidaProgrammi .Palinsesto.lista li.chan h3.selected {
                background-position: 0px 0px;
                background-color: #5392da;
            }

        #guidaProgrammi .Palinsesto.lista li.chan .Prog {
            display: block;
            float: left;
            position: absolute;
            top: 3px;
            right: 0px;
            width: 555px;
            height: auto;
            padding: 0px;
            margin: 0px;
            background: #282828;
        }

            #guidaProgrammi .Palinsesto.lista li.chan .Prog ol {
                display: block;
                float: left;
                width: 535px;
                height: auto;
                padding: 0px 0px 0px 20px;
                margin: 0px;
                position: relative;
            }

        #guidaProgrammi .Palinsesto.lista li.chan ol li {
            display: block;
            float: left;
            width: 535px;
            height: auto;
            color: #4b4b4b;
            padding: 0px 0px 5px 0px;
            margin: 0px;
            border: 0px;
            background: #282828;
        }

            #guidaProgrammi .Palinsesto.lista li.chan ol li .extG {
                display: block;
                float: right;
                text-align: left;
                width: 527px;
                height: auto;
                padding: 0px;
                margin: 0px;
                background: #282828;
            }

                #guidaProgrammi .Palinsesto.lista li.chan ol li .extG .ora {
                    display: block;
                    float: left;
                    text-align: left;
                    width: 40px;
                    height: auto;
                    font-size: 11px;
                    padding: 0px;
                    margin: 0px;
                }

            #guidaProgrammi .Palinsesto.lista li.chan ol li a {
                display: block;
                float: right;
                text-align: left;
                width: 487px;
                height: auto;
                font-size: 11px;
                line-height: 15px;
            }

            #guidaProgrammi .Palinsesto.lista li.chan ol li.live a {
                width: 407px;
                height: 14px;
                color: #fff;
                padding: 0px 0px 0px 60px;
                margin: 0px 20px 0px 0px;
                border-radius: 4px;
                background: #4d8dd4 url(/dl/RaiTV/2012/images/ico_live.png) 0px 0px no-repeat;
            }

                #guidaProgrammi .Palinsesto.lista li.chan ol li.live a:hover {
                    color: #ddd;
                }

            #guidaProgrammi .Palinsesto.lista li.chan ol li a:hover {
                color: #3e80c8;
            }

            #guidaProgrammi .Palinsesto.lista li.chan ol li a:hover {
                color: #3e80c8;
            }

/* #### ARTICOLAME #### */

.Articolo .top {
    display: block;
    float: left;
    text-align: left;
    width: 952px;
    height: 32px;
    padding: 0px 0px 10px 16px;
    margin: 0px 0px 6px 0px;
    border-bottom: 1px solid #d0d0d0;
    background: url(/dl/rai/images/bkg_tops.gif) 0px -253px no-repeat;
}

    .Articolo .top h3 {
        display: block;
        float: left;
        width: 952px;
        font-size: 24px;
        line-height: 17px;
        color: #666;
        margin: 0px 0px 4px 0px;
        padding: 0px 0px 0px 0px;
    }

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

.Articolo .spallaArticolo {
    display: block;
    float: left;
    text-align: left;
    width: 200px;
    font-size: 11px;
    color: #888;
    margin: 5px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .Articolo .spallaArticolo li {
        display: block;
        float: left;
        text-align: left;
        width: 200px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

        .Articolo .spallaArticolo li a {
            display: block;
            float: left;
            width: 180px;
            font-size: 11px;
            margin: 0px 0px 0px 0px;
            padding: 5px 10px 5px 10px;
            color: #444;
            font-weight: bold;
        }

            .Articolo .spallaArticolo li a:hover {
                color: #999;
            }

        .Articolo .spallaArticolo li.selected a {
            display: block;
            float: left;
            width: 180px;
            font-size: 11px;
            color: #fff;
            background: url(/dl/rai/images/bkg_spalla_sel.gif) left center repeat-x;
        }

.Articolo .testoArticolo {
    display: block;
    float: left;
    text-align: left;
    width: 968px;
    font-size: 12px;
    color: #4b4b4b;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .Articolo .testoArticolo.spalla {
        width: 748px;
    }

    .Articolo .testoArticolo ul {
        display: block;
        list-style: disc;
        padding: 5px 0px 5px 18px;
        color: #4989d1;
    }

        .Articolo .testoArticolo ul li {
            color: #4b4b4b;
        }

/* ######## FAq ######## */

.boxFaq {
    display: block;
    float: left;
    width: 648px;
}

    .boxFaq h3 {
        display: block;
        float: left;
        width: 648px;
        padding: 0px 0px 3px 0px;
        margin: 0px 0px 15px 0px;
        font-size: 22px;
        color: #4da5fc;
        border-bottom: 1px solid #3d3d3d;
    }

    .boxFaq ul {
        display: block;
        float: left;
        width: 648px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 30px 0px;
    }

        .boxFaq ul li {
            display: block;
            float: left;
            width: 648px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 10px 0px;
        }

            .boxFaq ul li a {
                display: block;
                float: left;
                width: 630px;
                padding: 0px 0px 0px 18px;
                margin: 0px 0px 0px 0px;
                font-size: 13px;
                font-weight: bold;
                color: #d6d6d6;
                background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 3px 3px no-repeat;
            }

                .boxFaq ul li a:hover {
                    color: #999;
                }

            .boxFaq ul li p {
                display: none;
                float: left;
                width: 618px;
                margin: 8px 0px 10px 10px;
                padding: 10px 10px 10px 10px;
                font-size: 12px;
                color: #eee;
                border-radius: 6px;
                background: #585858;
            }

            .boxFaq ul li.selected p {
                display: block;
            }

            .boxFaq ul li.selected a {
                font-size: 16px;
                font-weight: bold;
                color: #4da5fc;
                background: url(/dl/RaiTV/2012/images/bkg_arrow_blue_down.gif) 0px 7px no-repeat;
            }

/* #### RUMoRs SpallA #### */

.boxSpalla .subTop {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    margin: 5px 0px 5px 0px;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
}

    .boxSpalla .subTop h4 {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        font-size: 16px;
        color: #fff;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }

        .boxSpalla .subTop h4 span {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 16px;
            color: #fff;
            padding: 0px 15px 0px 0px;
            margin: 0px 10px 0px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 5px no-repeat;
        }

        .boxSpalla .subTop h4 a {
            display: block;
            float: left;
            width: auto;
            height: auto;
            font-size: 16px;
            color: #4da5fc;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            .boxSpalla .subTop h4 a:hover {
                color: #999;
            }

.boxSpalla .rss-box {
    display: block;
    float: left;
    width: 288px;
    height: auto;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    .boxSpalla .rss-box li {
        display: block;
        float: left;
        width: 288px;
        height: auto;
        margin: -1px 0px 0px 0px;
        padding: 9px 0px 10px 0px;
        border-top: 1px solid #3d3d3d;
        color: #ddd;
    }

        .boxSpalla .rss-box li .pod-play-box {
            display: none;
        }

        .boxSpalla .rss-box li a {
            font-size: 12px;
            font-weight: bold;
            color: #fff;
            padding: 0px 10px 3px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_arrow.gif) 100% 3px no-repeat;
        }

            .boxSpalla .rss-box li a:hover {
                color: #999;
            }

/* #### lanCius! #### */

.contLanciWebSpalla {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: 200px;
    background: #0;
}

.contLanciWebSpalla {
    display: block;
    float: left;
    position: relative;
    width: 288px;
    height: 164px;
    background: #ff00ff;
}

    .contLanciWebSpalla a {
        display: block;
        float: left;
        position: relative;
        width: 288px;
        height: 164px;
    }

        .contLanciWebSpalla a strong {
            display: block;
            float: left;
            position: absolute;
            bottom: 0px;
            left: 0px;
            width: 268px;
            height: auto;
            font-size: 14px;
            color: #fff;
            padding: 10px 10px 10px 10px;
            background: url(/dl/RaiTV/2012/images/alpha_black.png) repeat;
        }

        .contLanciWebSpalla a:hover strong {
            color: #999;
        }

/* #### APPPPPSSSSSS #### */

.Apps {
    display: block;
    float: left;
    width: 968px;
}

    .Apps h3 {
        display: block;
        float: left;
        width: 968px;
        font-size: 20px;
        font-weight: bold;
        color: #444;
        padding: 0px 0px 10px 0px;
    }

    .Apps ul {
        display: block;
        float: left;
        width: 968px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
        border-bottom: 1px solid #e7e7e7;
    }

        .Apps ul li {
            display: block;
            float: left;
            position: relative;
            width: 242px;
            padding: 0px 0px 0px 0px;
        }

            .Apps ul li a.img {
                display: block;
                float: left;
                width: 75px;
                height: 75px;
                padding: 0px 10px 20px 0px;
            }

                .Apps ul li a.img img {
                    display: block;
                    float: left;
                    width: 75px;
                    height: 75px;
                    background: #ccc;
                }

            .Apps ul li h4 {
                display: block;
                float: left;
                width: 147px;
                height: auto;
                font-size: 14px;
                color: #4c4c4c;
                padding: 0px 0px 3px 0px;
            }

                .Apps ul li h4 a {
                    color: #4c4c4c;
                }

                    .Apps ul li h4 a:hover {
                        color: #999;
                    }

            .Apps ul li a.info {
                display: block;
                float: left;
                font-size: 11px;
                margin: 0px 0px 0px 0px;
                padding: 0px 9px 0px 0px;
                color: #777;
                background: url(/dl/rai/images/bkg_arrow.gif) 100% 2px no-repeat;
            }

                .Apps ul li a.info:hover {
                    color: #999;
                }

            .Apps ul li .info .descr {
                display: none;
                position: absolute;
                top: 20px;
                left: 80px;
                z-index: 100;
                width: 210px;
                height: 110px;
                padding: 7px 10px 2px 10px;
                border: 1px solid #777;
                -moz-border-radius: 2px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
                cursor: default;
                background-color: rgba(0, 0, 0, 0.8);
            }

                .Apps ul li .info .descr span {
                    display: block;
                    float: left;
                    width: 210px;
                    height: auto;
                    font-size: 10px;
                    font-weight: bold;
                    text-transform: uppercase;
                    color: #5d9ae2;
                    padding: 0px 0px 0px 0px;
                }

                .Apps ul li .info .descr strong {
                    display: block;
                    float: left;
                    width: 210px;
                    height: auto;
                    font-size: 14px;
                    font-weight: bold;
                    color: #fff;
                    border-bottom: 1px solid #5d9ae2;
                    padding: 0px 0px 5px 0px;
                    margin: 0px 0px 5px 0px;
                }

                .Apps ul li .info .descr p {
                    display: block;
                    float: left;
                    width: 210px;
                    height: auto;
                    font-size: 11px;
                    color: #ddd;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                }

            .Apps ul li .info:hover .descr {
                display: block;
            }

/* ######## My RAItV ######## */

.boxMyRaitv {
    display: none;
    float: left;
    position: relative;
    width: 660px;
    height: auto;
    margin: 0px 0px 20px 0px;
    background: #3d3d3d;
}

    .boxMyRaitv .close {
        display: none;
    }

    .boxMyRaitv .tit {
        display: block;
        float: left;
        text-align: left;
        width: 120px;
        height: 40px;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 20px;
        background: url(/dl/RaiTV/2012/images/tit_myraitv.gif) 100% 0px no-repeat;
    }

        .boxMyRaitv .tit h3 {
            display: block;
            float: left;
            text-align: left;
            width: 80px;
            height: auto;
            font-size: 14px;
            color: #fff;
            margin: 0px 0px 4px 0px;
        }

        .boxMyRaitv .tit h2 {
            display: block;
            float: left;
            text-align: left;
            width: 80px;
            height: 17px;
            margin: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -9000px;
            background: url(/dl/RaiTV/2012/images/logo_myraitv.png) no-repeat;
        }

    .boxMyRaitv .login {
        display: block;
        float: left;
        text-align: left;
        width: 480px;
        height: 30px;
        margin: 0px 0px 0px 0px;
        padding: 15px 20px 15px 20px;
    }

        .boxMyRaitv .login input {
            display: block;
            float: left;
            text-align: left;
            width: 152px;
            height: 24px;
            font-size: 11px;
            font-weight: bold;
            color: #333;
            /* text-shadow: 0px 1px 1px #fff; */
            margin: 3px 8px 0px 0px;
            padding: 0px 4px 0px 4px;
            border: 0px;
            background: #c5c5c5;
        }

    .boxMyRaitv a {
        display: block;
        float: left;
        text-align: left;
        width: 144px;
        height: auto;
        font-size: 10px;
        color: #bbb;
    }

        .boxMyRaitv a:hover {
            color: #999;
        }

        .boxMyRaitv a.info {
            display: block;
            float: left;
            text-align: center;
            width: 660px;
            height: auto;
            font-size: 11px;
            font-weight: bold;
            color: #fff;
            padding: 5px 0px 5px 0px;
            margin: 0px 0px 0px 0px;
            box-shadow: 0px 2px 2px #222 inset;
            background: #2f2f2f;
        }

            .boxMyRaitv a.info span {
                padding: 0px 10px 0px 0px;
                background: url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) 100% 1px no-repeat;
            }

            .boxMyRaitv a.info:hover {
                color: #888;
            }

    /* dentroo */

    .boxMyRaitv.panel .tit h2 {
        display: block;
        float: left;
        text-align: left;
        width: 80px;
        height: 17px;
        margin: 11px 0px 0px 0px;
        overflow: hidden;
        text-indent: -9000px;
        background: url(/dl/RaiTV/2012/images/logo_myraitv.png) no-repeat;
    }

    .boxMyRaitv.panel .myPanel {
        display: block;
        float: left;
        text-align: left;
        width: 490px;
        height: 42px;
        margin: 0px 0px 0px 0px;
        padding: 8px 15px 10px 15px;
    }

        .boxMyRaitv.panel .myPanel.hidden {
            display: none;
        }

        .boxMyRaitv.panel .myPanel h3 {
            display: block;
            float: left;
            text-align: left;
            width: auto;
            height: auto;
            color: #fff;
            font-size: 12px;
            font-weight: normal;
            margin: 0px 0px 0px 0px;
        }

            .boxMyRaitv.panel .myPanel h3 span {
                color: #4da5fc;
                font-weight: bold;
            }

        .boxMyRaitv.panel .myPanel a.exit,
        .boxMyRaitv.panel .myPanel a.edit {
            display: block;
            float: right;
            text-align: left;
            width: auto;
            height: auto;
            color: #fff;
            font-size: 12px;
            font-weight: normal;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            cursor: pointer;
        }

        .boxMyRaitv.panel .myPanel a.exit {
            border-left: 1px solid #666;
            margin: 0px 0px 0px 10px;
            padding: 0px 0px 0px 10px;
            cursor: pointer;
        }

        .boxMyRaitv.panel .myPanel ul {
            display: block;
            float: left;
            text-align: left;
            width: 494px;
            height: 14px;
            border-top: 1px solid #646464;
            margin: 6px -2px 0px 0px;
            padding: 5px 0px 0px 0px;
        }

            .boxMyRaitv.panel .myPanel ul.opz li {
                display: block;
                float: left;
                text-align: left;
                width: auto;
                height: 14px;
                font-size: 12px;
                padding: 2px 5px 3px 5px;
                margin: 0px 18px 0px 0px;
            }

                .boxMyRaitv.panel .myPanel ul.opz li.Fave {
                    margin: 0px 0px 0px 2px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li a {
                    display: block;
                    float: left;
                    text-align: left;
                    width: auto;
                    height: 14px;
                    font-size: 12px;
                    color: #999;
                    font-weight: bold;
                    margin: 0px 0px 0px 0px;
                    padding: 0px 0px 0px 22px;
                    background: url(/dl/RaiTV/2012/images/btn_opzvod.png) no-repeat;
                }

                    .boxMyRaitv.panel .myPanel ul.opz li a:hover {
                        color: #fff;
                    }

                .boxMyRaitv.panel .myPanel ul.opz li.Home a {
                    background-position: 0px -196px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Prog a {
                    background-position: 0px -168px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Play a {
                    background-position: 0px -56px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Fave a {
                    background-position: 0px -84px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Home a:hover {
                    background-position: 0px -210px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Prog a:hover {
                    background-position: 0px -182px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Play a:hover {
                    background-position: 0px -70px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Fave a:hover {
                    background-position: 0px -98px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Home.selected a {
                    background-position: 0px -224px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Prog.selected a {
                    background-position: 0px -238px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Play.selected a {
                    background-position: 0px -252px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.Fave.selected a {
                    background-position: 0px -266px;
                }

                .boxMyRaitv.panel .myPanel ul.opz li.selected {
                    border-radius: 2px;
                    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -170px repeat-x;
                }

                    .boxMyRaitv.panel .myPanel ul.opz li.selected a,
                    .boxMyRaitv.panel .myPanel ul.opz li.selected a:hover {
                        color: #fff;
                    }

        .boxMyRaitv.panel .myPanel.Form ul.opz {
            position: absolute;
            right: 5px;
            top: 20px;
            height: auto;
            width: 175px;
            border: 0px;
            padding: 0px;
            margin: 0px;
        }

            .boxMyRaitv.panel .myPanel.Form ul.opz li {
                margin: 0px;
            }

        .boxMyRaitv.panel .myPanel.Form {
            position: relative;
            padding: 3px 15px;
            height: 54px;
        }

            .boxMyRaitv.panel .myPanel.Form .Nick {
                display: block;
                float: left;
                width: 236px;
                height: 24px;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 5px 0px;
                background: url(/dl/RaiTV/2012/images/ico_form.png) 1px 3px no-repeat;
            }

                .boxMyRaitv.panel .myPanel.Form .Nick input {
                    display: block;
                    float: left;
                    width: 200px;
                    height: 24px;
                    color: #c6c6c6;
                    font-size: 11px;
                    font-style: italic;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 0px 8px 0px 8px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #4b4b4b;
                }

            .boxMyRaitv.panel .myPanel.Form .Pass {
                display: block;
                float: left;
                width: 216px;
                height: 24px;
                padding: 0px 0px 0px 25px;
                margin: 0px 0px 10px 0px;
                /* background: url(/dl/RaiTV/2012/images/ico_form.png) 1px 3px no-repeat; */
            }

                .boxMyRaitv.panel .myPanel.Form .Pass input {
                    display: block;
                    float: left;
                    width: 200px;
                    height: 24px;
                    color: #c6c6c6;
                    font-size: 11px;
                    font-style: italic;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 0px 8px 0px 8px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #4b4b4b;
                }

            .boxMyRaitv.panel .myPanel.Form .Submit {
                display: block;
                float: left;
                width: 60px;
                height: 24px;
                padding: 0px 0px 0px 5px;
                margin: 0px 0px 0px 0px;
            }

                .boxMyRaitv.panel .myPanel.Form .Submit button {
                    display: block;
                    float: left;
                    width: auto;
                    height: 24px;
                    color: #fff;
                    font-size: 12px;
                    text-transform: uppercase;
                    font-weight: bold;
                    font-family: Arial;
                    padding: 0px 14px 0px 14px;
                    margin: 0px 0px 0px 0px;
                    border: 0px;
                    border-radius: 4px;
                    background: #3e80c8;
                    cursor: pointer;
                }

                    .boxMyRaitv.panel .myPanel.Form .Submit button:hover {
                        color: #3e80c8;
                        background: #fff;
                    }

            .boxMyRaitv.panel .myPanel.Form .feedback {
                position: absolute;
                z-index: 100;
                top: 0px;
                left: 0px;
                bottom: 0px;
                right: 0px;
                background: #000 none center top no-repeat scroll;
                opacity: 0.8;
            }

                .boxMyRaitv.panel .myPanel.Form .feedback.loading {
                    background: #000 url(/dl/RaiTV/2012/images/loading-32.gif) center center no-repeat scroll;
                }

        .boxMyRaitv.panel .myPanel.error h3 {
            float: none;
            text-align: center;
            color: #eee;
            font-size: 14px;
            font-weight: bold;
        }

/* #### HOME My RaiTV #### */

#myPlaylists .top.small,
#myProgrammi .top.small,
#myPreferiti .top.small {
    display: block;
    float: left;
    width: 648px;
    height: 22px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 6px 0px;
    background: transparent;
}

    #myPlaylists .top.small h3 span,
    #myProgrammi .top.small h3 span,
    #myPreferiti .top.small h3 span {
        display: block;
        float: left;
        width: 16px;
        height: 14px;
        font-size: 22px;
        line-height: 22px;
        color: #fff;
        margin: 4px 8px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    #myPlaylists .top.small h3 span {
        background: url(/dl/RaiTV/2012/images/btn_opzvod.png) 0px -70px no-repeat;
    }

    #myProgrammi .top.small h3 span {
        margin: 3px 8px 0px 0px;
        background: url(/dl/RaiTV/2012/images/btn_opzvod.png) 0px -182px no-repeat;
    }

    #myPreferiti .top.small h3 span {
        margin: 3px 8px 0px 0px;
        background: url(/dl/RaiTV/2012/images/btn_opzvod.png) 0px -98px no-repeat;
    }

/* playlist */

#myPlaylists ul.playlists {
    display: block;
    float: left;
    width: 614px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 14px;
    color: #fff;
    list-style: disc;
}

    #myPlaylists ul.playlists li {
        float: left;
        width: 283px;
        color: #fff;
        padding: 0px 24px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

        #myPlaylists ul.playlists li a {
            display: block;
            float: left;
            width: 283px;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
        }

            #myPlaylists ul.playlists li a:hover {
                color: #999;
            }

        #myPlaylists ul.playlists li span {
            display: block;
            float: left;
            width: 283px;
            font-size: 12px;
            font-weight: normal;
            color: #808080;
        }

/* programmi */

#myProgrammi ul.programmi {
    display: block;
    float: left;
    width: 672px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #fff;
}

    #myProgrammi ul.programmi li {
        display: block;
        float: left;
        position: relative;
        width: 312px;
        color: #fff;
        padding: 0px 0px 0px 0px;
        margin: 5px 24px 10px 0px;
        background: #000;
    }

        #myProgrammi ul.programmi li a {
            display: block;
            float: left;
            width: 300px;
            padding: 6px 6px 6px 6px;
            font-size: 14px;
            color: #fff;
            background: #404040;
        }

            #myProgrammi ul.programmi li a:hover {
                background: #555;
            }

        #myProgrammi ul.programmi li strong {
            display: block;
            float: left;
            width: 300px;
            margin: 0px 0px 5px 0px;
            font-size: 14px;
        }

        #myProgrammi ul.programmi li a img {
            display: block;
            float: left;
            width: 300px;
            height: 40px;
            padding: 0px 0px 0px 0px;
            background: #333;
        }

        #myProgrammi ul.programmi li a.del {
            display: block;
            float: left;
            position: absolute;
            top: 6px;
            right: 6px;
            width: 12px;
            height: 12px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -9000px;
            background: url(/dl/RaiTV/2012/images/btn_delete.png) 0px 0px no-repeat;
        }

            #myProgrammi ul.programmi li a.del:hover {
                background-position: 0px -12px;
            }

#myProgrammi .paging {
    width: 110px;
}

/* preferiti */

#myPreferiti .videoContainer,
#myPlaylists .videoContainer {
    display: block;
    float: left;
    width: 648px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    /* video */

    #myPreferiti .videoContainer .listaVideo,
    #myPlaylists .videoContainer .listaVideo {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        overflow: hidden;
        margin: 0px 0px -10px 0px;
    }

        #myPreferiti .videoContainer .listaVideo ul,
        #myPlaylists .videoContainer .listaVideo ul {
            display: block;
            float: left;
            width: 668px;
            height: auto;
            margin: 0px 0px 0px 1px;
        }

            li.ui-sortable-helper,
            #myPreferiti .videoContainer .listaVideo ul li,
            #myPlaylists .videoContainer .listaVideo ul li {
                position: relative;
                margin: 0px 9px 10px 0px;
            }

                li.ui-sortable-helper a.del,
                #myPreferiti .videoContainer .listaVideo ul li a.del,
                #myPlaylists .videoContainer .listaVideo ul li a.del,
                #tempPlaylist .videoContainer .listaVideo ul li a.del {
                    display: block;
                    float: left;
                    position: absolute;
                    top: 2px;
                    right: 2px;
                    z-index: 10000;
                    width: 12px;
                    height: 12px;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                    overflow: hidden;
                    text-indent: -9000px;
                    background: url(/dl/RaiTV/2012/images/btn_delete.png) 0px 0px no-repeat;
                }

                    li.ui-sortable-helper a.del:hover,
                    #myPreferiti .videoContainer .listaVideo ul li a.del:hover,
                    #myPlaylists .videoContainer .listaVideo ul li a.del:hover {
                        background-position: 0px -12px;
                    }

                li.ui-sortable-helper a.fav,
                #myPreferiti .videoContainer .listaVideo ul li a.fav,
                #myPlaylists .videoContainer .listaVideo ul li a.fav {
                    display: block;
                    float: left;
                    position: absolute;
                    top: 2px;
                    right: 20px;
                    z-index: 10000;
                    width: 16px;
                    height: 12px;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;
                    overflow: hidden;
                    text-indent: -9000px;
                    background: url(/dl/RaiTV/2012/images/btn_opzvod.png) 0px -85px no-repeat;
                }

                    li.ui-sortable-helper a.fav:hover,
                    #myPreferiti .videoContainer .listaVideo ul li a.fav:hover,
                    #myPlaylists .videoContainer .listaVideo ul li a.fav:hover {
                        background-position: 0px -267px;
                    }

/* page playlists */

#myPlaylists .contPlaylist {
    display: block;
    float: left;
    position: relative;
    width: 648px;
    margin: 10px 0px 0px 0px;
}

    #myPlaylists .contPlaylist h3 {
        display: block;
        float: left;
        width: 648px;
        font-size: 14px;
        color: #fff;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 8px;
        background: url(/dl/RaiTV/2012/images/bullet_mini.png) 1px 7px no-repeat;
    }

    #myPlaylists .contPlaylist a.switch {
        display: block;
        position: absolute;
        top: 2px;
        right: 0px;
        width: auto;
        height: 15px;
        font-size: 11px;
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        margin: 0px 0px 0px 0px;
        padding: 1px 23px 0px 0px;
        background: url(/dl/RaiTV/2012/images/btn_switch.png) right top no-repeat;
    }

        #myPlaylists .contPlaylist a.switch:hover {
            color: #999;
        }

        #myPlaylists .contPlaylist a.switch.expo {
            background: url("/dl/RaiTV/2012/images/btn_switch.png") no-repeat scroll right -20px transparent;
        }

    #myPlaylists .contPlaylist ul.opzPlaylist {
        display: block;
        float: left;
        width: 648px;
        color: #808080;
        margin: 4px 0px 10px 0px;
        padding: 0px 0px 7px 8px;
        border-bottom: 1px solid #3d3d3d;
    }

        #myPlaylists .contPlaylist ul.opzPlaylist li.data {
            display: block;
            float: left;
            width: auto;
            margin: 0px 15px 0px 0px;
            padding: 0px 0px 0px 0px;
            background: transparent;
        }

        #myPlaylists .contPlaylist ul.opzPlaylist li {
            display: block;
            float: left;
            width: auto;
            margin: 0px 15px 0px 0px;
            padding: 0px 0px 0px 20px;
            background: url(/dl/RaiTV/2012/images/bullet_grigio.png) 0px 4px no-repeat;
        }

            #myPlaylists .contPlaylist ul.opzPlaylist li a {
                display: block;
                float: left;
                width: auto;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 20px;
                color: #d7d7d7;
                cursor: pointer;
                background: url(/dl/RaiTV/2012/images/btn_opzvod.png) 0px 0px no-repeat;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li[onclick] {
                cursor: pointer;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.vids {
                background-position: 0px -280px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.play {
                background-position: 0px -308px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.send {
                background-position: 0px -28px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.delt {
                background-position: 0px -336px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a:hover {
                color: #fff;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.vids:hover {
                background-position: 0px -294px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.play:hover {
                background-position: 0px -322px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.send:hover {
                background-position: 0px -42px;
            }

            #myPlaylists .contPlaylist ul.opzPlaylist li a.delt:hover {
                background-position: 0px -350px;
            }

    #myPlaylists .contPlaylist a.btnPlaylist {
        display: block;
        float: right;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        padding: 5px 15px 5px 15px;
        margin: 0px 0px 20px 10px;
        border-radius: 4px;
        background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -27px repeat-x;
    }

        #myPlaylists .contPlaylist a.btnPlaylist:hover {
            color: #333;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
        }

/* ####### PlaYlistS TempoRanEe ####### */

#tempPlaylist {
}

    #tempPlaylist .mid {
        display: block;
        float: left;
        border: 0px;
        padding: 10px 0px 0px 0px;
    }

    #tempPlaylist .top {
        display: block;
        float: left;
        width: 300px;
        height: 40px;
        margin: -6px 0px 0px -6px;
        padding: 0px 0px 0px 0px;
        border-bottom: 1px solid #303030;
        background: #3d3d3d;
    }

        #tempPlaylist .top h4 {
            display: block;
            float: left;
            width: 110px;
            height: 40px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -90000px;
            background: url(/dl/RaiTV/2012/images/logo_myplay.gif) no-repeat;
        }

        #tempPlaylist .top h3 {
            display: block;
            float: left;
            width: 190px;
            height: 30px;
            font-size: 18px;
            margin: 0px 0px 0px 0px;
            padding: 10px 0px 0px 0px;
        }

    #tempPlaylist .scroll-pane {
        display: block;
        float: left;
        width: 288px;
        height: 485px;
    }

.jspVerticalBar {
    background: transparent !important;
}

#tempPlaylist .scroll-pane .jspTrack {
    display: block;
    float: right;
    height: 100%;
    width: 6px;
    background: #808080;
    padding: 0px 2px 0px 2px;
    border-radius: 2px;
}

#tempPlaylist .scroll-pane .jspDragTop {
    margin: 0px 0px 0px 0px;
    width: 6px;
    height: 2px;
    background: #808080;
}

#tempPlaylist .scroll-pane .jspDragBottom {
    margin: 0px 0px 0px 0px;
    height: 2px;
    bottom: 0px;
    width: 6px;
    position: absolute;
    background: #808080;
}

#tempPlaylist .scroll-pane .jspDrag {
    width: 6px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #282828;
}

/* video */

#tempPlaylist .videoContainer {
    display: block;
    float: left;
    width: 280px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    #tempPlaylist .videoContainer .listaVideo {
        display: block;
        float: left;
        width: 280px;
        height: auto;
        overflow: hidden;
        margin: 0px 0px -10px 0px;
    }

        #tempPlaylist .videoContainer .listaVideo ul {
            display: block;
            float: left;
            width: 280px;
            height: auto;
        }

            #tempPlaylist .videoContainer .listaVideo ul li {
                display: block;
                float: left;
                position: relative;
                width: 122px;
                height: 155px;
                margin: 0px 18px 10px 0px;
            }

#currPlaylist .videoContainer .listaVideo ul li.current {
    display: block;
    float: left;
    position: relative;
    width: 122px;
    height: 155px;
    margin: 0px 18px 10px 0px;
    background: #4da5fc;
    border-radius: 4px 4px 4px 4px;
}

    #currPlaylist .videoContainer .listaVideo ul li.current .img {
        width: 120px;
        border-radius: 4px 4px 0px 0px;
        border: 1px solid #4da5fc;
    }

    #currPlaylist .videoContainer .listaVideo ul li.current img {
        width: 120px;
        border-radius: 4px 4px 0px 0px;
    }

    #currPlaylist .videoContainer .listaVideo ul li.current .mask {
        width: 108px;
    }

    #currPlaylist .videoContainer .listaVideo ul li.current .Info {
        width: 113px;
        padding: 2px 5px 0px 5px;
    }

        #currPlaylist .videoContainer .listaVideo ul li.current .Info:hover {
            width: 110px;
            height: 143px;
            padding: 5px 5px 5px 5px;
        }

/*bot*/

#tempPlaylist .bot {
    display: block;
    float: left;
    width: 300px;
    height: auto;
    margin: 20px 0px -6px -6px;
    padding: 6px 0px 6px 0px;
    background: url(/dl/RaiTV/2012/images/bkg_tops.gif) 0px -210px repeat-x;
}

    #tempPlaylist .bot a.btnPlaylist {
        display: block;
        float: right;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        padding: 5px 15px 5px 15px;
        margin: 0px 10px 0px 0px;
        border-radius: 4px;
        background: #3b3b3b;
    }

        #tempPlaylist .bot a.btnPlaylist:hover {
            color: #333;
            background: #fff;
        }

#currPlaylist {
}

    #currPlaylist .mid {
        display: block;
        float: left;
        border: 0px;
        padding: 10px 0px 0px 0px;
    }

    #currPlaylist .top {
        display: block;
        float: left;
        width: 300px;
        height: 40px;
        margin: -6px 0px 0px -6px;
        padding: 0px 0px 0px 0px;
        border-bottom: 1px solid #303030;
        background: #3d3d3d;
    }

        #currPlaylist .top h4 {
            display: block;
            float: left;
            width: 110px;
            height: 40px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -90000px;
            background: url(/dl/RaiTV/2012/images/logo_myplay.gif) no-repeat;
        }

        #currPlaylist .top h3 {
            display: block;
            float: left;
            width: 190px;
            height: 30px;
            font-size: 18px;
            margin: 0px 0px 0px 0px;
            padding: 10px 0px 0px 0px;
        }

    #currPlaylist .scroll-pane {
        display: block;
        float: left;
        width: 288px;
        height: 485px;
    }

.jspVerticalBar {
    background: transparent !important;
}

#currPlaylist .scroll-pane .jspTrack {
    display: block;
    float: right;
    height: 100%;
    width: 6px;
    background: #808080;
    padding: 0px 2px 0px 2px;
    border-radius: 2px;
}

#currPlaylist .scroll-pane .jspDragTop {
    margin: 0px 0px 0px 0px;
    width: 6px;
    height: 2px;
    background: #808080;
}

#currPlaylist .scroll-pane .jspDragBottom {
    margin: 0px 0px 0px 0px;
    height: 2px;
    bottom: 0px;
    width: 6px;
    position: absolute;
    background: #808080;
}

#currPlaylist .scroll-pane .jspDrag {
    width: 6px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #282828;
}

/* video */

#currPlaylist .videoContainer {
    display: block;
    float: left;
    width: 280px;
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

    #currPlaylist .videoContainer .listaVideo {
        display: block;
        float: left;
        width: 280px;
        height: auto;
        overflow: hidden;
        margin: 0px 0px -10px 0px;
    }

        #currPlaylist .videoContainer .listaVideo ul {
            display: block;
            float: left;
            width: 280px;
            height: auto;
        }

            #currPlaylist .videoContainer .listaVideo ul li {
                display: block;
                float: left;
                position: relative;
                width: 122px;
                height: 155px;
                margin: 0px 18px 10px 0px;
            }

/*bot*/

#currPlaylist .bot {
    display: block;
    float: left;
    width: 300px;
    height: auto;
    margin: 20px 0px -6px -6px;
    padding: 6px 0px 6px 0px;
}

    #currPlaylist .bot a.btnPlaylist {
        display: block;
        float: right;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        padding: 5px 15px 5px 15px;
        margin: 0px 10px 0px 0px;
        border-radius: 4px;
        background: #3b3b3b;
    }

        #currPlaylist .bot a.btnPlaylist:hover {
            color: #333;
            background: #fff;
        }

/* #### POST VOD #### */

.Player #silverlightControlHost {
    position: relative;
    z-index: 10;
}

    .Player #silverlightControlHost h3 {
        text-align: center;
        font-size: 16px;
        color: #ddd;
        padding: 20px;
    }

.vodPanel {
    display: block;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    width: 648px;
    height: 400px;
    background: #111;
}

    .vodPanel .close {
        display: block;
        float: left;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1000;
        width: auto;
        height: 17px;
        padding: 3px 30px 0px 0px;
        font-size: 11px;
        color: #aaa;
        text-indent: 0px;
        background: url(/dl/RaiTV/2012/images/btn_close.png) 100% 0px no-repeat;
    }

        .vodPanel .close em {
            font-style: normal;
        }

        .vodPanel .close:hover {
            color: #fff;
            background-position: 100% -21px;
        }

    .vodPanel .video-buttons {
        display: block;
        float: left;
        width: auto;
        height: auto;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
    }

        .vodPanel .video-buttons ul li {
            display: block;
            float: left;
            width: auto;
            height: auto;
            padding: 10px 0px 10px 0px;
            margin: 0px 0px 0px 0px;
        }

            .vodPanel .video-buttons ul li a {
                display: block;
                float: left;
                width: auto;
                height: 14px;
                font-size: 11px;
                font-weight: bold;
                color: #fff;
                padding: 0px 0px 0px 20px;
                margin: 0px 17px 0px 17px;
                background-repeat: no-repeat;
                background-image: url(/dl/RaiTV/2012/images/btn_opzvod.png);
            }

                .vodPanel .video-buttons ul li a span,
                .vodPanel .video-buttons ul li span {
                    display: block;
                    float: left;
                    color: #fff;
                }

                .vodPanel .video-buttons ul li a:hover,
                .vodPanel .video-buttons ul li a:hover span {
                    color: #888;
                }

            .vodPanel .video-buttons ul li.Rivedi a {
                background-position: 0px -420px;
            }

            .vodPanel .video-buttons ul li.Comment a {
                background-position: 0px -14px;
            }

            .vodPanel .video-buttons ul li.Send a {
                background-position: 0px -42px;
            }

            .vodPanel .video-buttons ul li.Playlist a {
                background-position: 0px -70px;
            }

            .vodPanel .video-buttons ul li.Fave a {
                background-position: 0px -98px;
            }

            .vodPanel .video-buttons ul li.Share a {
                background-position: 0px -378px;
            }

            .vodPanel .video-buttons ul li.Rivedi a:hover {
                background-position: 0px -406px;
            }

            .vodPanel .video-buttons ul li.Comment a:hover {
                background-position: 0px 0px;
            }

            .vodPanel .video-buttons ul li.Send a:hover {
                background-position: 0px -28px;
            }

            .vodPanel .video-buttons ul li.Playlist a:hover {
                background-position: 0px -56px;
            }

            .vodPanel .video-buttons ul li.Fave a:hover {
                background-position: 0px -84px;
            }

            .vodPanel .video-buttons ul li.Share a:hover {
                background-position: 0px -364px;
            }

    /**/

    .vodPanel .titolo {
        display: block;
        float: left;
        position: absolute;
        top: 54px;
        left: 60px;
        width: auto;
        height: auto;
    }

        .vodPanel .titolo h3 {
            display: block;
            float: left;
            font-size: 22px;
            font-weight: normal;
            color: #fff;
            height: auto;
        }

.postVodPanel {
    display: block;
    float: left;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 1000;
    width: 648px;
    height: 240px;
    padding: 20px 0px 20px 0px;
}

    .postVodPanel a.next {
        display: block;
        position: absolute;
        top: 97px;
        right: 25px;
        width: 20px;
        height: 40px;
        text-indent: -9000px;
        overflow: hidden;
        background: url(/dl/RaiTV/2012/images/arrow_corr.png) -20px -40px no-repeat;
    }

        .postVodPanel a.next:hover {
            background-position: -20px 0px;
        }

    .postVodPanel a.prev {
        display: block;
        position: absolute;
        top: 97px;
        left: 25px;
        width: 20px;
        height: 40px;
        text-indent: -9000px;
        overflow: hidden;
        background: url(/dl/RaiTV/2012/images/arrow_corr.png) 0px -40px no-repeat;
    }

        .postVodPanel a.prev:hover {
            background-position: 0px 0px;
        }

    .postVodPanel ul {
        display: block;
        position: absolute;
        top: 20px;
        left: 60px;
        width: 528px;
        height: 240px;
    }

        .postVodPanel ul li {
            display: block;
            float: left;
            width: 122px;
            height: 115px;
            margin: 0px 5px 10px 5px;
        }

            .postVodPanel ul li a.img {
                display: block;
                float: left;
                position: relative;
                width: 122px;
                height: 69px;
            }

                .postVodPanel ul li a.img img {
                    display: block;
                    float: left;
                    width: 122px;
                    height: 69px;
                }

                .postVodPanel 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;
                }

                    .postVodPanel 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;
                    }

                        .postVodPanel ul li a.img .mask span.icoVideo {
                            background-position: 0px 0px;
                        }

                        .postVodPanel ul li a.img .mask span.icoFoto {
                            background-position: 0px -17px;
                        }

                        .postVodPanel ul li a.img .mask span.icoAudio {
                            background-position: 0px -34px;
                        }

                        .postVodPanel ul li a.img .mask span.icoPodcast {
                            background-position: 0px -51px;
                        }

                    .postVodPanel 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;
                    }

            .postVodPanel ul li .Info {
                display: block;
                float: left;
                width: 122px;
                height: auto;
                padding: 4px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                .postVodPanel ul li .Info h2 {
                    display: block;
                    float: left;
                    width: 122px;
                    height: auto;
                    height: 42px;
                    font-size: 11px;
                    font-weight: bold;
                    text-transform: none;
                    color: #fff;
                    overflow: hidden;
                    padding: 0px 0px 0px 0px;
                    margin: 0px 0px 4px 0px;
                }

                    .postVodPanel ul li .Info h2 a {
                        display: block;
                        float: left;
                        margin: 0px;
                        padding: 0px;
                        color: #fff;
                        background: transparent;
                        text-transform: none;
                    }

                /* h5 prog - h4 tema*/

                .postVodPanel ul li .Info h4,
                .postVodPanel ul li .Info h5 {
                    display: none;
                }

                .postVodPanel ul li .Info p {
                    display: none;
                }

        .postVodPanel ul ol.Specifiche {
            display: none;
        }

        .postVodPanel ul li .Info:hover {
            display: block;
            float: left;
            position: absolute;
            width: 110px;
            height: 103px;
            overflow: hidden;
            padding: 5px 5px 5px 5px;
            border: 1px solid #777;
            background: rgba(88, 88, 88, 0.93);
        }

            .postVodPanel ul li .Info:hover h2 {
                display: block;
                float: left;
                width: 110px;
                height: auto;
                max-height: auto;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 5px 0px;
            }

            .postVodPanel ul li .Info:hover h5 {
                display: none;
            }

            .postVodPanel ul li .Info:hover a {
                display: block;
                float: left;
                width: 110px;
                font-size: 11px;
                font-weight: inherit;
                text-transform: none;
                background: transparent;
                padding: 0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

            .postVodPanel ul li .Info:hover p {
                display: block;
                float: left;
                width: 110px;
                max-height: 55px;
                color: #d7d7d7;
                font-size: 11px;
                text-transform: none;
                background: transparent;
                overflow: hidden;
                padding: 0px 0px 0px 0px;
            }

        .postVodPanel ul .Info:hover ol.Specifiche {
            display: none;
        }

/*large*/

.largeScreen .vodPanel {
    top: 0px;
    left: 0px;
    width: 968px;
    height: 580px;
}

    .largeScreen .vodPanel .video-buttons {
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 20px 160px;
    }

    /**/

    .largeScreen .vodPanel .titolo {
        top: 124px;
        left: 220px;
    }

.largeScreen .postVodPanel {
    top: 150px;
    left: 160px;
}

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

.largeScreen .Speciale .vodPanel {
    top: 0px;
    left: 0px;
    width: 648px;
    height: 400px;
}

    .largeScreen .Speciale .vodPanel .video-buttons {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 20px 0px;
    }

    /**/

    .largeScreen .Speciale .vodPanel .titolo {
        top: 54px;
        left: 60px;
    }

.largeScreen .Speciale .postVodPanel {
    top: 80px;
    left: 0px;
}

/* #### REGISTRAZIONE #### */

.formReg {
    display: block;
    float: left;
    width: 648px;
}

    .formReg .txt {
        display: block;
        float: left;
        width: 648px;
        font-size: 12px;
        color: #bbb;
        margin: 0px 0px 25px 0px;
    }

        .formReg .txt ul {
            display: block;
            float: left;
            width: 648px;
            font-size: 12px;
            color: #bbb;
            margin: 10px 0px 10px 0px;
        }

            .formReg .txt ul li {
                display: block;
                float: left;
                width: 628px;
                font-size: 12px;
                color: #bbb;
                margin: 0px 0px 0px 5px;
                padding: 0px 0px 0px 8px;
                background: url(/dl/RaiTV/2012/images/bullet_mini.png) 0px 6px no-repeat;
            }

    .formReg ul.steps {
        display: block;
        float: left;
        width: 648px;
        font-size: 12px;
        color: #bbb;
        margin: 10px 0px 20px 0px;
    }

        .formReg ul.steps li {
            display: block;
            float: left;
            width: 200px;
            height: 16px;
            font-size: 12px;
            color: #bbb;
            border-radius: 4px;
            padding: 4px 4px 4px 4px;
            margin: 0px 5px 0px 0px;
            background: url(/dl/RaiTV/2012/images/bkg_steps.gif) 0px -24px repeat-x;
        }

            .formReg ul.steps li span {
                display: block;
                float: left;
                text-align: center;
                width: 15px;
                height: 16px;
                font-size: 12px;
                color: #444;
                font-weight: bold;
                border-radius: 16px;
                padding: 0px 1px 0px 0px;
                margin: 0px 10px 0px 0px;
                background: #bbb;
            }

            .formReg ul.steps li h4 {
                display: block;
                float: left;
                text-align: center;
                width: auto;
                font-size: 12px;
                color: #bbb;
                font-weight: bold;
            }

            .formReg ul.steps li.selected {
                background-position: 0px 0px;
            }

                .formReg ul.steps li.selected span {
                    color: #4b8bd3;
                    background: #fff;
                }

                .formReg ul.steps li.selected h4 {
                    color: #fff;
                }

    .formReg ul.form {
        display: block;
        float: left;
        width: 648px;
        margin: 10px 0px 0px 0px;
    }

        .formReg ul.form li {
            display: block;
            float: left;
            width: 648px;
            font-size: 12px;
            margin: 0px 0px 5px 0px;
        }

            .formReg ul.form li label {
                display: block;
                float: left;
                width: 180px;
                font-size: 12px;
                color: #ddd;
                font-weight: bold;
                padding: 3px 0px 0px 0px;
                margin: 0px 0px 0px 0px;
            }

                .formReg ul.form li label em {
                    font-style: normal;
                    color: #4b8bd3;
                }

            .formReg ul.form li .input {
                display: block;
                float: left;
                width: auto;
                margin: 0px 0px 0px 0px;
            }

            .formReg ul.form li .radio {
                display: block;
                float: left;
                width: 320px;
                color: #888;
                font-size: 11px;
                font-weight: bold;
            }

            .formReg ul.form li .input input {
                display: block;
                float: left;
                width: 280px;
                height: 24px;
                color: #c6c6c6;
                font-size: 11px;
                font-weight: bold;
                font-family: Arial;
                padding: 0px 8px 0px 8px;
                margin: 0px 0px 0px 0px;
                border: 0px;
                border-radius: 4px;
                background: #4b4b4b;
            }

            .formReg ul.form li .textarea {
                display: block;
                float: left;
                width: 448px;
                height: 67px;
                color: #c6c6c6;
                font-size: 11px;
                font-weight: bold;
                font-family: Arial;
                padding: 10px 10px 10px 10px;
                margin: 0px 0px 0px 0px;
                border: 0px;
                border-radius: 4px;
                background: #4b4b4b;
            }

                .formReg ul.form li .textarea .scroll-pane {
                    display: block;
                    float: left;
                    width: 448px;
                    height: 67px;
                }

                    .formReg ul.form li .textarea .scroll-pane .jspVerticalBar {
                        background: transparent !important;
                    }

                    .formReg ul.form li .textarea .scroll-pane .jspTrack {
                        display: block;
                        float: right;
                        height: 100%;
                        width: 6px;
                        background: #808080;
                        padding: 0px 2px 0px 2px;
                        border-radius: 2px;
                    }

                    .formReg ul.form li .textarea .scroll-pane .jspDragTop {
                        margin: 0px 0px 0px 0px;
                        width: 6px;
                        height: 2px;
                        background: #808080;
                    }

                    .formReg ul.form li .textarea .scroll-pane .jspDragBottom {
                        margin: 0px 0px 0px 0px;
                        height: 2px;
                        bottom: 0px;
                        width: 6px;
                        position: absolute;
                        background: #808080;
                    }

                    .formReg ul.form li .textarea .scroll-pane .jspDrag {
                        width: 6px;
                        height: 100%;
                        margin: 0px 0px 0px 0px;
                        background: #282828;
                    }

    .formReg a.btnReg {
        display: block;
        float: right;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        padding: 5px 15px 5px 15px;
        margin: 20px 0px 10px 10px;
        border-radius: 4px;
        background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -27px repeat-x;
    }

        .formReg a.btnReg:hover {
            color: #333;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
        }

    .formReg .notice {
        display: block;
        float: left;
        font-size: 10px;
        color: #fff;
        font-weight: normal;
        padding: 0px 0px 0px 14px;
        margin: 0px 0px 0px 0px;
        background: url(/dl/RaiTV/2012/images/ico_notice.png) 0px -27px no-repeat;
    }

    .formReg .esitoKO {
        display: block;
        float: left;
        font-size: 10px;
        color: #fff;
        font-weight: normal;
        padding: 0px 0px 0px 14px;
        margin: 20px 0px 0px 0px;
        background: url(/dl/RaiTV/2012/images/ico_notice.png) 0px -27px no-repeat;
    }

.esitoOK {
    display: block;
    float: left;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 0px 0px;
    background: url(/dl/RaiTV/2012/images/ico_notice.png) 0px 4px no-repeat;
}

/* #### pe l'amichetti #### */

#msg {
    display: block;
    text-align: left;
    padding: 20px 0px 0px 0px;
    color: #fff;
}

    #msg ul.button {
        display: block;
        float: left;
        width: 100%;
        margin: 30px 0px 0px 0px;
    }

.sendFriend ul {
    display: block;
    float: left;
    width: 580px;
    margin: 30px 0px 0px 0px;
}

    .sendFriend ul li {
        display: block;
        float: left;
        width: 580px;
        font-size: 12px;
        margin: 0px 0px 5px 0px;
    }

        .sendFriend ul li .label {
            display: block;
            float: left;
            width: 180px;
            font-size: 12px;
            color: #ddd;
            font-weight: bold;
            padding: 4px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

        .sendFriend ul li .input {
            display: block;
            float: left;
            width: auto;
            margin: 0px 0px 0px 0px;
        }

            .sendFriend ul li .input input {
                display: block;
                float: left;
                width: 284px;
                height: 24px;
                color: #c6c6c6;
                font-size: 11px;
                font-weight: bold;
                font-family: Arial;
                padding: 0px 8px 0px 8px;
                margin: 0px 0px 0px 0px;
                border: 0px;
                border-radius: 4px;
                background: #4b4b4b;
            }

        .sendFriend ul li .textarea textarea {
            display: block;
            float: left;
            width: 384px;
            height: 90px;
            color: #c6c6c6;
            font-size: 11px;
            font-weight: bold;
            font-family: Arial;
            padding: 8px 8px 8px 8px;
            margin: 0px 0px 0px 0px;
            border: 0px;
            border-radius: 4px;
            background: #4b4b4b;
        }

    #msg ul.button li,
    .sendFriend ul.confirm li {
        display: block;
        float: right;
        width: auto;
        padding: 0px;
        margin: 0px;
    }

#msg ul.button li {
    float: left;
}

    #msg ul.button li a,
    .sendFriend ul.confirm a {
        display: block;
        float: right;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        padding: 5px 15px 5px 15px;
        margin: 5px 0px 10px 10px;
        border-radius: 4px;
        background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -27px repeat-x;
    }

        #msg ul.button li a:hover,
        .sendFriend ul.confirm a:hover {
            color: #333;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px repeat-x;
        }

/* tag cloud */

#tagCloud .mid {
    padding: 10px 0px 5px 0px;
}

#tagCloud a {
    margin: 5px 10px 5px 0px;
    font-weight: bold;
}

    #tagCloud a:hover {
        color: #4da5fc !important;
    }

/**/

/* ricerca */

.tagList {
    display: block;
    float: left;
    text-align: left;
    width: 585px;
    margin: 20px 0px 0px 0px;
}

    .tagList ul {
        display: block;
        float: left;
        text-align: left;
        width: 585px;
        margin: 0px 0px 0px 0px;
    }

        .tagList ul li {
            display: block;
            float: left;
            text-align: left;
            width: 585px;
            margin: 0px 0px 20px 0px;
        }

            .tagList ul li .img {
                display: block;
                float: left;
                position: relative;
                width: 122px;
                height: 69px;
                margin: 0px 10px 0px 0px;
            }

                .tagList ul li .img .mask {
                    display: block;
                    float: left;
                    position: absolute;
                    bottom: 0px;
                    left: 0px;
                    width: 112px;
                    height: auto;
                    color: #fff;
                    font-size: 9px;
                    text-transform: uppercase;
                    margin: 0px 0px 0px 0px;
                    padding: 3px 5px 3px 5px;
                    opacity: 0.7;
                    background: #000;
                }

            .tagList ul li .Info {
                display: block;
                float: left;
                position: relative;
                width: 450px;
                height: 69px;
                margin: 0px 0px 0px 0px;
            }

                .tagList ul li .Info h2 {
                    display: block;
                    float: left;
                    position: relative;
                    width: 450px;
                    height: auto;
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                }

                    .tagList ul li .Info h2 a {
                        display: block;
                        float: left;
                        position: relative;
                        width: 450px;
                        height: auto;
                        font-size: 14px;
                        color: #fff;
                        margin: 0px 0px 3px 0px;
                    }

                .tagList ul li .Info h5,
                .tagList ul li .Info h4 {
                    display: block;
                    float: left;
                    position: relative;
                    width: 450px;
                    height: auto;
                    font-size: 10px;
                    color: #ddd;
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                }

                .tagList ul li .Info p {
                    display: block;
                    float: left;
                    position: relative;
                    width: 450px;
                    height: auto;
                    font-size: 11px;
                    color: #fff;
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                }

                    .tagList ul li .Info p a {
                        font-size: 11px;
                        color: #fff;
                    }

                .tagList ul li .Info .Specifiche {
                    display: block;
                    float: left;
                    position: relative;
                    width: 450px;
                    height: auto;
                    margin: 0px 0px 0px 0px;
                    padding: 0px;
                }

                    .tagList ul li .Info .Specifiche li {
                        display: block;
                        float: left;
                        position: relative;
                        width: 450px;
                        height: auto;
                        font-size: 11px;
                        color: #ddd;
                        margin: 10px 0px 0px 0px;
                        padding: 0px;
                    }

                        .tagList ul li .Info .Specifiche li span {
                            color: #999;
                            margin: 0px 5px 0px 0px;
                        }

/* #### FO0TER #### */

.contFooter {
    display: block;
    float: left;
    margin: 0px auto 0px auto;
    width: 100%;
    height: auto;
}

.Footer {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 980px;
    height: auto;
    padding: 0px 0px 15px 0px;
    background: #323232 url(/dl/rai/images/bkg_foot.gif) 100% 0px repeat-y;
}

    .Footer .top {
        display: block;
        float: left;
        width: 944px;
        height: 34px;
        margin: 0px;
        padding: 18px 18px 18px 18px;
        background: #3c3c3c;
    }

        .Footer .top h2 {
            display: block;
            float: left;
            width: 62px;
            height: 34px;
            margin: 0px;
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            text-indent: -90000px;
            background: url(/dl/RaiTV/2012/images/logo_foot.gif) no-repeat;
        }

        .Footer .top h3 {
            display: block;
            float: left;
            width: auto;
            height: 29px;
            margin: 0px;
            font-size: 19px;
            color: #d7d7d7;
            text-transform: uppercase;
            font-weight: normal;
            padding: 5px 0px 0px 20px;
        }

        /* Search */

        .Footer .top .boxSearch {
            display: block;
            float: right;
            width: 325px;
            height: 24px;
            margin: 5px 0px 0px 0px;
        }

            .Footer .top .boxSearch input {
                display: block;
                float: left;
                width: 150px;
                height: 22px;
                border: 0px;
                color: #666;
                font-size: 12px;
                padding: 0px 5px 2px 5px;
                background: #fff;
            }

            .Footer .top .boxSearch .Scelta {
                display: block;
                float: left;
                text-align: left;
                width: 100px;
                height: 24px;
                border: 0px;
                padding: 0px 0px 0px 0px;
                background: #fff url(/dl/rai/images/bkg_scelta_search.gif) no-repeat;
            }

                .Footer .top .boxSearch .Scelta span {
                    display: block;
                    float: left;
                    text-align: left;
                    width: 92px;
                    height: 19px;
                    border: 0px;
                    font-size: 11px;
                    color: #4b4b4b;
                    cursor: pointer;
                    padding: 5px 0px 0px 8px;
                }

                .Footer .top .boxSearch .Scelta ul {
                    display: none;
                    float: left;
                    position: relative;
                    width: 100px;
                    height: auto;
                    overflow: hidden;
                    background: #fff;
                }

                .Footer .top .boxSearch .Scelta:hover ul {
                    display: block;
                }

                .Footer .top .boxSearch .Scelta ul li {
                    display: block;
                    float: left;
                    position: relative;
                    width: 84px;
                    height: auto;
                    padding: 0px 8px 0px 8px;
                    background: #fff;
                }

                    .Footer .top .boxSearch .Scelta ul li span {
                        display: block;
                        float: left;
                        position: relative;
                        width: 84px;
                        height: auto;
                        border-top: 1px solid #ddd;
                        padding: 3px 0px 3px 0px;
                        margin: -1px 0px 0px 0px;
                        background: #fff;
                    }

            .Footer .top .boxSearch input.submit {
                display: block;
                float: right;
                width: 65px;
                height: 24px;
                border: 0px;
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
                text-shadow: 0px 1px 1px #eee;
                color: #3e3e3e;
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 4px 0px;
                background: #b2b2b2 url(/dl/rai/images/bkg_btn_search.gif) repeat-x;
            }

    /* - */

    .Footer .col {
        display: block;
        float: left;
        width: 166px;
        height: auto;
        margin: 0px;
        padding: 20px 15px 20px 15px;
        color: #fff;
    }

        .Footer .col.link {
            width: 110px;
        }

        .Footer .col.Scura {
            width: 222px;
            height: auto;
            background: #2a2a2a;
        }

        .Footer .col h4 {
            display: block;
            float: left;
            width: 166px;
            height: auto;
            margin: 0px;
            padding: 0px 0px 10px 0px;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            color: #818181;
        }

        .Footer .col ul {
            display: block;
            float: left;
            width: 166px;
            height: auto;
            margin: 0px;
            padding: 0px 0px 0px 0px;
        }

            .Footer .col ul li {
                display: block;
                float: left;
                width: 166px;
                height: auto;
                margin: 0px;
                padding: 2px 0px 1px 0px;
            }

                .Footer .col ul li span {
                    padding: 0px 5px 0px 0px;
                }

                .Footer .col ul li a {
                    color: #a7a7a7;
                }

        .Footer .col.link ul li a,
        .Footer .col.Scura ul li a,
        .Footer .col.portal ul li a {
            color: #fff;
        }

        .Footer .col ul li a:hover {
            color: #ddd;
        }

    .Footer .Credits {
        display: block;
        float: left;
        width: 925px;
        height: 29px;
        padding: 1px 0px 0px 55px;
        margin: 20px 0px 0px 0px;
        color: #585959;
        background: url(/dl/rai/images/logo_rai.gif) 15px 0px no-repeat;
    }

/* follia pallini */

.noTit .videoContainer .paging {
    display: block;
    float: right;
    width: auto !important;
}

    .noTit .videoContainer .paging a.page_number {
        display: block;
        text-align: center;
        width: 12px;
        height: 10px;
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 3px;
        overflow: visible;
        text-indent: 0px;
        border-radius: 4px;
        color: #999;
        background: transparent;
    }

        .noTit .videoContainer .paging a.page_number:hover {
            color: #ddd;
            background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px 0px;
        }

    .noTit .videoContainer .paging span.current {
        display: block;
        text-align: center;
        width: 12px;
        height: 10px;
        font-size: 11px;
        line-height: 11px;
        font-weight: bold;
        padding: 3px 3px 3px 3px;
        overflow: visible;
        text-indent: 0px;
        border-radius: 4px;
        color: #fff;
        background: url(/dl/RaiTV/2012/images/bkg_menu.gif) 0px -30px;
    }

        .noTit .videoContainer .paging a.prev,
        .noTit .videoContainer .paging span.current.prev {
            display: block;
            width: 10px;
            height: 10px;
            padding: 3px 3px 3px 3px;
            margin: 5px 0px 5px 0px;
            overflow: hidden;
            text-indent: -9000px;
            border-radius: 4px;
            background: url(/dl/RaiTV/2012/images/arrow_paging.gif) 6px 3px no-repeat;
        }

        .noTit .videoContainer .paging a.next,
        .noTit .videoContainer .paging span.current.next {
            display: block;
            width: 10px;
            height: 10px;
            padding: 3px 3px 3px 3px;
            margin: 5px 0px 5px 0px;
            overflow: hidden;
            text-indent: -9000px;
            border-radius: 4px;
            background: url(/dl/RaiTV/2012/images/arrow_paging.gif) -6px 3px no-repeat;
        }

/* cartello */

.Player {
    position: relative;
    background: #111 !important;
}

    .Player .cartel {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 510px;
        height: 52px;
        margin: -26px 0px 0px -255px;
    }

        .Player .cartel span.logoRaitv {
            display: block;
            float: left;
            width: 110px;
            height: 52px;
            background: url(/dl/RaiTV/2012/images/logo.png) no-repeat;
        }

        .Player .cartel span.notice {
            display: block;
            float: left;
            width: 400px;
            height: 44px;
            padding: 8px 0px 0px 0px;
            font-size: 14px;
            color: #fff;
        }

.megaMulti.ext,
.cont_ita,
.cont_ext {
    display: none;
}

/* registrazione */

.registerSocial.welcome,
.registerSocial {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    font-size: 15px;
    font-weight: bold;
}

    .registerSocial .facebook {
        display: block;
        float: left;
        width: auto;
        height: 29px;
        padding: 13px 0px 0px 0px;
        margin: 0px 40px 0px 0px;
        color: #fff;
        text-align: left;
    }

        .registerSocial .facebook span {
            display: block;
            width: 39px;
            height: 39px;
            float: right;
            margin: -13px 0px 0px 15px;
            background: url(/dl/RaiTV/socialtv/images/icon_social.png) 0px 0px no-repeat;
        }

    .registerSocial .twitter {
        display: block;
        float: left;
        width: auto;
        height: 29px;
        padding: 13px 0px 0px 0px;
        margin: 0px 0px 0px 10px;
        color: #fff;
        text-align: right;
    }

        .registerSocial .twitter span {
            display: block;
            width: 39px;
            height: 39px;
            float: right;
            margin: -13px 0px 0px 15px;
            background: url(/dl/RaiTV/socialtv/images/icon_social.png) 0px -49px no-repeat;
        }

.welcome {
    display: block;
    float: left;
    width: 648px;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: 1px solid #444;
    font-size: 13px;
}

    .welcome h3 {
        font-size: 16px;
        margin: 20px 0px 5px 0px;
    }

    .welcome .bullet {
        display: block;
        float: left;
        width: 648px;
        list-style: disc !important;
        padding: 5px 0px 5px 20px;
        margin: 0px 0px 10px 0px;
    }

        .welcome .bullet li {
        }

    .welcome strong {
        color: #dd0000;
    }

body.MySmallPage .Header {
    background: url(/dl/RaiTV/2012/images/bkg_header.png) top center no-repeat;
}

body.MySmallPage .intHeader {
    width: 660px;
    background-image: none;
}

body.MySmallPage .Page {
    width: 660px;
}

.ranzer {
    display: block;
    float: left;
    width: 648px;
    margin: 0px 0px 20px 0px;
    font-size: 11px;
}

    .ranzer .whatYouCanDo {
        background: #525252;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        float: left;
        width: 628px;
        padding: 10px;
        line-height: 19px;
    }

        .ranzer .whatYouCanDo h3 {
            font-size: 18px;
            font-weight: normal;
            margin: 0 0 10px 0;
        }

    .ranzer .tabIscrizione {
        display: block;
        float: left;
        width: 648px;
        margin: 0px 0px 0px 0px;
    }

    .ranzer .conferma,
    .ranzer .inserisci {
        display: block;
        float: left;
        width: 648px;
        margin: 0px 0px 0px 0px;
    }

        .ranzer .conferma li,
        .ranzer .inserisci li {
            display: block;
            float: left;
            width: 648px;
            margin: 5px 0px 5px 0px;
        }

            .ranzer .conferma li .label strong,
            .ranzer .inserisci li .label strong {
                color: #dd0000;
                margin: 0px 0px 0px 2px;
            }

            .ranzer .conferma li .label,
            .ranzer .inserisci li .label {
                display: block;
                float: left;
                width: 180px;
                min-height: 20px;
                margin: 0px 0px 0px 0px;
                padding: 4px 0px 0px 0px;
                font-size: 12px;
            }

            .ranzer .conferma li .input span,
            .ranzer .inserisci li .input span {
                display: block;
                float: left;
                min-width: 240px;
                max-width: 450px;
                min-height: 12px;
                color: #c6c6c6;
                font-size: 11px;
                font-style: italic;
                font-weight: bold;
                font-family: Arial;
                padding: 5px 7px 5px 7px;
                margin: 0px 0px 0px 0px;
                border: 1px solid #4b4b4b;
                border-radius: 4px;
            }

            .ranzer .conferma li .input input,
            .ranzer .inserisci li .input input {
                display: block;
                float: left;
                width: 240px;
                height: 24px;
                color: #c6c6c6;
                font-size: 11px;
                font-style: italic;
                font-weight: bold;
                font-family: Arial;
                padding: 0px 8px 0px 8px;
                margin: 0px 0px 0px 0px;
                border: 0px;
                border-radius: 4px;
                background: #4b4b4b;
            }

    .ranzer .button li.next {
        float: right;
        width: auto;
    }

    .ranzer .button li.cancel {
        float: left;
        width: auto;
    }

    .ranzer .button li.invia {
        float: right;
        width: auto;
    }

    .ranzer .button li.prev {
        float: left;
        width: auto;
    }

    .ranzer .conferma li.invia button,
    .ranzer .conferma li.invia a,
    .ranzer .inserisci li.next button,
    .ranzer .inserisci li.next a {
        display: block;
        float: right;
        width: auto;
        height: auto;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: Arial;
        padding: 6px 14px 6px 14px;
        margin: 20px 0px 0px 0px;
        border: 0px;
        border-radius: 4px;
        background: #3e80c8;
        cursor: pointer;
    }

    .ranzer .loading .conferma li.invia button,
    .ranzer .loading .conferma li.invia a,
    .ranzer .loading .conferma li.invia button:hover,
    .ranzer .loading .conferma li.invia a:hover,
    .ranzer .loading .inserisci li.next button,
    .ranzer .loading .inserisci li.next a,
    .ranzer .loading .inserisci li.next button:hover,
    .ranzer .loading .inserisci li.next a:hover {
        text-indent: -1000px;
        width: 60px;
        height: 32px;
        cursor: default;
        background: #333 url(/dl/RaiTV/2012/images/loading-32.gif) center center no-repeat scroll;
    }

    .ranzer .conferma li.invia button:hover,
    .ranzer .conferma li.invia a:hover,
    .ranzer .inserisci li.next button:hover,
    .ranzer .inserisci li.next a:hover {
        color: #3e80c8;
        background: #fff;
    }

    .ranzer .conferma li.prev button,
    .ranzer .conferma li.prev a,
    .ranzer .inserisci li.cancel button,
    .ranzer .inserisci li.cancel a {
        display: block;
        float: left;
        width: auto;
        height: auto;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        font-family: Arial;
        padding: 6px 14px 6px 14px;
        margin: 20px 0px 0px 0px;
        border: 0px;
        border-radius: 4px;
        background: #777;
        cursor: pointer;
    }

        .ranzer .conferma li.prev button:hover,
        .ranzer .conferma li.prev a:hover,
        .ranzer .inserisci li.cancel button:hover,
        .ranzer .inserisci li.cancel a:hover {
            color: #777;
            background: #fff;
        }

    .ranzer .conferma .radio,
    .ranzer .inserisci .radio {
        display: block;
        float: left;
        width: 270px;
        height: 23px;
        padding: 2px 0px 0px 10px;
        margin: 0px 0px 10px 0px;
    }

        .ranzer .conferma .radio input,
        .ranzer .inserisci .radio input {
            float: left;
        }

        .ranzer .conferma .radio span,
        .ranzer .inserisci .radio span {
            float: left;
            padding: 0px 30px 0px 2px;
            margin: 3px 0px 0px 0px;
            font-size: 11px;
            font-weight: bold;
            color: #c6c6c6;
        }

    .ranzer .conferma .notice,
    .ranzer .inserisci .notice {
        display: block;
        float: left;
        text-align: left;
        width: 120px;
        height: 18px;
        padding: 7px 0px 0px 25px;
        margin: 0px 0px 10px 0px;
        font-size: 10px;
        color: #cac8c9;
    }

        .ranzer .conferma .notice.Error,
        .ranzer .inserisci .notice.Error {
            background: url(/dl/RaiTV/images/myraitv/bkg_notice.gif) 5px -55px no-repeat;
        }

.textarea .scroll-pane {
    height: 40px;
    overflow: auto;
}

.jspVerticalBar {
    background: transparent !important;
}

.textarea .scroll-pane .jspTrack {
    display: block;
    float: right;
    height: 100%;
    width: 6px;
    background: #808080;
    padding: 0px 2px 0px 2px;
    border-radius: 2px;
}

.textarea .scroll-pane .jspDragTop {
    margin: 0px 0px 0px 0px;
    width: 6px;
    height: 2px;
    background: #808080;
}

.textarea .scroll-pane .jspDragBottom {
    margin: 0px 0px 0px 0px;
    height: 2px;
    bottom: 0px;
    width: 6px;
    position: absolute;
    background: #808080;
}

.textarea .scroll-pane .jspDrag {
    width: 6px;
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #282828;
}

.HellDiv {
    display: block;
    background: transparent url('/dl/replaytv/images/background_button_show_item.png') no-repeat;
    height: 29px;
    width: 561px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.BtnShow {
    background: transparent url("/dl/replaytv/images/button_show_all.png") no-repeat;
    width: 260px;
    height: 29px;
}

.tabbedPages .tabPage .tabHeader h3 {
    background: transparent url(/dl/RaiTV/2012/images/bkg_arrow_blue.gif) right 0px scroll no-repeat;
}

.tabbedPages .tabPage.active .tabHeader h3 {
    background: transparent url(/dl/RaiTV/2012/images/bkg_arrow_blue_down.gif) right 0px scroll no-repeat;
}

.Footer .top .boxSearch label {
    display: none;
}


#ReplayTvTitleLink {
    color: #ffffff;
}

    #ReplayTvTitleLink:link {
        color: #ffffff;
    }

    #ReplayTvTitleLink:visited {
        color: #ffffff;
    }

    #ReplayTvTitleLink:active {
        color: #ffffff;
    }

    #ReplayTvTitleLink:hover {
        color: #4da5fc;
    }


.boxTagCloud {
    display: none !important;
    float: left;
    position: relative;
    text-align: left;
    width: 648px;
    height: auto;
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 20px 0px;
    background: #282828;
}

    .boxTagCloud .top {
        display: block;
        float: left;
        text-align: left;
        width: 632px;
        height: 20px;
        padding: 0px 0px 0px 16px;
        margin: 0px 0px 6px 0px;
        background: url(/dl/RaiTV/2012/images/bkg_tops.gif)0px -170px no-repeat;
        font-size: 21px;
    }

        .boxTagCloud .top h3 {
            display: block;
            float: left;
            width: 632px;
            font-size: 21px;
            line-height: 21px;
            color: #fff;
            margin: 0px 0px 4px 0px;
            padding: 0px 0px 0px 0px;
        }


    .boxTagCloud .mid {
        display: block;
        float: left;
        width: 648px;
        height: auto;
        padding: 8px 0px 0px 0px;
        margin: 3px 0px 0px 0px;
        overflow: hidden;
    }

        .boxTagCloud .mid .tagButton {
            /* background: url(/dl/RaiTV/2012/images/bkg_tops.gif)0px -633px; */
            display: inline-block;
            color: #2f77c3;
            font-family: arial;
            font-size: 15px;
            font-weight: bold;
            font-style: normal;
            height: 30px;
            line-height: 30px;
            text-decoration: none;
            text-align: center;
            margin-right: 5px;
            padding-left: 9px;
            padding-right: 9px;
            margin-bottom: 5px;
            background: #ffffff; /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */
            background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
        }

            .boxTagCloud .mid .tagButton a {
                color: #2f77c3;
                text-transform: uppercase;
                font-size: 12px;
            }

            .boxTagCloud .mid .tagButton:hover {
                background: url(/dl/RaiTV/2012/images/bkg_tops.gif)0px -170px;
            }

                .boxTagCloud .mid .tagButton:hover a {
                    color: #ededed;
                }
/*Banner Inserito nel video logo e disclaimer privacy*/
.bannerVideo h1.logo {
    display: block;
    float: left;
    width: 92px;
    height: 52px;
    cursor: pointer;
    margin: 11px 0px 0px 0px;
    background: url(/dl/RaiTV/2012/images/logo.png) no-repeat;
}

.bannerVideo h1 a {
    display: block;
    float: left;
    width: 92px;
    height: 52px;
    margin: 0px 0px 0px 0px;
    color: #FFF;
}

.alertCookie {
    background: grey;
    width: 720px;
    margin: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    float: left;
}

    .alertCookie a {
        margin: 10px;
        background: #FCFCFC;
        color: grey;
        margin-left: 5px;
        padding: 3px;
    }
/*STYLE COUNTER NEXT VIDEO - FELIPE*/
#progressBar .ui-widget-content {
    background: none;
}
.progressBar-label {
    position: absolute;
    top: 6px;
    left: 9px;
    font-size:12px;
}
#progressBar.ui-widget-content {
    background: #282828;
    border: 0;
}
#progressBar {
    position: absolute;
    width: 80%;
    left: 65px;
    bottom: 25px;
    font-size: 14px;
    color: #fff;
    background-color: #282828;
    z-index: 99999;
}
#progressBar a {
    float:right
}
#progressBar .ui-progressbar-value {
    background: #53A8FF;
    border: 0;
}
#progressBar a img {
    width:22px;
    margin-top: 3px;
}

.boxOndemand .top ul.Specifiche li:last-child {
    display: none
}