div.calendars{overflow:hidden}div.calendar-quarter{height:180px}div.calendars div.month{float:left;width:155px;margin:0 20px 20px}div.calendars div.month h6{text-align:center;font-size:1.2em;word-spacing:5px;color:#8a8573;margin:0 0 5px}div.calendars div.month div.week{position:relative}
div.calendars div.month div.week div.day{border:1px solid #dff4fb;border-right:1px solid transparent;border-bottom:1px solid transparent;float:left;width:20px;height:20px;position:relative}div.daynumber{position:absolute;top:0;text-align:center;width:100%;padding:1px 3px;font-size:.6em;color:#000}
div.calendars div.month div.week div.day.empty{border:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;background-color:#dff4fb}div.calendars div.month div.week div.day.last{border-right:1px solid #dff4fb;width:21px}
div.calendars div.month div.week div.day.bottom{border-bottom:1px solid #dff4fb}div.calendars div.month div.week div.day.overlap{margin-top:-1px;border-top:1px solid #dff4fb}div.day div.green{background:#57e044}div.day div.yellow{background:#e2d380}div.day div.orange{background:#e3a36c}
div.day div.red{background:#b46264}div.day.future{background:#c1e1ea}div.legend{margin-top:10px;margin-bottom:5px;overflow:hidden;text-align:center}div.legend ul{list-style-type:none;margin:0 0 0 20px;padding:0}div.legend ul li{float:left;font-size:12px;margin-right:30px}
span.circle{display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}span.circle.green{background:#20ca20}span.circle.yellow{background:#ffca27}span.circle.orange{background:#ff8b27}
span.circle.red{background:#fe0c10}div.uptime-stats{font-size:1.37em;font-weight:bold}span.uptime-number{font-size:1.5em;color:#20ca20}