﻿.ui-helper-hidden-accessible {
    clip: rect(1px 1px 1px 1px);
    position: absolute !important;
}

.ui-dialog {
    position: absolute !important;
    top: 50%;
    left: 50%;
    padding: .2em;
    outline: 0;
    transform: translate(-50%, -50%);
}

.ui-widget {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #444444;
    z-index: 5000;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #013a6f url(images/ui-bg_glass_25_013a6f_1x400.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

/*Buttons*/
.ui-button {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 1.4em;
    padding: .4em 1em;
    border: 1px solid #b0b0b0;
    background: #e8e8e8 url(images/ui-bg_glass_100_e8e8e8_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #013a6f;
}

    .ui-button:hover {
        border: 1px solid #b0b0b0;
        background: #f5f7fa url(images/ui-bg_glass_100_f5f7fa_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #013a6f;
    }

    .ui-button:focus {
        border: 1px solid #b0b0b0;
        background: #f5f7fa url(images/ui-bg_glass_100_f5f7fa_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #013a6f;
    }

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

/*Calendar UI*/
.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #b0b0b0;
    background: #e8e8e8 url(images/ui-bg_glass_100_e8e8e8_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #013a6f;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 1px solid #cccccc;
    background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
    color: #444444;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #b0b0b0;
    background: #ffffff url(images/ui-bg_glass_100_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #c4271b;
}

/*Changing the background colour for the Close buttons*/ 
.ui-dialog .ui-dialog-titlebar-close{
    background:none;
    border:none;
}

.ui-dialog .ui-dialog-titlebar-close:hover{
    background:#e8e8e8 url(images/ui-bg_glass_100_e8e8e8_1x400.png) 50% 50% repeat-x;
    border:thin;
}
