/* 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... */
    .ui-tabs-hide {
        display: none;
    }
}


                   
.pad {                  
  background:#d0dafd;
  padding: 0;
  margin: 0;
}     
.pad h2 {
  margin:0 0 .5em;
}
.ui-tabs-nav {
 padding: 0;
 text-align: center;
 margin: 0;
 font-size: 18px;
}
#tabs li {
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline;
}
#tabs a {       
  padding:4px 8px;
  cursor:pointer;
  font-size: 12px;     
  cursor:pointer;
  margin: 0;
  border: 1px solid #669;
  border-bottom: 2px solid #d0dafd;
  background: #e8edff url('images/gradback.png') repeat-x top;
  text-decoration: none;
  font-weight:bold;
}            
#tabs li.ui-tabs-selected a {       
  padding: 6px 10px;
  color: #000 !important;
  background: #d0dafd;
 border-bottom: 2px solid #d0dafd;
}

#tabs li a:link { color: #777; }
 background: #d0dafd url('images/gradhover.png') repeat-x;

#tabs li a:visited 
{ color: #777;
 background: #e8edff;
 }

#tabs li a:hover
{
  color: #000 !important;
  background: #d0dafd url('images/gradhover.png') repeat-x;
 border-bottom: 2px solid #d0dafd;
}

#tabs li a#current
{
background: #d0dafd;
border-bottom: 1px solid white;
}