.edit {
  color: red;
  }
  
/* calendar */
.mdiMonth {
  margin-left: 10px;
  border-collapse: collapse;
  }

.mdiMonthPrev a, .mdiMonthNext a {
  font-size: 14px;
  font-weight: bold;
  color: #8888FF;
  text-decoration: none;
  }

.mdiMonthPrev {
  text-align: left;
  }

.mdiMonthNext {
  text-align: right;
  }

.mdiMonthTitle {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  }

.mdiCalMonthWeekdays {
	background-image: url(/images/kl-h1.jpg);
	background-repeat: repeat-x;
	color: white;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  }

.mdiMonthDay {
  border: 1px solid black;
  width: 94px;
  height: 100px;
  vertical-align: top;
  }

.mdiMonthDayToday {
  background-color: #99FF99;
  }

.mdiMonthDayDate {
  text-align: right;
  font-weight: bold;
  }

.mdiMonthEvent {
  font-size: 11px;
  border: dashed gray;
  border-width: 1px 0 1px 0;
  padding-bottom: 1px;
  margin-top: -1px;
  cursor: pointer;
  }

.noMenu {
  cursor: default;
  }

.mdiMonthEvent a {
  color: black !important;
  text-decoration: none;
  }

.mdiMonthAdd {
  text-align: right;
  font-size: 9px;
  }

.mdiMonthCat {
  }

.mdiMonthCat div, .mdiMonthCat input {
  }

.mdiMonthCat div {
  margin-top: 2px;
  }

.mdiCalUpcomingDate, .mdiCalUpcomingTitle {
  margin: 8px 0 1px 0;
  }

.mdiCalUpcomingDate {
  font-weight: bold;
  float: left;
  clear: left;
  color: #119911;
  margin-left: 5px;
  }

.mdiCalUpcomingTitle {
  font-weight: bold;
  margin-left: 5px;
  float: left;
  color: #1111aa;
  }

.mdiCalUpcomingDesc {
  margin: 0 20px 0 25px;
  clear: left;
  }

div.mdiCalAddEvent {
  display: block;
  width: 700px;
  border: 1px solid black;
  }

.mdiCalAddEvent {
  font-size: 12px !important;
  }

.mdiCalAddEvent table {
  border-collapse: collapse;
  }

.mdiCalAddEvent td {
  vertical-align: top;
  font-size: 12px !important;
  }

.mdiCalAddEvent label {
  font-size: 12px;
  }

.mdiCalAddEvent input {
  font-size: 12px;
  }

.mdiCalAddEvent textarea {
  }

.mdiCalAddEventSection {
  width: 100%;
  }
  
.mdiCalAddEventSection td {
  border-top: 1px solid black;
  padding-top: 4px;
  }

.mdiCalRepeatDetails div {
  padding: 5px 0 5px 0; 
  }

.mdiCalRepeatWeek {
  border-collapse: collapse;
  }

.mdiCalRepeatWeek td {
  font-size: 13px;
  width: 40px;
  text-align: center;
  border: 1px solid gray;
  }

.mdiCalRepeatMonthDate {
  margin-left: 20px;
  border-collapse: collapse;
  }

.mdiCalRepeatMonthDate td {
  text-align: right;
  font-size: 13px;
  width: 25px;
  border: 1px solid gray;
  cursor: pointer;
  }

.mdiCalAddEventScroller {
  height: 175px;
  overflow: auto;
  border: 1px solid gray;
  padding-right: 10px;
  margin-bottom: 3px;
  }

#mdiCalEventMenu {
  position: absolute;
  display: none;
  top: 100px;
  left: 0px;
  z-index: 10000;
  border: 1px solid black;
  }

#mdiCalEventMenu div {
  padding: 3px;
  cursor: pointer;
  }

.mdiCats, .mdiCalMonthInfo, .mdiCalControls {
  border: 1px solid gray;
  padding: 5px;
  float: left;
  }

.mdiCats {
  width: 210px;
  margin: 5px 0 0 10px;
  clear: left;
  }

.mdiCatsTitle {
  font-size: 14px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
  }


.mdiCalControls {
  width: 210px;
  margin: 5px 0 0 7px;
  font-family: Verdana, Arial, sans-serif;
  }

.mdiCalMonthInfo {
  width: 210px;
  margin: 5px 0 0 7px;
  font-family: Verdana, Arial, sans-serif;
  }

.mdiCalMonthInfo ul {
  margin-top: -15px;
  }

.mdiCalMonthInfo li {
  margin: 0 0 3px -15px;
  }