/* root element for tabs  */
ul.menutabs {
	list-style:none;
    margin:0 !important;
    padding: 3px;
    height: 23px;
    background: #3d4651;
    z-index: 1;
}

/* single tab */
ul.menutabs li {
	
	float: right;
    text-indent:0;
    padding: 1px;
    margin:0 1px 0 1px !important;
    border: 1px solid #708090;
   -moz-border-top-left-radius: 5px;
   -moz-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%, #bbbdbf 50%, #808184 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#ffffff), color-stop(50%,#bbbdbf), color-stop(100%,#808184)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 0%,#bbbdbf 50%,#808184 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 0%,#bbbdbf 50%,#808184 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 0%,#bbbdbf 50%,#808184 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#ffffff 0%,#bbbdbf 50%,#808184 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#808184',GradientType=0 ); /* IE6-9 */
}

/* link inside the tab. uses a background image */
ul.menutabs a {
    font-size: 10px;
    font-weight: bold;
    display:block;
    height: 25px;
    width: 85px;
    line-height:10px;
    text-align: center;
    text-decoration:none;
    color: #000000;
    text-shadow: 1px 1px #cccccc;
    padding:1px;
    margin:0 ;
    position:relative;
    top:1px;
}

ul.menutabs a:active {
	color: #ffffff;
    font-weight: bold;
   
}
ul.menutabs a:selected {
    color: #ffffff;
    border: 3px solid #fcc;
    
}

/* when mouse enters the tab move the background image */
ul.menutabs a:hover {
    text-shadow: 1px 1px #ffffff;
    
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.menutabs a.current, ul.menutabs a.current:hover, ul.menutabs li.current:selected a {
    
    cursor:default !important;
    color:#ffffff !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}