/*
    fix for calendar style that were broken by rules in 
    - default_screen.css
    - reset-magento-min.css
*/
div.calendar table
{
    border-collapse:separate;
    border-collapse:initial;
}

.button, .button:active, .button:hover
{
    font-size:12px;
    display:inline;        
    display:table-cell;        
}    

div.calendar .button
{
    border-bottom: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgb(255, 255, 255);
    border-right: 1px solid rgb(0, 0, 0); 
    
    background:#d4d0c8; 
    color:#000; 
    text-transform:uppercase; 
    padding:1px 1px 1px 1px;  
    text-align:center; 
    width:auto;    
}

div.calendar .button:hover
{
    cursor:pointer;
    color:#000;
    background:#d4d0c8;
}