@charset "utf-8";
/* CSS Document */
a.player {	
	margin-top:0px;
	display:block;
	background:url(flowplayer/splash.png) no-repeat;
	/*width:425px;
	height:298px;*/
	width:650px;
	height:480px;
	/*padding:0 126px 0px 127px;	*/
	padding:0px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin-top:125px;
	border:0;	
}

.player{width:600px;
	height:480px;}
	
	#player {	
	display:block;	
	height:340px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

#panes input, #panes textarea {
	width:420px;
	font-size:12px;
	font-family:verdana;
	border:1px inset #666; 	
	padding:2px;
}

#panes textarea {
	padding:4px;
	height:100px;
}


#panes label.left {
	float:left;
	margin-right:15px;	
}

#panes label.left input {
	width:180px;		
}

#panes h2 {
	margin-top:0px !important;		
}

#embedPane textarea {
	height:130px;
	overflow-x:hidden;
	padding:4px;
	color:#123;
}

/* close image */
div.close {
	background:url(flowplayer/close.png) no-repeat;
	position:absolute;
	top:5px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}



/*{{{ general playlist settings, light gray */
div.playlist {

	position:relative;
	overflow:hidden;	 	
	height:285px !important;
}

div.playlist div.clips {	
	position:relative;
	height:20000em;
}

div.playlist, div.clips {
	width:260px;	
}

div.clips a {
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:196px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(flowplayer/dark.png) no-repeat 0px -69px;
	padding-right:60px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#f00;
}	

div.clips a:hover {
	background-color:#f9f9fa;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/

/*{{{ petrol colored */

div.clips.petrol a {
	background-color:#193947;
	color:#fff;
	border:1px outset #193947;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
	background:url(flowplayer/dark.png) no-repeat 0px -69px;
	border:0;
}

div.clips.petrol a.paused {
	background-position:0 0;	
}

div.clips.petrol a span {
	color:#aaa;
}

div.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

div.clips.petrol a:hover {
	background-color:#274D58;		
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	height:31px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
	background-image:url(flowplayer/light_small.png);
	background-position:0 -55px;
}

div.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/

/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(flowplayer/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(flowplayer/down.png);	
}

div.petrol a.go {
	background-image:url(flowplayer/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(flowplayer/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/

/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.hulu {
	position:relative;
	height:40px;
	
	/* black background with a gradient */
	background:#000 url(flowplayer/hulu.png) repeat-x 0 -4px;
	width:500px;
}

/* play/pause button */
div.hulu a.play, div.hulu a.pause { 
	position:absolute;
	width: 46px;
	height: 40px;
	display:block;
	text-indent:-9999em;
	background:url(flowplayer/hulu.png) no-repeat 10px -61px;
	cursor:pointer;
	border-right:1px solid #000; 
}

div.hulu a.play:hover {
	background-position:10px -105px;	
}

/* pause state */
div.hulu a.pause { 
	background-position:11px -148px;
}

div.hulu a.pause:hover {
	background-position:11px -192px;	
}

/* the timeline (or "scrubber")  */
div.hulu div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:285px;
	border-left:1px solid #999;
	height:40px;	
}

/* the draggable playhead */
div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#4ff;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #444;
}

/* buffer- and progress bars. upon runtime the width of these elements grows */
div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#4ff;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
}

div.hulu div.buffer {
	background-color:#fff;
	opacity:0.1;
	filter: alpha(opacity=10);
}

/* time display */
div.hulu div.time {
	position:absolute;		
	width:129px;
	left:330px;
	padding:12px 0;
	text-align:center;
	border:1px solid #999;
	border-width:0 1px;
	
	font-family:futura,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	
	font-size:12px;
	color:#fff; 
}

/* total duration in time display */
div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}

/* mute / unmute buttons */
div.hulu a.mute, div.hulu a.unmute {
	position:absolute;
	left:460px;
	width:40px;
	height:40px;
	text-align:center;
	padding:8px 0;
	cursor:pointer;
	text-indent:-9999em;
	background:url(flowplayer/hulu.png) no-repeat 5px -323px;
}

div.hulu a.mute:hover {
	background-position:5px -367px;	
}

/* unmute state */
div.hulu a.unmute {
	background-position:5px -235px;	
}

div.hulu a.unmute:hover {
	background-position:5px -279px;	
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:29px;
	border-bottom:1px solid #666;	
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(flowplayer/tabs.png) no-repeat -652px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px -0px; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

@media print {

	#globalnav, #right, #user, .noprint {
		display:none;		
	}
	
	#wrap, #content {
		width:100%;		
		margin:0;
	}
}

/* look and feel for embed and email tabs */
#shareTabs { 
	list-style-type:none; 
	padding:0;	
	float:left;
	margin:13px 0 0 0 !important;
}

#shareTabs li { 	 
	padding:0;
	margin:0;
	list-style-image:none !important;	
}

#shareTabs a {
	background:#444 url(img/sharing.png) repeat scroll 2px 3px;
	display:block;
	width: 38px;  
	height: 38px;
	padding:0px;
	margin:0px;	
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
}

#shareTabs a:hover {
	background-color:#000;
}

#shareTabs a:focus {
	background-color:#444;
}
	
#shareTabs a.current {
	background-color:#567078;
}

#shareTabs #embedTab {
	background-position: 2px -60px;
}

/* container for each pane: video, embed and email */

/* span.play */
span.play {
	background:url(flowplayer/play.png) no-repeat;
	display:block;
	width:40px;
	height:41px;
	cursor:pointer;
}

span.play:hover {
	background-position:0 -41px;
}

span.play:focus {
	background-position:0 -82px;
}

span.play.large {
	background-image:url(flowplayer/play_full.png);
	width:125px;
}

span.play.showme {
	background-image:url(flowplayer/showme_full.png);
	width:125px;
}

span.play.again {
	background-image:url(flowplayer/watch_again_full.png);
	width:149px;
}


/*}}}*/

/*{{{ player */

a.player {	
	margin-top:40px;
	display:block;
	background:url(flowplayer/splash.png) -77px no-repeat;
	width:425px;
	height:298px;
	padding:0 40px 75px 50px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
		/* 
		width:672px;
		height:367px; 
	*/
}

a.player.plain {
	background-position:-125px 0;
	padding:0px;
	margin-top:0px;
}

a.player.small {
	background:url(flowplayer/splash_small.png) no-repeat;
	height:186px;
	padding:0pt 24px 45px;
	width:251px;
	float:left;
	margin-right:30px;
	
	/* 
		width:375px;
		height:232px; 
	*/
}

a.player.small.plain {
	background-position:-24px 0;
	padding:0px;		
}

a.player.black {
	background-image:url(flowplayer/splash.png);
}

/* play button */
a.player img {
	margin-top:115px;	
}

a.player.plain img {
	margin-top:113px;	
}

a.player.small img {
	margin-top:60px;		
}

a.player p {
	margin-bottom:-15px;
	padding-top:0px;
}

/*}}}*/


/*{{{ info, overlay, grippie */

/* overlay */ 
div.overlay, #overlay {
	padding:40px;	
	width:576px;  
	display:none;
	background-image:url(flowplayer/white.png);	
}

div.overlay div.close, #overlay div.close {
	background:url(flowplayer/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
}

#overlay_player { 		
	display:block;
	height:450px;
}

div.grippie {
	background:#EEEEEE url(flowplayer/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}

#right li a span {
	display:block;
	margin-top:2px;
	color:#333;
	font-size:11px;
}

#right li a.selected span {
	display:block;
	margin-top:2px;
	color:yellow;
}

/*}}}*/