@charset "utf-8";
/* CSS Document */
/*
You can overwrite some values in your user stylesheet.
You have to create a style.user.css file in this directory and write what you want, it will be loaded after this one.
The file style.user.css is in the .gitignore file so it will never be deleted or removeed when pulling new versions from GitHub
*/

body {
	background-color : #fff;
	padding          : 2px;
	color            : #333;
	font-family      : Arial;
	font-size        : medium;
	overflow         : auto;
	overflow-x       : auto;
	overflow-y       : auto;
}

#container {
}

table {
	border-collapse : collapse;
	border          : 1px solid #ddd;
	margin          : 0;
	padding         : 0;
}

#title {
	border     : 1px solid #ddd;
	height     : auto;
	text-align : center;
}

#inside, td.outside, td.rain {
	border : 1px solid #ddd;
}

#inside table, td.outside table, td.rain table {
	border-collapse : collapse;
	border          : 0;
	width: 180px;
}

.insideimage {
	background-image    : url(../img/inside.png);
	background-repeat   : no-repeat;
	background-position : left;
	background-size     : 60px 60px;
	width               : 60px;
	height              : 60px;
}

.outsideimage {
	background-image    : url(../img/outside.png);
	background-repeat   : no-repeat;
	background-size     : 60px 60px;
	background-position : right;
	width               : 60px;
	height              : 60px;
}

.rainimage {
	background-image    : url(../img/rain.png);
	background-repeat   : no-repeat;
	background-size     : 60px 60px;
	background-position : right;
	width               : 60px;
	height              : 60px;
}

tr {
	height : 20px;
}

th {
	font-size     : small;
	font-family   : Arial;
	color         : #888;
	padding-left  : 5px;
	padding-right : 5px;
	text-align    : left;
}

td {
	font-size     : small;
	font-family   : Arial;
	padding-left  : 5px;
	padding-right : 5px;
	text-align    : right;
}

.mm {
	color : #888;
}

.lt {
	font-size   : 12px;
	font-family : Arial;
	color       : #aaa;
}

.te {
	font-size   : 20px;
	font-weight : normal;
	font-family : Tahoma;
	color       : #888;
}

.er {
	font-size   : 10px;
	font-family : Arial;
	color       : #faa;
}

.da {
	font-size   : 12px;
	font-family : Arial;
	color       : #aaa;
	text-align  : center;
}