ul.shadetabs
{
    padding: 3px 0px 1px 0px;
    margin-left: 0px;
    margin-top: 1px;
    margin-bottom: 0;
    font-weight: bold;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
}

ul.shadetabs li{
    display: inline;
    margin: 0;
}

ul.shadetabs li a
{
    text-decoration: none;
    padding: 3px 10px 3px 10px;
    margin-right: 3px;
    border: 1px solid;    
}

ul.shadetabs li a:visited{
    color: #666;
}

ul.shadetabs li.selected{
    position: relative;
    top: 1px;
}

ul.shadetabs li.selected a{ /*selected main tab style */
    border-bottom-color: white;
    background-color:white;
}

ul.shadetabs li.selected a:hover{ /*selected main tab style */
    text-decoration: none;
    color: #666;
}

div.tabcontentstyle
{
    /*style of tab content oontainer*/
    border-style: solid none none none;
    border-width: 1px;
    width: 100%;
}

div.tabcontent{
    display:none;
    /* If we put this into tabcontentstyle, the formEntry:hover moves the element below in IE */
    padding-top: 15px;
}


div.contentTuning ul.shadetabs li a:hover
{
    background-color: #ffed38; 
}

div.contentCreation ul.shadetabs li a:hover
{
    background-color: #00AACC; 
}

div.contentTranslation ul.shadetabs li a:hover
{
    background-color: #60dd49; 
}

