/*******/
.btn { 
	display: block; position: relative; background: #aaa; padding: 3px; float: left; color: #fff; font-size:10px; text-decoration: none; cursor: pointer; }
.btn * { 
	font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { 
	background-position: top left; position: absolute; margin-bottom: -4px; top: 0; left: 0; width: 4px; height: 4px; }
.btn span { 
	background-position: bottom left; left: -4px; padding: 0 0 3px 6px; margin-bottom: -4px; }
.btn span i { 
	background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 8px; height: 100%; top: 0; }
.btn span span { 
	background-position: top right; position: absolute; right: -8px; margin-left: 8px; top: -4px; height: 0; }

/*IE6-Hack*/
* html .btn span, * html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }	

.btn.blue { background: #091c5a; }
.btn:hover { background-color: #740021; }
.btn:active { background-color: #091c5a; }
.btn[class] { background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border:none; }
* html .btn.blue { border:none; }
* html .btn:hover { boder:none;}




/*---------- right aligned button ----------*/
.btnR { 
	display: block; position: relative; background: #aaa; padding: 3px; float: right; color: #fff; font-size:10px;		text-decoration: none; cursor: pointer; }
.btnR * { 
	font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btnR i { 
	background-position: top left; position: absolute; margin-bottom: -4px;  top: 0; left: 0; width: 4px; height: 4px; }
.btnR span { 
	background-position: bottom left; left: -4px; padding: 0 0 5px 6px; margin-bottom: -4px; }
.btnR span i { 
	background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 8px; height: 100%; top: 0; }
.btnR span span { 
	background-position: top right; position: absolute; right: -8px; margin-left: 8px; top: -4px; height: 0; }

* html .btnR span,
* html .btnR i { float: right; width: auto; background-image: none; cursor: pointer; }

.btnR.blue { background: #091c5a; }
.btnR:hover { background-color: #740021; color: #fff; }
.btnR:active { background-color: #091c5a; color: #fff; }
.btnR[class] {  background-image: url(../images/shade.png); background-position: bottom; }