.js input.button,
.js input.-button {
    visibility: hidden;
    height: 40px;
}
a.button,
a.-button {
    position: relative;
    display: inline-block;
    padding-left: 27px;
    color: #fff;
    font-size: 17px; line-height: 17px; text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    cursor: pointer;
}
a.button:hover,
a.-button:hover {
    text-decoration: none;
}
a.button-small,
a.-button-small {
    padding-left: 15px;
    font-size: 12px; line-height: 12px; font-weight: bold;
}
a.button-hover,
a.-button-hover {
    cursor: pointer;
}
a.button-noshadow,
a.-button-noshadow {
    color: #5e803a;
}
a.button-disabled,
a.-button-disabled {
    opacity: 0.50; filter: alpha(opacity = 50);
    cursor: default;
}
    a.button span,
    a.-button span {
        display: block;
        padding: 11px 27px 12px 0;
        /*background-color: #fff;*/
        background-position: right;
    }
    a.button-small span,
    a.-button-small span {
        padding: 9px 15px 9px 0;
    }
    a.button-noshadow span,
    a.-button-noshadow span {
        padding: 13px 27px 10px 0;
    }
    a.button-noshadow-small span,
    a.-button-noshadow-small span {
        padding: 10px 15px 8px 0;
    }
    a.button-arrow span,
    a.-button-arrow span {
        padding-right: 32px;
    }
    .button-arrow-icon,
    .-button-arrow-icon,
    .button-arrow-icon-over,
    .-button-arrow-icon-over {
        position: absolute; right: 10px; top: 50%;
        display: block;
        height: 0; width: 0; overflow: hidden;
        margin-top: -6px;
        border: solid 6px transparent;
        border-left-color: #fff;
    }
    .button-arrow-icon,
    .-button-arrow-icon {
      right: 10px;
      margin-top: -5px;
      border-left-color: #5e803a;
    }
    a.button-init input,
    a.-button-init input,
    #content a.button-init input,
    #content a.-button-init input {
        position: absolute; left: 0; top: 0;
        width: 100%; height: 100%;
        padding: 0; margin: 0;
        background: url('/images/widgets/button-green-24.png') -999em no-repeat;
        border: none;
        opacity: 0.00; filter: alpha(opacity = 0);
        cursor: pointer;
    }
    a.button-disabled input,
    a.-button-disabled input,
    #content a.button-disabled input,
    #content a.-button-disabled input {
        cursor: default;
    }
    .button-overlay,
    .-button-overlay { /* HACK: pseudo drop shadows for browsers w/o box-shadow */
        position: absolute; left: 28px; top: 12px;
        color: #fff;
    }
    .button-small .button-overlay,
    .button-small .-button-overlay,
    .-button-small .-button-overlay { /* HACK: pseudo drop shadows for browsers w/o box-shadow */
        left: 16px; top: 9px;
    }
/* colors */
a.button-green,
a.-button-green,
a.button-green span,
a.-button-green span {
    background-image: url('/images/widgets/button-green-24.png');
}
a.button-green-small,
a.-button-green-small,
a.button-green-small span,
a.-button-green-small span {
    background-image: url('/images/widgets/button-green-small-24.png');
}
a.button-noshadow-green,
a.-button-noshadow-green {
    color: #5e803a;
}
    a.button-green .button-arrow-icon,
    a.-button-green .-button-arrow-icon {
        border-left-color: #5e803a;
    }
a.button-blue,
a.-button-blue,
a.button-blue span,
a.-button-blue span {
    background-image: url('/images/widgets/button-blue-24.png');
}
a.button-blue-small,
a.-button-blue-small,
a.button-blue-small span,
a.-button-blue-small span {
    background-image: url('/images/widgets/button-blue-small-24.png');
}
a.button-noshadow-blue,
a.-button-noshadow-blue {
    color: #2b6a7a;
}
    a.button-blue .button-arrow-icon,
    a.-button-blue .-button-arrow-icon {
        border-left-color: #2b6a7a;
    }
a.button-orange,
a.-button-orange,
a.button-orange span,
a.-button-orange span {
    background-image: url('/images/widgets/button-orange-24.png');
}
a.button-white,
a.-button-white,
a.button-white span,
a.-button-white span {
    background-image: url('/images/widgets/button-white-24.png');
    color: #777;
    text-shadow: -1px 1px 1px rgba(255, 255, 255, 0.35)
}
a.button-noshadow-white,
a.-button-noshadow-white {
    color: #ccc;
}
    a.button-white .button-arrow-icon,
    a.-button-white .-button-arrow-icon {
        border-left-color: #ccc;
    }
a.button-mobile,
a.-button-mobile,
a.button-mobile span,
a.-button-mobile span {
    background-image: url('/images/widgets/button-mobile.png');
}
a.button-mobile input,
a.-button-mobile input {
	background: transparent !important;
}
a.button-mobile-graybg,
a.-button-mobile-graybg,
a.button-mobile-graybg span,
a.-button-mobile-graybg span {
    background-image: url('/images/widgets/button-mobile-graybg.png');
    background-color: #ccd6d9;
    width: 254px;
}
a.button-mobile-graybg span,
a.-button-mobile-graybg span {
  text-align: center;
  padding-right: 27px;
}
a.button-mobile-darkgraybg,
a.-button-mobile-darkgraybg,
a.button-mobile-darkgraybg span,
a.-button-mobile-darkgraybg span {
    background-image: url('/images/widgets/button-mobile-darkgraybg.png');
    background-color: #353535;
    width: 254px;
}
a.button-mobile-darkgraybg span,
a.-button-mobile-darkgraybg span {
  text-align: center;
  padding-right: 27px;
}
a.button-orange-small,
a.-button-orange-small,
a.button-orange-small span,
a.-button-orange-small span {
    background-image: url('/images/widgets/button-orange-small-24.png');
}
a.button-noshadow-orange,
a.-button-noshadow-orange {
    color: #a34b1f;
}
    a.button-orange .button-arrow-icon,
    a.-button-orange .-button-arrow-icon {
        border-left-color: #a34b1f;
    }
/* positions */
a.button-left,
a.-button-left {
    float: left;
}
a.button-right,
a.-button-right {
    float: right;
}
a.button-center,
a.-button-center {
    text-align: center;
}
/* helper */
.button-helper,
.-button-helper {
    float: left;
    padding-top: 15px; margin-left: 10px;
    font-size: 13px; line-height: 13px;
}
    .button-helper-a,
    .-button-helper-a {
        
    }