﻿.button {
    border: 1px solid #c5c5c5;
    color: #706666;
    cursor: pointer;
    display: block;
    font-size: 10.5pt;
    margin: 10px 0px;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0,0, 0.1);
    background: #f3f3f3;
    border-radius: 4px;
}

.button:hover {
    background-color:#f8f8f8; 
    border:1px solid #bbbbbb; 
    color:#333333; 
    text-decoration:none;
    text-shadow: 1px 1px 1px rgba(0, 0,0, 0.15);
}

.button.green {
    background:#adc96e; border:1px solid #97BB43; color:#ffffff; text-shadow: 1px 0px 1px rgba(120, 150, 55, 1);
}

.button.green:hover {
    background: #bcd77f; border:1px solid #97BB43; 
}

.button.red {
    background:#c44d58;
    border:1px solid #cc333f; color:#ffffff; text-shadow: 1px 0px 1px rgba(204, 51, 63, 1);
}

.button.red:hover {
    background: #d77f7f; border:1px solid #97000c; 
}

.button.color    
{
    border:1px solid #488FCA; color:#ebebeb; text-shadow: 1px 1px 1px rgba(53, 108, 154, 0.5); 
    background:#68ACE5; 
}
.button.color:hover  {
    background:#68ACE5; 
    border:1px solid #4085BE; 
    color:#fff; 
}
.button.edit-info {
    width: 78px;
}

#divButtonStrip {  width:100%; height:55px; position:relative; bottom:0; clear:both; margin: 15px 0 0; display: inline-block; }
#divButtonStrip .button             { margin:10px 3px;     padding: .4em 1em; }