/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

  display: none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

}

.tabberlive {

  margin-top: 0em;
  margin-right: 1em;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav {

  margin: 0;

  /* border-bottom: 1px solid #aaa; */

  font: bold 12px Verdana, sans-serif;

  font-variant: small-caps;

}



ul.tabbernav li {

  list-style: none;

  margin: 0;

  display: inline;

  font-variant: small-caps;

}



ul.tabbernav li a {

  padding: 1px 1px;

  margin-left: 3px;

  border: 1px solid #aaa;

  border-bottom: none;

  background: #eee;

  text-decoration: none;

  color: #111;

  font-variant: small-caps;

}



ul.tabbernav li a:link {

  color: #555;

  font-variant: small-caps;

}

ul.tabbernav li a:visited {

  color: #000;

  font-variant: small-caps;

}



ul.tabbernav li a:hover {

  color: #000;

  font-variant: small-caps;

  background: #008dfe;

  border-color: #227;

}



ul.tabbernav li.tabberactive a {

  background-color: #4baeff;

  font-variant: small-caps;

}



ul.tabbernav li.tabberactive a:hover {

  color: #000;

  font-variant: small-caps;

  background: white;

  border-bottom: 1px solid white;

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

  padding: 5px;

  border: 1px solid #aaa;

  border-top: 0;

  height: 200px;

  overflow: auto;

  background-color: #ccc;
  
  background-image: url(images/tabsbg2.jpg);
  
  background-repeat: repeat-x;

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {

  display: none;

}

.tabberlive .tabbertab h3 {

  display: none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

  height: 200px;

  overflow: auto;

}

/* [smb] Move the tabber so that it butts up against the Free Resources blurb background, making the blurb and the tabs appear
     to be contiguous.
*/
.tabberlive {
		position: relative;
		top: -30px;
}