/* global */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time { display: block; }
h1,h2,h3,h4,h5,h6,h7,ul,li,p {margin:0; padding:0; font-weight: normal;}
ol, ul { list-style: none;}
fieldset, textarea, input[type="checkbox"], button {margin: 0; padding: 0; border: 0}
input, textarea, select, button {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input::-moz-focus-inner,button::-moz-focus-inner {padding: 0;border: 0;}
canvas {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
a img {border: 0; display: block;}


/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body {font-family: Raleway; font-size: 16px; line-height: 18px; color: #3a3a3a;}

.periods {display: none;}
.periods span {color: #ff6600;}

.tempContainer {width: 400px; text-align: center; margin: 50px 0;}
.tempContainer .info {font-family: Open Sans,sans-serif; margin-bottom: 5px;}
.tempContainer .info p {font-weight: bold; font-size: 20px; display: inline;}
.tempContainer .info span {font-size: 16px;}
.tempContainer .time {font-size: 12px; line-height: 14px;}
.tempContainer .time span {font-family: Open Sans,sans-serif; font-size: 10px; line-height: 12px;}

table {border-collapse: collapse;}
table thead {text-align: left; text-transform: uppercase;}
table thead th {font-weight: bold;}
table th, table td {padding: 8px 8px 7px;}
table td {border-bottom: 1px solid #787878;}
table thead tr {background: #00A388;}
table thead tr .cleanTime {background: #BEEB9F;}
table tbody tr.active {background: #FF8538;}
table tbody tr.active {font-weight: bold; text-transform: uppercase; color: #fff;}
table tbody tr:hover {background: #BEEB9F; cursor: pointer;}
table td.cleanTime {background: #ffb5a2;}
table tbody tr.active td.cleanTime {background: #FF6138;}
table tbody tr:hover td.cleanTime {background: #0a744e; color: #fff;}