/* Generic Styling */
body { font-family:Tahoma; margin:0; }
.embed { width:618px; margin:0 auto; }

br.clear { clear:both; }

/* Heading section */
.text-right { text-align:right;}
.text-center {text-align:center;}
h1 { margin:0; font-size:17px; font-weight:bolder;}
.top-line a { color:#0081c2; font-size:15px; text-decoration:none; }
.col-3 { width:33%; float:left; }
.col-3:nth-child(even) { width:34%; }
.top-line a, .top-line h1 { line-height:35px; }
.top-line { padding:0 10px;}

/* Cycles Section */
.cycle-line { width:100%; display:block; }
a.col-5 { text-decoration:none; border-right:5px solid #FFFFFF; display:block;background-color:#cce6f3; padding:9px 10px 15px 10px; color:#000000;}
a.col-5:hover, a.col-5.active { background-color:#0081c2; color:#FFFFFF;}
a.col-5 .cycle { font-size:18px; display:block; margin-bottom:10px;}
a.col-5 .day { font-size:11px; text-transform: uppercase; color:#7c7c7c;}
a.col-5:hover .day, a.col-5.active .day { color:#9bc5da;}
a.col-5 .date { display:block; font-size:11px;}
a.col-5 .arrow.line { display:block; margin-top:10px; margin-bottom:5px; border-bottom:1px solid #7c7c7c; position:relative;}
a.col-5 .arrow.line .outer { height:0px; width:0px; display:block; border-width:7px; border-style: solid; border-color:#7c7c7c transparent transparent transparent; position:absolute;  margin-left:15px; }
a.col-5 .arrow.line .outer .inner { height:0px; width:0px; display:block; border-width:6px; border-style: solid; border-color:#cce6f3 transparent transparent transparent;  position:absolute;  margin-left:-6px; margin-top:-8px;  }
a.col-5:hover .arrow.line .outer .inner, a.col-5.active .arrow.line .outer .inner { border-color:#0081c2 transparent transparent transparent;  }
a.col-5:hover .arrow.line, a.col-5.active .arrow.line { border-bottom-color: #9bc5da;}
a.col-5:hover .arrow.line .outer, a.col-5.active .arrow.line .outer { border-color:#9bc5da transparent transparent transparent;}


/* Calendar */
.cal-date { text-align:center;}
.cal-date .date-month { font-weight:bold; }
.cal-weekdays { margin-top:10px; text-transform: uppercase;border-bottom:1px solid #999999; color:#999999;}
.cal-week { display:table; width:100%;}
.cal-week .day { display:table-cell; width:14%; text-align:center; font-size:12px; }
.cal-week .saturday, .cal-week .sunday { background-color:#f5f5f5;}

.calendar-cycle { margin-top:20px;}
.calendar-cycle .month { height:210px; padding:5px; border-right:1px solid #999999;}
.calendar-cycle .day.inactive { background-color:#002d43; color:#FFFFFF; }
.calendar-cycle .day .active { background-color:#0081c2; color:#FFFFFF; }
.calendar-cycle .first { border-radius:10px 0 0 10px;}
.calendar-cycle .last { border-radius:0 10px 10px 0;}
.calendar-cycle .today { border:2px solid #000000; border-radius:10px; padding:0 8px; }
.calendar-cycle .active .today, .calendar-cycle .inactive .today { border:2px solid #FFFFFF; }
.calendar-cycle .cal-date-container { display:block;padding:5px;}


/* Footer */
.key {margin:10px;clear:both;}
.key .colour { float:left; height:20px; width:24px; margin-right:10px;}
.key .maintenance { background-color:#002d43;}
.key .power { background-color:#0081c2;}
.key .text { font-size:13px; }

a.table-view { color:#0081c2; font-size:12px; text-decoration:none; }
a.table-view:hover { text-decoration: underline;}

.cal-week {
    table-layout: fixed;
}
.calendar-cycle .today {
    padding: 2px 6px 2px 6px;
    margin-left: -6px;
}