﻿@import url(../IsisBooks/StyleSheet.css);

.mg-datepicker,
.table-condensed {
   width:100%;
   background:#fff;
}

.datepicker-inline {
    width: 100%;
}

.datepicker thead {background:#fdf9ef; color:#303e48; border-radius:0;}
.dow {background:#fff; color:#804d12;}
.prev {background:#f7eed9;}
.next {background:#f7eed9;}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #fdf9ef;
}

.datepicker {
    padding: 10px;
    border-radius: 0;
    direction: ltr;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius:0;
    border: none;
}

.mg-datepicker table tr td.new, .mg-datepicker table tr td.old {
    color: #ccc;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #fdf9ef;
    background-image: none;
    background-image: none;
    /* background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); */
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);*/*/
    /* border-color: #04c #04c #002a80; */
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #804d12;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active,
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled] {
    background-color: #fdf9ef; color:#804d12;
}

#CalendarHeader {font-weight:bold; color:#555; background-color:#fff; padding:8px 10px; border:none; border-bottom:1px solid #f1ead7; font-size:18px;}
.hpcalendar {margin-bottom:20px;}


/* Calendar */  
.eventCalendarSelector {color:#222; width:100%; min-height:250px; background:#fdf9ef; margin:0 auto; border:1px solid #f1ead7;}
.calendar .eventCalendarSelector {color:#222; min-width:300px; min-height:250px; background:#fff; margin:0 auto; border:1px solid #f1ead7;}

    .eventCalendarSelector  .OtherMonthDayStyle {background:#f7eed9; text-align:center; vertical-align:middle;}
    .eventCalendarSelector  .OtherMonthDayStyle a:link {text-decoration:none;}
    .eventCalendarSelector  .TodayDayStyle {border:2px solid #1b1718; text-align:center;}
    .eventCalendarSelector  .TodayDayStyle a:link {text-decoration:none;}
    .eventCalendarSelector  .DayStyle {text-align:center; vertical-align:middle;}
    .eventCalendarSelector  .DayStyle a:link {text-decoration:none;}
    
.homeEVCalendar .title {text-align:center; font-size:15px; color:#222; font-weight:bold;}
.homeEVCalendar {margin-bottom:10px; background:#fdf9ef; border-radius:8px; border:1px solid #f1ead7;}

.HomePageCalendarTitle {text-align:center; height:20px; margin:0 auto; background:#fff; color:#222;}
.HomePageCalendarTitle a {text-decoration:none;}
.eventCalendarSelector th {text-align:center; vertical-align:middle; border:none;}
.eventCalendarSelector td {text-align:center; vertical-align:middle;}



