/* Calendar */
.btn.emerald {
       margin-top:.75em;
}
.calender_template {
    margin-bottom:3em;
}
.titleTD table, .titleTD table .dayheader { background-color:#fff; }
.popup_nextprev { padding:10px 30px; cursor:pointer; }
.monthSmall.popup td { padding:5px; cursor:pointer;  }
.calendarFull table { width:100%; }
.calendarFull .monthSmall td, .calendarFull .header td { padding:10px 0; }
.calendarFull .monthSmall td { text-align:left; padding:10px; border:1px solid #ccc; border-left:none; border-top:none; }
    .calendarFull .monthSmall td.dayheaderSmall { text-align:center; vertical-align:middle; }
.calendarFull .title { border:1px solid #ccc;}
    .calendarFull .monthSmall td:first-child { border-left:1px solid #ccc;}
 
.calendarFull .day, .calendarFull .daySmall, .calendarFull .dayheaderSmall { border:none; }
.calendarFull .monthSmall  .othermonthdaySmall { color:#333; background-color:#efefef; }
 
.calendarSmall { margin-top: 33px; width: 100%; }
    .calendarSmall table { background: #fff; border-collapse: collapse; width: 100%; }
.calendarNavLeft { float: left; margin-top: 7px; }
.calendarNavRight { float: right; margin-top: 7px; }
.calendar { border: medium none; }
.contentCalendar { margin: 15px 0; }
    .contentCalendar table { border: medium none; }
    .contentCalendar h1 { border-bottom: 1px solid #D2D0CA; margin-bottom: 15px; }
.day, .daySmall { background-color: #FFFFFF; border: 1px solid #EEF6F4; color: Black; font-size: 0.9em; height: 70px; text-align: left; vertical-align: top; width: 130px; }
.daySmall, .calPopulated { background-color: #fff; font-size: 0.9em; height: 32px; vertical-align: middle; width: 42px; }
#subfull .day a:link, #subfull .day a:visited { color: #0585DA; text-decoration: none !important; }
.othermonthday, .othermonthdaySmall  { color:#ccc; }
.month { border: 1px solid #02A4CA; border-collapse: collapse; }
.monthSmall { border: medium none; background-color:#fff;}

.title, .titleSmall, .calendarSmall .header { background-color: #fff; }
.calendarSmall .header {  font-weight: normal; height: 35px;   }
.dayheaderSmall {  font-weight: bold; height: 35px; vertical-align: middle; width: 30px; text-align: center; text-transform: uppercase; background-color: #fff; border: 1px solid #EEF6F4; border-bottom:none;  }
.calPopulated { cursor: pointer; background-color: #60ae28 !important; color:#fff;  }
.othermonthdaySmall, .todaySmall, .daySmall { padding: 0; text-align: center; }
.today { background-color: #D3E8FF; }
.todaySmall { background-color: #CBCBCB; }
.header img { display: block; margin: 0; padding: 0; }
td.title table td, .title TD { color: #333; font-family: verdana;  font-weight: bold; padding-bottom: 1px; padding-top: 1px; }
.calendarSmall .title TD { font-weight: normal; }
.nextprev { cursor: pointer; }
.calEventItem { border: 1px solid #8FB4DD; cursor: pointer; margin-bottom: 3px; padding: 3px; }
.calEventItem a:link, .calEventItem a:visited { color: #40638B; font-weight: bold; text-decoration: none; }
.calEventItem:hover a:link { text-decoration:none;     border-bottom: .0625em dashed;
    outline: 3px solid transparent;}
span.calCats { font-size: 106%; font-weight: bold; }
.calDetails td.leftCell { width: 100px; }
a.backCal { display: block; padding-bottom: 10px; padding-top: 10px; text-decoration: none; }
.callSmallBubble { display: none; }
#modalEvent { background-color: #FFFFFF; border: 2px solid #60AE28; border-radius: 5px 5px 5px 5px; display: none; padding: 10px; width: 400px; }
    #modalEvent h2 { color: #333333; font-weight: normal; margin-bottom: 10px; margin-top: 5px; }

.calSmallItemName { font-size: 1.2em; }
    .calSmallItemName a:link, .calSmallItemName a:visited { font-weight: bold; text-decoration: none; }
        .calSmallItemName a:hover { text-decoration: underline; }
.calSmallItemDate { }
.calSmallItemSummary { border-bottom: 1px solid #D2D0CA; margin-bottom: 10px; padding-bottom: 10px; }

.custom-header nav a.mobile-prev:before { content: '\25c2'; }
.custom-header nav a.mobile-next:before { content: '\25b8'; }

.custom-month-year a:link, .custom-month-year a:visited { text-decoration: none; color: #fff; }

#mobileCalendarPnl { background: rgba(255,255,255,0.1); width: auto; height: auto; border-radius: 20px; -webkit-border-radius:20px; }

#month-year { display: block; margin: 20px 0; }


.mobile-prev { margin-right: 30px; }
.mobile-prev, .mobile-next { background: #60ae28; cursor: pointer; float: left; font-size: 25px; height: 30px; line-height: 30px; width: 30px; text-align: center; }

.mb-row { border-bottom: 1px solid #ddd; padding: 15px 0; }
    .mb-row .calEventItem { border: 1px solid #8FB4DD; color: #40638B; cursor: pointer; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1); border-radius: 3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; color: rgba(255, 255, 255, 0.7); display: block; font-size: 12px; max-width: 100%; overflow: hidden; padding: 3px 5px; margin: 15px 0; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.mb-date { font-size: 2em; }
.mb-day { }
#calenderContainer label img { cursor:pointer;}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 2px #aaa;
	box-shadow: 0 0 2px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

.i1 {
opacity: 1.0 !important; background-color:#000; color:#fff;
}