body {
	padding: 0;
	margin: 0;
}

/*
Title
*/
.title {
	font-family: sans-serif;
	width: 100%;
	padding: 0 0 0.2em 0;
	margin: 0;
	color: white;
	background-color: #336699;
}

.title #title_name {
	font-size: medium;
	font-weight: bold;
	padding-left: 0.2em;
}

.title #title_login {
	font-size: smaller;
	position: absolute;
	right: 0px;
	text-align: right;
	padding-right: 0.2em;
}

.title #title_login a {
	text-decoration: none;
	color: white;
}

.title #title_login a:hover {
	text-decoration: underline;
	color: white;
}

/*
Views
*/
.views {
	font-family: sans-serif;
	font-size: small;
	padding-left: 1em;
	border-bottom: 1px solid black;
	margin: 0;
	background-color: #336699;
}

.views ul {
	padding: 0;
	margin: 0;
}

.views li {
	background-color: #336699;
	display: inline;
	list-style: none;
	margin: 0 0.4em 0 0;
}

.views a {
	color: #777777;
	background-color: #cccccc;
	padding-left: 0.4em;
	padding-right: 1em;
	border: 1px solid black;
	text-decoration: none;
}

.views a:hover {
	color: black;
	background-color: white;
}

.views a#current {
	color: black;
	background-color: white;
	border-bottom: 1px solid white;
	text-decoration: none;
}

/*
View tabs
*/
.view_tabs {
	font-family: sans-serif;
	font-size: small;
	padding-left: 1em;
	border-bottom: 1px solid black;
	margin: 0.4em;
	margin-top: 1em;
}

.view_tabs ul {
	padding: 0;
	margin: 0;
}

.view_tabs li {
	display: inline;
	list-style: none;
	margin: 0 0.4em 0 0;
}

.view_tabs a {
	color: #777777;
	background-color: #cccccc;
	padding-left: 0.4em;
	padding-right: 1em;
	border: 1px solid black;
	text-decoration: none;
}

.view_tabs a:hover {
	color: black;
	background-color: white;
}

.view_tabs a#current {
	color: black;
	background-color: white;
	border-bottom: 1px solid white;
	text-decoration: none;
}

/*
Navigation
*/
.nav {
	font-family: sans-serif;
	font-size: x-small;
	padding: 0;
	margin: 0.6em;
}

.nav_time img {
	position: relative;
	top: 3px;
}

span.nav_time {
	color: white;
	background-color: #336699;
	padding: 0.2em;
	border: 1px solid #999999;
	margin: 0 0.4em 0 0.4em;
}

a.nav_time {
	color: #999999;
	text-decoration: none;
	padding: 0.2em;
	border: 1px solid white;
	margin: 0 0.4em 0 0.4em;
}

a.nav_time:hover {
	color: black;
	padding: 0.2em;
	border: 1px solid #999999;
	margin: 0 0.4em 0 0.4em;
}

.nav_current {
	font-family: sans-serif;
	font-size: x-small;
	padding: 0;
	margin: 1em;
}

.nav_current img {
	position: relative;
	top: 6px;
	left: 1px;
}

.nav_current span {
	padding-right: 0.6em;
}

.nav_current select {
	font-family: sans-serif;
	font-size: 8pt;
}

.nav_current input {
	font-family: sans-serif;
	font-size: 10pt;
}

.nav_current a {
	color: #999999;
	text-decoration: none;
}

.nav_current a:hover {
	color: black;
	text-decoration: underline;
}

/*
Schedule
*/
.schedule {
	padding: 0;
	margin: 1em 2em 1em 2em;
	font-family: sans-serif;
	font-size: small;
}

.schedule table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

.schedule table tr {
	vertical-align: middle;
}

.schedule table td {
	padding: 0.4em;
	border-bottom: 2px solid white;
}

.schedule table a {
	text-decoration: none;
}

.schedule table a:hover {
	text-decoration: none;
}

.schedule table .schedule_station {
	border-right: 1px dotted white;
	width: 15%;
}

.schedule table .schedule_begin {
	border-left: 1px dotted white;
	width: 7%;
}

.schedule table .schedule_end {
	border-right: 1px dotted white;
	width: 7%;
}

.schedule_begin_sub {
	color: #444444;
	width: 7%;
}

.schedule_end_sub {
	color: #444444;
	border-right: 1px dotted white;
	width: 7%;
}

.schedule table .schedule_title {
	border-left: 1px dotted white;
	border-right: 1px dotted white;
	width: 15%;
}

.schedule table .schedule_person {
	border-left: 1px dotted white;
	border-right: 1px dotted white;
	width: 15%;
}

.schedule table .schedule_description {
	border-left: 1px dotted white;
	padding-right: 2em;
}

