.btn, .btn:visited , .stepy-form .button-back, .stepy-form .button-next{
    background-repeat: repeat-x;
    background-position: 0 0;

    font-weight: bold !important;
    text-align: center;
    text-decoration: none;
    line-height: normal;	
    color: #FFF !important;

    display: inline-block;
    margin: 0;
    overflow: visible; 

    position: relative;	

    border: none;
    border-width: 1px;
    border-style: solid;

    cursor: pointer;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;	

    text-shadow: 1px 1px 1px rgba(0,0,0,.25);

    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: 1px 1px 1px rgba(0,0,0,.25);
}

.btn:hover { text-decoration: underline; }
.btn.change-delivery-status:hover { text-decoration: none; }

/*----------------------------------------------- */
*+html button.btn { border-color: none; border: 1px solid transparent; }

.btn img{vertical-align: -4px;}


/*----------------------------------------------- */
.btn, .btn:visited  { background-color: #066ECD; border-color: #0561B4; }
.btn:hover{ background-color: #0561B4; text-decoration: underline; }

/* Colors */	
.pink,.pink:visited { background-color: #FF0066; border-color: #DA0C59; }
.pink:hover { background-color: #DA0C59; }

.blue,.blue:visited { background-color: #066ECD; border-color: #0561B4; ; color:#FFF; }
.blue:hover { background-color: #0561B4; }

.red,.red:visited { background-color: #E40001; border-color: #CC0000; color:#FFF;}
.red:hover { background-color: #CC0000; }

.light-red,.light-red:visited { background-color: #FED0D2; border-color: #C43936; color:#C43936;}
.light-red:hover { background-color: #FED0D2; border-color: #C43936; color:#C43936;}

/*.green,.green:visited { background-color: #77B32F; border-color: #689C29; }
.green:hover { background-color: #689C29; }*/

.green,.green:visited , .stepy-form .button-next{ background-color: #28B332; border-color: #28B332; color:#FFF;}
.green:hover , .stepy-form .button-next:hover{ background-color: #28B332; }

.black,.black:visited { background-color: #111; border-color: #000; }
.black:hover { background-color: #000; }

.purple,.purple:visited { background-color: #7B0F75; border-color: #6A0D66; }
.purple:hover { background-color: #6A0D66; }

.maroon,.maroon:visited { background-color: #750000; border-color: #530000; }
.maroon:hover { background-color: #530000; }

.yellow,.yellow:visited { background-color: #FFCC00; border-color: #DFB300; }
.yellow:hover { background-color: #DFB300; }

.teal,.teal:visited { background-color: #39A7B6; border-color: #2E8794; }
.teal:hover { background-color: #2E8794; }

.orange,.orange:visited, .orange:hover { background-color: #F90; border-color: #D58000; color: #FFF; }

.grey,.grey:visited  { background-color: #999; border-color: #888; color: #FFF; }
.grey:hover{ background-color: #888; color: #FFF; }

.light-grey,.light-grey:visited  , .stepy-form .button-back{ background-color: #C8CDCE; border-color: #d3dddf; color: #839597; }
.light-grey:hover, .stepy-form .button-back:hover{ background-color: #C8CDCE; color: #839597; }

.dark,.dark:visited  { background-color: #565656; border-color: #565656; color: #FFF;}
.dark:hover{ background-color: #565656; color: #FFF; }




.btn, .blue, .teal, .maroon, .purple, .black { background-image: url(../images/btn-35.png); background-position: 0 0; }

.orange, .grey , .green, .red, .pink { background-image: url(../images/btn-50.png); background-position: 0 0; }

.yellow { background-image: url(../images/btn-60.png); background-position: 0 0; }

.light-grey { background-image: url(../images/btn-100.png); background-position: 0 0; }



/* =Active State
----------------------------------------------- */
.btn:active { background-position: left bottom !important; top: 1px; text-decoration: none; }



/* =Sizes
----------------------------------------------- */
.btn { font-size: 13px; padding: 8px 12px; }
.btn.tiny { font-size: 9px; padding: 3px 5px; margin-bottom: 4px; vertical-align: middle;}
.btn.small, .stepy-form .button-back, .stepy-form .button-next { font-size: 11px; padding: 5px 8px; }
.btn.large { font-size: 16px; padding: 12px 18px; }
.btn.xlarge { font-size: 24px; padding: 12px 18px; }



/* =Toolbar
----------------------------------------------- */

.btn-toolbar { margin-bottom: 3em; float: left; }

.btn-toolbar .btn {
    display: block;
    margin: 0 0 0 -1px;
    float: left;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-toolbar .btn:first-child {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btn-toolbar .btn:last-child {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* For modern browsers */
.btn-toolbar:before,.btn-toolbar:after {
    content:"";
    display:table;
}

.btn-toolbar:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.btn-toolbar {
    zoom:1;
}

/*
        States
*/

.state{font-weight: bold !important;text-align: center;text-decoration: none;line-height: normal;	color: #FFF !important;display: inline-block;margin: 0;overflow: visible; position: relative;border: none;border-width: 1px;border-style: solid;}

/* =Sizes
----------------------------------------------- */
.state { font-size: 13px; padding: 8px 12px; }
.state.tiny { font-size: 9px; padding: 3px 5px; }
.state.small { font-size: 11px; padding: 5px 8px; }
.state.large { font-size: 16px; padding: 12px 18px; }
.state.xlarge { font-size: 24px; padding: 12px 18px; }

.status h2 .orange, .status h2 .blue, .status h2 .green {
    padding: 0px 6px;
}