@charset "UTF-8";
/* CSS Document */

	body { 
   		margin:0;
	}
  
	body, html {
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size:10px;
	}
	#video_box{
		position: relative;		
		height:553px;
	}
	#playoverlay{
		position:absolute; 
		z-index:100; 
		height:553px;
		overflow:hidden;
	}
	#playoverlay img{
		position:absolute;
	}
	#full_screen #fs_top_left {border:none;}
    #full_screen #fs_top_right {border:none;}
    #full_screen #fs_bottom_left { border:none;}
    #full_screen #fs_bottom_right {border:none;}
    #full_screen.fs-active #fs_top_left {border:none;}
    #full_screen.fs-active #fs_top_right {border:none;}
    #full_screen.fs-active #fs_bottom_left {border:none;}
    #full_screen.fs-active #fs_bottom_right {border:none;}
	
	#progress #progress_box,
	#progress #play_progress,
	#progress #load_progress
	{
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;	
	}
	/*Bg Colors
	originally:
		#001E25
	now:
		rgb(204,204,204);
		rgba(255,255,255, .8);
	*/
	.control,
	#progress #progress_box{
		background-color:rgb(255,255,255);
	}
	#play.play span{
		border-top: 5px solid rgba(255,255,255, 0);	
		border-bottom: 5px solid rgba(255,255,255, 0);
	}
	
    #full_screen #fs_top_left {border-right: 6px solid rgb(255,255,255);}
    #full_screen #fs_top_right {border-left: 6px solid rgb(255,255,255);}
    #full_screen #fs_bottom_left { border-right: 6px solid rgb(255,255,255);}
    #full_screen #fs_bottom_right {border-left: 6px solid rgb(255,255,255);}
    #full_screen.fs-active #fs_top_left { border-left: 6px solid rgb(255,255,255);}
    #full_screen.fs-active #fs_top_right {border-right: 6px solid rgb(255,255,255);}
    #full_screen.fs-active #fs_bottom_left {border-left: 6px solid rgb(255,255,255);}
    #full_screen.fs-active #fs_bottom_right {border-right: 6px solid rgb(255,255,255);}

	/*FG Colors
	originally:
		#FFF
	now:
		rgb(102,102,102);
		
	*/
	
	#controls{
		color:rgb(102,102,102);
	}
	#play.play span{
		border-left:10px solid rgb(194,194,194);
	}
	#play.play:hover span{
		border-left-color:rgb(102,102,102);
	}
	#play.pause span{
		border-left: 3px solid rgb(194,194,194);
		border-right: 3px solid rgb(194,194,194);
	}
	#play.pause:hover span{
		border-left: 3px solid rgb(102,102,102);
		border-right: 3px solid rgb(102,102,102);
	}	
	
	/*Accent Colors
	originally:
		#777	
	now:
		rgb(0,0,0);
		rgba();
	*/
	#progress #progress_box{
		border: 1px solid rgb(102,102,102);
		border: 1px solid rgba(102,102,102);		
	}
    #progress #load_progress { 
		
		background-color: rgb(225,225,225);
		background-color: rgba(194,194,194, .5);
		
	}	
	#progress #play_progress{
		background-color:rgb(194,194,194);	
	}
	#video_title{
		margin-left:12px;
	}
	
	

    #video_box { 
		}
    #video { background-color: #FFF;
		}
    #controls { 
		position: absolute;
		margin-top:48px
	}
	#controls div{
		display:inline-block;
	}
	#controls .left, #controls .right{
		float:left;
		width:50%;
	}
	#controls .right{
		margin-top:3px;
		text-align:right;
	}
	#play_time{
		margin-right:10px;
	}
	#play_time span{
		vertical-align:bottom;
	}
    .control { 
		}
    .control:last-child { 
		}
    .control:first-child {
		}
    #play span { display: block;
		font-size: 0px;
		line-height: 0;
		}
    #play.play span { width: 0;
		height: 0;
		margin: 7px 0 0;
	}
    #play.pause span {
		width: 4px;
		height: 10px;
		margin: 7px 0 0;
		border-top: 0px;
		border-bottom: 0px;
		}
    #progress { width: 190px;
		}
		
	#progress #progress_box { 
		float: left;
		width: 100px;
		height: 9px;
		margin-top: 3px;
		overflow:hidden;
		}
    #progress #play_progress { 
		display: block;
		width: 0px;
		margin-top:1px;
		height: 7px;
	}
    #progress #load_progress { display: block;
		width: 0px;
		height: 7px;
		margin:0 1px;
	}
    
    #volume { width: 42px;
		}
    #volume span { display: block;
		margin: 0px 0 0 0px;
		}
    #volume ul { display: block;
		margin: 0;
		padding: 0;
		list-style: none;
		}
    #volume ul li { 
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		width: 5px;
		margin-left: 2px;
		height: 0px;
		border-bottom: 14px solid rgb(102,102,102);
		}
	#volume ul li:hover {
		border-color:rgb(102,102,102);
	}
    #volume ul li:nth-child(1) {
		border-bottom-width: 1px;
		height: 13px;
		}
    #volume ul li:nth-child(2) { 
		border-bottom-width: 2px;
		height: 12px;
		}
    #volume ul li:nth-child(3) { 
		border-bottom-width: 4px;
		height: 10px;
		}
    #volume ul li:nth-child(4) { 
		border-bottom-width: 7px;
		height: 7px;
		}
    #volume ul li:nth-child(5) { 
		border-bottom-width: 10px;
		height: 4px;
		}
    #full_screen{
		width:14px;
		height:14px;
	}
	#full_screen.on{
		background-image:url(../images/fs_on.png);
	}
	#full_screen.off{
		background-image:url(../images/fs_off.png);
	}