/**
 * Core Styles .. Don't touch!
 */
.oc-carousel-container { position: relative; display: inline-block; zoom: 1; }
.oc-carousel-wrapper { position: relative; overflow: hidden; display: inline-block; zoom: 1; }
.oc-carousel-loading-mask { position: absolute; top: 0; left: 0; z-index: 5; }
.oc-carousel { position: relative; margin: 0; padding: 0; }
.oc-carousel li { display: none; position: absolute; z-index: 2; line-height: 0px; padding: 0; text-align: center; }
.oc-carousel-captions-container { display: none; }
.oc-carousel-captions { display: none; }
.oc-carousel-caption { display: none; }
.oc-carousel-controller a { display: inline-block; zoom: 1; }


/**
 * Layout styles .. Edit with care
 */
/* controller_position != 'before' or 'after' */
.oc-carousel-wrapper .oc-carousel-controller { position: absolute; right: 10px; top: 10px; z-index: 3; } 
/* controller_position == 'before' or 'after' */
.oc-carousel-container .oc-carousel-controller { margin: 5px 0px; padding: 0; text-align: right; }
/* captions_position != 'before' or 'after' */
.oc-carousel-wrapper .oc-carousel-captions-container { position: absolute; right: 0px; bottom: 0px; z-index: 4; }
/* captions_position == 'before' or 'after' */
.oc-carousel-container .oc-carousel-captions { display: block; padding: 10px 14px; line-height: 1.5em; }


/**
 * Customizable styles .. swing away!
 */
.oc-carousel-loading-mask {
    background-color: #fff;
}
.oc-carousel-wrapper {
    border: 1px solid #333;
}
.oc-carousel-controller a {
    color: #555;
    height: 14px;
    width: 14px;
    line-height: 14px;
    font-size: 11px;
    padding: 5px;
    text-align: center;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    background-color: #efefef;
    margin-left: 5px;
    text-decoration: none;
}
.oc-carousel-controller a:hover, .oc-carousel-container a:focus {
    background-color: #ccc;
    color: #222;
}
.oc-carousel-controller a.current {
    background-color: #555;
    color: #ccc;
}
.oc-carousel-captions-container {
    padding: 0 1px; /* makes up for border on carousel to ensure alignment */
    background-color: #000;
    color: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}
