/**
 * NoNumber Page stylesheet
 *
 * @package     Slider
 * @version     1.7.1
 *
 * @author      Peter van Westen <peter@nonumber.nl>
 * @link        http://www.nonumber.nl
 * @copyright   Copyright © 2011 NoNumber! All Rights Reserved
 * @license     http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

div.slider_slide {
        display: block;
        clear: left;
        margin: 2px 0 0 0 !important;
        padding: 0;
        line-height: 1em;
        background: none;
}
div.slider_slide.slider_slide.active {

}
        /* Slides */
        div.slider_slide a,
        div.slider_slide a:link,
        div.slider_slide a:visited,
        div.slider_slide a:active,
        div.slider_slide a:hover {
                color: #555555;
                outline: 0;
                text-decoration: none;
        }
        div.slider_slide a,
        div.slider_slide a:hover {
                display: block;
                width: auto;
                _width: 0%; /* IE hack */
                font-size: 1.1em;
                line-height: 1em;
                font-weight: bold;
                border: solid 1px #dddddd;
                background: transparent url(../images/gradient.png) repeat-x 0 -100px;
                text-decoration: none !important;
                /* for dynamic height titles */
                        padding: 5px 10px;
                /* for fixed height titles */
                        /*padding: 5px 10px 0 10px;
                        height: 20px;
                        _height: 25px;
                        white-space: nowrap;*/
        }
        div.slider_container.rounded div.slider_slide a,
        div.slider_container.rounded div.slider_slide a:hover {
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
        }
        /* Slides: Hover state */
        div.slider_slide a:hover {
                color: #333333;
                background-color: #80BCFF; /* 50% white */
        }
        /* Slides: Active state */
        div.slider_slide.active a,
        div.slider_slide.active a:hover {
                color: #555555;
                background-color: #cccccc;
        }
        div.slider_container.rounded div.slider_slide.active a,
        div.slider_container.rounded div.slider_slide.active a:hover {
                -webkit-border-radius: 10px 10px 0 0;
                -moz-border-radius: 10px 10px 0 0;
                border-radius: 10px 10px 0 0;
        }

/* Content area */
div.slider_content_wrapper,
div.slider_content_wrapper > div,
div.slider_content_wrapper div.slider_content,
div.slider_content_wrapper div.slider_content > div,
div.slider_content_wrapper div.slider_item  {
        position: relative !important;
        overflow: hidden !important;
}
div.slider_content_wrapper {
        clear: left;
        margin-top: -1px;
        padding: 0;
}
        div.slider_content_wrapper div.slider_content {
                clear: both;
                padding: 0;
                border: 1px solid #dddddd;
        }
        div.slider_container.rounded div.slider_content_wrapper div.slider_content {
                -webkit-border-radius: 0 0 10px 10px;
                -moz-border-radius: 0 0 10px 10px;
                border-radius: 0 0 10px 10px;
        }
                div.slider_content_wrapper div.slider_item  {
                        padding: 10px 20px;
                }

/* INDENTING */
div.slider_slide.noindent,
div.slider_slide.indentcontent {
        /* default */
}
div.slider_slide.indent,
div.slider_slide.indenttitle {
        padding: 0 10px;
}
        div.slider_slide.noindent.active a,
        div.slider_slide.noindent.active a:hover,
        div.slider_slide.indenttitle.active a,
        div.slider_slide.indenttitle.active a:hover{
                /* default */
        }
        div.slider_container.rounded div.slider_slide.indentcontent.active a,
        div.slider_container.rounded div.slider_slide.indentcontent.active a:hover {
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
        }
div.slider_content_wrapper.noindent,
div.slider_content_wrapper.indenttitle {
        /* default */
}
div.slider_content_wrapper.indent,
div.slider_content_wrapper.indentcontent{
        padding: 0 10px;
}
        div.slider_content_wrapper.noindent div.slider_content,
        div.slider_content_wrapper.indentcontent div.slider_content {
                /* default */
        }
        div.slider_container.rounded div.slider_content_wrapper.indenttitle div.slider_content {
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
        }


/* STYLING FOR IF JAVASCRIPT FAILS */
div.slider_noscript div.slider_content,
div.slider_noscript div.slider_item {
        margin: 0;
        padding: 0;
        border: none;
}

/* EXTRA STYLING
 * If you want to change styles, it's best to place your custom (overriding) styles in the templates stylesheet,
 * so they do not get overwritten when updating Slider.
 */

/* Style: blue */
        /* Slides: Normal state */
        div.slider_slide.blue a {
                background-color: #BFDDFF; /* 75% white */
        }
        /* Slides: Hover state */
        div.slider_slide.blue a:hover {
                background-color: #80BCFF; /* 50% white */
        }
        /* Slides: Active state */
        div.slider_slide.active.blue a,
        div.slider_slide.active.blue a:hover {
                background-color: #0078FF;
        }
        /* Content area */
        div.slider_content.blue  {
                /*background-color: #BFDDFF;*/
        }

/* Style: green */
        /* Slides: Normal state */
        div.slider_slide.green a {
                background-color: #BFE5C0; /* 75% white */
        }
        /* Slides: Hover state */
        div.slider_slide.green a:hover {
                background-color: #80CC82; /* 50% white */
        }
        /* Slides: Active state */
        div.slider_slide.active.green a,
        div.slider_slide.active.green a:hover {
                background-color: #009905;
        }
        /* Content area */
        div.slider_content.green  {
                /*background-color: #BFE5C0;*/
        }

/* Style: grey */
        /* Slides: Normal state */
        div.slider_slide.grey a {
                background-color: #D9D9D9; /* 75% white */
        }
        /* Slides: Hover state */
        div.slider_slide.grey a:hover {
                background-color: #B3B3B3; /* 50% white */
        }
        /* Slides: Active state */
        div.slider_slide.active.grey a,
        div.slider_slide.active.grey a:hover {
                background-color: #666666;
        }
        /* Content area */
        div.slider_content.grey  {
                /*background-color: #D9D9D9;*/
        }