﻿/* 
CSS resets and core CSS always break JQuery UI buttons. 
This is just some override code to ensure all themes will work out of the box by default 
*/

.densen-button 
{
    float:left;
    padding:5px;
}

.ui-icon
{
    float:left;
}

.densen-button
{
    border: 1px solid #c5dbec; 
    background: #dfeffc url(redmond/images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; 
    font-weight: bold; 
    color: #2e6e9e; 
    outline: none; 
    text-decoration: none; 
}

.densen-button:hover
{
    border: 1px solid #79b7e7; 
    background: #d0e5f5 url(redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; 
    font-weight: bold; 
    color: #1d5987; 
    outline: none;
    text-decoration:none;
}

.ui-datepicker
{
    font-size:0.99em;
}

.densen-button-red{
    border: 1px solid #cd0a0a; 
    background:transparent;
    font-weight: bold; 
    color: #cd0a0a; 
    outline: none; 
    text-decoration: none; 
    background-color:#fef1ec;
    display:inline-block;
    padding:4px; 
}
.densen-button-red:hover{
       color: #cd0a0a; 
       background-color:#f79494 !important;
}

.densen-button-green{
    border: 1px solid #52ab01; 
    background:transparent;
    font-weight: bold; 
    color: #52ab01; 
    outline: none; 
    text-decoration: none; 
    background-color:#dcfebe;
    display:inline-block;
    padding:4px;
}
.densen-button-green:hover{
    color: #52ab01; 
   background-color:#b6f281 !important;
}


.ui-state-error-green, .ui-widget-content .ui-state-error {border: 1px solid #52ab01; background: #b6f281 url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #333; }
.ui-state-error-green a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-te-greenxt, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
