body {
	padding: 0;
	margin: 0;
	font-family: sans-serif;
}

.title {
	font-family: sans-serif;
	width: 100%;
	height: 2em;
	padding: 0;
	margin: 0;
	margin-bottom: 0.2em;
	background-color: #CCCCCC;
}

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

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

.title #title_name {
	font-size: medium;
	font-weight: bold;
	position: absolute;
	width: 80%;
	padding: 0.2em;
}

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

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

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

ul {
	padding-left: 1em;
}

li {
	margin-left: 0px;
}

.buttons {
	margin: 0.5em;
	color: #999999;
	font-size: smaller;
}

.buttons a {
	text-decoration: none;
	color: #000000;
}

.buttons a:hover {
	text-decoration: underline;
	color: #000000;
}

.buttons_full {
	margin: 0.5em;
	color: #999999;
	font-size: smaller;
}

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

.buttons_full a:hover {
	text-decoration: underline;
	color: #999999;
}

/* The main body of a view */
.view {
	
}

table {
	width: 100%;
	vertical-align: top;
	border-spacing: 0;
	border-width: 0;
}

table td {
	vertical-align: top;
	border-width: 0;
}

.edit {
	margin: 1em;
}

.edit table {
	width: auto;
	table-layout: auto;
	vertical-align: top;
}

.schedule {
	padding: 0.4em 1em;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	margin: 0;
}

div.current_time {
	font-size: smaller;
	font-weight: normal;
	vertical-align: middle;
}

td.interval div {
	border: 1px solid black;
	position: relative; /* IE is dumb */
}

td.interval div strong {
	display: block;
	position: relative;
	text-align: center;
	border-right: 4px solid #CCFFFF;
	height: 2em;
	line-height: 2em;
}

td.interval div strong span {
	position: absolute;
	left: 1em;
}

div.events {
	margin-top: 0.5em;
}

.events table {
	width: 100%;
	table-layout: fixed;
}

td.event {
	
}

div.yield {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url("../images/yield.jpg");
}

div.stop {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url("../images/stop.jpg");
}

td.event div {
	font-size: smaller;
	overflow-x: hidden;
	white-space: nowrap;
	padding: 0.2em;
	border: 1px solid #999999;
}

td.selected div {
	background-color: #CCFFFF;
	border: 1px solid #000000;
}

td.station {
	width: 20%;
	padding-right: 0.5em;
	font-size: smaller;
	font-weight: bolder;
}

td.station a {
	text-decoration: none;
	color: #000000;
}

td.station a:hover {
	text-decoration: underline;
	color: #000000;
}

td.station .station {
	margin-top: 0.5em;
}

td.station .toggle {
	color: #999999;
	font-weight: normal;
}

td.station .author {
	font-weight: normal;
	font-size: smaller;
}

td.station .description {
	font-weight: normal;
	height: 2.2em;
	overflow: hidden;
	color: #999999;
	margin-bottom: 0.5em;
}

.station table {
	width: auto;
	margin: 0;
}

td.video {
	padding: 0.4em;
	margin: 0;
}

#resize {
	padding: 0.4em;
	margin: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-image: url("../images/resize.png");
}

#ethertvdiv {
	padding: 0.1em;
	border: 1px solid #999999;
	margin: 0em;
	height: 100%;
}

.current_event {
	font-size: smaller;
	font-weight: bolder;
	color: #777777;
}

.current_event .description {
	font-weight: normal;
}

td.select_media {
	width: 30em;
}

td.select_media select {
	width: 100%;
}

td.display_media {
	width: 15em;
}

td.display_media select {
	width: 100%;
}

td.edit_station {
	
}

/* The navigation path */
.path {
	font-family: sans-serif;
	font-size: smaller;
	color: #999999;
	padding: 0;
	margin: 0em 0.5em;
}

.path a {
	font-family: sans-serif;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin: 0em 0.2em;
}

.path a:hover {
	font-family: sans-serif;
	font-weight: normal;
	color: #999999;
	text-decoration: underline;
	margin: 0em 0.2em;
}

/* A message returned after the user performed an action */
.message {
	
}

.filter_bar {
	padding: 0;
	margin: 0.1em 0.4em;
}

.filter {
	font-family: sans-serif;
	font-size: smaller;
	color: #999999;
	padding: 0;
	margin: 0.6em;
	display: inline;
	line-height: 200%;
}

.filter .selected {
	font-weight: bolder;
	margin: 0 0.1em;
}

.filter a {
	font-family: sans-serif;
	color: #999999;
	text-decoration: none;
	margin: 0 0.1em;
}

.filter a:hover {
	font-family: sans-serif;
	color: #999999;
	text-decoration: underline;
	margin: 0 0.1em;
}

.filter input {
	border: 1px dotted #999999;
	color: #999999;
	font-weight: bolder;
	margin: 0 0.1em;
}

.message_info {
	padding: 0.2em;
	border: 2px dashed #8888CC;
	margin: 0.5em;
	font-style: italic;
}

.message_error {
	padding: 0.2em;
	border: 2px dashed #CC8888;
	margin: 0.5em;
	font-style: italic;
}

.message_no_events {
	font-style: italic;
	font-size: smaller;
}

.message_no_events_full {
	color: white;
}

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

.message_no_events_full a:hover {
	color: #999999;
	text-decoration: underline;
}

.edit_section {
	padding-top: 0.5em;
	border-top: 2px solid #CCCCCC;
	margin: 0;
}

.eventlist {
	margin: 0.5em;
}

.eventinfo {
	margin: 0.5em;
}

.eventinfo table {
	padding: 0;
	margin: 0;
	table-layout: auto;
	height: auto;
}

td.element_name {
	width: 6em;
}

.element_group {
	border-top: 1px solid black;
}

.element_name div {
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	font-size: smaller;
}

.element_value div {
	color: #999999;
	margin-bottom: 0.2em;
	font-size: smaller;
}

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

.element_value a:hover {
	color: #000000;
	text-decoration: underline;
}

.tabs {
	font-size: smaller;
}

.tabs ul {
	padding: 0;
	padding-left: 1em;
	border-bottom: 1px solid black;
	margin: 0;
}

.tabs li {
	list-style: none;
	margin: 0;
	display: inline;
}

.tabs a {
	padding: 0;
	padding-left: 0.5em;
	padding-right: 1em;
	border: 1px solid black;
	border-left: 3px solid black;
	border-bottom: 1px solid black;
	text-decoration: none;
	color: #999999;
}

.tabs a.selected {
	color: #000000;
	border-bottom: 1px solid white;
}

.tabs a:hover {
	color: #000000;
	text-decoration: none;
}

.note {
	font-size: 70%;
	color: #999999;
	margin-bottom: 0.6em;
}

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

.note a:hover {
	color: #999999;
	text-decoration: underline;
}