/* HIGHLANDER BUTTONS
 * Why "Highlander"? To remind you that THERE CAN BE ONLY ONE. (R.I.P. Callen Linden 2009-2010)
 * Use other button styles at your peril. This is the one, true way.
 * Credit & respect to Juan for this clean, easy, gracefully degrading approach, initially applied on openID.
 *
 * Witness how they apply to both <button> and <a> elements, and rejoice:
 *
 * <button type="submit" name="Submit" class="HIGHLANDER_button_hot btn_large primary">Login</button>
 * <a href="http://join.secondlife.com" class="HIGHLANDER_button_hot btn_large secondary">Join Now</a>
 *
 */

.HIGHLANDER_button_hot {
	display: inline-block;
	width:100%; /* set your width in a block */
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	padding:5px 10px 6px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
	border:0;
	line-height:1;
}

.HIGHLANDER_button_hot.btn_lg {
	font-size:18px;
	line-height:24px;
	padding:6px 0;
}
.HIGHLANDER_button_hot.btn_md {
	font-size:14px;
	line-height:20px;
	padding:4px 0;
}
.HIGHLANDER_button_hot.btn_sm {
	font-size:11px;
	line-height:14px;
	padding:3px 0;
}



.HIGHLANDER_button_hot.primary{
	background-color:#ff6901;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff8c3f), to(#ff6901));
	background: -moz-linear-gradient(top,  #ff8c3f,  #ff6901);
	color:#fff;
}
.HIGHLANDER_button_hot.primary:hover {
	color:#fff !important;
	background: #ffb23f;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb23f), to(#ff9a03));
	background: -moz-linear-gradient(top,  #ffb23f,  #ff9a03);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb23f', endColorstr='#ff9a03');
}
.HIGHLANDER_button_hot.secondary{
	background-color:#85c5ad;
	background: -webkit-gradient(linear, left top, left bottom, from(#85c5ad), to(#5eb293));
	background: -moz-linear-gradient(top,  #85c5ad,  #5eb293);
	color:#fff !important;
}
.HIGHLANDER_button_hot.secondary:hover {
	color:#fff !important;
	background: #91d6bc;
	background: -webkit-gradient(linear, left top, left bottom, from(#91d6bc), to(#69c7a4));
	background: -moz-linear-gradient(top,  #91d6bc,  #69c7a4);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#91d6bc', endColorstr='#69c7a4');
}



/*
 * Other old hackish buttons that you should no longer use are below.
 * @TODO: purge code of these unclean styles.
 *
 */

button {
	font-family:helvetica, verdana, sans-serif;
	position: relative;
	margin:0;
	border: none;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	font-weight:bold;
	line-height:.85em;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	padding:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */
.green_sm, .green_lg, .orange_sm, .orange_lg, .orange_giant, .green_sm span, .green_lg span, .orange_sm span, .orange_lg span, .orange_giant span, .darkest_bg a.green_sm:hover, .darkest_bg a.green_lg:hover, .darkest_bg a.orange_sm:hover, .darkest_bg a.orange_lg:hover, .darkest_bg a.orange_giant:hover {
    color: #fff !important;
}

.green_sm, .green_lg, .orange_sm, .orange_lg, .orange_giant {
    display: inline-block;
    color: #fff !important;
    -moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .3);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: middle;
}

.green_sm, .green_lg {
    background: #5CB192 no-repeat center bottom;
}

.green_sm {
    background-image: url('../img/buttons/halo.png');
	height:32px;
    line-height: 32px;
	min-width: 44px;
	padding:0 8px;
}

/* LARGE BUTTON STYLES START : */
.green_lg {
	font-size:15px;
	height:33px;
    line-height: 33px;
	background-image: url('../img/buttons/halo_lg.png');
	min-width: 94px;
    padding: 0 13px;
}

/*------------- BUTTONS CSX SOLUTION STARTS ----------------- ****/
.orange_sm {
    left:0;
    height: 28px;
    line-height:28px;
    padding: 0 12px;
    background: transparent url('../img/buttons/btn_orange_sm_sprite.png') no-repeat -4px top;
}

/* LARGE BUTTON STYLES START : */
.orange_lg {
    font-size:15px;
    padding:0 50px;
    line-height: 34px;
    height:34px;
    background: transparent url('../img/buttons/btn_orange_lg_sprite.png') no-repeat -4px top;
    left:0;
}

/* GIANT BUTTON STYLES START : */
.orange_giant {
    font-size: 15px;
    background: transparent url('../img/buttons/btn_orange_giant.png') repeat-x left top;
    height: 73px;
    padding: 10px;
}