@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: rgb(100,50,80);
	padding: 5pt;
	padding-bottom: 8px;
	text-shadow: 2px 2px 2px #000;
	-moz-border-radius: 8pt;
	border-radius: 8pt;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
}

#infobox {
	position: absolute;
	right: 1em;
	top: 1em;
	font-size: 6pt;
	background: rgb(100,50,80);
	padding: 5pt;
	-moz-border-radius: 5pt;
	border-radius: 5pt;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 0px 0px 6px rgba(200,0,100,0.7);
}

#clang a {
	color: #f00;
}

#contents {
	z-index: 5;
	position: absolute;
	right: 0.5em;
	left: 0.5em;
	background: rgba(100,50,80,0.6);
	padding: 10pt;
	-moz-border-radius: 10pt;
	border-radius: 10pt;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}


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

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

#timeTable th {
	padding: 2px;
	margin: 2px;
	text-align: center;

	background: rgba(100,50,80,0.6);
	color: #ccc;
	-moz-border-radius: 5pt;
	border-radius: 5pt;
}

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(60,10,30);
}

td.clnothing, td.clnothing * td {
}

td.clnormal, td.clnormal * td {
	background: rgba(90,40,60,0.7);
}

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

td.clnext {
	box-shadow: 0px 0px 1px 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;
//	border: 1px solid rgba(10,114,133,0.3);
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	color: white;
	background: rgba(255,255,255,0.2);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
}

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

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

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

#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 6px rgba(0,0,0,0.7);
}

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