@charset "UTF-8";
/****************************************************************************************
*  weatherstyle.css (Cumulus) - Last modified: 25 May 2012 @ 06h00
*  - CSS template 'weatherstyle.css'
*  - Modified by Ray Beriau <tzouhalem.net>
*****************************************************************************************/
html, body {
  height: 100%;
  overflow: auto;
}
body {
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  color: #585858;
  text-align: left;
  background-attachment: fixed;
  background-image: url(images/cumulus.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0;
  margin: 0;
}
#content {
  margin: 2% 25% 5% 205px;
  min-height: 700px;
}
#page {
  padding: 7px;
  max-width: 775px;
}
h1 {
  font-size: 150%;
  font-weight: bold;
  text-transform: inherit;
  color: #0000CC;
  letter-spacing: 0.7em;
  padding-bottom: 0em;
  text-align:center;
}
/*h2{
  font-size: 125%;
  font-weight: bold;
  color: #6F9DBE;
  letter-spacing: 0.4em;
  text-transform: lowercase;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
}*/
h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #555555;
  letter-spacing: 0.15em;
  padding-bottom: .2em;
  background-color: #c0cad3;
  text-align: right;
  padding-top: .2em;
  padding-right: 1em;
}
h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  color: #555555;
  letter-spacing:0.1em;
  padding-bottom: .2em;
  background-color: #c0cad3;
  text-align:center;
  padding-top: .2em;
  padding-right: 1em;
}

a {
  color: #FF6633;
  text-decoration: none;
  font-weight: 400;
}
a:visited {
  text-decoration: none;
  color: #CC6600;
}
a:hover {
  text-decoration: underline overline;
  color: #6F9DBE;
}
a:active {
  text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
  font-family: Arial, Helvetica, sans-serif;
}
.credits {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  font-style: italic;
  letter-spacing: 0.3em;
  text-align: right;
}
ul {
  font-size: 75%;
  padding-bottom: 1em;
  padding-top: 1em;
  margin-left: 10%;
  list-style-type: square;
  text-transform: lowercase;
}
li {
  padding-bottom: 0.5em;
}

.blockquote {
  background-color: #E7E7DE;
  margin-right: 22%;
}
caption {
  font-size: 95%;
  font-style: normal;
  font-weight: bold;
  letter-spacing: .1em;
  padding-top: 0.5em;
  padding-bottom: 0.25em;
  text-align: left;
}
table {
  font-family: Arial, Helvetica, sans-serif;
}
.tableseparator {
  font-size: 90%;
  font-weight: bolder;
  background-color: #171BA2;
  color :#FFFFFF;
  padding: .5em;
  letter-spacing: .1em;
}
.tableseparator_data {
  font-size: 90%;
  font-weight: 500;
  background-color: #E5E5E5;
  color: #000000;
  padding: .5em;
}
.tableseparator_data2 {
  font-size: 90%;
  font-weight: 500;
  background-color: #CACACA;
  color: #000000;
  padding: .5em;
}
.tableseparator_new {
  font-size: 90%;
  font-weight: 600;
  background-color: #E5E5E5;
  color: #000000;
  padding: .5em;
}
.tableseparator_new2 {
  font-size: 90%;
  font-weight: 600;
  background-color: #CACACA;
  color: #000000;
  padding: .5em;
}
.tableseparator_average {
  font-size: 90%;
  font-weight: 600;
  background-color:#838383;
  color:#FF0;
  padding: .5em;
}
.tableseparator_myaverage {
  font-size: 90%;
  font-weight: 600;
  background-color:#171BA2;
	color:#F9F9F9;
  padding: .5em;
}
td {
  font-size: 100%;
  padding-top: 0.2em;
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  padding-left: 0.5em;
  color: #000000;
}
.td_thumbnails {
  padding-top: 0.1em;
  padding-right: 0.2em;
  padding-bottom: 0.1em;
  padding-left: 0.0em;
}
.td_navigation_bar {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  letter-spacing: 0.1em;
  background-color: #FFFFFF;
}
.labels {
  font-weight: bold;
  background-position: left;
}
.site_data {
  text-align: right;
}
.colon_separator {
  font-weight: 400;
  background-position: left;
}
.p {
  font-weight: 200;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
}
.new_record {
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  background-color: #FFFF66;
  vertical-align: middle;
}
/* Table daylight/sunrise etc on index.htm */
.wx {
	font-style: normal;
	width:100%;
}
.wx td{
    white-space: nowrap;
}
.wx td:last-child {
    width:100%;
}