/*
 Horizontal Button Style
 */

.hbutton {
 font-size: 11px;
 line-height: 16px;
 margin: 0;
 border: 0;
 padding: 0;
}
.hbutton UL,
.hbutton LI {
 display: inline;
 list-style-type: none;
 margin: 0;
 border: 0;
 padding: 0;
}
.hbutton A {
 margin: 0;
 width: 100px;
 padding: 2px;
 color: black;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 font-family: "Arial", "Helvetica", "Sans-Serif"
}
.hbutton A:link,
.hbutton A:visited {
 border: 1px outset;
 background: #216BB3;
 color: white;
}
.hbutton A:hover {
 background: #9AA4A5;
 color: white;
 text-decoration: none;
}
.hbutton A:active {
 border: 1px inset;
 background-color: #216BB3;
}

/*
 * Vertical Button Style
 */

.vbutton {
 margin: 0;
 border: 0;
 padding: 0;
 font-size: 11px;
 line-height: 16px;
}
.vbutton UL,
.vbutton LI {
 display: inline;
 margin: 0;
 border: 0;
 padding: 0;
}
.vbutton A {
 display: block;
 white-space: normal;
 width: 150px;
 padding: 2px;
 color: black;
 text-decoration: none;
 font-weight: bold;
 font-size: 11px;
 font-family: "Arial", "Helvetica", "Sans-Serif"
}
.vbutton A:link,
.vbutton A:visited {
 border: 1px outset;
 background: #216BB3;
 color: white;
}
.vbutton A:hover {
 background: #9AA4A5;
 color: white;
 text-decoration: none;
}
.vbutton A:active {
 border: 1px inset;
 background-color: #9AA4A5;
}

/* Nested list items */

.vbutton UL A:link,
.vbutton UL A:visited {
 background: #cccccc;
 color: black;
 border: 1px solid black;
 border-top: 0;
 margin-left: 4px;
 margin-right: 0;
 width: 116px;
}
.vbutton UL A:hover {
 background: white;
 color: black;
 text-decoration: none;
}
.vbutton UL A:active {
 background: #bbbbbb;
 border: 1px inset;
}
.bluesmButton{
background-color: #3336699;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.bluesmButton:visited, .bluesmButton:hover, .bluesmButton:active{
color: white;
}

.blueButton{
	font-size: .69em;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px #336699 outset;
	padding: 1px 4px 1px 4px;
	color: #FFFFFF;
	background-color: #336699;
	font-weight: bold;
}
.blueButton.link{
color:#FFFFFF
}
.blueButton:visited{
color: #FFFFFF;
}

.blueButton:hover{
	border-style: inset;
	padding: 0px 5px 2px 3px;
	text-decoration: none;

}

.blueButton:active{
	color: #BBBBBB;
	text-decoration: none;

}
.orangeButton{
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px #FDE2B8 outset;
	padding: 1px 4px 1px 4px;
	color: #2C5885;
	background-color: #FDE2B8;
	font-weight: bold;
}

a.orangeButton:link{
	color: #2C5885;
}
a.orangeButton:visited{
	color: #2C5885;
}

a.orangeButton:hover{
	border-style: inset;
	padding: 0px 5px 2px 3px; /*2px 3px 0 5px; shift text 1px to the right and down*/
	color: #2C5885;
}

a.orangeButton:active{
	color: #000000;
}
.button {
	text-align:center;
	white-space:nowrap;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
/*Button Arrow Styles*/
.arrows {
    font-size:90%;
    margin:0.2em;
}
/*Button link styles*/
.button a:link, .button a:visited {
	color: #FFFFFF;
	background-color:#336699;
	font-size:1em;
	font-weight:bolder;
	text-decoration: none;
	border-bottom:0.1em solid #555;
	border-right:0.1em solid #555;
	border-top:0.1em solid #ccc;
	border-left:0.1em solid #ccc;
	margin: 0.2em;
	padding:0.2em;
	display:block;
}
.button a:hover {
	background-color:#275078;
	color:#999999;
	border-top:0.1em solid #777;
	border-left:0.1em solid #777;
	border-bottom:0.1em solid #aaa;
	border-right:0.1em solid #aaa;
	padding:0.2em;
	margin: 0.2em;
}