body {
  /*font-family: verdana;*/
  font-family: 'Roboto', sans-serif;
}

.widget_calendar {
  border-radius: 3px;
  
  /*box-shadow: 4px 4px 10px grey;*/
  width: 100%;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
}

#eventslink {
  font-size: 14px;
  color: #1E90FF;
  cursor: pointer;
}

#eventslink:hover {
  text-decoration: underline;
}

#addmonth {
  padding: 5px;
  width: 10%;
  float: left;
  cursor: pointer;
}

#month {
  padding: 5px;
  width: 80%;
  float:left;
}

#submonth {
  padding: 5px;
  width: 10%;
  float: left;
  cursor: pointer;
}

.days div {
  float: left;
  width: 14.25%;
  height: 25px;
  padding: 5px;
}

.highlightday {
  color: #ffffff;
  background: #7f3085;
  font-weight: bold;
}

.highlightday:hover, .highlightday:active{
    color: #ffffff;
}

.weeks {
  clear: both;
}

.weeks div {
  float: left;
  width: 28px;
  height: 25px;
  /*padding: 5px;*/
  padding: 2px 5px 2px 5px;
  cursor: pointer;
}

.weeks .day{
    float: left;
    width: 14.25%;
    height: 25px;
    /*padding: 5px;*/
    padding: 2px 5px 2px 5px;
    cursor: pointer;
    text-decoration: none;
}
.clear {
  clear: both;
}

.ae {
  padding: 5px;
  text-align: left;
}

.aetitle {
  font-size: 14px;
}

#de {
  padding: 0 5px 0 5px;
  text-align: left;
}

.detitle {
 font-size: 14px;
}

.eventday {
  width: 100%;
  padding-top: 7px;
  border-bottom: 1px solid #666666;
}

.textleft {
  text-align: left;
}