/* Theme styles (for now just image-slider but I may build theme support later) */
.image-slider .nivoSlider { position: relative; background: #fff url(/cms/core/modules/image-lists/widgets/image-slider/images/loading.gif) no-repeat 50% 50%; margin-bottom: 10px;
              -webkit-box-shadow: 0 1px 5px 0 #4a4a4a; -moz-box-shadow: 0 1px 5px 0 #4a4a4a; box-shadow: 0px 1px 5px 0 #4a4a4a; }
.image-slider .nivoSlider img { position: absolute; top: 0; left: 0; display: none; }
.image-slider .nivoSlider a { border: 0; display: block; }

.image-slider .nivo-controlNav { text-align: center; padding: 20px 0; }
.image-slider .nivo-controlNav a { display: inline-block; width: 22px; height: 22px; background: url(/cms/core/modules/image-lists/widgets/image-slider/images/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin: 0 2px; }
.image-slider .nivo-controlNav a.active { background-position: 0 -22px; }

.image-slider .nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(/cms/core/modules/image-lists/widgets/image-slider/images/arrows.png) no-repeat; text-indent: -9999px; border: 0; opacity: 0;
                       -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.image-slider:hover .nivo-directionNav a { opacity: 1; }
.image-slider a.nivo-nextNav { background-position: -30px 0; right: 15px; }
.image-slider a.nivo-prevNav { left: 15px; }

.image-slider .nivo-caption { }
.image-slider .nivo-caption a { color: #fff; border-bottom: 1px dotted #fff; }
.image-slider .nivo-caption a:hover { color: #fff; }

.image-slider .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
.image-slider .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
.image-slider .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

/* The Nivo Slider styles */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0; left: 0; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }

/* Caption styles */
.nivo-caption { position: absolute; left: 0; bottom: 0; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.nivo-caption h2 {font-weight: bold; margin: 0; padding: 0; color: #fff; }
.nivo-caption p { padding: 0; margin: 0; }
.nivo-caption a { display: inline !important; color: #fff;}
.nivo-html-caption { display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0; }
.nivo-nextNav { right: 0; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }