#button {
width: 150px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #90bade;
margin: 0;
}

#button li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}
html>body #button li a {
width: auto;
}

#button li a:hover {
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

FORM.awesome LABEL {
	WIDTH: 200px; MARGIN-RIGHT: 10px
}
FORM.awesome LABEL.long {
	MARGIN-LEFT: 120px; WIDTH: 390px
}
FORM.awesome P.label {
	MARGIN-LEFT: 120px; WIDTH: 390px
}
FORM.awesome LABEL SPAN {
	COLOR: #900
}
FORM.awesome INPUT {
	MARGIN-LEFT: 210px; WIDTH: 200px
}
FORM.awesome TEXTAREA {
	MARGIN-LEFT: 210px; WIDTH: 200px
}
FORM.awesome SELECT {
	MARGIN-LEFT: 210px; WIDTH: 200px
}
FORM.awesome TEXTAREA {
	WIDTH: 300px
}
FORM.awesome P.desc {
	MARGIN-LEFT: 210px
}
FORM.awesome .checks LABEL {
	MARGIN-LEFT: 220px
}
FORM.awesome .checks INPUT {
	MARGIN-LEFT: 210px
}
 HTML FORM.awesome .checks INPUT {
	MARGIN-LEFT: 105px
}
 HTML FORM.awesome .checks LABEL {
	MARGIN-LEFT: 210px; HEIGHT: 1em
}
FORM.awesome {
	MARGIN: 0px 0px 1em
}
FORM.awesome LABEL {
	FONT-WEIGHT: bold; FONT-SIZE: 1em; FLOAT: left; PADDING-TOP: 0.2em; TEXT-ALIGN: right
}
FORM.awesome LABEL:unknown {
	content: ":"
}
FORM.awesome LABEL.long {
	DISPLAY: block; FLOAT: none; TEXT-ALIGN: left
}
FORM.awesome LABEL.long:unknown {
	content: ""
}
FORM.awesome INPUT {
	DISPLAY: block; MARGIN-BOTTOM: -0.5em
}
FORM.awesome TEXTAREA {
	DISPLAY: block; MARGIN-BOTTOM: -0.5em
}
FORM.awesome SELECT {
	DISPLAY: block; MARGIN-BOTTOM: -0.5em
}
UNKNOWN {
	MARGIN-LEFT: 0px
}
FORM.awesome BR {
	CLEAR: left
}
UNKNOWN {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; HEIGHT: 0.8em
}
UNKNOWN {
	DISPLAY: none
}
FORM.awesome P.desc {
	MARGIN-TOP: -0.4em; DISPLAY: block; FONT-SIZE: 0.9em; MARGIN-BOTTOM: 1em; FONT-STYLE: italic
}
FORM.awesome .checks LABEL {
	CLEAR: none; DISPLAY: block; FLOAT: none; MARGIN-BOTTOM: -1em; WIDTH: auto; PADDING-TOP: 0px; HEIGHT: 2em; TEXT-ALIGN: left
}
FORM.awesome .checks LABEL:unknown {
	content: ""
}
FORM.awesome .checks INPUT {
	FLOAT: left; MARGIN-BOTTOM: 0.5em; WIDTH: auto; TEXT-ALIGN: right
}
 HTML FORM.awesome INPUT {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
 HTML FORM.awesome TEXTAREA {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
 HTML FORM.awesome SELECT {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
 HTML FORM.awesome .checks INPUT {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
 HTML FORM.awesome .checks LABEL {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
 HTML FORM.awesome P.desc {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px
}
 HTML FORM.awesome FIELDSET BR {
	FONT-SIZE: 0.5em; LINE-HEIGHT: 0.5em
}
.inline-button {
	_width:4em;
	font: bold 65%/1 Verdana, sans-serif;
	margin: 0 0.2em; padding: 0.1em 0; _padding:0;
	border: 1px solid black;
	white-space:nowrap;
	text-decoration: none;
	vertical-align:middle;
	background: #ccc;
	color: black;
	}
.inline-button em {
	_width:1em; _cursor:hand;
	font-style: normal;
	margin:0; padding: 0.1em 0.5em;
	background: white;
	color: black;
	}
.inline-button span {
	_width:1em; _cursor:hand;
	margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
	}
.inline-button:hover {
	background: #666;
	color: white;
	}
.inline-button:hover em {
	background: black;
	color: white;
	}

.orange { background: orange; color: black }
.orange em { background: white; color: #c60 }

.blue { background: #06c; color: white }
.blue em { background: white; color: #06c }

.green { background: green; color: white }
.green em { background: white; color: green }

.darkblue { background:#006; color:white }
.darkblue em { background:#ccf; color:#006 }
<!--
.brown { background:#dd9; color:black }
.brown em { background:#003; color:#ffc }
-->
.brown { background:lightblue; color:gray }
.brown em { background:gray; color:#ffc }

#mybutton   {
	background-color: #336699;
	border: solid 1px;
	border-color: white;
	color: white;
        text-decoration: none;   
	width: 8em;
        text-align: center;
}
  
A.buttontext {color: white; 
        text-decoration: none;   
	font-family: Andale Mono, monospace ; 
	font-size: 8px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2.2;
        cursor: hand;
}