/*
     FILE ARCHIVED ON 22:30:28 Aug 7, 2007 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:22:56 Aug 22, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* css file for wobc.org */

/* when you specify a text color or background color, be careful to
 * make sure the background / text combos that result are readable.
 */

/* P.copy is generally for things that are human-written text,
 * for example, genre descriptions and whatnot 
 */
P.copy {
	font: 13px Helvetica, Arial, sans-serif;
	color: #ccc;
	background-color: black;
	margin-left: 2px;
	margin-top: 5px;
	margin-bottom: 12px;
}
/*
span.copyright {
	font: bold 10px Helvetica, Arial, sans-serif;
	color: #cccccc;
}
*/

/* header classes -- why don't these use h1 and h2? */
h1, .h1 {
	font: bold 20px Courier New, Courier, monospace;
	color: #666666;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 12px;
	margin-bottom: 12px;
}
h2, .h2 {
	font: bold 18px Humanist, Helvetica, Arial, sans-serif;
	color: #666666;
	margin-left: 2px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.showcell {
	font: 10px Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
}
.showname {
	font: bold 12px Helvetica, Arial, sans-serif;
}
a.showname {
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #fff;
}
a.shownamelarge {
	font: bold 20px Helvetica, Arial, sans-serif;
	color: #cccccc;
	text-decoration: none;
}
.shownamelarge {
	font: 20px Helvetica, Arial, sans-serif;
}
.genrenamelarge {
	font: 20px Helvetica, Arial, sans-serif;
}
.showdetail {
	font: 15px Helvetica, Arial, sans-serif;
	font-weight: normal;
}
th.showdetail {
	font-weight: bold;
	background-color: #cdcdcd;
	color: #0e0e0e;
}
td.showdetail {
	font-weight: normal;
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #efefef;
	color: #0e0e0e;
}
p.showtime {
	color: #cccccc;
	font: bold 11px Helvetica, Arial, sans-serif;
	margin-top: 1px;
	margin-bottom: 5px;
	margin-left: 2px;
}
p.description {
	margin-top: 2px;
	margin-bottom: 15px;
	margin-left: 5px;
	font: 12px Helvetica, Arial, sans-serif;
	color: #6699cc;
}
span.description {
	font: 12px Helvetica, Arial, sans-serif;
	color: #6699cc;
}
a.genre {
	font: bolder 14px Humanist, Helvetica, Arial, sans-serif;
	color: #000000;
	font-stretch: expanded;
}

.copy {
font: 13px Helvetica, Arial, sans-serif;
color: #cccccc;
margin-left: 2px;
margin-top: 5px;
margin-bottom: 12px;
}
P.h2 {
	font: bold 15px Humanist, Helvetica, Arial, sans-serif;
	color: #666666;
	margin-left: 2px;
	margin-top: 15px;
	margin-bottom: 3px;
}
.msginfo {
	text-decoration: none;
	color: #000;
	background-color: #eef;
	font: 12px Humanist, Helvetica, Arial, sans-serif;
	vertical-align: middle;
}


p.commands {
	font: bold 15px Humanist, Helvetica, Arial, sans-serif;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 5px;
}
.fieldname { font: bold 12px Helvetica, Arial, sans-serif; color: #cccccc; }
/* this is to make text boxes match the non-editable fields */
input.fieldcontent {
	font: 12px Helvetica, Arial, sans-serif;
	background-color: #ff9;
	color: #000;
}
.fieldcontent { font: 12px sans-serif; color: #000; }
/* results table is for spinlist results */
table.results {
	font: 12px sans-serif;
	color: #ffffff;
	background-color: #000000;
}
td.spinheader {
	font: bold 12px sans-serif;
	color: #000;
	background-color: #999;
}
td.divider, .divider {
	font: 2px sans-serif;
	background-color: #222;
}
.showheader {
	font: 12px sans-serif;
	color: #000;
	background-color: #fff;
}
.showdescription {
	font: 12px sans-serif;
	background-color: #fff;
	color: #000;
}
.genreshowheader {
	font: 12px sans-serif;
	background-color: #333;
}
.hostname { font: bold 12px sans-serif }
TD.spin, .spin { font: 12px sans-serif; background-color: #333; }
TD.remark { font: 12px sans-serif; color: #fff; background-color: #522; }
a { color: #998877; text-decoration: none; }
.statname { font: bold 12px Helvetica, Arial, sans-serif; color: #666666; }
.stat { font: 12px Helvetica, Arial, sans-serif; color: #cccccc; }
p.error { font: bold italic 14px Helvetica, sans-serif; color: #cc6666; }
p.message { font: italic 13px Helvetica, sans-serif; color: #999999; }
@media screen { a:hover { text-decoration: underline; } }
BODY {
	background-color: #000;
	margin: 0px;
	align: center;
	/*font: 12px helvetica, arial, sans-serif;*/
	color: #fff;
}

/* these are used as */
table.box {
	color: black;
	background-color: #fff;
	border: thin #eee;
}

table.box tr {
}

table.box tr td {
	color: black;
	font: 12px bold helvetica, arial, sans-serif;
	border: thin dashed;
	border-color: #333;
	margin: 20px;
	padding: 10px;
}

table.loginbox {
	background-color: #fff;
	color: black;
	border: thin dashed #888;
	padding: 0px;
}

table.loginbox tr td {
	padding:0px;
	border:none;
}
tt {
	font-size: 10px;
	font-family: fixed;
}
table.sessionbar {
	width:100%;
}
table.sessionbar tr td {
	font: 20px arial, helvetica, sans-serif;
	text-align: center;
	background-color: #c00;
}

table.message {
	border: thin dashed #888;
}

table.message tr td {
	background-color: white;
	color: black;
}

table.message tr td.error {
	background-color: red;
	font: bold;
	color: white;
}

select {
	border-style: thin dashed;
}

table.spinlist {
	font: 12px sans-serif;
	color: white;
	background-color: #000;
}
img { margin: 0px; border: 0px }

td.weekday {
	background-color: #999;
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #cccccc; 
}

td.timeslot {
	background-color: #999;
	font: bold 12px Helvetica, Arial, sans-serif;
	color: #cccccc; 
	vertical-align: middle;
	text-align: right;
}