/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:35px;
 background-color:#efefef;
    
}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
    float:left;
    font-size:13px;
    display:block;

    padding:8px 20px ;
    text-decoration:none;
   
    border-bottom:0px;
    height:15px;
    background-color:#efefef;
    color:#777;
   
    border-right:1px silver solid;
        border-top:2px silver solid;
    position:relative;
  
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}

ul.css-tabs a:hover {
    background-color:#FFFFFF;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
    background-color:#FFF;
    
    border-top:2px #33CC33 solid;
    color:#000;
    cursor:default;
}


/* tab pane */
.css-panes div {
    display:none;
    min-height:150px;
    padding:15px 20px;
    height:300px
 
}