@charset "utf-8";
/* CSS Document */

.btn { display: inline-block; position: relative; background: #2ae; padding: 5px; font-variant: color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block !important; 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; }
.btn input {height: 0px; width: 0px; margin: 0px; padding: 0px; overflow: hidden; display: none !important; background:  url(/images/clear.png); border: none;}

.btn.c_777777 * { background-image: url(/images/btn2_777777.png);}

.btn.gray { background: #aaa; }
.btn.grey { background: #a00; }
.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #9d4; }
.btn:active { background-color: #C90; }
.btn[class] { background-image: url(/images/shade.png); background-position: bottom; }

* 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; }

/*
a.btn {
	//background: red;
	text-decoration: none;
}
a.btn span#btn_span {
	background: url(/images/shade.png);
	position: relative;
}
a.btn span#btn_span span#btn_span_span {
	position: relative;
	display: inline-block;
	background: none;
	padding: 0px 0px 0px .25em;
}
a.btn span#btn_span span#btn_span_span span#topright{
	background: url(/images/btn2.png) no-repeat;
	background-position: right top;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 52.5%;
	height: 48%;
	top: .01em;
	right: -.26em;
}
a.btn span#btn_span span#btn_span_span span#topleft{
	background: url(/images/btn2.png) no-repeat;
	background-position: left top;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 53%;
	height: 48%;
	top: .01em;
	left: 0px;
}
a.btn span#btn_span span#btn_span_span span#bottomright{
	background: url(/images/btn2.png) no-repeat;
	background-position: right bottom;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 52.5%;
	height: 50%;
	bottom: .01em;
	right: -.26em;
}
a.btn span#btn_span span#btn_span_span span#bottomleft{
	background: url(/images/btn2.png) no-repeat;
	background-position: left bottom;
	overflow: hidden;
	display: inline-block;
	position: absolute;
	width: 53%;
	height: 50%;
	bottom: .01em;
	left: 0px;
}

<a href="test.php" class="btn">
	<span id="btn_span">
		<span id="btn_span_span">
			<span id="topright" >&nbsp;</span>
			<span id="topleft" >&nbsp;</span>
			<span id="bottomleft" >&nbsp;</span>
			<span id="bottomright" >&nbsp;</span>
			<span id="content">Get Started</span>
		</span>
	</span>
</a>
*/