/* ########### EMPTY BUTTON TEMPLATE ########### */
ul.emptyButtonTemplate
{ margin: 0; padding: 0; }

ul.emptyButtonTemplate li
{ float:left; height:20px; margin: 0; padding: 0; list-style: none; background: url("/layout/buttons/empty_rightside.gif") 100% 50% no-repeat; }

ul.emptyButtonTemplate li.buttonSpace
{ background: none; width: 10px; }

ul.emptyButtonTemplate li a:link,
ul.emptyButtonTemplate li a:active,
ul.emptyButtonTemplate li a:visited,
ul.emptyButtonTemplate li a:hover,
ul.emptyButtonTemplate li input
{ height:20px; font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; text-align: left; display: block;  background: url("/layout/buttons/empty_leftside.gif") 0 50% no-repeat; border:0;
	voice-family: "\"}\""; /* HACK DIFERENCES BROWSERS */
	voice-family:inherit;
	padding: 0 0 0 30px;	} /* IE */
	html>body ul.emptyButtonTemplate li a:link, ul.emptyButtonTemplate li a:active, ul.emptyButtonTemplate li a:visited, ul.emptyButtonTemplate li a:hover {
	padding: 0 0 0 30px; /* FF AND OPERA */
}

/* BUTTON INPUT */				
ul.emptyButtonTemplate li input
{
	height: 20px; padding: 0; cursor: pointer; width: 110px;
	voice-family: "\"}\""; /* HACK DIFERENCES BROWSERS */
	voice-family:inherit;
	padding: 0;	/* IE */
	}
	html>body ul.emptyButtonTemplate li input
	{
	padding: 0 10px 0 10px; /* FF AND OPERA */
}

/* ########### NEWGRAY BUTTON TEMPLATE ########### */
ul.newgrayButton
{ margin: 0; padding: 0; }

ul.newgrayButton li
{ float:left; height:20px; margin: 0; padding: 0; list-style: none; background: url("/layout/buttons/newgray_medium_rightside.gif") 100% 50% no-repeat; }

ul.newgrayButton li.buttonSpace
{ background: none; width: 10px; }

ul.newgrayButton li a:link,
ul.newgrayButton li a:active,
ul.newgrayButton li a:visited,
ul.newgrayButton li a:hover,
ul.newgrayButton li input
{ height:20px; font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #15619D; text-decoration: none; text-align: left; display: block;  background: url("/layout/buttons/newgray_medium_leftside.gif") 0 50% no-repeat; border:0;
	voice-family: "\"}\""; /* HACK DIFERENCES BROWSERS */
	voice-family:inherit;
	padding: 0 0 0 10px;	} /* IE */
	html>body ul.newgrayButton li a:link, ul.newgrayButton li a:active, ul.newgrayButton li a:visited, ul.newgrayButton li a:hover {
	padding: 0 0 0 10px; /* FF AND OPERA */
}

/* BUTTON INPUT */				
ul.newgrayButton li input
{
	height: 20px; padding: 0; cursor: pointer; width: 110px;
	voice-family: "\"}\""; /* HACK DIFERENCES BROWSERS */
	voice-family:inherit;
	padding: 0;	/* IE */
	}
	html>body ul.newgrayButton li input
	{
	padding: 0 10px 0 10px; /* FF AND OPERA */

}


/* novos 12/02/07 */
			
			/* ORANGE, BLUE AND GREEN BUTTON */

			ul.orangeButton,
			ul.blueButton,
			ul.greenButton
			{width: 180px; height: 20px; margin: 10px 0 10px 0; padding: 0;}
			
				ul.blueButton
				{height: 25px; border: 0;}
			
				ul.orangeButton li,
				ul.blueButton li,
				ul.greenButton li
				{float: left; list-style: none;}

					ul.greenButton li
					{background: url("/images/bg_buttonGreen_right.gif") 100% 0 no-repeat;}
	
					ul.orangeButton li
					{background: url("/images/bg_buttonOrange_right.gif") 100% 0 no-repeat;}
	
					ul.blueButton li
					{background: url("/images/bg_buttonRed_right.gif") 100% 0 no-repeat;}

						ul.blueButton li.home /* BLUE SYMBOLS */
						{margin-top: 10px; background: url("/images/bg_buttonBlue_HomeRight.gif") 100% 0 no-repeat;}
	
						ul.blueButton li.search
						{margin-top: 10px; background: url("/images/bg_buttonBlue_SearchRight.gif") 100% 0 no-repeat;}

					ul.orangeButton li a:link,
					ul.orangeButton li a:active,
					ul.orangeButton li a:visited,
					ul.orangeButton li a:hover,
					
					ul.blueButton li a:link,
					ul.blueButton li a:active,
					ul.blueButton li a:visited,
					ul.blueButton li a:hover,
					
					ul.greenButton li a:link,
					ul.greenButton li a:active,
					ul.greenButton li a:visited,
					ul.greenButton li a:hover
					{width:180px; font: bold 10px/20px Verdana, Arial, Helvetica, sans-serif; color: #FFF; display: block; text-align: center; text-decoration: none;}


						ul.greenButton li a
						{ width: 120px; background: url("/images/bg_buttonGreen_left.gif") 0 0 no-repeat;}

						ul.orangeButton li a
						{ width: 120px; background: url("/images/bg_buttonOrange_left.gif") 0 0 no-repeat;}

						ul.blueButton li a
						{ width: 120px; background: url("/images/bg_buttonRed_left.gif") 0 0 no-repeat;}
						
						
			
			ul.buttonExtended /* Only use this class in an element that contains orange,blue,or green Button class. This class override the button width and is used to avoid the style attribute in tags */
			{ width:250px; }
			
				ul.buttonExtended li.search a:link,
				ul.buttonExtended li.search a:active,
				ul.buttonExtended li.search a:visited,
				ul.buttonExtended li.search a:hover
				{ width:250px; }

					/* SPECIAL BUTTON */
					ul.specialButton
					{width: 120px; height: 25px; margin: 0 0 10px 0; padding: 0;}

						ul.specialButton li
						{list-style: none; background: url("/images/bg_special2_right.gif") 100% 0 no-repeat;}
						
							ul.specialButton li a:link,
							ul.specialButton li a:active,
							ul.specialButton li a:visited,
							ul.specialButton li a:hover
							{width:180px; font: bold 10px/38px Verdana, Arial, Helvetica, sans-serif; color: #FFF; padding: 0 40px 0 10px; display: block; text-align: left; text-decoration: none; background: url("/images/bg_special2_left.gif") 0 0 no-repeat;}

					/* WHITE BOX */
					div.whiteBox
					{width: 68px; height: 69px; clear: both; background: #FFF url("/images/bg_whiteBox.gif") 0 0 no-repeat; border: 0;}

						div.whiteBox h1
						{font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #003366; margin: 0; padding: 5px 10px 5px 5px; border: 0;}
						
							div.whiteBox h1 span
							{font: normal 9px Arial, Helvetica, sans-serif; color: #006699;}
					
					/* CALENDAR */	
					a.calendar:link,	
					a.calendar:active,	
					a.calendar:visited,	
					a.calendar:hover
					{font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif; color: #6699CC; padding-right: 25px; padding-bottom: 5px; background: url("images/bg_calendar.gif") 100% 0 no-repeat; border: 0;}

						a.calendar:hover
						{color: #336699;}