/* root element for tabs  */
ul.tabs {
    margin:0 !important;
    padding:0;
    height:30px;
    border-bottom:1px solid #666;
}

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

ul.tabs a {
    float:left;
    font-size:13px;
    display:block;
    padding:5px 10px;
    text-decoration:none;
    border:1px dotted #666;
    border-bottom:0px;
    height:18px;
    background-color:#CCCCCC;
    color:#777;
    margin-right:4px;
    position:relative;
    top:1px;
    outline:0;
    -moz-border-radius:4px 4px 0 0;
}

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

/* selected tab */
ul.tabs a.current {
    background-color:#666;
    border-bottom:1px solid #ddd;
    color:#EEE;
    cursor:default;
}


/* tab pane */
.panes div {
    display:none;
    border:0px solid #666;


    padding:5px 0px;
    background-color:#222222;
}