/*
 * Nomensa Media Player
 * http://player.nomensa.com
 * 
 * http://www.nomensa.com
 * 
 * Default Theme Styling:
 * inc : DEFAULT LAYOUT;
 * inc : WIDE LAYOUT;
*/
    
/* DEFAULT LAYOUT (under 650px)
---------------------------------------------------------------------*/
/* PLAYER CONTAINER */
.player-container {
    background-color: #fff;
    font: 13px Helvetica, Arial, sans-serif;
    color: #000; }
    
.player-container div, .player-container span, .player-container object {font-size: 90%; }
    
.player-container .video {background: #000; }

/* CONTROL BAR */
.player-container .control-bar {
    background: #ccc url(../images/bg.gif) top center no-repeat;
    border-width: 1px;
    border-style: solid;
    border-color: #fafafa #cdcdcd #9f9f9f #cdcdcd; }
    
.player-container .ui-state-default {
    background: none;
    border: none;
    color: #333; }
    
.player-container a:focus, .player-container a:active, .player-container .ui-state-default {outline: none; }

.player-container .control-bar .logo {
    text-indent: -9999em;
    display: block;
    width: 16px;
    height: 17px;
    left: 10px;
    top: 7px;
    float: left;
    background: url(../images/nomensa-logo-small.gif) no-repeat 0 0;
    position: absolute; }
    
.player-container .control-bar .logo:hover, .player-container .control-bar .logo:focus {background: url(../images/nomensa-logo-small.gif) no-repeat -16px 0; }
    
.player-container .ui-corner-bottom {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-radius-bottomleft: 5px;
    -webkit-border-right-radius: 5px; }

/* BUTTONS */
.player-container .control-bar button {
    font-family: Arial, verdana, sans-serif;
    color: #333;
    font-size: 1.1em;
    background-repeat: no-repeat;
    background-position: 50% 5px; }
    
.player-container .stop {background-image: url(../images/button-restart.gif); }
    
.player-container .rewind {background-image: url(../images/button-rewind.gif); }
    
.player-container .play {background-image: url(../images/button-play.gif); }
    
.player-container .pause {background-image: url(../images/button-pause.gif); }
    
.player-container .forward {background-image: url(../images/button-forward.gif); }

.player-container .mute {background-image: url(../images/button-volon.gif); }

.player-container .vol-down {background-image: url(../images/button-voldown.gif); }

.player-container .vol-up {background-image: url(../images/button-volup.gif); }

.player-container .control-bar .ui-state-hover, .player-container .control-bar .ui-state-focus {background-position: 50% -107px; }

.player-container .control-bar .ui-state-active {
    background-position: 50% -219px;
    color: #777; }

.player-container .control-bar .volume-controls .ui-state-active {
    color: #333;
    background-position: 50% 5px;
    background-image: url(../images/button-volmute.gif); }

.player-container .control-bar .volume-controls .ui-state-hover, .player-container .control-bar .volume-controls .ui-state-focus {background-position: 50% -107px; }

/* TIMER BAR */
.player-container .timer-bar .ui-slider {
    border-width: 1px;
    border-style: solid;
    border-color: #c0c0c0 #bebebe;
    background: #fff url(../images/timeline-bg.gif) repeat-x top left; }

/* SLIDER BAR */
.player-container .control-bar .ui-slider .ui-slider-handle {
    border: none;
    background: #000 url(../images/timeline-point.gif) no-repeat 50% 0;
    font-size: 1em; }

.player-container .control-bar .ui-slider .ui-state-hover, .player-container .control-bar .ui-slider .ui-state-focus {background-position: 50% 0; }

.player-container .timer-bar .progress-bar, .player-container .timer-bar .loaded-bar {
    border: none;
    background: none; }

.player-container .timer-bar .progress-bar {background: #969696 url(../images/timeline-played.gif) repeat-x 0 0; z-index: 2; }

.player-container .timer-bar .loaded-bar {background: #E1E1E1 url(../images/timeline-loaded.gif) repeat-x 0 0; z-index: 0; }


/* WIDE LAYOUT (over 500px with label text)
---------------------------------------------------------------------*/
/* CONTROL BAR */
.player-container.player-wide .control-bar .logo {
    width: 89px; 
    height: 26px;
    background: url(../images/nomensa-logo.gif) no-repeat -0 0;
    top: 12px; }

.player-container.player-wide .control-bar .logo:hover, .player-container.player-wide .control-bar .logo:focus {background: url(../images/nomensa-logo.gif) no-repeat -90px 0; }

/* BUTTONS */
.player-container.player-wide .control-bar button {background-position: 50% 0; }

.player-container.player-wide .control-bar .ui-state-hover, .player-container.player-wide .control-bar .ui-state-focus {background-position: 50% -112px; }

.player-container.player-wide .control-bar .ui-state-active {background-position: 50% -224px; }

.player-container.player-wide .control-bar .volume-controls .ui-state-active {
    color: #333;
    background-position: 50% 0;
    background-image: url(../images/button-volmute.gif); }

.player-container.player-wide .control-bar .volume-controls .ui-state-hover, .player-container.player-wide .control-bar .volume-controls .ui-state-focus {background-position: 50% -112px; }
    
/* SLIDER BAR */
.player-container.player-wide .control-bar .ui-slider .ui-state-hover, .player-container.player-wide .control-bar .ui-slider .ui-state-focus {background-position: 50% 0; }