.imgbutton{
	display: inline-block;
	position: relative;
	top: 2px;
	left: -8px;
	margin: 0 20px 0 0;
	padding: 0;
	height: 10px;
	width: 1px;
	background: red;
}
.imgbutton img{
	position: absolute;
	top: -13px;
	left: -8px;
	margin: 0 20px 0 0;
	padding: 0;
}
.smallbut{
    padding: 7px 15px !important;
    font-size: 14px !important;
}



/* --------- button ORANGE ---------- */
.button-orange {
    -webkit-appearance: none;/*important to avoid ugly buttons on iphone*/
    /*white-space: nowrap;*/
    display: inline-block;
    background: #ff4600;
    text-shadow: 1px 1px 0 #792100;
    padding: 18px 35px;
    text-decoration:none;
    /*text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);*/
    font-size: 16px;
    line-height: 125%;
    font-weight: bold;
    font-style: italic;
    position:relative;
    text-transform: uppercase;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 0px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 3px 3px 0px rgba(0,0,0, 0.2);
    box-shadow: 3px 3px 0px rgba(0,0,0, 0.2);
    border: 1px solid #ff4600;
    cursor: pointer;
}
.button-orange:link{
    color: #fff;
    text-decoration: none;
}
.button-orange:hover {
    color: #fff;
    background: #ff4600;
    border: 1px solid #881c00;
    top: 1px;
}
.button-orange:active {
    top: 2px;
}
.button-orange:visited{
    color: #fff;
    text-decoration: none;
}

/* --------- button GREEN ---------- */
.button-green {
    -webkit-appearance: none;/*important to avoid ugly buttons on iphone*/
    /*white-space: nowrap;*/
    display: inline-block;
    background: #0ca900;
    color: #fff;
    padding: 18px 35px;
    min-width: 300px;
    text-decoration:none;
    font-size: 20px;
    line-height: 125%;
    font-weight: bold;
    font-style: italic;
    position:relative;
    /*text-transform: uppercase;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    /*-moz-box-shadow: 0 0 20px rgba(0,0,0, 0.3);*/
    /*-webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.3);*/
    /*box-shadow: 0 0 20px rgba(0,0,0, 0.3);*/
    border: 1px solid #0ca900;
    cursor: pointer;
}
.button-green:link{
    color: #fff;
    text-decoration: none;
}
.button-green:hover {
    color: #fff;
    background: #0ca900;
    border: 1px solid #075d00;
    top: 1px;
}
.button-green:active {
    top: 2px;
}
.button-green:visited{
    color: #fff;
    text-decoration: none;
}










