﻿/* Styles for tabs
-----------------------------------------------------------*/
.tabs {
    float: left;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

div.tabs {
    border-bottom: 2px solid gray;
}

.tabs h1 {
    padding-bottom: 0;
    border-bottom: none;
}

.tabs ul {
    margin: 0;
    padding: .4em 0 0 0;
    list-style: none;
}

.tabs li {
    float: left;
    background-image: url("/images/tab_left.png");
    background-repeat: no-repeat;
    margin: 0 1px 0 0;
    padding: 0 0 0 8px;
}

.tabs a {
    float: left;
    display: block;
    background-image: url("/images/tab_right.png");
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0.2em 10px 0.2em 0;
    text-decoration: none;
    color: #711515;
}
.tabs li.selected {
    background-image: url("/images/tab_selected_left.png");
}
.tabs li.selected a {
    background-image: url("/images/tab_selected_right.png");
    background-color: transparent;
    color:#FFFFFF;
}
