a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

div.panes div.pane {
  display:none;    
}

div.tabbedInterface {
  width: 536px;
  float: left;
  margin-bottom: 20px;
}

div.content {
  font-size:14px;
  background-color:#fff;  
}

div.content.inactive {
  display: none;
}

/* root element for tabs  */
ol#toc {
  list-style:none;
  margin:0 !important;
  padding:0;  
  height:30px;
}

/* single tab */
ol#toc li {
  float:left;   
  text-indent:0;
  padding:0;
  margin:0 !important;
  list-style-image:none !important;
  list-style-type:none !important;
}

/* link inside the tab. uses a background image */
ol#toc a {
  background: silver/*url(http://www.uakron.edu/)*/ no-repeat -420px 0;
  font-size:11px;
  display:block;
  height: 30px;  
  line-height:30px;
  width: 134px;
  text-align:center;  
  text-decoration:none;
  color:#333;
  padding:0px;
  margin:0px;  
  position:relative;
  top:1px;
}

ol#toc a:active {
  outline:none;

}
/* when mouse enters the tab move the background image */
ol#toc a:hover {
  background-position: -420px -31px;  
  color:#fff;  
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ol#toc a.active, ol#toc a.active:hover, ol#toc oi.active a {
  background-position: -420px -62px;    
  cursor:default !important;
  color:#000 !important;
}



/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ol.tabs a.s       { background-position: -553px 0; width:81px; }
ol.tabs a.s:hover   { background-position: -553px -31px; }
ol.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ol.tabs a.l       { background-position: -248px -0px; width:174px; }
ol.tabs a.l:hover   { background-position: -248px -31px; }
ol.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ol.tabs a.xl       { background-position: 0 -0px; width:248px; }
ol.tabs a.xl:hover   { background-position: 0 -31px; }
ol.tabs a.xl.current { background-position: 0 -62px; }


/*labs specific css*/
ol#toclabs{
  list-style:none;
  margin:0 !important;
  padding:0;  
  height:30px;
}

/* single tab */
ol#toclabs li {
  float:left;   
  text-indent:0;
  padding:0;
  margin:0 !important;
  list-style-image:none !important;
  list-style-type:none !important;
}

/* link inside the tab. uses a background image */
ol#toclabs a {
  background: url(/cba/images/student-resources/computer-lab/blue.png) no-repeat 0 0;
  font-size:11px;
  display:block;
  height: 30px;  
  line-height:30px;
  width: 134px;
  text-align:center;  
  text-decoration:none;
  color:#333;
  padding:0px;
  margin:0px;  
  position:relative;
  top:1px;
}

ol#toclabs a:active {
  outline:none;

}
/* when mouse enters the tab move the background image */
ol#toclabs a:hover {
  background-position: 0 -31px;  
  color:#fff;  
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ol#toclabs a.active, ol#toclabs a.active:hover, ol#toclabs oi.active a {
  background-position: 0px -62px;    
  cursor:default !important;
  color:#000 !important;
}



/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/*
ol#toclabs {
height: 30px;
list-style: none;
margin: 0;
padding:0;
}

ol#toclabs  li{
background: #bdf url(/dotAsset/742870.jpg);
float: left;
text-indent:0;
margin:0;
padding:0;
}

ol#toclabs a {
background: url(/dotAsset/742870.jpg) no-repeat 0 0;
color:#000;
float: left;
line-height: 30px;
padding-right: 10px;
text-decoration: none;
display:block;
height: 30px;
text-align:center;
padding:0px;
margin:0px;  
position:relative;
top:1px;
}

ol#toclabs a:active {
  outline:none;

}

ol#toclabs a:hover {
background-position: 0 -120px;
}

ol#toclabs a:hover span {
background-position: 100% -120px;
}

ol#toclabs li.active span{
background-position: 100% -60px;
}

ol#toclabs li.active a {
background-position: 100% -60px;
color:#fff;
font-weight: bold;
}

*/
/*

div.content {
    border: #48f solid 3px;
    clear: left;
    padding: 1em;
}
ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #bdf url(tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li a.active {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li a.active span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}*/