html, body {
 margin: 0;
 padding: 0;
}
html {
 color: #000;
}
html, select, select option, option, input, textarea {
 font-family: TitilliumText22LRegular, tahoma, sans-serif; 
 font-size: 16px;
}
#content {
 width: 600px;
 margin-left: auto;
 margin-right: auto;
}
.addBlock {
 position: absolute;
 right: -199px;
 top: 40px;
 clear: none;
 width: 190px;
}
.feedback {
 margin-top: 20px;
 position: relative;
}
.feedback form {
 position: relative;
 display: inline-block;
 width: 248px;
}
#blogLatest {
 position: relative;
 margin-left: 10px;
 width: 250px;
 display: inline-block;
 font-size: 12px;
}
#blogLatest .readmore {
 font-size: 12px;
}
#blogLatest img {
 display: none;
}
#blogLatest div > *:first-child {
 margin-top: 0;
}
.addBlock h3 {
 margin-top: 0;
}
.contentcontainer .main > *{
 padding-left: 15px;
 padding-right: 15px;
}
.contentcontainer.small .main {
 width: 600px;
}
.contentcontainer .main {
 padding-top: 10px;
}

#menu, #footer {
 background: url('images/sprite-y.png') 0 0 repeat-y;
 width: 799px;
}
.contentcontainer.small {
 width: 799px;
 background: url('images/sprite-y.png') 0 0 repeat-y;
 background-position: -1598px 0;
}
.contentcontainer.large {
 width: 799px;
 background: url('images/sprite-y.png') 0 0 repeat-y;
 background-position: -799px 0;
}
.contentcontainer {
 padding-bottom: 20px;
}
#navigation, #footer .container {
 text-align: center;
 width: 600px;
}
#footer.large .container {
 width: 799px;
}
#navigation a {
 color: #000;
 font-weight: bold;
 
}
a {
 color: #0000ee;
}
#navigation {
 margin: 0;
 padding: 10px 0 10px 0;
 list-style: none;
 margin-left: auto;
 margin-right: auto;
 display: inline-block;
}
#navigation li {
 display: inline;
 list-style: none;
 margin: 0 8px 0 8px;
}
#container {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
}
#content {
 margin-top: 40px;
}
#footer {
 padding-top: 20px;
 padding-bottom: 20px;
 margin-bottom: 100px;
 text-align: center;
}

