/* $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!
  --------------------------------------------------*/
@media screen {
	.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
	{
		border-bottom: 1px solid #66c2c2;
		margin: 0;
		padding: 3px 0;
	}

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

	/*Tab inativa*/
	ul.tabbernav li a
	{
		background: #f4fbfe;
		border: 1px solid #66c2c2;
		border-top: 1px solid #66c2c2;
		border-bottom: none;
		border-right: 1px solid #66c2c2;
		margin-left: 3px;
		padding: 3px 0.5em;
		text-decoration: none;
	}

	ul.tabbernav li a:link
	{
		color: #333;
		text-transform: lowercase;
	}

	ul.tabbernav li a:visited
	{
		color: #333;
		font-weight: bold;
		text-transform: lowercase;
	}

	ul.tabbernav li a:hover
	{
		background-color: #e3ebee;
		color: #990000;
		text-decoration: underline;
	}

	ul.tabbernav li.tabberactive a
	{
		background-color: #e3ebee;
		border-bottom: solid 1px #e3ebee;
		color: #333;
		font-weight: bold;
		text-transform: uppercase;
	}

	ul.tabbernav li.tabberactive a:hover
	{
		color: #990000;
		background: #e3ebee;
		font-weight: bold;
		border-bottom: 1px solid #e3ebee;
		text-transform: uppercase;
	}

	/*--------------------------------------------------
	  .tabbertab = the tab content --> CONTEÚDO DA TAB ATIVA
	  Add style only after the tabber interface is set up (.tabberlive)
	  --------------------------------------------------*/
	.tabberlive .tabbertab
	{
		background-color: #e3ebee;
		border: 1px solid #66c2c2;
		border-top: 0px;
		color: #2f5941;
		font-weight: bold;
		min-height: 770px;
		padding: 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
	{
		color: #636260;
		display: none;
	}

	.tabberlive .tabbertab h3
	{
		display: none;
	}

	.tabbertab span
	{
		color: #fff;
		font-weight: bold;
	}

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

	#main_home td, span
	{
		color: #000;
	}

}

@media print 
{
}