.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('./images/bg_button_a.png') no-repeat scroll top right;
    color: #ffffff;
	font-weight:bold;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('./images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 3px 0 10px 16px;
}

a.button:hover {
    background-position: right -30px;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 37px 16px; /* push text down 1px */    
}

a.button:active {
    background-position: right -30px;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 37px 16px; /* push text down 1px */    
}

a.button:focus {
    background-position: right -30px;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:focus span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 37px 16px; /* push text down 1px */    
}

a.DisableButton {
    background: transparent url('./images/bg_button_a.png') no-repeat scroll top right;
    color: #ffffff;
	font-weight:bold;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.DisableButton span {
    background: transparent url('./images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 3px 0 10px 16px;
}
a.DisableButton {
    background-position: Bottom right;
    color: #999999;
    outline: none; /* hide dotted outline in Firefox */
}

a.DisableButton span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 7px 16px; /* push text down 1px */    
}


/**************************************************************/
/* Blue Buttons                                               */
/**************************************************************/
a.button_blue {
    background: transparent url('./images/bg_button_blue_a.png') no-repeat scroll top right;
    color: #ffffff;
	font-weight: bold;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_blue span {
    background: transparent url('./images/bg_button_blue_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 3px 0 10px 16px;
}

a.button_blue:hover {
    background-position: right -30px;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_blue:hover span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 37px 16px; /* push text down 1px */    
}

a.button_blue:active {
    background-position: right -30px;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_blue:active span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 37px 16px; /* push text down 1px */    
}

a.button_blue:focus {
    background-position: right -30px;
    color: #000000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_blue:focus span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 37px 16px; /* push text down 1px */    
}

a.DisableButton_blue {
    background: transparent url('./images/bg_button_blue_a.png') no-repeat scroll top right;
    color: #ffffff;
	font-weight: bold;
    display: block;
    float: left;
    font: bold 13px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.DisableButton_blue span {
    background: transparent url('./images/bg_button_blue_span.png') no-repeat;
    display: block;
    line-height: 20px;
    padding: 3px 0 10px 16px;
}
a.DisableButton_blue {
    background-position: Bottom right;
    color: #999999;
    outline: none; /* hide dotted outline in Firefox */
}

a.DisableButton_blue span {
    background-position: bottom left;
	line-height: 20px;
    padding: 3px 0 7px 16px; /* push text down 1px */    
}


