/* --------------------------------------------------------------

   Stencil tabs.css
   * Sets up tab styling.

-------------------------------------------------------------- */

.tab ul
{
font: 12px/1.7em arial, sans-serif;
display: block;
position: relative;
z-index: 10;
margin: 0;
}

.tab li:first-child
{
border-left: 1px solid #D1D1CF;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
}

.tab li:last-child
{
border-right: 1px solid #D1D1CF;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}
.tab li
{
background: #E8E8E8;
background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 5%, #E8E8E8 100%);
background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(0.02, #F5F5F5), color-stop(1, #E8E8E8));

filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#E8E8E8');

border: 1px solid #D1D1CF;
border-right-color: #ddd;
border-left: none;
float: left;
list-style-type: none;
padding:  5px 15px;
line-height: 20px;
height: 20px;
margin-top: 10px;
margin-bottom: 0;
}

.tab li a { color: #555; font-weight: bold; text-decoration: none; display: block;}
li a:hover, li:hover a { text-decoration: underline; }

.tab li.current
{
background: #FFF;
filter: none;
line-height: 30px;
margin-top: 5px;
height: 25px;
padding-bottom: 6px;
color: #3D619B;
-webkit-border-radius: 4px !important;
-webkit-border-bottom-right-radius: 0 !important;
-webkit-border-bottom-left-radius: 0 !important;
-moz-border-radius: 4px !important;
-moz-border-radius-bottomright: 0 !important;
-moz-border-radius-bottomleft: 0 !important;
border-radius: 4px !important;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border: 1px solid #D1D1CF;
border-bottom: none;
}

.tab li.current a { color: #3D619B; cursor: pointer; text-decoration: none; }

.tab-content
{
background: #FFF;
width: 100%;
padding: 20px ;
border: 1px solid #D1D1CF;
display:block;
margin-top: -1px;
position: relative;
z-index: 5;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0;
border-radius: 4px;
border-top-left-radius: 0;
}

.tab-content-top
{
background: #FFF;
width: 100%;
padding-bottom: 26px;
border-top: 1px solid #D1D1CF;
display:block;
margin-top: -1px;
position: relative;
z-index: 5;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0;
border-radius: 4px;
border-top-left-radius: 0;
}


/* new clearfix */
.tab-nav:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .tab-nav             { zoom: 1; } /* IE6 */
*:first-child+html .tab-nav { zoom: 1; } /* IE7 */