/** http://particletree.com/features/rediscovering-the-button-element **/
/** http://wufoo.com/gallery/templates/community/volunteer-recruitment/ **/

.buttons a, .buttons button{
    border: 1px solid silver;
		display:block;
  	margin:0 0px 0 0;
  	background-color:#f5f5f5;
		text-align: center; 
  	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  	font-size:100%;
  	line-height:130%;
  	text-decoration:none;
  	font-weight:bold;
  	color: #000000;
  	cursor:pointer;
  	padding:5px 10px 6px 7px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
}

.buttons a:active, .buttons a:visited, .buttons a:link {
    background-color:#f5f5f5;
    border:1px solid #000000;
    color:#000000;
    border:1px solid silver;
}

button:hover, .buttons a:hover{
    background-color:silver;
    border:1px solid #000000;
    color:#000000;
}


/* disabled - button text color */
button.disabled, .buttons a.disabled{
    color:silver;
    cursor: default ;
}

.buttons a.disabled:hover, button.disabled:hover{
   	background-color:#f5f5f5;
    border:1px solid silver;
    color:silver;
}
.buttons a.disabled:active{
   	background-color:#f5f5f5;
    border:1px solid silver;
    color:silver;
}


/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}



/* TF  button colors */

button.tf, .buttons a.tf{
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}