/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
ul.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
}
ul.tabs-nav li { float:left; margin-right:1px;}
.tabs-container {clear:both;}

/*clearfix the UL tag */
.tabs-nav:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul.tabs-nav a,  .tabs-nav li a.rounded_by_jQuery_corners {
    display:block;
    background:#666;
    padding:7px 20px;
    font-size:21px;
    border-bottom:1px solid #ddd9d3;
    cursor:pointer;
    color:#ccc;
}
ul.tabs-nav a:hover, ul.tabs-nav .tabs-selected a:hover { 
    background:#444 none;
    border-bottom:1px solid #ddd9d3; color:#F4BB3A;}
ul.tabs-nav .tabs-selected a, ul.tabs-nav .tabs-selected a.rounded_by_jQuery_corners, ul.tabs-nav .tabs-selected a:hover { 
    background:#efefef url(../tab.png) repeat-x 0 -50px; cursor:text;
    color:#900; border:0; border-bottom:1px solid #e6e7e8;}
ul.tabs-nav .tabs-selected a:hover { cursor:text;  border-bottom:1px solid #e6e7e8;} 

ul.tabs-nav {display: inline-block;}
/* Hides from IE-mac \*/
* html ul.tabs-nav {height: 1%;}
ul.tabs-nav {display: block;}
/* End hide from IE-mac */