/* 
	PNNL App Button Styles
	Author: Geoff Elliott 
*/

.button_silver, .button_copper, .button_platinum, .button_bronze, 
a.button_silver, a.button_copper, a.button_platinum, a.button_bronze { 
	font-weight: normal; 
	font-family: "Avenir STD", "Avenir LT STD", Avenir, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	padding: 0.3em 0.8em;
	display: inline-block;
	overflow: visible;
	color: #f8f8f8; 
	cursor: pointer;
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	outline: none; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-position: left bottom;
	background-repeat: repeat-x;
	/* For some reason this triggers undesirable text smoothing in Safari */
/*	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);*/
}

/* Not sure if we really want these link adjustments or not */
a.button_silver, a.button_copper, a.button_platinum, a.button_bronze {
	line-height: 140%;
	padding: 0.3em 0.85em;
}

.button_silver:hover, .button_copper:hover, .button_platinum:hover, .button_bronze:hover {
	color: white; 
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	text-decoration: none;
	outline: none;
}

.button_silver:active, .button_copper:active, .button_platinum:active, .button_bronze:active {
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.6);
	border-style: inset;
	outline: none;
}

.button_silver {
	border: 1px outset #5e6063;
	background-image: url("https://css.pnl.gov/images/app/silver_shadow_gradient.png");
}

.button_silver, .button_silver.disabled:hover, .button_silver[disabled=disabled]:hover {
	background-color: #707276;
}

.button_silver:hover { 
	background-color: #81838A;  
}

.button_silver:active { 
	background-color: #6C6F73; 
}

.button_copper { 
	border: 1px outset #c25700;
	background-image:  url("https://css.pnl.gov/images/app/copper_shadow_gradient.png");
}

.button_copper, .button_copper.disabled:hover, .button_copper[disabled=disabled]:hover {
	background-color: #d57500;
}

.button_copper:hover {
	background-color: #E77F03;
}

.button_copper:active {
	background-color: #BC6802;
}

.button_platinum {
	border: 1px outset #a2a3a5;
	background-image: url("https://css.pnl.gov/images/app/platinum_shadow_gradient.png");
}

.button_platinum, .button_platinum.disabled:hover, .button_platinum[disabled=disabled]:hover {
	background-color: #b2b3b5;
}

.button_platinum:hover {
	background-color: #c2c3c5;
}

.button_platinum:active {
	background-color: #929395;
}

.button_bronze {
	border: 1px outset #90330B;
	background-image: url("https://css.pnl.gov/images/app/bronze_shadow_gradient.png");
}

.button_bronze, .button_bronze.disabled:hover, .button_bronze[disabled=disabled]:hover {
	background-color: #A83C0F;
}

.button_bronze:hover {
	background-color: #BC420E;
}

.button_bronze:active {
	background-color: #742606;
}

.button_silver.disabled, .button_silver[disabled],
.button_copper.disabled, .button_copper[disabled],
.button_platinum.disabled, .button_platinum[disabled],
.button_bronze.disabled, .button_bronze[disabled] { 
	filter: Alpha(Opacity=35); 
	opacity: 0.35; 
	background-image: none; 
	cursor: default;
	border-style: outset !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/* May be desirable for IE7, which doesn't want to put a space between the button elements */
/*button + button {
	margin-left: 0.3em;
}*/

/******** Copper Bar ********/

.bar_copper {
	padding: 0.4em 0.9em;
	background-image:  url("https://css.pnl.gov/images/app/copper_shadow_gradient.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #d57500;
	color: white;	
	text-transform: uppercase;
	letter-spacing: 1px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}