/**
 * MagPleasure Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magpleasure.com/LICENSE.txt
 *
 * @category   Magpleasure
 * @package    Magpleasure_Activecontent
 * @copyright  Copyright (c) 2011-2012 Magpleasure Co. (http://www.magpleasure.com)
 * @license    http://www.magpleasure.com/LICENSE.txt
 */

.mp_activecontent {
    /*margin-bottom: 15px;
    margin-top: 10px;*/
}

.mp_activecontent ul {
    padding-left: 0;
}

.mp_activecontent .mp-ac-pager {
    overflow: hidden;
}

.mp_activecontent.autohide .mp-prev, .mp_activecontent.autohide .mp-next, .mp_activecontent.autohide .mp-pager-wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition:opacity 700ms;
    -moz-transition:opacity 700ms;
    -o-transition:opacity 700ms;
}

.mp_activecontent.autohide:hover .mp-prev, .mp_activecontent.autohide:hover .mp-next, .mp_activecontent.autohide:hover .mp-pager-wrapper {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mp_activecontent .mp-next, .mp_activecontent .mp-prev, .mp_activecontent .mp-pager-wrapper {
    z-index: 100;
}

.mp_activecontent .mp-prev, .mp_activecontent .mp-next, .mp_activecontent .mp-pager {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mp_activecontent .mp-prev:hover, .mp_activecontent .mp-next:hover, .mp_activecontent .mp-pager:hover,
.mp_activecontent.autohide .mp-prev:hover, .mp_activecontent.autohide .mp-next:hover, .mp_activecontent.autohide .mp-pager:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}


.mp_activecontent.horizontal .mp-prev {
    width: 35px;
    height: 35px;
    left: -5px;
    background: url("../images/arrows.png") no-repeat scroll 0 0px transparent;
    position: absolute;
}

.mp_activecontent.horizontal .mp-next {
    width: 35px;
    height: 35px;
    right: -5px;
    background: url("../images/arrows.png") no-repeat scroll -35px 0px transparent;
    position: absolute;
}

.mp_activecontent.vertical .mp-next {
    width: 35px;
    height: 35px;
    bottom: -5px;
    background: url("../images/varrows.png") no-repeat scroll 0 -35px transparent;
    position: absolute;
}

.mp_activecontent.vertical .mp-prev {
    width: 35px;
    height: 35px;
    top: -5px;
    background: url("../images/varrows.png") no-repeat scroll 0 0 transparent;
    position: absolute;
}

.mp_activecontent.vertical .mp-pager-wrapper  {
    left: 0;
    position: absolute;
    top: 0;
    bottom: inherit;
}

.mp_activecontent.vertical .mp-pager {
    left: -7px;
    position: absolute;
    top: -50%;
    width: 10px;
}
.mp_activecontent.vertical .mp-pager .pager-link.last {
    margin-bottom: 0;
}

.mp_activecontent.vertical .mp-pager .pager-link {
    margin-bottom: 3px;
    float: none;
}

.mp_activecontent .mp-pager-wrapper  {
    bottom: 3px;
    left: 50%;
    position: absolute;
}

.mp_activecontent .mp-pager {
    left: -50%;
    position: relative;

}
.mp_activecontent .mp-pager .pager-link.last {
    margin-right: 0;
}

.mp_activecontent .mp-pager .pager-link {
    margin-right: 3px;
    float: left;
}

.mp_activecontent .mp-pager .pager-link {
    width: 10px;
    height: 10px;
    background: url("../images/switcher.png") no-repeat scroll -14px 0 transparent;
    text-decoration: none;
    cursor: pointer;
}

.mp_activecontent .mp-pager .pager-link.pager-active {
    background: url("../images/switcher.png") no-repeat scroll 0 0 transparent;
}

.mp_activecontent .mp-pager {
    background: none repeat scroll 0 0 #000000;
    padding: 3px;
    text-align: center;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.mp_activecontent .mp-pager .clear {
    clear: both;
}

.mp-ac-clear {
    clear: both;
}