/* Tab Content - menucool.com */

ul.tabs
{
    padding: 7px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    text-align: right; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:3px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font: normal 12px Verdana;
    text-decoration: none;
    /*position: relative;*/
    padding: 7px 16px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #fff;
    background: #8A3CC4 url(tabbg.gif) 0 0 repeat-x;
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:visited  span
{
    color: #000;
}
        
ul.tabs li a:hover
{
    border: 1px solid #B7B7B7;
    background:#8A3CC4 url(tabbg.gif) 0 -36px repeat-x;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
    background: #502473 url(tabbg.gif) 0 0 repeat-x;


}
ul.tabs li.selected a span, ul.tabs li.selected a:hover
    font-color: #1e1;
        
}
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{
    border: 1px solid #B7B7B7; 
    padding: 5px 20px 0 20px;    
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
}

.toggle_button {
        padding:10px;
        background:#8a3cc4;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color:#fff;
}

.with-no-hover {
	opacity: 1.0 !important ;
}

.with-hover {
        opacity: 1.0 !important ;
}

.with-hover:hover {
        opacity: 0.7 !important ;
}