/*
 * The whole player gets the additional class "<prefix>ad" during linear ad playback
 * this way you are able to customize all controlelements and more to match your GUI-restriction-needs:
 */
.ppad .ppplay,
.ppad .pppause,
.ppad .ppnext,
.ppad .ppprev,
.ppad .ppvslider,
.ppad .ppmute,
.ppad .ppvmax,
.ppad .ppunmute,
.ppad .ppfsenter,
.ppad .pptimeleft,
.ppad .pptitle,
.ppad .ppfseexit {
    display: none;
    border: none;
}

.ppad .ppcontrols {
    background: transparent;
    border: none;
}

.ppad .ppadtitle {
    position: absolute;
    bottom: 2%;
    left: 2%;
    border: none;    
}

/*
 * Ad-Skip option overlay:
 */
.ppadskip {
    position: absolute;
    padding-top: 2px;
    top: 0;
    right: 0px;
    width: 85%;
    height: 28px;
    background-color: #333;
    color: #fdfdfd;
    line-height: 28px;
}

.ppadskip.unlocked {
    cursor: pointer;
    color: #fdfdfd;
}



/*
 * Nonlinear Ad Overlay Styling:
 * <div class="ppadoverlay active" data-pp-ima-func="container">
 *     <div class="ppadoverlaywrapper">
 *        <div class="ppadclose"></div>
 *        <div class="ppadcontent"></div>
 *     </div>
 * </div>
 */


/* the overlay wrapper */
.ppadoverlay {
    text-align: center;
    position: absolute;
    display: inline-block;
    bottom: 50px;
    width: 100%;
    z-index: 9998;
}

.ppadoverlay .inactive {
    display: none;
}

.ppadoverlaywrapper {
    float: right;
    right: 50%;
    position: relative;
}

.ppadcontent {
    cursor: display; 
    float: right;
    right: -50%;
    position: relative;
}

.ppadoverlay.active {
    display: block;
}

.ppadoverlay.inactive {
    display: block;
}


/* close button */
.ppadclose {
    background: url('overlayclose.jpg') center center no-repeat;
    width: 10px;
    height: 10px;    
    cursor: pointer;
    right: -50%;
    margin-right: -10px;
    position: absolute;
    z-index: 9999;    
}