.btn { 
	display: block; 
	position: relative; 
	background: #484848; 
	padding: 5px; 
	float: left; 
	color: #F0F0F0; 
	text-decoration: none; 
	cursor: pointer;
	margin-left: 5px;
}

.btn * { 
	font-style: normal; 
	background-image: url(../pics/btn2.png); 
	background-repeat: no-repeat; 
	display: block; 
	position: relative; 
}

.btn i { 
	background-position: top left; 
	position: absolute; 
	margin-bottom: -5px;  
	top: 0; left: 0; 
	width: 5px; 
	height: 5px; 
}

.btn span { 
	background-position: bottom left; 
	left: -5px; 
	padding: 0 0 5px 10px; 
	margin-bottom: -5px; 
}

.btn span i { 
	background-position: bottom right; 
	margin-bottom: 0; 
	position: absolute; 
	left: 100%; 
	width: 10px; 
	height: 100%; 
	top: 0; 
}

.btn span span { 
	background-position: top right; 
	position: absolute; 
	right: -10px; 
	margin-left: 10px; 
	top: -5px; 
	height: 0; 
}

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

.btn.red { 
	background-color: #a00; 
}

.btn.red:hover {
	background-color: #ff0000;
}

.btn.blue { 
	background-color: #2ae; 
}

.btn.green { 
	background-color: #90c060;
}

.btn.green:hover {
	background-color: #90e060;
}



.btn:hover { 
	background-color: #808080;
	text-decoration: none;
}

.btn:active { 
	background-color: #484848; 
}

.btn[class] {  
	background-image: url(../pics/shade.png); 
	background-position: bottom; 
}

* html .btn { 
	border: 3px double #aaa; 
}

* html .btn.red { 
	border-color: #a00; 
}

* html .btn.blue { 
	border-color: #2ae; 
}

* html .btn.green { 
	border-color: #9d4; 
}

* html .btn:hover { 
	border-color: #a00; 
}