/*
 Name : CSS and jquery tabs
 Version : 1.0
 Author : Amar Dhembare (www.amardhembare.com)

*/



.clear
{
clear:both;
}

#tabcontainer
{
width:100%;
}

#tabcontainer ul.tabs
{
margin:0;
padding:0;
list-style:none;
border-bottom:1px solid #0096bb;
height:22px;
}

#tabcontainer  ul.tabs li
{
list-style:none;
float:left;
margin-left:5px;
}

#tabcontainer  ul.tabs li a
{
padding:2px 5px;
border:1px solid #0096bb;
border-bottom:0px;
text-decoration:none;
color:#ffffff;
background-color:#0096bb;
display:block;
}

#tabcontainer ul.tabs li a:hover
{
background-color:#ffffff;
color:#0096bb
}

#tabcontainer ul.tabs li.active
{
border-bottom:0;
}

#tabcontainer ul.tabs li.active a
{
background-color:#ffffff;
color:#0096bb;
padding-top:4px;
}

#tabcontainer .tabcontent
{
border-left:1px solid #0096bb;
border-right:1px solid #0096bb;
border-bottom:1px solid #0096bb;
padding:10px;
}

#tabcontainer .tabcontent .content
{
display:none;
}

#tabcontainer .tabcontent .active
{
display:block;
}