﻿/*************************
/* WebbTv & Axess Play   *
/************************/

.PlayArchive {
  width: 894px;
  text-align: left;
  padding: 15px;
  min-height: 750px;
}

.PlayArchiveDataList {
  clear: both;
  margin-left: 80px;
  width: 750px;  
}

.TvContainerParent {
  background-color: #990000;
  margin: 10px 5px 0px 5px;
}

div.TvContainer
{
  background-color: #000;
  padding: 10px;
  margin: 0px;
  width: 350px;
  text-align: left;      
}

div.TvContainer a
{
  margin-top: 5px;
  font-size: 8pt;  
  font-weight: bold;
  color: #fff;
}

div.TvContainer img
{
  width: 55px;
}

.AxessPlay {
  width: 890px;
  height: 230px;
  background-color: #9a9b9a;
  text-align: left;
  padding: 15px;
  margin: 0px;
  border-left: solid 2px white;
  border-right: solid 2px white;
}

.AxessPlayInfo {
  width: 890px;
  background-color: #9a9b9a;
  text-align: left;
  padding: 15px;
  margin: 0px;
  border-left: solid 2px white;
  border-right: solid 2px white;
}

.playerLink {
  margin: 15px 0px 0px 0px;
}

.playerLink a {
  font-weight: bold;
  color: #990000;
  margin: 15px 0px 0px 0px;
}

.AxessPlayBottom {
  width: 924px;
  height: 4px;
  background: url('images/play/play_current_bottom.png');  
  background-repeat: no-repeat;
  margin: 0px 0px 15px 0px;
}

.AxessPlayTop {
  width: 924px;
  height: 4px;
  background: url('images/play/play_current_top.png');  
  background-repeat: no-repeat;
  margin: 15px 0px 0px 0px;
}

#tooltip {     
  display:none;     
  background: url(images/play/black_arrow.png);     
  font-size:12px;     
  height:70px;     
  width:160px;     
  padding:25px;  
  color:#fff;     
}

#sliderContainer {
  text-align: center;
  width: 730px;
  margin: 10px 0px 0px 0px;  
}

.imageContainer {
  float: left;
  width: 240px;  
  margin: 0px 15px 0px 0px;  
}

.imageContainer a {
  font-size: 7pt;
  font-weight: bold;
}

.sliderImage {
  width: 240px;
  height: 120px;  
  border: solid 2px white;
}



#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#slider, #slider li{   
	width:800px;
	height:125px;
	overflow:hidden; 	
	}
	
#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:25px;
		position:absolute;		
		z-index:1000;
		margin-top: 10px;		
		left: 50%;	
		margin-left: -30px;	
		}	
	#nextBtn, #slider1next{ 
		margin-left: 5px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		width:30px;
		height:25px;
		background:url('images/play/play_prev.gif') no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url('images/play/play_next.gif') no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
