body {

	font-family:"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;
	text-align:left;

}

 



img { border:none; outline:none; }






/* player styling */ 
#player {
	
	width:420px;
	height:340px;
	display:block;
	text-align:center;
	margin: 0px 0px 15px 0px;
	float: left;
	border: 1px solid #333333;
} 
 
/* play button */ 
#player img  { 
    margin-top:0px;         
    border: none; 
	outline:none;
	cursor:pointer;
} 

/* Taken out for the time being- spencer | background:url(http://www.thepalmerroom.com/images/videoPlayer/still-image-video-player.png) no-repeat; */
.player_image {
	
}


 
/* style for the player's wrapper element */ 
#player_wrap {
	width:450px;
	margin: 0px auto 0px auto;
	padding-top: 0px;
	height: 357px;
	float: left;
} 
 
/* override buffer color from controls.css */ 
div.controls div.buffer { 
    background-color:#789; 
}










#clips {
	background:#fff url(http://static.flowplayer.org/img/global/gradient/h150.png) repeat-x scroll;
	height:67px;
	padding:15px 34px;
	width:680px;
	margin: 0 auto;
}

#clips a {
	background:transparent url(http://static.flowplayer.org/img/playlist/entry.gif) no-repeat scroll 0;
	display:block;
	float:left;
	height:67px;
	margin:0 10px 0 0;
	width:87px;
	border:none;
	outline:none;
}

#clips a:hover {
	background-position:-87px 0;		
}

#clips a.playing, #clips a.paused {
	background-position:-174px 0;		
}













/* root element should be positioned relatively so that 
	child elements can be positioned absolutely */
div.controls {
	height:7px;
	margin:12px 0 10px;
	padding:15px 0 0;
	width: 750px;
	background: #ffffff;
	position: relative;
}

/* when play button toggles between play/pause class 
	we move it's background image */
div.controls div.play, div.controls div.pause { 
	position:relative;
	width: 18px;
	height:10px;
	text-indent:-999em;
	cursor:pointer;
	overflow:hidden;
	background:url(http://static.flowplayer.org/img/controls/play_pause.gif) center top no-repeat;
	margin-top: -10px;
}

div.controls div.pause { 
	background-position:center -10px;
}

/* the track or "scrubber"  */
div.controls div.track { 
	position:absolute;
	top:5px;	
	height:18px;
	left:20px;
	background:url(http://static.flowplayer.org/img/controls/track.gif) no-repeat;
	text-align:left;
	cursor:pointer;
	width:722px;	
}

/* the draggable playhead */
div.controls div.playhead { 
	position:absolute;	
	height:12px;
	background:url(http://static.flowplayer.org/img/controls/playhead.png) no-repeat;
	cursor:pointer;
	top:0px; 
	width:12px;
}

/* buffer and controls are automatically resized, their initial width should be 0 */
div.controls div.progress, div.controls div.buffer {	
	background-color:#fff;
	height:6px;
	margin:3px 4px;
	width:0px;
	position:absolute;
	top:0;
	font-size:0px;	
	
	/* this is the way to fine tune buffer and progress max width */
	max-width:712px;
}

div.controls div.buffer {
	background-color:#999;
}

/* som proprietary styling for progress bar under mozilla */
div.controls div.progress {
	
}









/* overlay dimensions */
div.overlay {
	padding:40px;	
	display:none;
	width:480px;  	
	height:375px;
}

/* generic styling for elements inside overlay */
div.overlay h2, div.overlay a, div.overlay p, div.overlay div {
	font-family:"bitstream vera sans",verdana;		
	margin-top:0px;
	color:#fff;
	font-weight:normal;
}

div.overlay h2 {
	margin:0px;		
}

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

/* tabs */
#shareTabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
}

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

#shareTabs li a { 
	background:transparent url(../images/tabbedMain/tabs.jpg) no-repeat scroll 0 0;
	display:block;
	height:42px;
	margin:0px;
	padding:0px;
	width:100px;
	text-align:center;
	line-height:42px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
}

#shareTabs li a#emailTab { background-position: 0 -37px; }
#shareTabs li a#embedTab { background-position: -140px -37px; }

#shareTabs li a#emailTab:hover { background-position: 0 -74px; }
#shareTabs li a#embedTab:hover { background-position: -140px -74px; }

#shareTabs li a#emailTab.current { background-position: 0 0; cursor: default; }
#shareTabs li a#embedTab.current { background-position: -140px 0; cursor: default;  }


/* tab panes = containers for tab content */
#panes {
	font-size:12px;
}


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

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

#panes button {
	border:1px outset #ccc;	
	cursor:pointer;
	background-color:#f9f9fa;	
}

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

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

#embedPane textarea {
	margin-top:10px;
	height:180px;
	background-color:transparent;	
	overflow-x:hidden;
	color:#BBBBBB;
	padding:4px;
	border:1px solid #ddd;
}

/* container for error/success messages */ 
#info {
	display:none;	
}






/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:42px;
	
}

/* 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(http://thepalmerroom.com/images/tabbedMain/tabs.jpg) no-repeat ;
	font-size:11px;
	display:block;
	height: 42px;  
	line-height:42px;
	width: 132px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0;
	margin:0px;	
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -132px -42px;	
	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: -132px -42px;		
	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: -420px -0px; width:122px; }
ul.tabs a.w1:hover 	{ background-position: -519px -42px; }
ul.tabs a.w1.current { background-position: -420px -86px; }

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


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

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:118px; }
ul.tabs a.w4:hover 	{ background-position: -0px -38px; }
ul.tabs a.w4.current { background-position: -132px -84px; }


/* initially all panes are hidden */
div.panes div {
	display:none;		
	padding:20px;
	
	
	font-size:16px;	
	background-color:#fff;
}










/* container for tabs and panes */
#scrollable {
	width:500px;
	overflow:hidden;
	position:relative;
	border-top:0;
	margin:0px;
	height:280px;		
}

/* container for panes */
#panes {	
	height:280px;
	position:absolute;
	width:10000px;	
}

/* single pane */
#panes div {
	width:500px;
	 		
	font-family:verdana;
	float:left;	
}