#controls{
	background:#CCC url(../images/buttons/shade.png) repeat-x;
	width:100%;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}


.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left;color: #fff; text-decoration: none; cursor: pointer; } 
.btn * { font-style: normal; background-image: url(../images/buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; } 

* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; } 
* html .btn { border: 3px double #aaa; } 
* html .btn.blue { border-color: #2ae; } 
* html .btn.green { border-color: #9d4; } 
* html .btn.pink { border-color: #e1a; } 
* html .btn:hover { border-color: #a00; } 

.btn.blue { background: #2ae; } 
.btn.red { background:#900; }
.btn.lightred { background:#600; }
.btn.green { background: #9d4; } 
.btn:hover { background-color: #CCC; } 
.btn[class] { background-image: url(../images/buttons/shade.png); background-position: bottom; }