/**
 * Default TUBE Style Sheet
 *
 * WARNING:
 * This style sheet contains default class and id css declarations.  
 * You should NOT edit this file. Override paramaters in the header 
 * template or in your on css file. As this may be updated by the
 * upgrader in future versions.
 *
 * @copyright Too Much Media LLC
 * @authot Daniel Boland <dan.boland@toomuchmedia.com>
 * @version 1.0
 * @package TUBE
 *
*/
/*	$Id: db_struct.php,v 1.72 2010/03/03 19:15:59 tmmdan Exp $ */



.reelSlide {
	position:absolute;
	display:block;
	left:0px;
	top:0px;
	width:160px;
	height:120px;
	opacity:0.85;
} 
.reelAction {
	cursor:pointer;
}

.addClip {
	background:url('/site_images/plus.png') no-repeat;
	width: 45px;
	height: 16px;
}
.addClipHover {
	background:url('/site_images/plus_mouseover.png') no-repeat;
	width: 45px;
	height: 16px;
}
.removeClip {
	background:url('/site_images/minus.png') no-repeat;
	width: 45px;
	height: 16px;
}
.removeClipHover {
	background:url('/site_images/minus_mouseover.png') no-repeat;
	width: 45px;
	height: 16px;
}



/* BEGIN side bar reel css*/

#currentReelContainer { 
	width: 190px;
	background: #1F1F1F; 
}

#currentReelHeader {
	width: 190px;
	height: 66px;
	background: #1F1F1F url('/images/my_reels.gif') no-repeat center center; 
}

#reelInstructions {
  overflow: auto;
  height: 200px;
  width: 190px;
  font-size: 10pt;
  text-align: center;
}

#reelInstructions p {
	margin: 5px 10px;
	width: 166px;
}

#currentReel {
	overflow: auto;
	height: 200px;
	width: 190px;
	display: none; 
}


#currentReel .reelEntry {
	width: 170px;
	margin: 7px 10px;
	clear: both;
}

#currentReel .reelEntry img{
	border: none; 
	width: 30px;
	height: 30px;
	float: left; 
	margin: 4px 5px 4px 5px;
}

#currentReel .reelEntry #text { 
	overflow: none;
	font-size: 10pt;
	font-weight:normal;
	white-space: nowrap;
	text-align: left;
	width: 120px;
	float: right; 
}

#currentReel .reelEntry #action {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 10pt;
	width: 120px;
	float: right;
	border: none;
	color: #bbbbbb;
	cursor:pointer;
}

#currentReel .reelEntry #actionImg {
	cursor:pointer;
	display: none;
	margin: 0;
	padding: 0;
	width: 120px;
	float: right;
	url('/images/minus.png') no-repeat;
}

#currentReelFooter {
	width: 190px;
} 

#currentReelFooter a {
	margin-left:38px; 
	font-size: 12pt;
	font-weight: bold;
}

/* END side bar reel css*/






/* BEGIN play_reel player and playlist css */
	
	#pl {
		height:105px;
		width:690px;
		
		background:#000000;
		
		border: 1px solid #999999;
		
		border:0;
		position:relative;
		overflow:hidden;
		padding:5px 0;
		float:left;
	}
	
	#pl div.entries {
		height:120px;
		position:absolute;
		width:10000em;
	}
	
	#pl div.entries a {
		height:110px;
		width:120px;
		
		
		color:#666;
		float:left;
		font-family:"bitstream vera sans","lucida grande","verdana";
		font-size:11px;
		margin:1px 4px;
		padding:7px 7px 0 0;
		text-decoration:none;
	}
	
	#pl div.entries a:hover {
		color:#000;
	}
	
	#pl div.entries a.playing {
		color:#000;
		
	}
	
	#pl div.entries a.paused {
		color:#000;
	}
	
	#pl div.entries a.progress {
		opacity:0.8;
	}
	
	#pl div.entries em {	
		color:#CCCCCC;
		font-style:normal;
		text-align:right;
	}
	
	a.nextPage, a.prevPage {
		display:block;
		width:15px;
		height:100px;
		background:url(/site_images/pl_left.png) no-repeat;
		margin: 10px 0 0 0;
		cursor:pointer;
		float:left;
		
	}
	
	a.nextPage:hover {
			
	} 
	a.prevPage:hover {
		
	}
	
	a.nextPage {
		background-image:url(/site_images/pl_right.png);	
	}
	
	a.nextPage.disabled, a.prevPage.disabled {
		visibility:hidden;		
	}
		
	/* container has a background image */
	a.player {	
		text-align:center;
		color:#fff;
		text-decoration:none;
		cursor:pointer;
	}
	 
	/* splash image */
	a.player img {
		border:0;	
	}	
		
		
/* END play_reel */





	#active_reel_name {
		color:white;
		border:1px #cccccc solid;
		background-color: #000000;
	}