/* Generic styles for all custom buttons */

.snapbutton{
display:inline-block;
margin:0;
padding:0;
/*font-family:'RouterMedium', sans-serif;*/
font-size:15px;
text-decoration:none;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.20);*/
background:none;
border:none;
white-space:nowrap;
cursor:pointer;
user-select:none;
-moz-user-select:none;

/* Fix extra width padding in IE */
_width:0;
overflow:visible;
}

.snapbutton span{
display:block;						/* Prevents :active from working in IE--oh well! */
height:29px;
padding-right:12px;
background-repeat:no-repeat;
background-position:right top;
}

.snapbutton span span{
padding-right:0;
padding-left:10px;
line-height:29px;
background-position:left top;
}

.snapbutton span span span{
padding-left:21px;
background-image:none;
background-repeat:no-repeat;
background-position:left center;
/* IE6 still requires a PNG transparency fix */ 
/* _background-image:none;		Or just hide icons from the undeserving IE6 */
/* _padding-left:0;					Or just hide icons from the undeserving IE6 */
}

.snapbutton span span span.after{
padding-left:0px;
padding-right:21px;
background-position:right center;
/* IE6 still requires a PNG transparency fix */ 
/* _padding-right:0;					Or just hide icons from the undeserving IE6 */
}

.snapbutton:hover span{
background-position:right center;
}

.snapbutton:hover span span{
background-position:left center;
}

.snapbutton:active span{
background-position:right bottom;
}

.snapbutton:active span span{
background-position:left bottom;
}

.snapbutton:active span span span{
background-position:left center;
}

.snapbutton:active span span span.after{
background-position:right center;
}

.snapbutton img{
margin-right:5px;
vertical-align:text-top;
/* IE6 Hack */
_margin-top:4px;
_vertical-align:text-bottom;
/* IE6 still requires a PNG transparency fix */ 
/* _display:none;		Or just hide icons from the undeserving IE6 */
}

.snapbutton img.after{
margin-right:0;
margin-left:5px;
/* IE6 still requires a PNG transparency fix */ 
/* _margin-left:0;		Or just hide icons from the undeserving IE6 */
}

/* Skin */
.snapbutton{
color:#fff;
}
.snapbutton:hover{
color:#fff;
}
.snapbutton span{
background-image:url(../images/img_button_right.png);
}
.snapbutton span span{
background-image:url(../images/img_button_left.png);
}

/* Cutton Colors */
.snapbutton.green_btn{background-color:#7ab800;}	/* Default */
.snapbutton.blue_btn{background-color:#00a9e0;}
.snapbutton.purple_btn{background-color:#930075;}
.snapbutton.red_btn{background-color:#cd192a;}
.snapbutton.brown_btn{background-color:#66310c;}