#video_tabs {
position:relative; 
height:230px; 
width:300px;

background-image:url(bg_orange_panel.gif);
background-repeat:repeat-x;
background-color:#FFE7D7;

  }
.feature { position:absolute; overflow:hidden; }
.tabs { margin-left:0px;
padding-left: 0px;

margin-bottom:0px;
  }
  

/*
.tabs li {
background-color:#edd;
float:none;
list-style:none; 
display:inline; 
padding:5px;
margin-left: 10px;
width:auto;
}


.tabs li a { 
color:#333; 
height:auto;
padding:5px 5px;
text-decoration:none;


}
.tabs li.active { background-color:#ddd; }
.tabs li a.active { color:#000; }
*/

.tabs a
{
color: #9FB5CF;

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background:  url("white_tab_left.gif") left top no-repeat;
text-decoration: none;
padding-left: 6px;
margin-left: 3px;

}

.tabs a span
{
	background: url("white_tab_right.gif") right top no-repeat;
	padding-right:8px;
	
	padding-bottom: 8px;
	padding-top: 8px;
}

.tabs a, .tabs a span
{
display: block;
float: left;
}

/* Commented backslash hack hides rule from IE5-Mac \*/
.tabs a, .tabs a span
{
float: none
}
/* End IE5-Mac hack */

.tabs a:hover, a.active
{
color: #FFFFFF;

background: url("orange_tab_left.gif") left top no-repeat;
text-decoration: none;
padding-left: 6px
}

.tabs a:hover span, a.active span
{
background: url("orange_tab_right.gif") right top no-repeat;
padding-right: 8px
}

.navigation
{
list-style: none;
padding: 0;
margin: 0;
}

.tabs li
{
float: left;

margin: 0;
padding: 0;
display:inline; 
}


