input.button {
    background: transparent no-repeat top left;
    text-transform: uppercase;
    color: #FFF !important;
    border: 0;
    padding: 0 0 2px 0;
    height: 22px;
    font: 14px/22px Arial, Helvetica, sans-serif;
}

input.button:hover {
    cursor: pointer;
    background-position: bottom left;
}

input.button.small {
    background-image: url(../images/btn_tall_sml_dbl.png);
    width: 73px;
}

/*input.button.small {
    background-image: url(../images/btn_tall_sml.png);
    width: 73px;
}
input.button.small:hover { background-image: url(../images/btn_tall_sml_hover.png); }*/

input.button.small.dim { background-image: url(../images/btn_tall_sml_grey.png); }
input.button.small.dim:hover { color: #000 !important; }

input.button.medium {
    background-image: url(../images/btn_tall_med_dbl.png);
    width: 125px;
}
/*input.button.medium {
    background-image: url(../images/btn_tall_med.png);
    width: 125px;
}
input.button.medium:hover { background-image: url(../images/btn_tall_med_hover.png); }*/

input.button.large { 
    background-image: url(../images/btn_tall_lrg_dbl.png);
    width: 156px;
}
/*input.button.large { 
    background-image: url(../images/btn_tall_lrg.png);
    width: 156px;
}
input.button.large:hover { background-image: url(../images/btn_tall_lrg_hover.png); }*/


input.button.inline {
    font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
    height: 16px;
}

input.button.inline.xsmall {
    background-image: url(../images/btn_short_xsml_dbl.png);
    width: 35px;
}
/*input.button.inline.xsmall {
    background-image: url(../images/btn_short_xsml.png);
    width: 35px;
}
input.button.inline.xsmall:hover { background-image: url(../images/btn_short_xsml_hover.png); }*/

input.button.inline.medium {
    background-image: url(../images/btn_short_med_dbl.png);
    width: 88px;
}
/*input.button.inline.medium {
    background-image: url(../images/btn_short_med.png);
    width: 88px;
}
input.button.inline.medium:hover { background-image: url(../images/btn_short_med_hover.png); }*/

input.button.inline.large {
    background-image: url(../images/btn_short_lrg_dbl.png);
    width: 123px;
}
/*input.button.inline.large {
    background-image: url(../images/btn_short_lrg.png);
    width: 123px;
}
input.button.inline.large:hover { background-image: url(../images/btn_short_lrg_hover.png); }*/

/* ################ CLIP/REMOVE/DELETE BUTTONS ################ */

.cliplink {
    background-repeat: no-repeat;
    background-position: top left;
    width: 91px;
    height: 21px;
    line-height: 21px;
}

.cliplink.add {
    background-image: url(../images/btn_cliptopouch_sml_dbl.png);
}

.cliplink.remove {
    background-image: url(../images/btn_removefrompouch_sml_dbl.png);
}

.cliplink.large {
    width: 143px;
    height: 32px;
    line-height: 32px;
}

.cliplink.large.add {
    background-image: url(../images/btn_cliptopouch_lrg_dbl.png);
}

.cliplink.large.remove {
    background-image: url(../images/btn_removefrompouch_lrg_dbl.png);
}

.deletelink {
    background: url(../images/btn_delete_sml_dbl.png) no-repeat;
    width: 62px;
    height: 20px;
    line-height: 20px;
}

.deletelink.large,
.editlink.large {
    width: 87px;
    height: 31px;
    line-height: 31px;
}

.deletelink.large { background-image: url(../images/btn_delete_lrg_dbl.png); }
.editlink.large { background-image: url(../images/btn_edit_lrg_dbl.png); }

.editlink:hover,
.deletelink:hover,
.cliplink:link:hover,
.cliplink:visited:hover {
    background-position: bottom left;
}

.redeemlink {
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(../images/btn_redeemnow_lrg_dbl.png);
    width: 143px;
    height: 32px;
}

.redeemlink:link:hover,
.redeemlink:visited:hover {
    background-position: bottom left;
}

.mapref {
    width: 90px;
    height: 30px;
}

.mapref .pin {
    background: url(../images/bg_pin.png) no-repeat top left;
    width: 35px;
    height: 31px;
    position: absolute;
    right: 0;
}

.mapref.selected .pin {
    background-image: url(../images/bg_pin_selected.png);
}

.mapref .pin .value {
    color: #FFF;
    position: relative;
    left: 2px;
    text-align: center;
    display: block;
    width: 18px;
    height: 18px;
    font-size: 11px;
    line-height: 20px;
    vertical-align: middle;
}

.mapref.selected .pin .value {
    text-align: left;
}

.mapref .pin .value img {
    margin-top: 3px;
    margin-left: 2px;
}

.mapref .distance {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #919191;
    font-size: 11px;
    line-height: 1.0;
}

.whitelink {
    background: url(../images/bg_whitelink.png) no-repeat;
    width: 119px;
    height: 23px;
    text-align: center;
}

.whitelink a { line-height: 23px; }

.greylink {
    background: url(../images/bg_greylink.png) no-repeat top left;
    width: 153px;
    height: 23px;
    margin: 0 0 1em 0;
    text-align: center;
}

.greylink a,
.greylink span {
    background-repeat: no-repeat;
    line-height: 23px !important;
    font-weight: bold;
}

.greylink .forwardlink {
    background-position: center right;
    background-image: url(../images/blt_arw_green_rgt_sml.png);
    padding-right: 15px;
}

.greylink .backlink {
    background-position: center left;
    background-image: url(../images/blt_arw_green_lft_sml.png);
    padding-left: 15px;
}

.greylink.disabled { background-image: url(../images/bg_greylink_disabled.png); }

.greylink.disabled span {
    background-image: url(../images/blt_arw_grey_rgt_sml.png);
    background-position: center right;
    padding-right: 15px;
    color: #E7E7E7;
}

.dkgreylink {
    background: url(../images/bg_dkgreylink.png) no-repeat top left;
    width: 176px;
    height: 33px;
    margin: 18px 0 0 20px;
    text-align: center;
}

.dkgreylink a {
    background-repeat: no-repeat;
    line-height: 33px;
    font-weight: bold;
    color: #1F1F1F;
    font-size: 13px;
}

.dkgreylink.forwardlink a {
    background-image: url(../images/blt_arw_white_rgt_lrg.png);
    background-position: center right;
    padding-right: 15px;
}

.dkgreylink.backlink a {
    background-image: url(../images/blt_arw_white_lft_lrg.png);
    background-position: 0 50%;
    padding-left: 13px;
}
