@charset "utf-8";

/*
Hive Colony Framework
Copyright (c) 2008-2016 Hive Solutions Lda.

This file is part of Hive Colony Framework.

Hive Colony Framework is confidential and property of Hive Solutions Lda.,
its usage is constrained by the terms of the Hive Solutions
Confidential Usage License.

Hive Colony Framework should not be distributed under any circumstances,
violation of this may imply legal action.

If you have any questions regarding the terms of this license please
refer to <http://www.hive.pt/licenses/>.
*/

/*
__author__    = Francisco Castro <v-fcastro@hive.pt> & João Magalhães <joamag@hive.pt>
__version__   = 1.0.0
__revision__  = $LastChangedRevision$
__date__      = $LastChangedDate$
__copyright__ = Copyright (c) 2008-2016 Hive Solutions Lda.
__license__   = Hive Solutions Confidential Usage License (HSCUL)
*/

.jquery-player {
    width: 100%;
}

.jquery-player .jquery-player-video video {
    background-color: #000000;
    width: 100%;
}

.jquery-player .jquery-player-overlay {
    background: transparent url(../images/start-button.png) no-repeat center center;
    cursor: pointer;
    float: left;
    position: relative;
    width: 100%;
}

.jquery-player .jquery-player-loading-overlay {
    background-color: #000000;
    float: left;
    opacity: 0.7;
    position: relative;
    width: 100%;
}

.jquery-player .jquery-player-loading-overlay-image {
    background: transparent url(../images/loading-image.png) no-repeat left center;
    height: 102px;
    margin: 0px auto 0px auto;
    width: 102px;
}

.jquery-player .jquery-player-loading-overlay-message {
    color: #ffffff;
    font-size: 16pt;
    letter-spacing: 1px;
    margin: 16px 0px 16px 0px;
    text-align: center;
}

.jquery-player .jquery-player-controls {
    background: transparent url(../images/player-bar-background.png) repeat-x left top;
    float: left;
    height: 36px;
    margin-top: -39px;
    position: relative;
}

.jquery-player.fullscreen {
    left: 0px;
    position: absolute;
    top: 0px;
}

.jquery-player .jquery-player-button {
    background: transparent url(../images/player-buttons-sprite.png) no-repeat left top;
    cursor: pointer;
    float: left;
    height: 36px;
    opacity: 0.8;
    width: 36px;
}

.jquery-player .jquery-player-button:hover {
    opacity: 1.0;
}

.jquery-player .jquery-player-button.play {
    background-position: 0px 0px;
}

.jquery-player .jquery-player-button.pause {
    background-position: 0px -36px;
}

.jquery-player .jquery-player-button.fullscreen {
    background-position: 0px -72px;
}

.jquery-player .jquery-player-button.fullscreen.shrink {
    background-position: 0px -108px;
}

.jquery-player .jquery-player-button.volume {
    background-position: 0px -144px;
}

.jquery-player .jquery-player-button.volume.mute {
    background-position: 0px -180px;
}

.jquery-player .jquery-player-current-time,
.jquery-player .jquery-player-duration {
    color: #ffffff;
    float: left;
    font-family: Tahoma;
    font-size: 8pt;
    margin: 11px 10px 0px 10px;
}

.jquery-player .jquery-player-duration {
    float: right;
}

.jquery-player .jquery-player-progress {
    float: left;
    margin-top: 15px;
    width: 268px;
}

.jquery-player .jquery-player-progress-bar {
    background-color: #666666;
    cursor: pointer;
    height: 6px;
    width: 100%;
}

.jquery-player .jquery-player-progress-bar-active {
    background-color: #8dbd26;
    height: 6px;
    width: 20px;
}

.jquery-player .jquery-player-cursor {
    background: transparent url(../images/player-cursor.png) no-repeat center center;
    cursor: pointer;
    float: left;
    height: 14px;
    margin-left: 20px;
    margin-top: -4px;
    width: 14px;
}

.jquery-player .jquery-player-branding {
    background: transparent url(../images/colony-logo.png) no-repeat center center;
    cursor: pointer;
    float: right;
    height: 36px;
    margin: 0px 10px 0px 10px;
    opacity: 0.8;
    width: 60px;
}

.jquery-player .jquery-player-branding:hover {
    opacity: 1.0;
}

.jquery-player .jquery-player-volume-control {
    background: transparent url(../images/icon-volume-small.png) no-repeat left center;
    float: right;
    height: 36px;
    padding-left: 12px;
}

.jquery-player .jquery-player-volume-control-bar {
    background-color: #666666;
    cursor: pointer;
    height: 6px;
    margin-top: 15px;
    width: 36px;
}

.jquery-player .jquery-player-volume-control-bar-active {
    background-color: #8dbd26;
    height: 6px;
    width: 25px;
}

.jquery-player.mini .jquery-player-controls {
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    margin-left: auto;
    margin-right: auto;
    width: 188px;
}

.jquery-player.mini .jquery-player-current-time,
.jquery-player.mini .jquery-player-duration,
.jquery-player.mini .jquery-player-progress,
.jquery-player.mini .jquery-player-volume-control,
.jquery-player.mini .jquery-player-volume-control-bar {
    display: none;
}

.jquery-player.mini .jquery-player-volume-control {
    background: transparent url(../images/player-buttons-sprite.png) no-repeat left -108px;
    cursor: pointer;
    height: 36px;
    margin: 0px 0px 0px 0px;
    opacity: 0.8;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    width: 36px;
}

.jquery-player.mini .jquery-player-volume-control:hover {
    opacity: 1.0;
}