/* --------- Blue ---start------- */
.buttonblue {
	-moz-box-shadow: inset 0 1px 0 #93baf2;
	-webkit-box-shadow: inset 0 1px 0 #93baf2;
	box-shadow: inset 0 1px 0 #93baf2;
	background: -moz-linear-gradient(center top, #006ffe 5%, #0e53b6 100%) #0069fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006ffe), to(#0e53b6)) #0069fe;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006ffe', endColorstr='#0e53b6');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #0859cc;
	display:inline-block;
	color:#fff;
	padding:12px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 #494949;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
	text-transform: uppercase;
}
.buttonblue:link{
	color: #fff;
	text-decoration: none;
}
.buttonblue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0e53b6), color-stop(1, #006ffe) );
	background:-moz-linear-gradient( center top, #0e53b6 5%, #006ffe 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e53b6', endColorstr='#006ffe');
	background-color:#006ffe;
}
.buttonblue:active {
	top:1px;
}
.buttonblue:visited{
	color: #fff;
	text-decoration: none;
}
/* --------- BLACK ---start------- */
.buttonblack {
	-moz-box-shadow: inset 0 1px 0 #3f3f3f;
	-webkit-box-shadow: inset 0 1px 0 #3f3f3f;
	box-shadow: inset 0 1px 0 #3f3f3f;
	background: -moz-linear-gradient(center top, #383838 5%, #000000 100%) #000000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #383838), to(#000000)) #000000;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#383838', endColorstr='#000000');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #626262;
	display:inline-block;
	color:#fff;
	padding:12px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 #434343;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
	text-transform: uppercase;
}
.buttonblack:link{
	color: #fff;
	text-decoration: none;
}
.buttonblack:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #383838) );
	background:-moz-linear-gradient( center top, #000000 5%, #383838 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#383838');
	background-color:#383838;
}
.buttonblack:active {
	top:1px;
}
.buttonblack:visited{
	color: #fff;
	text-decoration: none;
}

/* --------- GREEN ---start------- */
.buttongreen {
	/*-moz-box-shadow: inset 0 1px 0 #b4f293;
	-webkit-box-shadow: inset 0 1px 0 #b4f293;
	box-shadow: inset 0 1px 0 #b4f293;*/
	background-color:#6ab119;
	background: -moz-linear-gradient(center top, #94c723 5%, #6ab119 100%) #94c723;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #94c723), to(#6ab119)) #94c723;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c723', endColorstr='#6ab119');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #4a7603;
	display:inline-block;
	color:#fff;
	padding:12px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 #2d7714;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
	-webkit-box-shadow: 0 0 7px 1px rgba(174, 255, 0, 1);
	-moz-box-shadow: 0 0 7px 1px rgba(174, 255, 0, 1);
	box-shadow: 0 0 7px 1px rgba(174, 255, 0, 1);
	white-space: nowrap;
	text-transform: uppercase;
}
.buttongreen:link{
	color: #fff;
	text-decoration: none;
}
.buttongreen:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94c723), color-stop(1, #5c8600) );
	background:-moz-linear-gradient( center top, #94c723 5%, #5c8600 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c723', endColorstr='#5c8600');
	background-color:#94c723;
	-webkit-box-shadow: 0 0 7px 3px rgba(174, 255, 0, 1);
	-moz-box-shadow: 0 0 7px 3px rgba(174, 255, 0, 1);
	box-shadow: 0 0 7px 3px rgba(174, 255, 0, 1);
}
.buttongreen:active {
	top:1px;
}
.buttongreen:visited{
	color: #fff;
	text-decoration: none;
}
/* --------- PINK ---start------- */
.buttonpink {
	-moz-box-shadow: inset 0 1px 0 #f293d4;
	-webkit-box-shadow: inset 0 1px 0 #f293d4;
	box-shadow: inset 0 1px 0 #f293d4;
	background: -moz-linear-gradient(center top, #fe0094 5%, #b60e70 100%) #fe00a1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe0094), to(#b60e70)) #fe00a1;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe0094', endColorstr='#b60e70');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #cc087f;
	display:inline-block;
	color:#fff;
	padding:12px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 #771448;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
	text-transform: uppercase;
}
.buttonpink:link{
	color: #fff;
	text-decoration: none;
}
.buttonpink:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b60e70), color-stop(1, #fe0094) );
	background:-moz-linear-gradient( center top, #b60e70 5%, #fe0094 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b60e70', endColorstr='#fe0094');
	background-color:#fe0094;
}
.buttonpink:active {
	top:1px;
}
.buttonpink:visited{
	color: #fff;
	text-decoration: none;
}
/* --------- ORANGE ---start------- */
.buttonorange {
	-moz-box-shadow: inset 0 1px 0 #f2c593;
	-webkit-box-shadow: inset 0 1px 0 #f2c593;
	box-shadow: inset 0 1px 0 #f2c593;
	background: -moz-linear-gradient(center top, #fe9400 5%, #b65f0e 100%) #fe7a00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe9400), to(#b65f0e)) #fe7a00;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9400', endColorstr='#b65f0e');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #cc6708;
	display:inline-block;
	color:#fff;
	padding:12px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 #774114;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
	text-transform: uppercase;
}
.buttonorange:link{
	color: #fff;
	text-decoration: none;
}
.buttonorange:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b65f0e), color-stop(1, #fe9400) );
	background:-moz-linear-gradient( center top, #b65f0e 5%, #fe9400 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b65f0e', endColorstr='#fe9400');
	background-color:#fe7a00;
}
.buttonorange:active {
	top:1px;
}
.buttonorange:visited{
	color: #fff;
	text-decoration: none;
}
/* --------- YELLOW ---start------- */
.buttonyellow {
	-moz-box-shadow: inset 0 1px 0 #d89a05;
	-webkit-box-shadow: inset 0 1px 0 #d89a05;
	box-shadow: inset 0 1px 0 #f2c593;
	background-color:#ffb902;
	background: -moz-linear-gradient(center top, #ffcc00 5%, #ffb902 100%) #ffcc00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffcc00), to(#ffb902)) #ffcc00;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ffb902');
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #d89a05;
	display:inline-block;
	color:#fff;
	padding:12px 30px;
	text-decoration:none;
	text-shadow: 1px 1px 0 #d89a05;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
	text-transform: uppercase;
}
.buttonyellow:link{
	color: #fff;
	text-decoration: none;
}
.buttonyellow:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffb902), color-stop(1, #fe9400) );
	background:-moz-linear-gradient( center top, #ffb902 5%, #fe9400 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb902', endColorstr='#fe9400');
	background-color:#fe7a00;
}
.buttonyellow:active {
	top:1px;
}
.buttonyellow:visited{
	color: #fff;
	text-decoration: none;
}


/* --------- RED ---start------- */
.buttonred {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:14px;
	font-style: italic;
	font-weight:bold;
	padding:12px 30px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
	position:relative;
	text-transform: uppercase;
}
.buttonred:link{
	color: #fff;
	text-decoration: none;
}
.buttonred:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
.buttonred:active {
	top:1px;
}
.buttonred:visited{
	color: #fff;
	text-decoration: none;
}


/* --------- DISABLED ---start------- */
.buttondisabled {
	background: #eee;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 1px solid #aaa;
	display:inline-block;
	padding:12px 30px;
	text-decoration:none;
	font: bold 14px arial;
	font-style: italic;
	position:relative;
}
.buttondisabled:link{
	color: #777;
	text-decoration: none;
}