/*--- calendar styles --------------------------------------------*/
.Main_panel
{
    width:565px;
    float:left;
}
/*-- right hand side navigation controls ------------------*/
.CalendarControl
{
    float:left;
    clear:left;
    margin-bottom:20px;
    margin-top:10px;
}
.CalendarControls
{
    width:200px;
    float:right; 
    clear:right;
    margin-top:45px;
}
.CalendarControlTitle
{
    white-space:nowrap;
    color:#b9363b;
    font:12px;
    font-weight:bold;
    margin:0px;
    
}
.goto_date
{
    width:45px;
    margin-left:5px;
    border:solid 1px #aeaeae;
    background-color:#fcfcfc;
    color:#a6a6a6;
}
/* -- month view styles ----------------------------*/
#month
{
    float:left;
}
.day
{
    width:64px;
    height:80px;
    overflow:auto;
}
.day a
{
    color:#b9363b;
}
.day-notinmonth
{
    width: 64px;
    height: 80px;
    background-color:white; 
    border: solid 1px #cccccc;
    float: left;
    margin: 2px;
}
.daycontainer
{
    float:left;
    margin:2px;
    border:solid 1px #9d282e; 
}
.dateDiv
{
    padding:3px;
    position:relative;
}
.weeknumbercontainer
{
    float:left;
    margin:2px;
    border:solid 1px #ffffff; 
}
/* -- week view styles -----------------------------*/
#week
{
    background-color:White;
}
.time_slot
{
    width:64px;
    height:60px;
    overflow:auto;
    
}
.time_container
{
    float:left;
    margin:2px;
    border:solid 1px #eeeeee;
}
.dayofweek
{
    width: 64px;
    height: 30px;
    float: left;
    border: solid 1px #9d282e;
    text-align: center;
    font-size:11px;
    margin: 2px;
    background-color:#9d282e;
    color:#ffffff;
}
.dayofweek a
{
    color:#ffffff;
    text-decoration:none;
}
.emptydayofweek
{
    width: 64px;
    height: 30px;
    float: left;
    border: solid 1px #ffffff;
    margin: 2px;
}
/* -- styles for day view --------------------------*/
.dayview_timeslot_container
{
    float:left;
    margin:2px;
    border:solid 1px #9d282e;
}
.dayview_timeslot
{
    width:480px;
    height:50px;
}
.dayview_time
{
    width:64px;
    height:50px;
    overflow:hidden;
}
/* -- styles for all views -------------------------*/
.intervalheader
{
    clear:left; 
    width: 565px;
    font-size : 12px;
}
.intervalnav
{   
    float: left;
    width: 40px;
    height:30px;
    text-align: center;   
    margin-bottom:10px;
}
.intervalnav a 
{
    font-size:22px;
    font-weight:bold;
    color:#9d282e;
    text-decoration:none;
}
.intervalname
{
    float: left;
    height:30px;
    text-align: center;
    font-size:22px;
    font-weight:bold;
    color:#9d282e;
    margin-bottom:10px;
}
/* -- styles for the appointment page ----------------------*/
.AppointmentImage
{
    cursor:pointer;
}
.posting
{
    float:left;
}