@charset "utf-8";
/* -----------------------------------------
Title:			Button Libary Style Sheet
Author: 		Chris Satterthwaite
Updated: 		May.03.2010
Updated By: 	Chris Satterthwaite
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
General Styles:
Orange Button:
--------------------------------------------
----------------------------------------- */
/*----------------- General Style ------- */
/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 13px/100% Arial, Helvetica, sans-serif;
	padding: 8px 60px 8px 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	font-weight: bold;
	position: relative;
}

.submit { padding: 8px 14px 8px 12px; }

span.arrow {
	background: url(../images/interface/btn_arrow.png) no-repeat;
	display: block;
	width: 10px;
	height: 13px;
	position: absolute;
	right: 10px;
	top: 10px;
}

span.icon_1, span.icon_2, span.icon_3, span.icon_4 {
	background: url(../images/interface/btn_icon_1.png) no-repeat;
	display: block;
	width: 48px;
	height: 38px;
	position: absolute;
	right: -2px;
	top: -4px;
}

span.icon_2 {
	background: url(../images/interface/btn_icon_2.png) no-repeat;
}

span.icon_3 {
	background: url(../images/interface/btn_icon_3.png) no-repeat;
}

span.icon_4 {
	background: url(../images/interface/btn_icon_4.png) no-repeat;
}


.button:hover {
	text-decoration: none;
}
.button:active {
	margin-bottom: -1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.small {
	font-size: 11px;
	padding: 4px 11px 4px 10px;
}

/*----------------- Purple Button --------- */
.purple {
	color: #fff;
	border: solid 1px #591d6e;
	background: #a330cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#b532e4), to(#8e2eae));
	background: -moz-linear-gradient(top,  #b532e4,  #8e2eae);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b532e4', endColorstr='#8e2eae');
}
.purple:hover {
	color: #fff;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#a623d5), to(#7f1f9f));
	background: -moz-linear-gradient(top,  #a623d5,  #7f1f9f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a623d5', endColorstr='#7f1f9f');
}
.purple:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#8e2eae), to(#b532e4));
	background: -moz-linear-gradient(top,  #8e2eae,  #b532e4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8e2eae', endColorstr='#b532e4');
}


/*----------------- Blue Button --------- */
.blue {
	color: #fff;
	border: solid 1px #00648a;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	color: #fff;
	background: #00648a;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

.dark {
	border: solid 1px #0b3e51;
}