﻿/* BUTTONS  ------------------------------------------------------------------- */
.btns a, .btns button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    background-color:Green;  
    padding:0px 0px 0px 0px;  /*Links */
}
.btns button{
    width:auto;
    overflow:visible;
    /*padding: 1px 1px 1px 1px; /* IE6 */
}
.btns button[type]{
    /*padding: 0px -10px 5px 8px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    /*padding:1px 1px 1px 1px; /* IE7 */
}
.btns button img, .btns a img{
    margin: -1px -1px -1px -1px !important;
    padding:0;
    border:none;
    /*width:16px;
    height:16px;*/
}



.btns button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

.btns button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

.btns button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}

/* STANDARD */

btns:hover, .btns a:hover{
    color:#336699;
}
.btns a:active{
    color:#fff;
}

/* POSITIVE */

.btns.button.positive, .btns a.positive{
    color:#529214;
}
.btns a.positive:hover, button.positive:hover{
    color:#529214;
}
.btns a.positive:active{
    color:#fff;
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url(images/btn1.png) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(images/btn1.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}


