/**
*    The Nomensa accessible media player is a flexible multimedia solution for websites and intranets.  
*    The core player consists of JavaScript wrapper responsible for generating an accessible HTML toolbar 
*    for interacting with a media player of your choice. We currently provide support for YouTube (default),
*    Vimeo and JWPlayer although it should be possible to integrate the player with almost any media player on
*    the web (provided a JavaScript api for the player in question is available).
*    
*    Copyright (C) 2012  Nomensa Ltd
*
*    This program is free software: you can redistribute it and/or modify
*    it under the terms of the GNU General Public License as published by
*    the Free Software Foundation, either version 3 of the License, or
*    (at your option) any later version.
*
*    This program is distributed in the hope that it will be useful,
*    but WITHOUT ANY WARRANTY; without even the implied warranty of
*    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
*    GNU General Public License for more details.
*
*    You should have received a copy of the GNU General Public License
*    along with this program.  If not, see <http://www.gnu.org/licenses/>.
**/

/* JQUERY UI (1.7.0)
---------------------------------------------------------------------*/
/* Layout helpers */
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -999em; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* slider */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }


/* DEFAULT LAYOUT (under 650px)
---------------------------------------------------------------------*/
/* PLAYER CONTAINER */
.player-container {
    padding: 0;
    margin:0 0 10px 0;
    min-width: 270px;
    display: block; }
    
.player-container span, .player-container object {
    margin: 0;
    padding: 0;
    display: block; }
    
.player-container .video {line-height: 0; }
    
.player-container .flashReplace {
    color: #fff;
    background-color: #000;
    font-size: 1.2em;
    padding: 10px;
    text-align: center;
    line-height: 1em; }    

.player-container .flashReplace a, .player-container .flashReplace a:link {color: #00AEFF; }  

.player-container .flashReplace a:hover, .player-container .flashReplace a:focus, .player-container .flashReplace a:active {text-decoration: none; }

.player-container .flashReplace a:visited {color: #B8B8B8; }

/* CONTROL BAR */
.player-container .control-bar {
    height: 1%;
    padding-top: 5px;
    position: relative;
    text-align: center; }
  
.player-container .player-controls {
    width: auto;
    text-align: center; }
	
.player-container-ie .player-controls {
	height:1%;
	margin-left:45px;
	}

.player-container-ie.player-wide .player-controls {
	margin-left:120px;
}
   
.player-container .volume-controls {
    width: 9em;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 5px;
    height: 1%; }

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

.player-container .volume-controls button {
    margin: 0 1px; }

.player-container .volume-controls .vol-display {
    display: inline-block;
    vertical-align: 1px;
    width: 2em; }

/* TIMER BAR */
.player-container .timer-bar {
    clear: both;
    padding: 5px 10px;
    position: relative; }

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

.player-container .timer-bar .current-time {left: 10px; }

.player-container .timer-bar .duration-time {right: 10px; }

.player-container .timer-bar .ui-slider {margin: 0 5em; }

/* SLIDER BAR */
.player-container .control-bar .ui-slider .ui-slider-handle {
    height: 97%;
    top: 0;
    width: 0.7em;
    z-index: 3;
    margin: 0 0 0 -0.4em;
    font-size: 1em;
    position: absolute; }

.player-container .timer-bar .progress-bar, .player-container .timer-bar .loaded-bar {
    position:absolute;
    top: 0; }


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

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

.player-container.player-wide .volume-controls {
    width: 18em;
    top: 10px; }

/* BUTTONS */
.player-container.player-wide .control-bar button {
    padding: 15px 6px 0;
    height: auto;
    width: auto;
    text-indent:0;
    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: 30px; }

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

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