/* $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!
  --------------------------------------------------*/
*{ outline: none;}
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { 
}
.tabber div{ float:left;}
.tabberlive{
 width:345px; background:url(../images/title-1.jpg) left top no-repeat; width:345px;
}
.title1{ background:#e4e4e4 url(../images/box-bg.jpg) left top repeat-x; /*margin-top:32px;*/
 border-top:0;
 }
.title1 span {
 background:url(../images/title-1.jpg) left top no-repeat; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; padding-left:52px; font-size:15px; font-weight:bold; line-height:51px; color:#FFFFFF; display:block; margin-bottom:10px;
}
.tabberlive span{ font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; height:51px; color:#FFFFFF;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
.tabbertab p{ margin:0; padding:0;}
ul.tabbernav
{
 margin:0;
 padding: 0px 0; font-family:Arial, Helvetica, sans-serif;
 
 font: bold 12px Verdana, sans-serif;
 float:left; height:51px;
}

ul.tabbernav li
{
 list-style: none;
 width:70px;
 margin: 0; color:#FFFFFF;
 display: inline; height:51px; 
}

ul.tabbernav li a
{
	background:transparent url(../images/guj-logo-blue.gif) repeat-x scroll left top;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:51px;
	/*margin-right:1px;*/
	text-align:center;
	text-decoration:none;
	white-space:normal;
	width:114px;
	border-right:1px solid #fff;
 /*width:80px; white-space:normal; text-align:center; font-weight:normal; font-size:11px;
 margin-right: 1px;
 background:url(../images/guj-logo-blue.gif) left top repeat-x;
 display:block; float:left;
 color:#FFFFFF;
 line-height:normal;
 text-decoration: none;
 font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; padding-left:40px; font-size:14px; font-weight:bold; line-height:51px; color:#FFFFFF;*/
}
*html ul.tabbernav li a{ width:89px;}
/*\*/
*html ul.tabbernav li a
{
padding: 0 10px;
 margin-left: 0px;
 background:url(../images/deactive-tab.jpg) left top repeat-x;
 line-height:51px;
 display:block; float:left;
 color:#FFFFFF;
 text-decoration: none;
}
/**/
/*\*/
*html ul.tabbernav li
{
list-style: none;
padding-left:1px;
margin: 0; color:#FFFFFF;
display: inline; height:51px; 
}
/**/

ul.tabbernav li a:hover
{
 color: #c2e5f3;
}

ul.tabbernav li.tabberactive a
{
 color: #0d445f;
 background:url(../images/guj-logo-gray.gif) -3px top repeat-x; padding-left:40px; width:74px; text-align:left; font-size:11px;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #0f384e;

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px 10px 10px 10px; background:#e4e4e4 url(../images/box-bg.jpg) left top repeat-x; /*margin-top:32px;*/
 border-top:0; clear:both;  
  min-height:324px;
  height:auto !important;
  height:324px;

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

/*\*/
html*.tabberlive .tabbertab{
	min-height:328px;
	height:auto !important;
	height:328px;
}
/*end*/



#event_scroller{height:270px; overflow:hidden;}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none; height:0; font-size:0px; line-height:0px; margin:0; padding:0;
}
#event_scroller{height:270px; overflow:hidden;}
.tabberlive .tabbertab h3 {
 display:none; height:0; font-size:0px; line-height:0px; margin:0; padding:0;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
/* height:204px;*/
 overflow:auto;
}