.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

button {
    border: 0px;
    background: transparent url('../images/update_btn.gif') no-repeat scroll top left;
    color: #444;
    font: normal 12px arial, sans-serif;
    height: 24px;
    text-decoration: none;
    width: 100px;
    outline: none;
}

button:active {
    background-position: bottom left;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

div#buy {
    height: 25px;
    width: 117px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

span.textarea textarea {
    width: 590px;
    height: 500px;
    margin: auto;
}

span.select select {
    width: 296px;
}

span.textbox input {
    width: 295px;
    height: 19px;
}

span.textbox input:focus {
    color: blue;
}

/*
 * longer sides
 */
span.textbox, 
span.textarea, 
span.textareaLook,
span.select {
    background: url(../images/input-bottom-left.gif) no-repeat 0 100%; 
    display: block; 
    float: left;
} 

/*
 * longer sides
 */
span.textbox em, 
span.textarea em, 
span.textareaLook em,
span.select em {
    background: url(../images/input-top-right.gif) no-repeat 100% 0; 
    display: block; 
    float: left;
} 

span.textbox em span, 
span.textarea em span, 
span.textareaLook em span,
span.select em span {
    background: url(../images/input-bottom-right.gif) no-repeat 100% 100%;
    display: block; 
    float: left;
}

span.textbox span span, 
span.textarea span span, 
span.textareaLook span span,
span.select span span {
    background: url(../images/input-top-left.gif) no-repeat; 
    display: block; 
    float: left;
}

span.textbox input, 
span.select select, 
span.textarea textarea {
    margin: 1px 3px; 
    border: 1px solid #fff;
}

/*
 * IE hacks
 */

span.select,
span.select em,
span.select em span,
span.select span span {
    _background: none;
}