/*
 * css file for BSR rotating images
 */
@media screen , projection {
    .slider, 
    .columnSlider, 
    .columnSlider2,
    .columnSlider3 {
        position: relative; /* important */
        overflow: hidden; /* important */
    }
    
    #extranet .homepage .slider {
        width: 290px; /* important to be same as image width */
        height: 144px; /* important to be same as image height */
    }
    
    .subpage .slider {
        width: 281px; /* important to be same as image width */
        height: 134px; /* important to be same as image height */
    }
    
    .columnSlider, 
    .columnSlider2,
    .columnSlider3 {
        width: 180px;
        height: 92px;
    }
    
    .sliderWithoutCaption {
        height: 108px;
    }
        
    #intranet .homepage .slider {
        width: 287px; /* important to be same as image width */
        height: 138px; /* important to be same as image height */
    }
    
    .sliderContent {
        position: absolute;
        top: 0;
        margin-left: 0;
    }
    
    .homepage .slider .sliderContent {
        width: 287px; /* important to be same as image width or wider */
    }
    
    .columnSlider .sliderContent,
    .columnSlider2 .sliderContent,
    .columnSlider3 .sliderContent {
        width: 180px;
    }
    
    #extranet .homepage .slider .sliderContent {
        width: 290px; /* important to be same as image width */
    }
    
    #intranet .homepage .slider .sliderContent {
        width: 287px; /* important to be same as image width */
    }
    
    .sliderImage {
        /* float: left; */
        position: relative;
        margin: 0;
    }
    
    .slider .sliderContent,
    .columnSlider .sliderContent,
    .columnSlider2 .sliderContent,
    .columnSlider3 .sliderContent {
        list-style-type: none;
        margin: 0:
    }
    
    .squaredbox .sliderImage img {
        display: block;
    }

   .squaredbox .sliderImage a { position: absolute; }

    .squaredbox .sliderImage .sliderHeader {
        padding-left: 4px;
        font-weight: bold;
        background: #eee;
        border-bottom: 1px solid #ccc;
        font-size: 91.67%;
        display: block;
    }
    
    .hd .sliderHeader {
        color: #066;
    }
    
    .gr .sliderHeader {
        color: #369;
    }
    
    .mr .sliderHeader {
        color: #660032;
    }
    
    .squaredbox .sliderImage .text_content {
        position: relative;
        bottom: 0px;
        left: 0px;
    }
}