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

/* CONTROL BAR */
.player-container .control-bar {
    background: #ff8c1a url(bg-small.gif) repeat-x top center;
    padding-top: 6px;
    border: 1px solid #d65c10;
    border-top: none; }
    
.player-container .ui-state-default {
    background: none;
    border: none;
    color: #000; }
    
.player-container a:focus, .player-container a:active, .player-container .ui-state-default {outline: none; }

.player-container .control-bar .logo {display: none; }
    
.player-container .functional-controls {
    margin: 0;
    position: absolute;
    left: 5px; }
    
.player-container .volume-controls {
    float: right;
    margin-right: 0;
    margin-right: 9px;
    width: 10em;
    position: static; }
    
.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: Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 1em;
    margin: 0 2px 5px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50% 0; }
    
.player-container .stop {background-image: url(button-restart.gif); }
    
.player-container .rewind {background-image: url(button-rewind.gif); }
    
.player-container .play {background-image: url(button-play-small.gif); }
    
.player-container .pause {background-image: url(button-pause.gif); }
    
.player-container .forward {background-image: url(button-forward.gif); }

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

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

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

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

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

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

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

/* TIMER BAR */
.player-container .timer-bar {
    background: #FF9E00 url(timer-bar-bg.gif) no-repeat right top;
    clear: both;
    padding: 6px 10px 5px;
    position: relative; }

.player-container .timer-bar .ui-slider {
    background: #E57A0C url(timeline-bg.gif) repeat-x left top;
    border: 1px solid #D65C10; }

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

.player-container .control-bar .ui-slider .ui-state-focus {background-position: 50% -114px; }

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

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

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

/* enhancements for good browsers */
.player-container .control-bar button, .player-container .control-bar .volume-controls span, .player-container.player-wide .timer-bar .current-time, .player-container.player-wide .timer-bar .current-time, .player-container.player-wide .timer-bar .duration-time {text-shadow: 0 1px 0 #ffbb3b;}


/* WIDE LAYOUT (over 500px with label text)
---------------------------------------------------------------------*/
/* CONTROL BAR */
.player-container.player-wide .control-bar {
    padding-top: 8px;
    background: #ffb600 url(bg.gif) repeat-x left bottom; }

/* BUTTONS */
.player-container.player-wide .control-bar .play {
    background-image: url(button-play-big.gif);
    padding: 41px 10px 0; }

.player-container.player-wide .control-bar button {
    vertical-align: top;
    padding-top:18px; }

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

.player-container.player-wide .volume-controls {
    margin-top: 10px;
    height: 27px; }

.player-container.player-wide .control-bar .volume-controls button {
    height: 16px;
    margin: 0 2px 5px;
    padding: 0;
    text-indent: -999em;
    width: 20px; }

.player-container.player-wide .control-bar .volume-controls .ui-state-active {
    color: #333;
    background-position: 50% 0;
    background-image: url(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% -114px; }

/* TIMER BAR */
.player-container.player-wide .timer-bar {
    background-color: #FF9100;
    background-position: left bottom;
    margin-left: 4.5em;
    padding: 7px 10px 6px 20px; }

.player-container.player-wide .timer-bar .current-time, .player-container.player-wide .timer-bar .duration-time {top: 5px; }

.player-container.player-wide .timer-bar .current-time {left: 20px; }
    
/* SLIDER BAR */
.player-container.player-wide .control-bar .ui-slider .ui-state-focus {background-position: 50% -107px; }

/* AUDIO PLAYER */
.audio-player-container .video{background-color:transparent;position:relative;top:1px;}