/* -------------------------------------------------------------- 
  
   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.

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

a.button, button {
	display:block;
	padding:0px 0px 0px 10px;   /* Links */
	border:none;
	font-size:1.3em;
	line-height:1.1em;
	color:#09F;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
}
ahover.button, button {
	display:block;
	margin: 0;
	padding:0px 0px 0px 18px;   /* Links */
	border:none;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:1.15em;
	line-height:1em;
	text-decoration:underline;
	font-weight:1;
	color:#B8E3F8;
	cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  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{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


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

/* Standard */
button:hover, a.button:hover{
	border:0;
	color:#0CC;
	text-decoration: underline;
}
a.button:active{
	border:0;
	color:#0FF;
	text-decoration: none;
	width: 100%;
}

/* Positive */
body .positive {
	color:#FFF;
}
a.positive:hover, button.positive:hover {
	color:#FFF;
	text-decoration: underline;
}
a.positive:active {
	color:#fff;
}

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