@charset "utf-8";

.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;
}



.button-howto{
    font-weight: bold;
    margin: 10px;
    clear: both;
}


/* --------- button ORANGE ---------- */
.button-orange {
    -webkit-appearance: none;/*important to avoid ugly buttons on iphone*/
    display: inline-block;
    background: #ff4600;
    text-shadow: 1px 1px 0 #792100;
    padding: 18px 33px;
    text-decoration:none;
    font-size: 16px;
    line-height: 125%;
    font-weight: bold;
    font-style: italic;
    position:relative;
    text-transform: uppercase;
    border-radius: 6px;
    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: #ff5e20;
    border: 1px solid #881c00;
    top: 1px;
}
.button-orange:active {
    top: 2px;
}
.button-orange:visited{
    color: #fff;
    text-decoration: none;
}

/* --------- button big ---------- */
.button-big {
    -webkit-appearance: none;/*important to avoid ugly buttons on iphone*/
    /*white-space: nowrap;*/
    display: inline-block;
    background: #9a2800;
    text-shadow: 1px 1px 0 #5b1800;
    padding: 18px 33px;
    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;
    border-radius: 6px;
    box-shadow: 3px 3px 0px rgba(0,0,0, 0.2);
    border: 1px solid #9a2800;
    cursor: pointer;
}
.button-big:link{
    color: #fff;
    text-decoration: none;
}
.button-big:hover {
    color: #fff;
    background: #852300;
    border: 1px solid #881c00;
    top: 1px;
}
.button-big:active {
    top: 2px;
}
.button-big: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;
}

/* --------- button WHITE ---------- */
.button-white {
    -webkit-appearance: none;/*important to avoid ugly buttons on iphone*/
    /*white-space: nowrap;*/
	display: inline-block;
	background: #fff;
	color: #192cb3;
    padding:18px 35px;
    text-decoration:none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    font-size: 16px;
    line-height: 125%;
    font-weight: normal;
	/*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 #fff;
    cursor: pointer;
}
.button-white:link{
	color: #192cb3;
	text-decoration: none;
}
.button-white:hover {
	/*background-color: #f1f1f1;*/
    border: 1px solid #999;
    top: 1px;
}
.button-white:active {
	top: 2px;
}
.button-white:visited{
    color: #192cb3;
	text-decoration: none;
}

/* --------- BLACK ---start------- */
.buttonblack {
    background: #000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #666;
    display:inline-block;
    color:#fff;
    padding: 6px 20px 6px 20px;
    min-width: 75px;
    text-decoration:none;
    text-shadow: 1px 1px 0 #555;
    font: bold 14px arial;
    position:relative;
}
.buttonblack img{
    vertical-align: -3px;
    position: relative;
    left: 10px;
}
.buttonblack:link{
    color: #fff;
    text-decoration: none;
}
.buttonblack:hover {
    background-color:#111;
}
.buttonblack:active {
    top:1px;
}
.buttonblack:visited{
    color: #fff;
    text-decoration: none;
}



/* -------------- others ----------------------------*/
.smallbut{
    font-size: 13px !important;
    padding: 5px 12px !important;
    width: auto;
    min-width: 0;
}
.smallbut2{
    font-size: 15px !important;
    padding: 6px 14px !important;
    width: auto;
    min-width: 0;
}
.mediumbut2{
    font-size: 20px !important;
    width: auto;
    min-width: 0;
}