/*--------------------------------------------------
  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
  --------------------------------------------------*/
ul.tabbernav
{
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #778;	
	font: bold small Verdana, sans-serif;
}


ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;

}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 10px;
 border: 1px solid #778;
 border-bottom: none;
 background: #9cf;
 text-decoration: none;
}

ul.tabbernav li a
{
 background: #eee;

}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;

}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}


ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid #778;

}



/*--------------------------------------------------
  .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;
 margin-bottom:5px; 

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


 /* Overview styling */
a#sgt1nav1,a#sgt2nav1,a#sgt3nav1,a#sgt4nav1,a#sgt5nav1, a#sgt6nav1,a#sgt7nav1,a#sgt8nav1, a#sgt9nav1, a#sgthelpnav1 {	 
background: #FFFF99; 

 } 

.tabberactive a#sgt1nav1, .tabberactive a#sgt2nav1, .tabberactive a#sgt3nav1, .tabberactive a#sgt4nav1, .tabberactive a#sgt5nav1, .tabberactive a#sgt6nav1, .tabberactive a#sgt7nav1, .tabberactive a#sgt8nav1, .tabberactive a#sgt9nav1, .tabberactive a#sgthelpnav1 {	 	 
background: #FFFF99; 
border-bottom: 1px solid #FFFF99;
 }
 
 .a
{
 background: #FFFF99;
}


 /* matrix styling */
 
a#sgt3nav3,a#sgt5nav2, a#sgt6nav2, a#sgt9nav3, a#sgthelpnav2 {	 
background:  #FFCC99; 

 } 

.tabberactive a#sgt2nav2,.tabberactive a#sgt3nav3,.tabberactive a#sgt5nav2, .tabberactive a#sgt6nav2, .tabberactive a#sgt9nav3, .tabberactive a#sgthelpnav2 {	 	 
background:  #FFCC99; 
border-bottom: 1px solid  #FFCC99;
 }

.b {
background: #FFCC99;

}

 /* links/tips styling */ 
a#sgt1nav2,a#sgt2nav2,a#sgt2nav3,a#sgt3nav2,a#sgt3nav4,a#sgt4nav2,a#sgt4nav3,a#sgt5nav3,a#sgt5nav4, a#sgt6nav3,a#sgt7nav2,a#sgt8nav2,a#sgt9nav2, a#sgt9nav4, a#sgthelpnav3 {	 
background: #CCFFCC; 

 } 

.tabberactive a#sgt2nav2,.tabberactive a#sgt1nav2,.tabberactive a#sgt2nav3,.tabberactive a#sgt3nav2,.tabberactive a#sgt3nav4,.tabberactive a#sgt4nav2,.tabberactive a#sgt4nav3,.tabberactive a#sgt5nav3,.tabberactive a#sgt5nav4, .tabberactive a#sgt6nav3,.tabberactive a#sgt7nav2,.tabberactive a#sgt8nav2,.tabberactive a#sgt9nav2,.tabberactive  a#sgt9nav4, .tabberactive a#sgthelpnav3
{	 	 
background: #CCFFCC; 
border-bottom: 1px solid #CCFFCC;
 }
 
.c {
background: #CCFFCC;

} 

 /* case studies styling */ 
a#sgt1nav3,a#sgt1nav4,a#sgt2nav4,a#sgt2nav5,a#sgt3nav5,a#sgt3nav6,a#sgt4nav4,a#sgt4nav5,a#sgt5nav5,a#sgt5nav6, a#sgt6nav4,a#sgt6nav5,a#sgt7nav3,a#sgt7nav4,a#sgt8nav3,a#sgt8nav4, a#sgt9nav5,a#sgt9nav6, a#sgthelpnav4 {	 
background: #eee; 

 } 

.tabberactive a#sgt1nav3,.tabberactive a#sgt1nav4,.tabberactive a#sgt2nav4,.tabberactive a#sgt2nav5,.tabberactive a#sgt3nav5,.tabberactive a#sgt3nav6,.tabberactive a#sgt4nav4,.tabberactive a#sgt4nav5,.tabberactive a#sgt5nav5,.tabberactive a#sgt5nav6, .tabberactive a#sgt6nav4,.tabberactive a#sgt6nav5,.tabberactive a#sgt7nav3,.tabberactive a#sgt7nav4,.tabberactive a#sgt8nav3,.tabberactive a#sgt8nav4, .tabberactive a#sgt9nav5,.tabberactive a#sgt9nav6, .tabberactive a#sgthelpnav4 {	 	 
background: #eee; 
border-bottom: 1px solid #eee;
 }

.d {
background: #eee;

}