/* -------------------------------------------------------------- 
  
   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;
	float:left;   /* Links */
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background-color:#FFFFFF;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	margin-top: 0;
	margin-right: 0.583em;
	margin-left: 0;
	padding: 3px 10px 5px 7px;}
	
button {
	width:auto;
	overflow:visible;   /* IE6 */
	padding: 3px 10px 3px 7px;}
	
button[type] {
	line-height:17px;           /* Safari */
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 7px;
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
	padding:0;
	border:none;
	width:16px;
	height:16px;
	float:none;
	margin: 0px 3px -3px 0px;}


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

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