﻿#tabs 
{
list-style: none;
padding: 10px 0 4px 0;
margin: 0px 0 0 0px;
font: 12px arial;
}

#tabs li 
{
display: inline;
padding: 0px 1px 0px 0px;
margin:0 0.1em 0px 0;
}

#tabs li span 
{
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom: 1px solid #aaaaaa;
padding: 8px 6px 7px 6px;
text-decoration: none;
background-color: #eeeeee;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
display:inline-block;
}

#tabs li span:hover 
{
background-color: #dddddd;
border-bottom: 1px solid #aaaaaa;
padding: 8px 6px 7px 6px;
cursor:pointer;
}

#tabs li.active span 
{
border-top:1px solid #aaaaaa;
border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
border-bottom: 1px solid #ffffff;
padding: 8px 6px 8px 6px;
border-bottom: none;
}

#tabs li.active span:hover 
{
padding: 8px 6px 8px 6px;
border-bottom: none;
}

#tabs-content-container 
{
border: 1px solid #aaaaaa;
padding: 10px;
min-height:100px;
overflow:visible;
display:table; /* Fix for issue found in RWD and Document Library web parts used on Tab pages */
width:100%; /* Fix for issue found on search results page */
border-radius: 0 4px 4px 4px;
-moz-border-radius: 0 4px 4px 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}

#tabTarget
{
border: none;
overflow: hidden;
}

.tab-contents
{
padding:10px;
}

.hide-tab
{
display:none !important;
}
