/* $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!

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

  #col2 .tabberlive .tabbertabhide { display: none; }

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

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

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

  #col2 .tabber { }

#col2 .tabberlive {  }

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

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

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

  #col2 ul.tabbernav { margin: 0; padding: 0; font-size:13px; background: #fff url(../imgs/bgTabbernav.jpg) 0 0 repeat; min-height:35px;_height:35px; width:456px; display:block; position:relative; overflow:hidden; position:absolute; top:-39px; right:0px; font-weight:bold; }

#col2 ul.tabbernav li { margin: 0; padding:0 0 0 5px; display: block; float:left; list-style: none; background:none; background:url(../imgs/bgTabbernavItemDivider.gif) 100% 50% no-repeat; height:25px; text-align:center; }

#col2 ul.tabbernav li a {display:block; padding: 0px; margin: 0px; background: #ED1C24  url(../imgs/bgTabberMenuItem.gif) 0 -35px repeat-x; text-decoration: none; height:35px; line-height:35px;_float:left; width:109px; color:#FFFFFF; }

#col2 ul.tabbernav li a .filterActivated { background-color: #ff0000; }

#col2 ul.tabbernav li a:hover, #col2 ul.tabbernav li.tabberactive a, #col2 ul.tabbernav li.tabberactive a:hover { color: #535353; background:  #f3f3f3  url(../imgs/bgTabberMenuItem.gif) 0 0 repeat-x; }

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

  .tabbertab = the tab content

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

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

  #col2 .tabberlive .tabbertab { /*padding: 5px 0px;  background-color: white;*//* 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 */

  #col2 .tabberlive .tabbertab h2 { /*display: none;*/ }

#col2 .tabberlive .tabbertab h2.filterActivated { background-color: #ff0000; }

#col2 .tabberlive .tabbertab h3 { /*display: none;*/ }

#col2 .tabberlive .tabbertab h4 { display: none; }

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

  #col2 .tabberlive#tab1 { }

#col2 .tabberlive#tab2 { }

#col2 .tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }