#status.sidenav-page .content { background-color: #ffffff; }
#status.sidenav-page .content .innercontent { width: 935px; margin-left: 4px; padding-right: 37px; border-left: none; background-color: #ffffff; padding-bottom:0;}
#status.sidenav-page .content .innercontent .overview .hero { /* Table key */ }
#status.sidenav-page .content .innercontent .overview .hero .left, #status.sidenav-page .content .innercontent .overview .hero .right { display: inline-block; width: 49%; vertical-align: top; }
#status.sidenav-page .content .innercontent .overview .hero .right { text-align: right; font-size:12px; }
#status.sidenav-page .content .innercontent .overview .hero .right div { margin-top: 1px; margin-right: 6px; }
#status.sidenav-page .content .innercontent .overview .hero .right span span { display: inline-block; padding-right: 10px; vertical-align: top; }
#status.sidenav-page .content .innercontent .overview .hero .right span:last-child span { padding-right: 18px; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper { border: 1px solid #e1e1e1; -webkit-border-radius: 6px; border-radius: 6px; background-color: #ffffff; /* Effectively, the table header */ /* Actual table rows */ }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper span:first-child { display: block; padding: 1em 0px 1em 14px; /* Need to re-apply rounded corners due to background-color change */ -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-color: #f2f2f2; font-weight: bold; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table { clear: both; font-size: 12px; border-top: 1px solid #e1e1e1; width: 100%; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table td { padding: 10px 10px; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table td:not(:last-child) { border-right: 1px solid #e1e1e1; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table td div.icon, #status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table td div.icon { margin: 6px 8px 0px 3px; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table td span { display: inline-block; vertical-align: top; margin-top: 5px; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table tr:not(:last-child) { border-bottom: 1px solid #e1e1e1; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table .offline { color: #333; }
#status.sidenav-page .content .innercontent .overview .container .status-table-wrapper .status-table .online { color: #0088cc; }
#status.sidenav-page .content .innercontent .overview .container .footnote { font-size:12px; margin:0px; padding-top:20px; color: #888888; }
#status.sidenav-page .content .innercontent .overview .online .icon, #status.sidenav-page .content .innercontent .overview .offline .icon { display: inline-block; width: 14px; height: 14px; background-size: 4px 4px; }
#status.sidenav-page .content .innercontent .overview .online .icon { background-color: #c1f6bc; border: 1px solid #54b946; -webkit-border-radius: 4px; border-radius: 4px; /*
background-image: linear-gradient(-45deg, 
	rgba(84, 185, 70, .4) 25%,
	transparent 25%,
	transparent 50%,
	rgba(84, 185, 70, .4) 50%,
	rgba(84, 185, 70, .4) 75%,
	transparent 75%,
	transparent););
*/ }
#status.sidenav-page .content .innercontent .overview .offline .icon { background-color: #d6d6d6; border: 1px solid #9d9d9d; -webkit-border-radius: 8px; border-radius: 8px; /*
background-image: linear-gradient(-45deg, 
	rgba(84, 185, 70, .4) 25%,
	transparent 25%,
	transparent 50%,
	rgba(157, 157, 157, .4) 50%,
	rgba(157, 157, 157, .4) 75%,
	transparent 75%,
	transparent););
*/ }