/* ---------------------------------------------------------------------------------------- Chartslider */

/* ----------------------------------------- Common settings */

.slideshowviewer,
.slideshowviewer .slides,
.slideshowviewer .navigation,
.slideshowviewer .navigation a {
    background: transparent; /* url('Images/Sprite.gif') no-repeat;*/
    -moz-user-select: none;
    outline: none;
}
    
/* ----------------------------------------- End of common settings */

.slideshowviewer {    
     height: 500px;
     cursor: default;
     padding: 0 0 30px 0;
     font-family: "Segoe UI", "Trebuchet MS", Arial, Verdana;
}

.slideshowviewer .slides {    
     height: 431px;
     margin: -18px 0 0 0;
     background-position: 0 -477px; 
     float:left;    
}

/* ----------------------------------------- Single slide settings */

.slideshowviewer .slide {
     width: 737px;
     height: 381px;
     display:none; /* We will show the slides with javascript */
}

.slideshowviewer .slide ul {
     color: #272727;
     font-size: 24px;
     margin: 0 0 0 130px;
}

/* ----------------------------------------- RadSlider */

.slideshowviewer .sliderWrapper {
    width: 220px;
    float: left;
    padding: 125px 0 0;
}
    
/* ----------------------------------------- Customize slider items look */

.slideshowviewer .rslItemsWrapper .rslItem span {
    line-height: 22px;
    color:#5E5E5E;
    display: block;
    vertical-align: middle;
    padding: 10px 20px 0;
    cursor: pointer;
}
    
.slideshowviewer .rslItemsWrapper .rslItemSelected span {
    color:#000;
    font-weight:bold;
}