Не получается применить параметр active - Вопросы по CSS

defined('_JEXEC') or die('Restricted access');

if(count($lists))
{
	jimport('joomla.application.component.helper');
	$db =& JFactory::getDBO();
	
	echo '<div class="jquery_tabbed_box" style="width:'.$params->get( 'mod_width' ).'px">';
  echo '<div class="jquery_tabbed_area">';

	echo '<ul class="jquery_tabs">';
	$n = 0;
	foreach($lists as $list)
	{
		$active = ($n == 0)? ' jquery_active jquery_active'.$mid : '';
 		echo '<li id="dfdfdf"><a href="javascript:void(0)" title="jquery_content_'.$mid.'_'.$list['modid'].'" class="jquery_tabs'.$mid.' jquery_tab'.$active.'">'.$list['tabtitle'].'</a></li>';
		$n++;
	}
 	echo '</ul>';
	
	foreach($lists as $list)
	{
		echo '<div id="jquery_content_'.$mid.'_'.$list['modid'].'" class="jquery_content'.$mid.' jquery_content">';

		$query = "SELECT position FROM #__modules WHERE id='".$list['modid']."'";
		$db->setQuery($query);
		$position = $db->loadResult();
		if(!empty($position))
		{
			$module = JQueryTabsModuleHelper::loadModule($list['modid']);
			echo JQueryTabsModuleHelper::renderModule($module); 		
		}		

		echo '</div>';
	}

	echo '</div>';
	
	echo '</div>';
}
?>

.jquery_tabbed_box{
	margin: 0px auto 0px auto;
}

.jquery_tabbed_area {
	
	margin-left:2px;}
	
	
	

ul.jquery_tabs {
	margin:0px; padding:0px;
	margin-top:12px;
	
	

}
ul.jquery_tabs li {
	list-style:none;
	display:inline;
	
	
}
ul.jquery_tabs li a {
	background-color:#464c54;
	color:#353535;
	padding:10px 18px 10px 18px;
	text-decoration:none;
	font-size:13px;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	background: #d6d6d6; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d6d6d6), color-stop(50%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* IE10+ */
    background: linear-gradient(135deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0 0 3px #666666;
	text-decoration: none !important;
	color: #333333;
	
}

ul.jquery_tabs li a:hover {
	background: #d6d6d6; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #d6d6d6 0%, #ffffff 50%, #d6d6d6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d6d6d6), color-stop(50%,#ffffff), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* IE10+ */
    background: linear-gradient(45deg,  #d6d6d6 0%,#ffffff 50%,#d6d6d6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#d6d6d6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
ul.jquery_tabs li a.active {
	
	background: linear-gradient(135deg, #FF6D00 0%, #FFB446 50%, #FF6D00 100%) repeat scroll 0 0 transparent!important;
	
}



.jquery_content {
	background-color:#ffffff;
	color:#282e32 !important;
	background-image:url(file:///D|/webserver/home/jum.loc/www/modules/mod_jquerytabs/jquerytabs/images/content_bottom.jpg);
	background-repeat:repeat-x;	 
	background-position:bottom;	
	color: #000000;
}
a.jquerytabs-link{
	display:block;
	font-size:11px;
	text-align:center;
	padding:5px;
}