.schedule table .schedule_header td {
	letter-spacing: 0.4em;
	font-size: larger;
	font-weight: bolder;
	color: white;
	background-color: #999999;
	padding: 0.1em 0 0.1em 1em;
	border: 4px solid white;
}

.schedule table .schedule_header .schedule_begin {
	border-right: none;
}

.schedule table .schedule_header .schedule_end {
	border-left: none;
}

.schedule table .schedule_header a {
	color: #777777;
	text-decoration: none;
	border-bottom: 1px dotted #777777;
}

.schedule table .schedule_header a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}

/*
Row times
*/
.time_before_hour {
	color: #777777;
	background-color: #eeeeee;
}

.time_before_hour a {
	color: #777777;
	text-decoration: none;
	border-bottom: 1px dotted #777777;
}

.time_before_hour a:hover {
	color: #777777;
	text-decoration: none;
	border-bottom: 1px solid #777777;
}

.time_before_now td {
	color: #777777;
	background-color: #eeeeee;
}

.time_before_now a {
	color: #777777;
	text-decoration: none;
	border-bottom: 1px dotted #777777;
}

.time_before_now a:hover {
	color: #777777;
	text-decoration: none;
	border-bottom: 1px solid #777777;
}

.time_now {
	color: white;
	background-color: #336699;
}

.time_now a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.time_now a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}

.time_now .schedule_begin_sub {
	color: #999999;
}

.time_now .schedule_end_sub {
	color: #999999;
}

.time_after_now {
	background-color: #6699cc;
}

.time_after_now a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

.time_after_now a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

.time_after_hour {
	background-color: #99CCFF;
}

.time_after_hour a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

.time_after_hour a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

.time_never {
	color: white;
	background: white;
	border: none;
}

/*
Headings
*/
.table_header {
	padding: 0;
	margin: 1em 0 -0.6em 2em;
	font-family: sans-serif;
	font-size: medium;
	font-weight: bold;
}

.table_header a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
	text-decoration: none;
}

.table_header a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}

.keyword {
	background-color: rgb(80%, 40%, 10%);
}

.note {
	color: #999999;
	margin-bottom: 0.6em;
}

/*
Agents
*/
div.agents {
	font-family: sans-serif;
	font-size: smaller;
	margin: 2em;
}

.agents table {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

.agents td {
	padding: 0.1em 0.4em;
}

.agent_name {
	width: 200px;
}

.status_events {
	text-align: right;
}

.status_reloaded {
	text-align: center;
}

.status_load {
	text-align: center;
}

/*
Grid
*/
.grid {
	font-family: sans-serif;
	font-size: small;
	padding: 0;
	margin: 1em;
}

.grid table {
	width: 100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

.grid_station {
	color: white;
	background-color: #999999;
	padding: 0.2em;
	border: 2px solid white;
	margin: 0;
	vertical-align: top;
}

.grid_station a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.grid_station a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}

.grid_row td div.event_bar {
	overflow-x: hidden;
	white-space: nowrap;
	padding: 0.4em;
	margin: 0;
	border-bottom: 1px dotted white;
}

.grid_header div {
	color: #777777;
	padding: 0.4em 0.2em;
	border-left: 2px solid #777777;
	padding: 0.4em 0.2em;
}

.grid_current {
	color: #777777;
	margin: 0 0 0.6em 0.6em;
}

.event_info {
	white-space: normal;
	color: black;
	background-color: #FFFFCC;
	padding: 0.2em;
	margin: 0;
	border: 1px solid gray;
	position: absolute;
	z-index: 100;
	width: 400px;
	background-color: #FFFFCC;
	border: 1px solid gray;
}

.event_info a {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

.event_info a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}

.event_info_title {
	font-weight: bolder;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #3366cc;
	margin-bottom: 0.4em;
}

.event_info_title_text {
	width: 80%;
	float: left;
}

.event_info_title_link {
	float: right;
}

.event {
	font-family: sans-serif;
	font-size: small;
	padding: 0;
	margin: 1em;
}

.event_info_time {
	font-size: smaller;
	color: gray;
}

.event_info_description {
	margin-top: 0.4em;
}

.event_type_music_shows>img {
	margin: 0;
	margin-right: 0.2em;
	position: relative;
	top: 0.4em;
}

.event_type_music_tracks>img {
	margin: 0;
	margin-right: 0.2em;
	position: relative;
	top: 0.4em;
}

.event_type_news_specialty>img {
	margin: 0;
	margin-right: 0.2em;
	position: relative;
	top: 0.4em;
}

.status ul {
	display: inline;
	padding: 0;
	margin: 0;
}

.status li {
	display: inline;
	list-style: none;
	padding: 0 1em;
}

.status li:after {
	content: |;
}