/**
* "Tabs & Slides In Content Items" (v2.1) Plugin for Joomla 1.0.x (plugin_jw_tabs_slides/tabs.css)
* License: GNU/GPL - http://www.gnu.org/copyleft/gpl.html
* Authors: George Chouliaras - Fotis Evangelou
* Date Created: October 31st, 2006
* Copyright (c) 2006 JoomlaWorks.gr - http://www.joomlaworks.gr
* Project page at http://www.joomlaworks.gr - Demos at http://demo.joomlaworks.gr
*/

.tabberlive .tabbertabhide {display:none;}
.tabber {}
.tabberlive {margin:8px 0px;}

ul.tabbernav {margin:0px;padding:0px 0px;border-bottom:1px solid #bbb;text-decoration:none;color:#000;position:static;text-transform:uppercase;font:normal 400 xx-small arial, helvetica, sans-serif;}
ul.tabbernav li {list-style:none;margin:0;display:inline;}
ul.tabbernav li a {
	padding:2px 3px;
	margin-left:3px;
	border:1px solid #bbb;
	border-bottom:none;
	background:#eee url(tab_bg.png) repeat-x top;
	text-decoration:none;
	font:normal 400 xx-small arial, helvetica, sans-serif;
	text-transform:uppercase;
	background-image: url(../images/bg_mainnav.jpg);
}
ul.tabbernav li a:link {color:#333}
ul.tabbernav li a:visited {}
ul.tabbernav li a:hover {
	color:#000000;
	background:#f2f2f2;
	border-color:#aaa;
	background-image: url(../images/bg_mainnav_blue.jpg);
	text-decoration:none;
	font:normal 400 xx-small arial, helvetica, sans-serif;
	text-transform:uppercase;
}
ul.tabbernav li.tabberactive a {background:#fff;border-bottom:1px solid #fff;}
ul.tabbernav li.tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;}
li.tabberactive {background-image:none;padding:0px;}
li.tabberinactive {background-image:none;padding:0px;}

.tabberlive .tabbertab {padding:2px;border:1px solid #bbb;border-top:0; text-decoration:none;color:#000;position:static;text-transform:uppercase;font:normal 400 xx-small arial, helvetica, sans-serif
/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */
/* height:100px; */
/* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */
/* overflow:auto; */
}

.tabberlive .tabbertab h2 {display:none;}
.tabberlive .tabbertab h3 {display:none;}
.tabberlive#tab1 {}
.tabberlive#tab2 {}
.tabberlive#tab2 .tabbertab {overflow:auto;/*height:200px; */}