﻿/* -------------------------------------------- */
/* -- The following formats the AJAX Calendar
/* -- Note: The CSS class is called 'AjaxCalendar'
/* -------------------------------------------- */
.AjaxCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#566d7e;  /*-- sky blue #4 --*/
    color: white;
    z-index:1000;  /*-- This line of code forces the AJAX Control to display over all underlying controls --*/
}
.AjaxCalendar .ajax__calendar_header { 
	background-color: #ffffff; margin-bottom: 4px; 
} 
.AjaxCalendar .ajax__calendar_title, 
.AjaxCalendar .ajax__calendar_next, 
.AjaxCalendar .ajax__calendar_prev { 
	color: #566d7e;  /*-- sky blue #4 --*/
    background-color: white;
    padding-top: 3px;
}
.AjaxCalendar .ajax__calendar_other .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_month,
.AjaxCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.AjaxCalendar .ajax__calendar_active .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_active .ajax__calendar_month,
.AjaxCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #566d7e;  /*-- sky blue #4 --*/
    background-color: white;
    font-weight:bold;
} 

/* -------------------------------------------- */
/* -- The following formats the AJAX PopUp Message
/* -------------------------------------------- */
.modalBackground 
{
     background-color:Gray;
     filter:alpha(opacity=60);
     opacity:0.60;   
}    
.updateProgress

{
     border-width:1px; 
     border-style:solid; 
     background-color:#FFFFFF; 
     position:absolute; 
     width:130px; 
     height:50px;    
}
.updateProgressMessage
{
     margin:3px; 
     font-family:Trebuchet MS; 
     font-size:small; 
     vertical-align: middle;
}

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    border:solid 1px #000;
}