div#playListbox { margin: 0 0 10px 90px; clear: left;}
.plist { float: left; width: 260px; margin-top: 5px; }
.playerbox { float:left; margin: 0 0 0 15px; width: 500px; }
.playerbox h3 { text-align: center; font-weight: bold; font-size: 0.9em;; color: #fff; margin: 0;}

/* container has a background image */
a.player {	
	margin-top: 10px;
	display: block;
	background: url(../img_t/splash.jpg) no-repeat;
	width:500px;
	height:319px;
	padding: 0;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}

/* splash image */
a.player img {
	margin: 110px auto;
	border:0;	
}

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

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

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

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

div.clips a {
	background: url(../img_t/bg_clip.png) 0 -118px;
	display:block;
	padding: 6px 14px 4px 8px;
	height:46px;
	width:258px;
	font-size:10px;
	font-weight: bold;	
	text-decoration:none;
	color:#fff;
}

div.clips a img { float: left; width: 80px; height: 40px; margin-right: 5px;
	display: block;}
div.clips a strong { display: block; margin: 0 65px 4px 0; line-height: 10px;}

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

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(../img_t/bg_clip.png) no-repeat 0px -61px;
	width:258px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

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

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



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





/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background: url(../img_t/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(../img_t/down.png);	
}


a.go.disabled {
	visibility:hidden;		
}

/*}}}*/


/* tabs slideshow */
/* container for slides */
.panes {
	position:relative;	
	height:300px;
	width:950px;
	float:left;	
	margin:0 0 15px 0;
	cursor:pointer;
	background: url(../img_t/bg_slider.png) no-repeat top right;
	
	/* CSS3 tweaks for modern browsers 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	*/
}



/* single slide */
.panes div.tbcnt {
	color: #fff; font-size: 16px; 
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin: 0;
	padding:10px 20px 10px 10px;
	height:280px;
	clear: left;
	
}


.panes div.tbcnt img.slideImage { float: left; width: 384px; margin-right: 15px;}
.panes div.tbcnt h2 { padding: 15px 0 0 0; color: #fff; font-size:30px;}
.panes div.tbcnt ul { margin: 0.5em 0 0 420px; position: relative;}
.panes div.tbcnt ul li { font-size: 14px; }
.panes div.tbcnt p { font-size: 16px;}
.panes div.tbcnt div.trialBTN { text-align: right; padding-right: 30px; display: block;}

body.EditMode .panes div.tbcnt { display: block; margin: 0; padding: 0; position: relative; height: auto; width: 100%;}

/* tabs (those little circles below slides) */
.tabs { display: none;}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:right;
	margin:3px;
	background:url(/sites/global/flowplayer/img/scrollable/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	


.slideNav { position: absolute; right: 40px; top: 125px; z-index: 1000;}
/* prev and next buttons */
.forward, .backward {
	float: left;
	display:block;
	width:30px;
	height:33px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward { background: url(../img_t/sliderctr_02.png) no-repeat; clear:right; }
.forward:hover { background-position: 0 -33px;}
.forward:active { background-position: 0 -66px;} 


/* prev */
.backward {background: url(../img_t/sliderctr_01.png) no-repeat;}
.backward:hover { background-position: 0 -33px;}
.backward:active { background-position: 0 -66px;}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


/* to fix edit mode */
body.EditMode .panes div.tbcnt { display: block; margin: 0; padding: 0; position: relative; height: auto; width: 100%;}
body.EditMode div#playListbox { display: none;}
body.EditMode .slideNav { display: none;}
body.EditMode .panes { height: auto; float: none; background-image: none;}