/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
* {
-moz-force-broken-image-icon:1 !important;
}
/*--------------------------------------------------
  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:1em; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.tabberlive ul.tabbernav{ border:0 none; list-style:none outside none; margin:0; padding:0; }
ul.tabbernav { background:url("/images/horizontal-line.gif") no-repeat scroll right bottom transparent; height:30px; }
ul.tabbernav li  { float: left; margin: 0px 2px 0px 0px ; height: 30px; overflow: hidden; display: block; font-size: 12px; padding:0; }
ul.tabbernav a:link, ul.tabbernav a:visited { background: url('/images/tabs.gif') repeat scroll right 60px transparent; color: rgb(71, 71, 71); display: block; font-weight: bold; line-height: 30px; text-decoration: none; }
ul.tabbernav a span { background: url('/images/tabs.gif') repeat scroll left 60px transparent; display: block; margin-right: 10px; padding-left: 10px; }
ul.tabbernav a:hover { background: url('/images/tabs.gif') repeat scroll right 30px transparent; display: block; }
ul.tabbernav a:hover span { background: url('/images/tabs.gif') repeat scroll left 30px transparent; display: block; white-space: nowrap; }
ul.tabbernav a span img {padding-top: 6px; }
ul.tabbernav .tabberactive a:link, ul.tabbernav .tabberactive a:visited, ul.tabbernav .tabberactive a:visited, ul.tabbernav .tabberactive a:hover { background: url('/images/tabs.gif') no-repeat scroll right 0pt transparent; }
ul.tabbernav .tabberactive a span, ul.tabbernav .tabberactive a:hover span { background: url('/images/tabs.gif') no-repeat scroll left 0pt transparent; color: black; }


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 background:url("/images/vertical-line.gif") no-repeat scroll 0 0 transparent;
 padding:20px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* 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; }