﻿/* Tab Content - menucool.com */

ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 11px Arial;
    text-decoration: none;
    position: relative;
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #F0F0F0 url(file:///C|/Users/OSMO1/Desktop/tabcontent/template1/tabbg.gif) 0 0 repeat-x;
    border-radius: 6px 6px 0 0;
    outline:none;
}
        
ul.tabs li a:visited
{
    color: #000;
}
        
ul.tabs li a:hover
{
  border: 1px solid #B7B7B7;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e7e7e7)); 
  background-image: -webkit-linear-gradient(top, #f8f8f8, #e7e7e7); 
  background-image: -moz-linear-gradient(top, #f8f8f8, #e7e7e7); 
  background-image: -o-linear-gradient(top, #f8f8f8, #e7e7e7); 
  background-image:  linear-gradient(to bottom, #f8f8f8, #e7e7e7); 
  border:#c1c0c0 solid 1px; 
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{  font: normal 11px Arial;
    border: 1px solid #B7B7B7; padding: 20px;
    background-color:#FFF;
    border-radius: 0 0px 6px 6px; border-top:none; margin-top:-7px;
	
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)); 
  background-image: -webkit-linear-gradient(top, #ffffff, #e7e7e7); 
  background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7); 
  background-image: -o-linear-gradient(top, #ffffff, #e7e7e7); 
  background-image:  linear-gradient(to bottom, #ffffff, #e7e7e7); 
  border:#c1c0c0 solid 1px;
}