@charset "utf-8";

/*
* Title                   : DOP Slider WordPress Plugin
* Version                 : 1.0
* File                    : jquery.dop.Slider.css
* File Version            : 1.0
* Created / Last Modified : 05 March 2012
* Author                  : Marius-Cristian Donea
* Copyright               : © 2012 Marius-Cristian Donea
* Website                 : http://www.mariuscristiandonea.com
* Description             : Stylesheet.
*/

/* Container */
.DOP_Slider_Container{
    display: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

/* Images */
.DOP_Slider_ImagesContainer{
    background: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 100;
}

.DOP_Slider_Images{
    background: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
}

.DOP_Slider_Image{
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.DOP_Slider_ImageLoader{
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

/* Icons */
.DOP_Slider_IconsContainer{
    background: #606060;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border: 1px solid #000000;
    opacity:0.9;
    filter:alpha(opacity=90);
    position: absolute;
    z-index: 200;
}

.DOP_Slider_Icon{
    display: block;
    float: left;
}

.DOP_Slider_Icon.circle{
    background: #c0c0c0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #111111;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    height: 14px;
    margin: 5px 5px 5px 0;
    width: 14px;
}

.DOP_Slider_Icon.circle:hover, .DOP_Slider_Icon.circle.selected{
    background: #333333;
    border: 1px solid #111111;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}

.DOP_Slider_Icon.circle:first-child{
    margin: 5px;
}

.DOP_Slider_Icon.number{
    background: #c0c0c0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #808080;
    -moz-box-shadow: inset 0 0 2px #666666;
    -webkit-box-shadow: inset 0 0 2px #666666;
    box-shadow: inset 0 0 2px #666666;
    color: #555555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 5px 5px 5px 0;
    text-align: center;
    text-decoration: none;
    width: 20px;
}

.DOP_Slider_Icon.number:hover, .DOP_Slider_Icon.number.selected{
    color: #000000;
    border: 1px solid #000000;
}

.DOP_Slider_Icon.number:first-child{
    margin: 5px;
}

/* Navigation */
.DOP_Slider_NavigationLeft{
    cursor: pointer;
    line-height: 1em !important;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 500;
}

.DOP_Slider_NavigationLeft .hover{    
    display: none;
}

.DOP_Slider_NavigationRight{
    cursor: pointer;
    line-height: 1em !important;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 600;
}

.DOP_Slider_NavigationRight .hover{    
    display: none;
}

.DOP_Slider_NavigationPlay{
    cursor: pointer;
    line-height: 1em !important;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 600;
}

.DOP_Slider_NavigationPlay .hover{    
    display: none;
}

.DOP_Slider_NavigationPause{
    cursor: pointer;
    line-height: 1em !important;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 600;
}

.DOP_Slider_NavigationPause .hover{    
    display: none;
}