/* player container */
#player0 {
	height:240px;
	/*height:301px;*/
	width:400px;
	border:0px solid #fff;
	outline:0px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
}

#player1 {
	height:120px;
	width:193px;
	border:0px solid #fff;
	outline:0px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

#player2 {
	height:120px;
	width:193px;
	/*width:120px;
	width:100px;*/
	border:0px solid #fff;
	outline:0px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}
/*
#player3 {

	border:0px solid #fff;
	outline:0px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}
*/
#playerS {
        width:520px;
        height:316px;
	border:0px solid #fff;
	outline:0px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	padding:0px;
	margin:0px;
}


/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}

/* info area */
#playerInfo0 {
	height:80px;
	background:transparent url(images/bg_v_1.png) repeat;
	opacity:1;
	color:#fff;
	margin-top:149px;
	/*margin-top:211px;*/
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	float:left;
	width:370px;
	overflow:hidden;
	/*visibility:hidden;*/
}


#playerInfo1
{
  	height:30px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:80px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
}

#playerInfo2
{
  	height:30px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:80px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
}

/*
#playerInfo3
{
  	height:30px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:80px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
}
*/

#playerInfoS {
	height:100px;
	background:transparent url(images/bg_v_1.png) repeat;
	opacity:1;
	color:#fff;
	margin-top:193px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	float:left;
	width:490px;
	overflow:hidden;
}

#playerPlay0
{
  width:87px;
  height:87px;
  margin-top:40px;
  opacity:0.8;
}

#playerPlay0:hover
{
  opacity:1;
}


#playerBox0 {
	height:252px;
	width:421px;
	border:0px solid #fff;
	outline:0px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
}

#playerBoxInfo0
{
	text-align:left;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	width:421px;
	height:80px;
	z-index:1;
	left: 0px;
	margin-bottom: 0px;
	background-color: #cd0000;
	opacity: 0.5;
	color: #FFFFFF;
	margin-top:172px;
}

#playerBoxInfo0Topic {
	position: absolute;
	left: 23px;
	top: 192px;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 5;
}
#playerBoxInfo0Date
{
	position: absolute;
	left: 276px;
	top: 177px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 5;
	width: 132px;
	text-align: right;
}



div.hulu {
	position:absolute;
	height:40px;
	top:328px;
	float:left;
	/* black background with a gradient */
	background:#000 url(images/hulu.png) repeat-x 0 -4px;
	width:520px;
        z-index:10010;
}


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

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


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

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


div.hulu div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:285px;
	border-left:1px solid #999;
	height:40px;	
        z-index:10013;
}


div.hulu div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#781dc4;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #444;
        z-index:10013;
}


div.hulu div.progress, div.hulu div.buffer {	
	position:absolute;
	background-color:#781dc4;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
        z-index:10014;
}

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


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; 
        z-index:10013;
}


div.hulu div.time strong {
	font-weight:normal;
	color:#666;
}


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(images/hulu.png) no-repeat 5px -323px;
        z-index:10013;
}

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


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

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




div.overlay.hulu
{
  top:320px;
  z-index:1010;
}

div.overlay {
        margin:0px;
        width:520px;
        height:428px;
        position:absolute;
	/*padding:40px;	*/
	display:none;
        z-index:10003;
        background-image:url(images/overlayBg.png);
        padding-top:40px;
        padding-left:40px;
        padding-right:40px;
        padding-bottom:80px;
}

div.overlay div.close {
	background:url(images/overlayClose.png); 
	position:absolute;
	display:block;
  z-index:7;	
  padding:0px;	
  top:2px;
  right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
	font-size:10px;
	visibility:visible;
}

#player {
        position:absolute; 		
	display:block;
        z-index:7;	
        width:520px;
        height:316px;
        margin:0px;	
        padding:0px;	
        top:40px;
        left:40px;
}

#exposeMask
{
z-index:1;
}


div.hulu2 {
	position:absolute;
	height:40px;
	padding:0px;
	top:332px;
	float:left;
	/* black background with a gradient */
	background:#000 url(images/hulu2.png) repeat-x 0 -4px;
	width:520px;
        z-index:10010;
}


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

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

div.hulu2 a.pause { 
	background-position:11px -148px;
}

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


div.hulu2 div.track {  
	left:47px;
	position:absolute;
	cursor:pointer;
	width:285px;
	border-left:1px solid #999;
	height:40px;	
        z-index:10013;
}


div.hulu2 div.playhead {
	position:absolute;
	cursor:pointer; 
	background-color:#781dc4;
	opacity:0.3;
	filter: alpha(opacity=30);	
	width:3px;
	height:40px;
	border-right:1px solid #444;
        z-index:10013;
}

div.hulu2 div.progress, div.hulu2 div.buffer {	
	position:absolute;
	background-color:#781dc4;
	filter: alpha(opacity=10);
	opacity:0.1;
	width:0px;
	height:40px;
        z-index:10014;
}

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


div.hulu2 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; 
        z-index:10013;
}


div.hulu2 div.time strong {
	font-weight:normal;
	color:#666;
}


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

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


div.hulu2 a.unmute {
	background-position:5px -235px;	
}

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




div.overlayP {
        margin:0px;
        width:520px;
        height:428px;
        position:absolute;
	/*padding:40px;	*/
	display:none;
        z-index:10003;
        background-image:url(images/overlayBg.png);
        padding-top:40px;
        padding-left:40px;
        padding-right:40px;
        padding-bottom:80px;
}

div.overlayP div.close {
	background:url(images/overlayClose.png) no-repeat;
	position:absolute;
	top:-10px;
	left:-10px; 
	width:35px;
	height:35px;
	cursor:pointer;
        z-index:1000;
        overflow:hide;
}


#overlayP {
        margin:0px;
        width:520px;
        height:428px;
        position:absolute;
	/*padding:40px;	*/
	display:none;
        z-index:10003;
        background-image:url(images/overlayBg.png);
        padding-top:40px;
        padding-left:40px;
        padding-right:40px;
        padding-bottom:80px;
}

#overlayP div.close {
	background:url(images/overlayClose.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	width:35px;
	height:35px;
	cursor:pointer;
        z-index:4;
}


#playerP {
        position:absolute; 		
	display:block;
        z-index:7;	
        width:520px;
        height:288px;
        margin:0px;		
}

