html, body {
	font-family: Arial, sans-serif;
	background-color: white;
	color: black;
	margin: 0 0 0 0;
}

#container {
	background-color: white;
}


#header {
	background-color: #EEE;
	border-bottom: 1px solid black;
}

#header img.logo {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}

#header	h1 {
	font-size: 28pt;
	margin-bottom: 5px;
	color: darkgreen;
	text-align: left;
}

#banner {
	white-space: nowrap;
	padding-left: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid black;
	text-align: center;
}

#banner h1 {
	text-align: center;
}

#navbar {
	background-color: #080;
	color: lightgray;
	text-align: left;
	white-space: nowrap;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
}

#navbar #system {
	float: right;
	padding-right: 20px;
}

#navbar :link {
	color: white;
}

#navbar :visited {
	color: white;
}

#navbuttons {
	float: right;
}

#sidebar {
	position: absolute;
	left: 0px;
	width: 150px;
	background-color: #080;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	font-size: 8pt;
	white-space: nowrap;
	border: 1px solid black;
}

#sidebar h1 {
	margin: 0;
	margin-bottom: 5px;
	padding-left: 5px;
	font-size: 10pt;
	background-color: #0A0;
	color: white;
	text-align: left;
	border-bottom: 1px solid black;
}

#sidebar ol {
	list-style: none;
	padding-left: 5px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#sidebar li {
	margin-top: 1px;
}

#sidebar li.level1OFF {
	background-color: #0C0;
}

#sidebar li.level2OFF {
	background-color: #0A0;
}

#sidebar li.level3OFF {
	background-color: #0C0;
}

#sidebar li.level4OFF {
	background-color: #0A0;
}

#sidebar li.level5OFF {
	background-color: #0C0;
}

#sidebar li.level6OFF {
	background-color: #0A0;
}

#sidebar :link {
	color: #CCC;
}

#sidebar :visited {
	color: #CCC;
}

#sidebar a.selected {
	font-weight: bold;
	color: white;
}

#sidebar hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: none 0;
	border-top: 1px dashed gray;
	width: 100%;
	height: 1px;
}

#comment {
	font-style: italic;
}

#content {
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 10pt;
	margin: 0 5px 0 160px;
}

#content :link {
	color: darkgreen;
}

#content :visited {
	color: darkgreen;
}

#content img.deco {
	float: right;
	margin-left: 3px;
	margin-bottom: 2px;
	border: 1px solid black;
}

#content img.deco2 {
	margin-left: 3px;
	margin-bottom: 2px;
	border: 1px solid black;
}

#content img.inline {
	margin-left: 3px;
	margin-bottom: 2px;
	border: 1px solid black;
}

#content ul {
	margin-top: 0px;
}

#content ol {
	margin-top: 0px;
}

#content td {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

#content td.data {
	white-space: nowrap;
}

#content td.time {
	white-space: nowrap;
	text-align: center;
}

#content td.nowtime {
	white-space: nowrap;
	text-align: center;
	color: blue;
	font-weight: bold;
}

#content td.slot {
	white-space: nowrap;
	text-align: center;
}

#content td.Fslot {
	white-space: nowrap;
	text-align: center;
}

#content td.Fslot :link {
	color: gray;
}

#content td.Fslot :visited {
	color: gray;
}

#content td.Bslot {
	color: blue;
	white-space: nowrap;
	text-align: center;
}

#content td.Cslot {
	color: red;
	white-space: nowrap;
	text-align: center;
}

#content td.Bslot :link {
	color: blue;
}

#content td.Bslot :visited {
	color: blue;
}

#content td.Dslot {
	color: black;
	white-space: nowrap;
	text-align: center;
}

#content td.Dslot :link {
	color: black;
}

#content td.Dslot :visited {
	color: black;
}

#content td.Sslot {
	color: green;
	white-space: nowrap;
	text-align: center;
}

#content td.Sslot :link {
	color: green;
}

#content td.Sslot :visited {
	color: green;
}

#content td.Rslot {
	color: red;
	white-space: nowrap;
	text-align: center;
}

#content td.Rslot :link {
	color: red;
}

#content td.Rslot :visited {
	color: red;
}

#content table {
	font-size: 10pt;
}

#content table.kalendarium {
	font-size: 9pt;
	border: solid 1px black;
}

#content table.users {
	width: 100%;
}

#program table {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}


#content table.otc {
	width: 100%;
}

#content th.list {
	text-align: right;
	white-space: nowrap;
}

#content th.id {
	text-align: right;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content td.id {
	text-align: right;
}

#content th.created {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.creator {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.code {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.name {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.phone {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.email {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.comment {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content table.week {
	width: 100%;
	font-size: 9pt;
}

#content table.day {
	width: 100%;
	font-size: 9pt;
}

#content tr.header {
        background: #4a4;
}

#content tr.even {
        background: #D8D8D8;
}

#content tr.odd {
}


#program th.pool {
	text-align: center;
}

#program td.score {
	text-align: center;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

#program td.home {
	text-align: right;
}

#program td.vs {
	text-align: center;
}

#program td.away {
	text-align: left;
}

#program td.when {
	text-align: center;
	border-right: 1px solid gray;
}

#program th {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

#content td.kalendarium {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 1px gray;
}

#content th {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}

#content th :link {
	color: black;
}

#content th :visited {
	color: black;
}

#content th.kalendarium {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.kalendarium {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
}

#content th.court {
	border-bottom: solid 2px black;
	width: 30%;
	white-space: nowrap;
	text-align: center;
}

#content th.time {
	border-bottom: solid 2px black;
	width: 5%;
	white-space: nowrap;
	text-align: center;
}

#content th.day {
	border-bottom: solid 2px black;
	width: 13%;
	white-space: nowrap;
	text-align: center;
}

#content th.footer {
	border-top: solid 1px black;
	white-space: nowrap;
}



#content div.date {
	text-align: right;
	font-size: 10pt;
}

#content div.weeknavbar {
	text-align: center;
	font-size: 8pt;
}

#content div.daynavbar {
	text-align: center;
	font-size: 8pt;
}

#content pre {
	font-size: 10pt;
}

#content h2 {
	border-bottom: 3px solid darkgreen;
	text-align: left;
	font-size: 14pt;
}

#content h2.alt {
	border-bottom: 2px solid gray;
	text-align: left;
	font-size: 13pt;
}

#content h3 {
	border-bottom: 1px solid darkgreen;
	margin-bottom: 5px;
	font-size: 12pt;
}

#content h4 {
	font-weight: bold;
	margin-bottom: 4px;
	font-size: 10pt;
}

#content h5 {
	font-weight: bold;
	margin-bottom: 2px;
	font-style: italic;
}

div.sign {
	font-size: 7pt;
	text-align: right;
	font-style: italic;
}

#footer {
	background-color: white;
	clear: both;
	text-align: center;
	border-top: 2px solid green;
	font-size: 8pt;
}

#lastmod {
	text-align: right;
	padding-right: 10px;
}

#webmaster {
	text-align: right;
	padding-right: 20px;
	padding-right: 10px;
}