#content, .footerwrapper {
 z-index: 2;
 position: relative;
}
.backdrawing-sun {
 left: 0;
 top: 0;
}
.backdrawing-clouds {
 right: 0;
 top: 0;
}
.background {
 position: absolute;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 172px;
 background: transparent url('images/clouds_repeat-short.png') 100% 100% repeat-x;
}
.tagcloud {
 width: 100%;
}
.tagcloud span {
 margin-left: 10px;
 float: left;
}
.cloudpos15 { font-size: 34px;}
.cloudpos14 { font-size: 32px;}
.cloudpos13 { font-size: 30px;}
.cloudpos12 { font-size: 28px;}
.cloudpos11 { font-size: 26px;}
.cloudpos10 { font-size: 24px;}
.cloudpos9 { font-size: 22px;}
.cloudpos8 { font-size: 20px;}
.cloudpos7 { font-size: 18px;}
.cloudpos6 { font-size: 16px;}
.cloudpos5 { font-size: 14px;}
.cloudpos4 { font-size: 12px;}
.cloudpos3 { font-size: 10px;}
.cloudpos2 { font-size: 8px;}
.cloudpos1 { font-size: 6px;}
.backdrawing-clouds, .backdrawing-sun {
 position: fixed;
}
#tooltipContainer {
 padding: 0;
 font-size: 1px;
}
.tooltip {
 position: relative;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 200px;
 display: inline-block;
 font-family: TitilliumText22LThin;
 font-size: 14px;
}
.tooltip-arrow-up {
 display: inline-block;
 position: absolute;
 left: 22px;
 width: 35px;
 height: 18px;
 background: url('images/sprite2.png') 0 0 no-repeat;
 background-position: 0 -24px;
}
.tooltip-arrow {
 display: inline-block;
 position: absolute;
 height: 18px;
 left: 25px;
 bottom: -14px;
 width: 35px;
 background: url('images/sprite2.png') 0 0 no-repeat;
 background-position: -35px -24px;
 z-index: 3;
}
.tooltip > div {
 border: 2px solid #fff;
 background-color: #cecece;
 color: #000;
 margin: 0;
 display: inline-block;
 padding: 5px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-box-radius: 4px;
}
.tooltip > div ul, .tooltip > div ul li {
 margin: 0;
 padding: 0;
 list-style: none;
}
.tooltip > div ul {
 margin-top: 3px;
}
.tooltip > div ul li {
 margin-left: 15px;
}
.tooltip-arrow-up + div {
 margin-top: 16px;
}
.tooltip, .mainDatePicker input {
 padding: 2px;
}
.tooltip .closer {
 position: absolute;
 top: 8px;
 right: 8px;
 font-weight: bold;
}
.tooltip.long .closer {
 top: 23px;
}
.tooltip a.closer {
 text-decoration: none;
 color: #000;
}
.mainDatePicker input {
 width: 244px;
 height: 21px;
 border: 0;
 padding: 2px;
 margin-top: 0;
}
.mainDatePicker input[type="submit"] {
 background-color: white;
 margin-top: 2px;
 margin-left: 108px;
 width: 140px;
}
.inputDateByTyping {
 margin-top: 2px;
}
.inputDateByTyping .add {
 margin-left: 4px;
 width: 19px;
 height: 19px;
 padding: 0;
 border: 0;
 background: transparent url('images/sprite2.png') no-repeat -1px -1px;
 vertical-align: middle;
 display: inline-block;
}

.backdrawing-clouds, .backdrawing-sun {
 position: fixed;
}

.contentcontainer .statistics {
 margin-left: 0;
}
table colgroup.odd {
 background: rgba(180, 180, 180, .4);
}
.statistics {
 border-collapse: collapse;
 border: none;
}
.statistics table {
 border-collapse: collapse;
 width: 100%;
 height: 100%;
}
.statistics table, .statistics table td, .statistics table th, .statistics table tr {
 border: none;
 margin: 0;
 padding: 0;
}
.statistics td, .statistics th, .statistics tr {
 /*border: 1px solid black;*/
}
.statistics th {
 text-align: left;
}
.statistics td {
 padding: 1px 5px;
 text-align: center;
}
.statistics th {
 padding: 4px 3px;
}
.statistics table th {
 text-align: left;
}
.statistics table td {
 text-align: right;
}
hr {
 border: 0;
 width: 75%;
 color: #afafaf;
 background-color: #afafaf;
 height: 2px;
 
 -moz-box-shadow: 1px 1px #888;
 -webkit-box-shadow: 1px 1px #888;
 box-shadow:  1px 1px #888;
}
span.datepicker .inputDateBySelect select, span.datepicker .inputDateBySelect input {
 background-color: white;
 border: 1px solid black;
 width: 100%;
}
.feedback textarea, .feedback input {
 background-color: white;
 width: 244px;
 border: 0;
 padding: 2px;
}
.feedback input {
 margin-top: 2px;
 margin-left: 108px;
 width: 140px;
}
span.datepicker .inputDateBySelect {
 margin: 2px 5px;
}

