@import url("luk.css");

a:hover {
	text-decoration: underline;
	color: #555;
}

h1, h2, h3 {
	font-family: Arial, sans-serif;
//	font-family: impact;
	font-weight: normal;
	color: white;
	background: black;
	padding: 5pt;
	padding-bottom: 8px;
	text-shadow: 2px 2px 2px #000;
	-moz-border-radius: 8pt;
	border-radius: 8pt;
	box-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

#infobox {
	position: absolute;
	right: 1em;
	top: 1em;
	font-size: 6pt;
	background: black;
	padding: 5pt;
	-moz-border-radius: 5pt;
	border-radius: 5pt;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 0px 0px 4px rgba(255,255,255,0.9);
}

#clang a {
	color: #f00;
}

#contents {
	z-index: 5;
	position: absolute;
	right: 0.5em;
	left: 0.5em;
	padding: 10pt;
	-moz-border-radius: 10pt;
	border-radius: 10pt;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(255,255,255,0.9);
}


table {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#timeTable th {
	padding: 3pt;
	margin: 3pt;
	text-align: center;

//	background: rgb(30,45,55);
	color: #ccc;
	-moz-border-radius: 5pt;
	border-radius: 5pt;
	box-shadow: 0px 0px 4px rgba(255,255,255,0.4);
}

td {
	padding: 4px;
	margin: 2px;
	color: #ccc;
	-moz-border-radius: 5pt;
	border-radius: 5pt;
}

#timeTable {
	font-size: 10pt;
}

#timeTable td > a, table.timetable td > a:visited, table.timetable td > a:active {
	text-decoration: none;
	text-shadow: 2px 2px 2px #000;
	color: #fff;
}

#timeTable td > a:hover {
	color: yellow;
}


th.hours {
	white-space: nowrap;
}

#timeTable * table {
	width: 100%;
	height: 100%;
}

#timeTable tr:hover th {
	color: red;
}

td.clgrouped, td.clgrouped * td {
	background: rgb(20,35,45);
}

td.clnothing, td.clnothing * td {
}

td.clnormal, td.clnormal * td {
	background: rgb(20,35,35);
}

td.clactive {
	box-shadow: 0px 0px 4px rgb(255,255,255);
}

td.clnext {
	box-shadow: 0px 0px 2px rgba(255,255,255,0.7);
}

div.nhours {
	text-align: right;
}

div.nhours span {
	background: black;
	padding: 2pt;
	border: 1px solid gray;
}

#controls .textctrl {
	padding: 5pt;
	margin-bottom: 30pt;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	color: white;
	background: rgba(255,255,255,0.2);
	box-shadow: 0px 0px 4px rgba(255,255,255,0.9);
}

#controls .textctrl:hover {
	color: white;
	background: #666;
	box-shadow: 0px 0px 4px rgba(255,255,255,0.9);
}

#controls select {
	background: white;
	border: 1px solid white;
	color: black;

	padding: 5pt;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 0px 6px rgba(255,255,255,0.9);
}

#controls input.submit {
	color: white;
	background: rgba(200,255,200,0.2);
	border: 1px solid rgba(255,255,255,0.3);

	padding: 5pt;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 0px 0px 4px rgba(255,255,255,0.9);
}

#controls input.submit:hover {
	color: white;
	background: rgba(200,255,200,0.5);
}