/*
Title:      Live Services styles for the new homepage
Date:       November 2011
Author:     teodora.costint.ext@belgacom.be
Remarks:    Never hesitate to comment your CSS declarations!!! Comments will be erase on prod via minify.php anyway :)
*/

/* ---------------------------------------- Useful classes --- */
.live-services li.last {
    margin: 0;
}

/* ---------------------------------------- Sprite --- */

.live-services a .icon,
.live-services a:visited .icon {
    background: url('../images/live-services/live-services-sprite.png') no-repeat transparent; }

.live-services {
    width:241px;
    float:right;
    margin: 15px 0 0;
}

.ie6 ul.live-services { 
    height:55px; 
    zoom:1; 
    overflow:hidden; 
    padding:0;
}

.live-services a .icon,
.live-services a:visited .icon {
    height:30px;
    width:30px;
    margin: 0 auto;
    display:block;
    position:relative;
    top:6px;
}
    
    .live-services li {
        float:left;
        /* background-color: #FFFFFF;
        border-radius: 2px 2px 2px 2px;
        box-shadow: 0 1px 1px 1px #D1DFE8 inset; */
        padding: 5px;
        margin:0 5px 0 0;
        width:45px;
        height:45px;
        position:relative;
    } 
    
    .ie6 ul.live-services li { 
        height:55px; 
        width:55px; 
        margin-right:2px;
    }

    .live-services li.weatherBox .icon {
        background-position:0;
    }
    .live-services li.tvGuide .icon {
        background-position:-29px 0;
    }
    .live-services li.traficBox .icon {
        background-position:-58px 0;
    }
    .live-services li.financeBox .icon {
        background-position:-87px 0;
    }

    .live-services a {
        color:#000;
        font-size:12px;
        font-size:1rem;
        display:block;
        text-decoration:none;
    }

            .live-services li span {
                display:block;
                text-align: center;
                white-space: nowrap;
                font-size: 10px;
            }