#breadcrumbs {
 font-size: smaller;
 clear: both;
}
#breadcrumbs ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
#breadcrumbs ul li {
 margin: 0;
 padding: 0;
 list-style: none;
 display: inline;
 float: left;
}
.news-blog {
 padding-left: 20px;
}
.readMore {
 font-weight: bold;
}
.postBy {
 font-family: TitilliumText22LThin;
 font-size: 12px;
}
.weathersummary {
 width: 600px;
 border-collapse: collapse;
 border: none;
 font-size: medium;
 margin-top: 10px;
}
.weathersummary caption {
 font-weight: bold;
}
.weathersummary td, .weathersummary tr {
 border: none;
}
p.wind, p.temperature, p.sun, p.shower, p.clouds {
 margin-left: 10px;
 margin-right: 10px;
}
p.moreweather {
 margin-top: 20px;
}
p.searchweather {
 font-weight: bold;
}
p.footer {
 font-family: TitilliumText22LThin;
 font-size: 12px;
}
#breadcrumbs {
 display: inline-block;
}
#social {
 float: right;
 display: inline-block;
}
#social a {
 display: inline-block;
 width: 24px;
 height: 24px;
}
#social a span {
 display: none;
}
#social div {
 display: inline-block;
 margin-left: 0;
}
#social .twitter a, #social .facebook a {
 display: block;
 background: url('images/sprite2.png');
 width: 24px;
 height: 24px;
}
#social .twitter a {
 background-position: -44px 0;
}
#social .facebook a {
 background-position: -20px 0;
}
#social 
/*images/twitter.png*/
#content h1 {
 margin-top: 0px;
}
.exports img {
 margin-right: 4px;
}
.shareOnTwitter,
.shareOnFacebook,
.shareOnGooglep {
 display: inline;
 margin-right: 7px;
}
.shareOnTwitter > a,
.shareOnFacebook > a,
.shareOnGooglep > a {
 display: inline-block;
 width: 32px;
 height: 32px;
 background: url(../images/social-sprite-grey.png) 0 -32px no-repeat;
 text-indent: -30000px;
}
.shareOnFacebook > a {
 background-position: 0 -32px;
}
.shareOnFacebook > a:hover {
 background-position: 0 0;
}
.shareOnTwitter > a {
 background-position: -32px -32px;
}
.shareOnTwitter > a:hover {
 background-position: -32px 0;
}
.shareOnGooglep > a {
 background-position: -64px -32px;
}
.shareOnGooglep > a:hover {
 background-position: -64px 0;
}
.graph_line {
 display: block;
 height: 275px;
}
#changeStation {
 border: 1px solid #ccc;
 padding: 3px 2px 1px 3px;
 background-color: #eee;
}
div.graph {
 position: relative;
}
span.save a {
 width: 32px;
 height: 32px;
 background: url(images/download-sprite.png) 0 0 no-repeat;
 text-indent: -30000px;
 position: absolute;
 bottom: 52px;
 right: 10px;
 z-index: 12;
}
span.save a:hover {
 background-position: 0 -32px;
}
ul.downloads,
ul.downloads li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.downloads {
	padding-top: 15px;
}
ul.downloads li {
	margin-bottom: 10px;
}
ul.downloads a {
	color: #494949;
	text-decoration: none;
}
ul.downloads .details {
	margin-left: 10px;
	font-size: smaller;
	color: #919191;
}
#container.popout {
	/*width: 600px;*/
}
#container.popout #menu,
#container.popout #footer,
#container.popout .contentcontainer.small {
	width: 100%;
}
#container.popout #footer {
	margin-bottom: 0;
	padding-bottom: 0;
}
#container.popout #content {
	/*margin-top: 0;*/
}
.fancybox-overlay {
	background: url(images/fancybox_overlay.png) repeat 0 0;
}
.aimar {
 display: none;
}
@media print {
	body {
		font-family: TitilliumText22LRegular, tahoma, sans-serif;
		font-size: 12pt;
		color: #000;
		background: #fff;
	}
	a {
	 text-decoration: none;
	 color: #000;
	}
	h1.caption {
	 text-align: center;
		font-size: 38pt;
		margin: 0;
	}
	h1.caption a, #menu, #share, #breadcrumbs, .searchWeather, .save, .jqplot-table-legend {
	 display: none;
	}
	a:after {
		content: " (link "attr(href)")";
		font-size: 10pt;
		text-decoration: underline;
	}
	#footer {
	 font-size: 9pt;
	}
}