﻿.btn  
{
	position: relative;
	display: block; 
	background: #aaa; 
	padding: 5px; 
	float: left; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer; 
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none;
}
.btn * { font-style: normal; background-image: url(/images/buttons/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn.login * { background-image: url(/images/buttons/btnLogin.png);}
.btn.zipCode * { background-image: url(/images/buttons/btnZipCode.png);}
.btn.zipCode2 * { background-image: url(/images/buttons/btnZipCode2.png);}
.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.right { float: right; }
.btn.center { float:none; }

.btn.strike { text-decoration: line-through;}

.btn.bold { font-weight:bold; }
.btn.ten { font-size:10pt; }
.btn.11 { font-size:11pt; }
.btn.12 { font-size:12pt; }

.btn.red { background: #e12a2e; }
.btn.blue { background: #295cae; }
.btn.green { background: #7b9e2c; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #a00; }
/*.btn:active { background-color: #444; }*/
.btn[class] {  background-image: url(/images/buttons/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #295cae; }
* html .btn.green { border-color: #7b9e2c; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }
* html .btn.red { background: #e12a2e; }

.btn.small { padding:3px;}
.btn.small i { margin-bottom: -3px;  width: 3px; height: 3px; }
.btn.small span { left: -3px; padding: 0 0 3px 6px; margin-bottom: -3px; }
.btn.small span i { width: 6px; height: 100%;}
.btn.small span span { right: -6px; margin-left: 6px; top: -3px; height:0px}




