/* general button reset */
.buttons input.button, button.button, a.button {
    border-style: solid;
    border-width: 2px;
    color: #000;
    cursor: pointer;
    display: inline;
    float: left;
    margin: 0 0 0 0;
    outline-style: none;
    outline-color: invert;
    outline-width: thin;
    width: auto;
    font-weight: normal;
}

/* button fonts */
.buttons input.button,
button.button,
a.button {
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    text-decoration: none;
}


.ie .buttons input.button, .ie button.button, .ie a.button {
    overflow: visible;
}

.button_col .button {
    clear: left;
}

/* button layout */

.buttons input.button {
    padding: 1px 2px 2px 2px;
}

button.button {
    padding: 1px 2px 2px 2px;
}

a.button {
    padding: 4px 5px 3px 0.45em;
}

/* IE */
.ie .buttons input.button {
    padding: 0px 3px 1px 3px;
}

.ie button.button {
    padding: 1px 3px 2px 3px;
}

.ie .buttons {
    padding: 1px 4px 5px 4px;
}

/* self-clear */
.buttons {
    overflow: hidden;
}

.ie .buttons {
    width: 100%;
}

/* small buttons */
.smallbuttons button.button, .smallbuttons input.button, .smallbuttons a.button {
    font-size: 80%;
    border-width: 1px;
}

.smallbuttons input.button {
    padding: 0px 2px 0px 2px;
}

.smallbuttons button.button {
    padding: 0px 2px 0px 2px;
}

.smallbuttons a.button {
    padding: 1px 5px 1px 5px;
}

/* IE small buttons size*/
.ie .smallbuttons input.button {
    padding: 0px 4px 0px 3px;
}

.ie .smallbuttons button.button {
    padding: 0px 4px 0px 3px;
}
/* do not use! */
.ie .smallbuttons a.button {
    padding: 0px 6px 3px 3px;
}

.ie .smallbuttons a.button {
    position: relative;
    top: -2%;
}

/* do we need this? */

/* safari ??
.content button[type]{
line-height:17px; 
}
 */

/* IE7
 *:first-child+html button[type]{
 padding:4px 10px 3px 7px; 
}
 */

/* button colours */

.buttons input.button,
.buttons input.button:focus,
button.button,
.buttons button.button:focus,
a.button,
a.button:focus {
    background-color: #D1DFEF;
    color: #000;
    outline: none;
    border-radius: 3px;
    margin-right: 3px;
    border: 1px solid #AAA;
    padding: 3px;
}

    .buttons input.button:hover,
    button.button:hover,
    a.button:hover {
        background-color: #08D;
        color: #DDD;
    }

    .buttons input.button:active,
    button.button:active,
    a.button:active {
        background-color: #fff;
    }

.button[disabled],
.button[disabled]:hover,
.button[disabled]:active,
.button[disabled]:focus {
    background-color: #dbdcdc !important;
    border-right-color: #b4b4b4 !important;
    border-bottom-color: #b4b4b4 !important;
    border-top-color: #eee !important;
    border-left-color: #eee !important;
    color: #ccc !important;
    cursor: default;
}

/* special purpose buttons */

table .smallbuttons input.delete-button {
    float: right;
    margin-left: 0.5em;
    margin-top: 0.3em;
}

button.saveButton {
    padding: 0.4em;
}