/* player style */
/* container has a background image */
a.player {

	display:block;


	background:url(../images/vid_imgs/player_placeholder.jpg) no-repeat;
	width:641px;
	height:389px;
/*	padding:0 0px 75px 0px;	*/
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
 
/* splash image */
a.player img {
	margin-top:100px;
	border:0;	
}
 
 
#player {
	
}

/* styling of the info box */
#info {		
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms";
	color:#ffffff;
	float:left;
	padding:15px 25px;
	width:940px;
}
 

a.player2 {	
	margin-top:5px;
	display:block;
	background:url(http://www.lawyercentral.com/images/playersplash-1.png) no-repeat;
	width:425px;
	height:298px;
	padding:0 0px 75px 0px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
}
 
/* splash image */
a.player2 img {
	margin-top:115px;
	border:0;	
}
 
 
#player2 {
	float:left;		
}	
 


#ShareTabs {
width:480px;

	padding:0px;
	margin:0px; 
}
#ShareTabs ul{
margin:0px;
padding:0px;
display:inline;
list-style:none;
}
#ShareTabs li{
margin:0px 3px 0px 0px;
padding:0px;
display:inline;
list-style:none;
}

 
/* 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(http://flowplayer.org/img/player/skin/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(http://flowplayer.org/img/player/skin/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(http://flowplayer.org/img/player/skin/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;	
}
div.overlayF {
	/* growing background image */
	background:url(../images/vid_imgs/popup_formBG.png);
width:482px;
height:496px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:10px;
}

/* default close button positioned on upper right corner */
div.overlayF div.close {
	background-image:url(../images/vid_imgs/popup-close.png);
	position:absolute;
	right:12px;
	top:12px;
	cursor:pointer;
	height:53px;
	width:54px;
}


div.overlay {
	/* growing background image */
	background-image:url(../images/vid_imgs/popup-bg.png);
	
	/* dimensions after the growing animation finishes  */
	width:482px;
	height:353px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:10px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/vid_imgs/popup-close.png);
	position:absolute;
	right:12px;
	top:12px;
	cursor:pointer;
	height:53px;
	width:54px;
}
.popupTitle{
height:54px;
}
.popupTXT{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0558ac;
padding:30px; margin:0px;
}

			.textareaembed{

			width:415px; 
			height:102px;
			 background:#f5f5f5; 
			 border:solid 1px #d0d0d0;
			  overflow-y:auto; 
			  overflow-x:hidden;
			  margin-left:30px;
			}
			
			
			
			.textareaembed2{
			width:408px; height:208px; background:#e7e7e7; border:solid 1px #cccccc; padding:15px;overflow-y:auto; overflow-x:hidden;
			}
			
			
/* ---------------------- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding:0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin:0px;

}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0px;
}
.tabs-nav a {
    z-index: 2;
    padding-left: 0;
}
.tabs-nav .tabs-selected a {
   
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {

    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {

}
.tabs-nav a span {
margin:0px;
    padding-top: 0px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 0px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {

}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {

}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
width:450px;
    background: #18486c; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding:0px;
    background: url(../img/loading.gif) no-repeat 0 50%;
}