/* $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{width:455px; position:relative}
.tabberlive{margin-top:1em}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{margin:0; padding:3px 0 0 0; font:bold 12px Verdana,sans-serif; width:445px; height:25px}
ul.tabbernav li{list-style:none; margin:0; display:inline; /*border:1px solid #03C*/; padding-top:2px}
ul.tabbernav li a{display:block; float:left; padding:3px 0 1px 10px; margin-right:5px; /*margin-top:3px; border:1px solid #778; border-bottom:none; background:#DDE; */text-decoration:none; width:102px; height:23px; background-image:url(../img/taboff_bg.jpg); background-position:top left; background-repeat:no-repeat}
ul.tabbernav li a:link{color:#333}
ul.tabbernav li a:visited{color:#333}
ul.tabbernav li a:hover{color:#000}
ul.tabbernav li.tabberactive a{background-image:url(/images/aboutAdvertising/tab_bg.jpg); background-position:top left; background-repeat:no-repeat; height:23px; color:#900; /**/}
ul.tabbernav li.tabberactive a:hover{}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab{padding:15px 15px 20px 10px; border:1px solid #ccc; color:#666; width:445px; font-family:Arial,Helvetica,sans-serif; font-size:11px; margin-top:0/* 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; */}
.tabberlive .tabbertab strong{color:#333}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive h3{display:none}
.tabbertab h3{display:none}
.tabbertab h5{color:#900; display:inline; padding:0 4px 0 0; margin:0; font-size:12px}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1{font-family:Arial,Helvetica,sans-serif}
.tabberlive#tab2{font-family:Arial,Helvetica,sans-serif}
.tabberlive#tab2 .tabbertab{}
.tabbercontact{width:80px}
.tabberpic{display:block; float:left; margin:1px 10px 50px 1px}
.tabberfloat{display:block; float:right; width:280px}
.tabberclr{clear:both}
.tabberh2{font-size:1.1em; color:#C00; margin:0; padding:3px 0 0 0; font-family:Arial,Helvetica,sans-serif}

