.disabled_button, .button {
    font-family  : helvetica, arial, sans-serif;
    border-style : solid;
    border-width : 1px;
    display      : block;
    float        : left;
    font-size    : 12px;
    font-weight  : normal;
    min-width    : 100px;
    padding      : 3px 0px;
    text-align   : center;
    margin-top   : 0px;
    line-height  : 15px;
    text-decoration : none;
    border-radius        : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    /*text-shadow : 0 1px rgba(255, 255, 255, 0.75);*/
}

/* Invalid CSS
 Every browser had the same height when comparing form elements (input/button) with non-form elements (divs/anchors)
 by using the above .button definition....except for IE. Thankfully they leave us bugs which allow us to workaround
 their otherwise inept development. See http://www.webdevout.net/css-hacks
*/
html* a.button, html* div.button { line-height : 18px; }



/* Specific to the GREY (standard) Button */
a.button:link { color : #282828; }
.button {
    color        : #282828;
    background   : url(/images/buttons/bg_grey.png) repeat-x scroll 50% 50% #E6E6E6;
    border-color : #636363 #888888 #888888 #636363;
    border-right : 1px solid #888888;
}
.button:hover {
    background-image : url(/images/buttons/bg_grey_hover.png);
    color : #080808;
    text-decoration : none;
}
.button:active {
    background-image : none;
    border-color : #111111;
}

/* ------------------------------- Button Modifiers ------------------------------------------------------------------*/
.button_ucase {
    font-weight    : bold;
    text-transform : uppercase;
    font-size      : 11px;
}

.button_125w  { width : 125px; }
.button_150w  { width : 150px; }
.button_175w  { width : 175px; }
.button_200w  { width : 200px; }
.button_fullw { width : 100%;  }

.marginR { margin-right : 10px; } /* used for padding between buttons */

/* ------------------------------- Tweaks for specific buttons -------------------------------------------------------*/