@CHARSET "UTF-8";

.diary-datebox {
  text-align: center;
  padding: 20px 10px 20px;
  color: #fff;
  border-radius: 5px;
  width: 80px;
  height: 60px;
  background: #4c4c4c;
  background: -moz-linear-gradient(top,  #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);
  background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
  background: linear-gradient(to bottom,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}

.diary-day {
  font-size: 24pt;
  font-weight: bold;
}

.diary-dow {
  font-size: 10pt;
}

.diary-bymonth .more {
  float: right;
}

.diary-month-header {
  border-top: 2px solid #000;
}

.express-calendar {
  margin-bottom: 20px;
}

.express-calendar .formandu-button {
  margin: 0 5px;
}

.express-calendar .prev {
  float: left;
}

.express-calendar .next {
  float: right;
}

.express-calendar table {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-spacing: 0;
}

.express-calendar td {
  width: 50px;
  height: 34px;
  vertical-align: top;
  text-align: left;
  color: #000;
  transition: background-color 0.3s, color 0.3s;
  cursor: default;
}

.express-calendar th {
  background: #000;
  color: #fff;
  text-align: center;
}

.express-calendar td.today {
  outline: 3px solid #444;
  z-index: 9999;
}

.express-calendar th, 
.express-calendar td {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.express-calendar .cal-header {
  background: #000;
  color: #fff;
  padding: 4px;  
  text-align: center;
}

.express-calendar .express-calendar-menu {
  background: #ddd;
  border: none;
  padding: 2px 10px;
  width: auto !important;
}

.express-calendar .dim {
  color: #888;
}

.express-calendar-control td span em {
  font-style: normal;
  font-size: 80%;
}

.express-calendar td.has-events {
  cursor: pointer !important;
  color: #000;
}

.express-calendar td.has-events:hover {
  background-color: #eee !important;    
}

.express-calendar-view table {
  width: 100%;
}

.express-calendar-view span.badge {
  background: #000;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #fff;
  border: 1px solid #fff;
  height: 14px;
  width: 14px;
  text-align: center;
  padding: 4px 6px 8px;
  border-radius: 20px;
  font-weight: bold;
}

.express-calendar-view td {
  height: 68px;
  position: relative;
  color: #444;
}