/*  version 1.10 2013-04-27  */

html, body {

	color: black;

/*	background-image: url(img/background-clouds.jpg);  */

	margin: 0 0 0 0;

	background-color: #f2f2f2;

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 73%;  			/* Enables font size scaling in MSIE */

}

html > body {

	font-size: 8.0pt;

}

#pagina {

	border: 1px solid #959596;

	border-radius: 5px;

	margin: 0px auto;

	color: black;

	background-color: #E8E9E8;

	padding: 0;

	min-width: 500px;				

}





table {border-collapse:collapse;border-spacing:0;}

.genericTable { 

border-collapse: collapse;

width: 100%;

color: black;

text-align: center;

background-color: #efeeee;



}

.row-dark {

background-color: #EEEEEE;

}

.row-light {

background-color: transparent;

}

.genericTable th {font-size: 70%; }

.genericTable td {text-align: center;}



.wsWxsimDateline {

	vertical-align: center;

	height: 28px;

	border-style: solid;

	border-width: 1px 0 1px 0;

	border-spacing: 4px;

	border-color: gray;

	background-color: #929191;

}



.pastel  			{color:  black;		background-color: #F1F8FE;}

.pastel li.tabberactive a {background-color: #B7D0E8;}

.pastel .table-top 	{color: white; background-color: #336699;}

.pastel .row-dark 	{background-color: #B7D0E8;}



.green  			{color:  black;		background-color: #D5DCCA ;}

.green 	li.tabberactive a {background-color: #ADCCC5;}

.green 	.table-top 	{background-color: #A7BF8E;}

.green 	.row-dark 	{background-color: #B1CBA0;}



.blue  				{color:  black;		background-color: #f2f2f2;}

.blue 	li.tabberactive a {background-color: #535151; color:#FFF}

.blue 	.table-top 	{background-color: #2d2c2c; color:#FFF}

.blue 	.row-dark 	{background-color: #dfdcdc;}



.beige  			{color:  black;		background-color: #FFF7ED;}

.beige 	li.tabberactive a {background-color: #E3D7C5;}

.beige 	.table-top 	{background-color: #CCBFAD;}

.beige 	.row-dark 	{background-color: #E3D7C5;}



.orange  			{color:  black;		background-color: #F9F0DD;}

.orange li.tabberactive a {background-color: #E9C781;}

.orange .table-top 	{background-color: #E9C781;}

.orange .row-dark 	{background-color: #E6D89C;}



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

  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

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

.tabbernav

{

 margin:0;

 padding: 0 3px ;

 border-bottom: 0px solid #778;

 font: bold 12px Verdana, sans-serif;

}



.tabbernav li

{

 list-style: none;

 min-height:40px;

 margin: 0;

 display: inline;

}

h2 {height:40px;}

.tabbernav li a

{

 padding: 3px 0.5em;

 min-height: 40px;

 border-top-left-radius: 5px;

 border-top-right-radius: 5px;

 margin-left: 3px;

 border: 1px solid #778;

  border-bottom: none;

/* background-color: #AAA;  */

 text-decoration: none;

 color: black;

}

/*

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

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

*/

.tabbernav li a:hover

{

 color: #000;

 background: white;

 border-bottom: none;

}



.tabbernav li.tabberactive a

{

/*  background-color: #fff; */

 border-bottom: none;

 height:40px;

}

/*

ul.tabbernav li.tabberactive a:hover

{

 color: #000;

 background: white;

 border-bottom: none;

} */



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

  .tabbertab = the tab content

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

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

.tabberlive .tabbertab {

 padding: 3px;

 border:0px solid #aaa;

/* height: 500px; */

 overflow:auto;

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

}



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

}