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

/* CONTROL BAR */
.player-container .control-bar {padding-top: 0; }
    
.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, .player-container .volume-controls {background-color: #b9aca5;}

.player-container .functional-controls {
	left: 0;
	margin-left: 0;
	top: 0;
	position: absolute;
	width: 20px; }

.player-container .volume-controls {
	float: none; 
	width: 60px;
	height: 20px;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0; }

/* BUTTONS */
.player-container .control-bar button {
    font-family: Arial, verdana, sans-serif;
    color: #333;
    font-size: 1.1em;
    margin: 0;
	position: relative;
    height: 20px;
    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% -228px;
    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; }

.player-container .volume-controls .vol-display {display: none;}

/* TIMER BAR */
.player-container .timer-bar {
    clear: both;
    padding: 6px 10px 5px;
    position: relative; 
	}
	
.player-container .timer-bar .current-time, .player-container .timer-bar .duration-time {display: none; }

.player-container .timer-bar .ui-slider {
    border-color: #c0c0c0 #bebebe;
	border-width: 1px;
	border-style: solid;
	height: 20px; }

/* SLIDER BAR */
.player-container .control-bar .ui-slider .ui-slider-handle {
    border: none;
    background: #fff;
	height: 20px;
    font-size: 1em;
    margin: 0;
    width: 5px; }

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

.player-container .timer-bar {
	padding: 0;
	margin: 0 60px 0 20px;}

.player-container .timer-bar .ui-slider {
	margin: 0;
	border: none;
	background-color: #eee8e5;}

.player-container .timer-bar .progress-bar {background-color: #ea1536;}

.player-container .timer-bar .progress-bar, .player-container .timer-bar .loaded-bar {height: 20px !important;}

/* WIDE LAYOUT (over 500px with label text)
---------------------------------------------------------------------*/
/* PLAYER CONTAINER */
.player-container.player-wide {min-width: 1px;}

/* CONTROL BAR */
.player-container.player-wide .control-bar {padding-top:0; }

.player-container.player-wide .volume-controls {
    width: 60px;
    top: 0;
	}

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

.player-container.player-wide .volume-controls .vol-up, .player-container.player-wide .volume-controls .vol-down {width: 20px;}

/* TIMER BAR */
.player-container.player-wide .timer-bar {padding: 0;}

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