/* root element for tabs  */
ul.tabs {
   list-style:none;
   margin:10px -10px 23px -10px !important;
   padding:0 0 0 0px;   
 /*  border-bottom:1px solid #666;   */
   height:10px;
        list-style-type: none !important;
position: relative;
 
  z-index: 1;
}


/* single tab */
ul.tabs li {
 background-color: #ebebee;
   background-image: -webkit-linear-gradient(top, #fff, #ebebee);
    background-image:    -moz-linear-gradient(top, #fff, #ebebee);
    background-image:     -ms-linear-gradient(top, #fff, #ebebee);
    background-image:      -o-linear-gradient(top, #fff, #ebebee);
    background-image:         linear-gradient(top, #fff, #ebebee);
 
    float: left;
    font-size: 14px;
    font-weight:bold;
    margin-right: 6px;

    padding:5px 0 2px 5px;
    border-radius:5px 5px 0 0;
    border:1px solid #d5d5de;
    border-bottom:none;
    cursor:pointer;

  height: 25px; /* tab height*/

   width: 124px; /* tab size*/
  
}

ul.tabs li:hover {
	opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 100ms;
	}




/* link inside the tab. uses a background image */
ul.tabs a {
  
   font-size:20px;
    text-decoration:none;
   color:#333;
     margin:0px;   
 z-index: 2;
 line-height:1em;
   width: 124px; /* tab size*/
   text-align:center;   
 
   
}



ul.tabs a:active {
   outline:none;   
color:#fff;   


}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
   background-position: -420px -31px;   
   color:#3693c9;   
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
   background-position: -420px -62px;      
   cursor:default !important;
   color:#000 !important;
 font-weight:bold;
 text-decoration:underline;
 


}

/* 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 {
/*


background-color: #464545;
	color: #fff;
	padding: 10px;
	border: 1px solid #ebebeb;
border-top-left-radius: 0px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}



/* tab pane styling */
.panes div {
 /*  display:none;      */
/*   padding:15px 10px;*/
 /*  border:1px solid #999;*/
   border-top:0;
 
   font-size:12px;
 
}