/* Output Table Styling */
.top,
.multi
{
  background-color:#dddddd;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
.top
{
  border-style:solid solid none solid;
}
.mid
{
  border-style:none solid none solid;
  background-color:#dddddd;
}
.end,
.multi
{
  background-color:#dddddd;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
.end
{
  border-style:none solid solid solid;
}
.multi
{
    border-style: solid;
}

.none{
  border-style:none;
  border-bottom: 1px solid #DDD;
}
.single
{
  border-style:solid;
  background-color:#dddddd;
}
td{
  text-align:center;
  width:7em;
}
.time
{
  border-style:none none solid none;
  white-space: nowrap;
}
.day{
  border-style:none none solid solid;
}

.prof,
.location,
.synonym
{
    color: #444444;
    font-size: small;
}

/* Class Coloring */

.class0 { background: #69c76f; }
.class1 { background: #c5c769; }
.class2 { background: #c76b69; }
.class3 { background: #696fc7; }
.class4 { background: #69a7c7; }
.class5 { background: #c769c6; }
.class6 { background: #989898; }
.class7 { background: #e8e8e8; }
.class8 { background: #111111; color: #fff; } 
.class9 { background: #00437d; color: #fff; }
.class10 { background: #7e2400; color: #fff; }
.permuteNum { border-bottom: 1px solid #000; font-weight: bold; color: #fff; background: #222; }

#tabs table {
  clear: both;
}

#tabs ul {
text-align: center;
margin: auto;
margin-top: 10px;
margin-bottom: 2px; 
}
/* don't let the user see a tall stack of tabs before jQuery().tabs() is called. */
#tabs li
{ 
  display: inline-block;
}
#tabs table {
  margin: auto;
}
#tabs li a
{
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;

  text-decoration: none;
  background: rgb(0,35,0); /* Fallback */
  background: rgba(0,35,0,0.9);
  padding: 2px;
}
#tabs li a:link {
        color: rgba(255,255,255,1);
}
#tabs li a:visited {
        color: rgba(255,255,255,1);
}
#tabs li a:hover, .ui-tabs-selected a
{
  background: rgb(200,200,200) !important; /* fallback */
        background: rgba(200,200,200,1)!important;
        color: rgb(0,0,0)!important;
}
#tabs li a:active {
        color: rgba(200,200,200,1);
}
#tabs {
  min-width: 400px;
  max-width: 650px;
  margin: auto;
}
#tabs li /* , .ui-corner-all, .ui-corner-top */ { background: none!important; }
#tabs li { border: none!important; }