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

#container {
	background-color: white;
}


#header {
	background: url("/images/stars.gif");
	background-color: black;
	color: white;
	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: white;
	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: gray;
	color: white;
	text-align: left;
	white-space: nowrap;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
}

#navbar :link {
	color: white;
}

#navbar :visited {
	color: white;
}

#navbuttons {
	float: right;
}

#sidebar {
	position: absolute;
	left: 0px;
	width: 150px;
	background-color: lightgray;
	color: black;
	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: #00A;
	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: #00C;
}

#sidebar li.level2OFF {
	background-color: #00A;
}

#sidebar li.level3OFF {
	background-color: #00C;
}

#sidebar li.level4OFF {
	background-color: #00A;
}

#sidebar li.level5OFF {
	background-color: #00C;
}

#sidebar li.level6OFF {
	background-color: #00A;
}

#sidebar :link {
	color: black;
}

#sidebar :visited {
	color: black;
}

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

#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: darkblue;
}

#content :visited {
	color: darkblue;
}

#content img.deco {
	float: right;
	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.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.Bslot :link {
	color: blue;
}

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

#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%;
}

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

#content table.endpoints, table.patches {
    width: 100%;
}

#content table.footer {
	border-top: solid 1px black;
	width: 100%;
	font-size: 9pt;
}

#content td.selectL {
    text-align: left;
    width: 33%;
}

#content td.summary {
    text-align: center;
    width: 34%;
}

#content td.selectR {
    text-align: right;
    width: 33%;
}

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

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

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

#content th.date,th.patch {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
	width: 5%;
}

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

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

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

#content th.type,th.class {
	text-align: left;
	white-space: nowrap;
	border-bottom: solid 2px black;
	width: 5%;
}

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

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

#content td.destL {
	text-align: right;
	width: 19%;
}

#content td.destC {
    width: 2%;
    text-align: center;
}

#content td.destR {
	text-align: left;
	width: 19%;
}

#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: #66f;
	color: white;
}

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

#content tr.odd {
}


#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 h1 {
	border-bottom: 3px solid darkblue;
	text-align: left;
	font-size: 14pt;
}

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

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

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

#content h4 {
	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 gray;
	font-size: 8pt;
}

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

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