/*////////////////////////////////
//                              //
//  ~CUSTOM UNI-FORM BUTTONS~   //
//                              //
//Design info                   //
//Original By:      Josh Wrye   //
//Original Date:    10FEB09     //
//                              //
//////////////////////////////////
//Special thanks to google's web//
//devs & engineers for all thier//
//research in cross-browser code//
//compatibility in order to make//
//this work properly. -Josh     //
////////////////////////////////*/

/*////////////////////////////////////////////
//This stylesheet must be the FIRST LINKED  //
//stylesheet as so to not interfere with    // 
//global resets in your other stylesheets.  //  
////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
}

p.spacer {
	margin-top: 20px;
	margin-bottom: 20px;
}

.btn {
	display: inline-block;
	background: none;

	padding: 3px 0;
	border-width: 0;
	overflow: visible;
	font: 90%/1.2 Arial,Sans-serif;
	text-decoration: none;
	color: #333;
}

* html button.btn {
	padding-bottom: 1px;
}

/* Gecko browsers */
html:not([lang*=""]) button.btn {
	margin: 0 -3px;
}

.btn span {
	background-color: #f9f9f9; 
	z-index: 1;
	margin: 0;
	padding: 3px 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #bbb;
}

* html .btn span {
    padding-top: 0;
}

.btn span span {
	background: none;
	position: relative;
	padding: 3px .4em;
	border-width: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
}

.btn hr {
	background: #d7d7d7;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 40%;
	border-top: 3px solid #eee;
}

* html .btn hr {
	top: 1px;
}

.btn b {
	background: #d7d7d7;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 40%;
	border-top: 3px solid #eee;
}

* html .btn b {
	top: 1px;
}

.btn u {
	text-decoration: none;
	position: relative;
	z-index: 3;
}

/* pill classes ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
	border-right-width: 0;
}

button.pill-l span span {
	border-right: 1px solid #ccc;
}

button.pill-c span {
	border-right-style: none;
	border-left-color: #fff;
}

button.pill-c span span {
	border-right: 1px solid #ccc;
}

button.pill-r span {
	border-left-color: #fff;
}

/* hover/focus/active state */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor: pointer;
	border-color: #ff932a !important;
	color: #000;
}

.btn:active span {
	outline: none;
}

.btn:focus, .btn:active {
	outline: none;
}

.btn:active hr {
	background: #d7d7d7;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 40%;
	border-bottom: 3px solid #eee;
}

.btn:active b {
	background: #d7d7d7;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 40%;
	border-bottom: 3px solid #eee;
}

/* primary button */
.primary {
	font-weight: bold;
	color: #000;
}