/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

/* ---------- Button Styles ---------------------------------- */

.button, button, a.button, button.button {
  display:block;
  float:left;
  margin: 0 .7em 0 0;
  padding: 5px 10px 6px 10px;   /* Links */
  
	border: 1px solid #dedede;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bfbfbf;

  background: #EAEAEA url(/Public/Images/icons/white-grad.png) repeat-x left top;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;

  cursor:pointer;
 
	-webkit-box-shadow: rgba(0,0,0,.15) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,.15) 0px 1px 3px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
} 

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] 
{
  width: auto;
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img, button.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Test from subpage styles */

button.button 
{
    margin-top: 10px;
	padding: 4px 10px 3px 7px;
}
button.button[type] {
	width: auto;
	padding: 5px 10px 5px 7px;
	line-height: 17px;
}

a.button, button.button {
	float: none;
	display: inline;
	display: inline-block;
}
button.button 
{
    margin-top: 10px;
	padding: 4px 10px 3px 7px;
}
button.button[type] {
	width: auto;
	padding: 5px 10px 5px 7px;
	line-height: 17px;
}
* + html button.button[type] {
	padding: 4px 10px 3px 7px;
	margin-bottom: 1px;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}

button.active, a.button:active {
	border-color: #ccc;
	background: #FFF url(/Public/Images/icons/white-grad-active.png) repeat-x left top;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Positive */
body .positive {
  color:#003366;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #003366;
  color:#003366;
}
a.positive:active {
  background-color:#003366;
  border:1px solid #003366;
  color:#fff;
}

/* Negative */
body .negative {
  color:#ff9000;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #ff9000;
  color:#ff9000;
}
a.negative:active {
  background-color:#ff9000;
  border:1px solid #ff9000;
  text-shadow: #A93816 1px 1px 1px;
  color:#fff;
}





/* ---------- OLD Button Styles FROM SUBPAGE - CONFLICTING ---------------------------------------- */
/*
a.button, button.button {
	font-family: "Lucida Grande" , Tahoma, Arial, sans-serif;
	/*float: left;
	margin: 0 .7em 0 0;
	text-decoration: none;
	background: #EAEAEA url(/Public/Images/icons/white-grad.png) repeat-x left top;
	border: 1px solid #dedede;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bfbfbf;
	padding: 5px 10px 6px 10px;
	display: block;
	cursor: pointer;
	font-size: 100%;
	line-height: 130%;
	color: #464646;
	-webkit-box-shadow: rgba(0,0,0,.15) 0px 1px 3px;
	-moz-box-shadow: rgba(0,0,0,.15) 0px 1px 3px;
	box-shadow: rgba(0,0,0,.15) 0px 1px 3px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}
.float-left 
{
    float: left; }
a.bigpush {
	font-size: 140%;
}
a.button, button.button {
	float: none;
	display: inline;
	display: inline-block;
}
button {
	
	width: auto !important;
	overflow: visible !important;
}
button.button 
{
    margin-top: 10px;
	padding: 4px 10px 3px 7px;
}
button.button[type] {
	width: auto;
	padding: 5px 10px 5px 7px;
	line-height: 17px;
}
* + html button.button[type] {
	padding: 4px 10px 3px 7px;
	margin-bottom: 1px;
}
* html button.button {
	margin-bottom: 1px;
}
a.button img, button.button img {
	margin: 0 3px -3px 0 !important;
}
a.button:hover, button.button:hover {
	border: 1px solid #999;
	color: #000;
}
button.active, a.button:active {
	border-color: #ccc;
	background: #FFF url(/Public/Images/icons/white-grad-active.png) repeat-x left top;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
button.positive, a.positive {
	color: #63A142;
	font-weight: bold;
}
a.positive:hover, button.positive:hover {
	border: 1px solid #7CB043;
	color: #63A142;
}
a.positive:active {
	background: #94B717;
	border: 1px solid #94B717;
	text-shadow: #607710 1px 1px 1px;
	color: #fff;
}
a.negative, button.negative {
	color: #d12f19;
}
a.negative:hover, button.negative:hover {
	border: 1px solid #E86B6D;
	color: #d12f19;
}
a.negative:active {
	background: #d12f19;
	border: 1px solid #d12f19;
	text-shadow: #A93816 1px 1px 1px;
	color: #fff;
}