@charset "utf-8";

/*
 * Generic for all sliders.
 */

.yui3-js-enabled .ksu-loading-hide {
   display: none;
}

.ksu-html-slider {
   display: block;
   position: relative;
   margin: 0 !important;
   padding: 10px !important;
   z-index: 0;    /* Just to establish a new stacking context. */
}

.ksu-html-slider ul {
   margin: 0;
   padding: 0;
}

.ksu-html-slider .ksu-nav {
   position: absolute;
   width: 35px;
   height: 18px;
   right: 5px;
   top: 12px;
   z-index: 10;
}

.ksu-html-slider .ksu-nav span {
   display: inline-block;
   text-indent: -9999px;
}

.ksu-html-slider .ksu-prev,
.ksu-html-slider .ksu-next {
   display: inline-block;
   width: 8px;
   height: 10px;
   margin-right: 5px;
   cursor: pointer;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAABSfLWiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNpitLW1ZcADLA8dOnTczs7OGcjei0sREw5xPiCeAsTHoPw9QDwXiAWJNSQBiO8DcTaaeBJUPBmfIdZAfA6I5wOxEA4X8gPxHKg6S2RDHIB4JxAfAWJDBuKAIdSrm4DYggVIBAKxGwN5wBeIH4Bckg/EZkB8hkQDzkKDIA8WJqeB2BQaqK8JaH4BxPFAbAKLPfTYWQjEykA8GYcB3UCsAsSLCEXxZ5AToYF3Gip2AIg1gbgMiL+iawAIMAADoCO4WhjnzgAAAABJRU5ErkJggg==)
               no-repeat;
}

.ksu-html-slider .ksu-next {
   background-position: -8px;
}

.ksu-html-slider .ksu-prev:hover,
.ksu-html-slider .ksu-prev:active,
.ksu-html-slider .ksu-next:hover,
.ksu-html-slider .ksu-next:active {
   text-decoration: none !important;
   border-bottom: none;
}

.ksu-nav.ksu-first .ksu-prev,
.ksu-nav.ksu-last .ksu-next {
   opacity: 0.5;
}

/*
.ksu-html-slider .ksu-prev:after {
   content: "\25c0";
}

.ksu-html-slider .ksu-next:after {
   content: "\25b6";
}
*/


.ksu-html-slider li {
   display: block;
   position: absolute;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.ksu-html-slider li.ksu-active {
   left: 10px;
}

.ksu-html-slider h4, .ksu-html-slider h5, .ksu-html-slider h6 {
   margin: 0;
}

.ksu-html-slider h5.ksu-event-datetime {
   text-transform: uppercase;
   color: #555;
   margin-top: 4px;
   font-size: 10px;
}

.ksu-html-slider h5.ksu-event-title {
   color: #333;
   font-size: 12px;
   margin-top: 2px;
}

.ksu-html-slider .ksu-event-desc {
   color: #000;
   display: none;
}

.ksu-html-slider a.ksu-event-more {
   color: #555 !important;
   position: absolute;
   right: 10px;
   bottom: 10px;
   text-transform: uppercase;
   font-size: 10px;
   font-weight: bold;
   border-bottom: 0;
}


/*
 * Specific to Beach
 */
.ksu-html-slider {
   background-color: #aabd64;
   width: 298px;
   height: 100px;
}

.ksu-html-slider li {
   width: 298px;
   height: 100px;
   -webkit-transition: left 0.4s linear;
      -moz-transition: left 0.4s linear;
       -ms-transition: left 0.4s linear;
           transition: left 0.4s linear;
}

.ksu-html-slider li.ksu-active-prev {
   left: -298px;
}

.ksu-html-slider li.ksu-active-next {
   left: 318px;
}

.ksu-html-slider h4 {
   color: #fff;
}

.ksu-html-slider a:link,
.ksu-html-slider a:visited {
   color: #333 !important;
   border-bottom: transparent !important;
}

.ksu-html-slider li .ksu-event-more {
   right: 0;
   bottom: 0;
}


.ksu-html-slider:nth-child(2n) {
   background-color: #eeede8;
}

.ksu-html-slider:nth-child(2n) h4 {
   color:  #aabd64;
}