/*
Skin Name: Nivo Slider Bar Theme
Skin URI: http://nivo.dev7studios.com
Description: The bottom bar skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: false
*/

.theme-bar.slider-wrapper {
     position: relative;    
     overflow: hidden;
     border-radius: 10px;}

.theme-bar .nivoSlider {
     position:relative;
     background:#FFFFFF url(loading.gif) no-repeat 50% 50%;
     border-radius: 10px;}

.theme-bar .nivoSlider img {
     position:absolute;
     top:0px;
     left:0px;     
     display:none;
     border-radius:10px;}

.theme-bar .nivoSlider a {
     border:0;
     display:block;}

.theme-bar .nivo-controlNav{
     position: absolute;
     left: 0;
     bottom: 0px;
     z-index: 10;
     width: 100%;
     height: 30px;
     text-align: center;
     padding: 5px 0;
     border-radius: 0px 0px 10px 10px;     
     background: #FFFFFF;
     -moz-opacity: 0.00;
     -khtml-opacity: 0.00;
     opacity: 0.00;
     filter: progid:DXImageTransform.Microsoft.Alpha(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;}

.theme-bar:hover .nivo-controlNav {
     bottom: 0;
     -moz-opacity: 0.8;
     -khtml-opacity: 0.8;
     opacity: 0.8;
     filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }

.theme-bar .nivo-controlNav a {
     z-index: 11;
     display:inline-block;
     width:10px;
     height:10px;
     background:url(bullets.png) no-repeat;
     text-indent:-9999px;
     border:0;
     margin: 12px 2px;
     opacity: 1;}

.theme-bar .nivo-controlNav a.active {
     background-position:0 100%;
     opacity: 1;}

.theme-bar .nivo-directionNav a {
     display:block;
     border:0;
     z-index: 11;
     color: #555555;
     text-transform: uppercase;
     top: auto;
     bottom: 10px;
     font-size: 12pt;
     line-height: 20px;
     opacity: 1;
     -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;}

.theme-bar a.nivo-nextNav {
     right: -70px;}
.theme-bar a.nivo-prevNav {
     left: -70px;}

.theme-bar:hover a.nivo-nextNav { 
     right: 15px; 
     opacity: 1;}

.theme-bar:hover a.nivo-prevNav { 
     left: 15px; 
     opacity: 1;}

.theme-bar .nivo-directionNav a:hover {
     color: #005AA5;}

.theme-bar .nivo-caption {
     text-align: center;
     border-radius: 0px 0px 10px 10px;
     -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;}

.theme-bar:hover .nivo-caption {    
     bottom: 40px;
     border-radius: 0px;}

.theme-bar .nivo-caption a {
     font-style: italic;
     color:#FFFFFF;}

.theme-bar .nivo-caption a:hover {
     font-style: italic;
     color:#96E100;}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled {
     width: 100%;}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled a {
     width: auto;
     height: auto;
     background: none;
     margin-bottom: 5px;}

.theme-bar .nivo-controlNav.nivo-thumbs-enabled img {
     display: block;
     width: 120px;
     height: auto;}