/*----------------------------------------------------------------------
# FOR YOUJOOMLA LLC COPYRIGHT REMOVAL VISIT THIS PAGE 
# http://www.youjoomla.com/faq/view/you-joomla-templates-club/can-i-remove-youjoomla.com-copyright/78
# Youjoomla Default CSS- 
# Licensed to - Neo - YJ License - 62HG649
# ---This file may not be redistributed in whole or significant part---
# Copyright (C) 2007 - 2009 YOUJOOMLA LLC . All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: YOUJOOMLA LLC
# Website: http://www.youjoomla.com
------------------------------------------------------------------------*/
#tabs2_holder { background:#FFFFFF; width:100%; padding:0px; margin:0px auto 0px;border:1px #f0eded solid; }
#tabs_container { 
font-size:11px; 
display:block; 
position:relative; 
background:#fff url(images/bg.png) repeat-x top; 
/* the tabs container width is:
number of tabs * tab width + (number of tabs-1) * border thickness  */
/*width:62px; width is now  is assigned in module settings */
}
#tabs { 
display:block; 
position:relative; 
list-style-type:none; 
margin:0px; 
padding:0px; 
clear:both; 
float:none;
height:20px; /* for IE */ 
}
/* default tabs look */
#tabs li, #tabs li.last { 
float:left; 
text-align:center; 
border-left:none; 
border-top:none;
padding:5px 0px 5px; 
background:#FFF; 
cursor:pointer;
}
/* selected tab look */
#tabs li.selected { 
background:#F5F5F5; 
border-bottom:none; 
color:#333333;
}
#tabs li:hover { 
background:#F5F5F5; 
border-bottom:none; 
color:#333333;
}
/* don't put padding on this div. MooTools 1.1 has some difficulties getting the right size on elements with padding */
#tabs_container .tab_content { 
clear:both; 
display:block; 
position:relative;
overflow:hidden; /* in order to work with IE set overflow:hidden on tab content container */ 
background:#FFF url(images/bg.png) repeat-x top;
}
/* looks like it's problematic with margin. So try to set only padding */
#tabs_container .tab_content_in{
margin:0px;
padding:10px;
clear:both;
}