.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    
}
/* Light Grey Button */
a.light_grey_button {
    background: transparent url('/images/buttons/light_grey_end.png') no-repeat scroll top right;
    color: #444;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
    cursor: hand;
}

a.light_grey_button .inner {
    background: transparent url('/images/buttons/light_grey_span.png') no-repeat;
    display: block;
    min-height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    padding-left: 18px;
}
a.light_grey_button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.light_grey_button:active .inner {
    background-position: bottom left;
}

/* Dark Grey Button */
a.dark_grey_button {
    background: transparent url('/images/buttons/dark_grey_end.png') no-repeat scroll top right;
    color: #333333;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
    cursor: hand;
}

a.dark_grey_button .inner {
    background: transparent url('/images/buttons/dark_grey_span.png') no-repeat;
    display: block;
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: center;
    padding-left: 18px;
}
a.dark_grey_button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.dark_grey_button:active span {
    background-position: bottom left;
}  
/* Black Button */
a.black_button {
    background:  url('/images/buttons/black_end.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
    cursor: hand;
}

a.black_button .inner {
    background:  url('/images/buttons/black_span.png') no-repeat top left;
    display: block;
    line-height: 23px;
    height: 23px;
    position: relative;
    text-align: center;
    padding-left: 10px;
}
a.black_button:active {
    background-position: bottom right;
    color: #CCCCCC;
    outline: none; /* hide dotted outline in Firefox */
}
a.black_button:active .inner {
    background-position: bottom left;
}
a.black_button_selected {
    background:  url('/images/buttons/black_end.png') no-repeat scroll bottom right;
    color: #CCCCCC;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
    outline: none;
    cursor: hand;
}

a.black_button_selected .inner {
    background:  url('/images/buttons/black_span.png') no-repeat bottom left;
    display: block;
    line-height: 23px;
    height: 23px;
    position: relative;
    text-align: center;
    padding-left: 10px;
}