@import "colors.css";
:root {
	--table-background: lightgray;
	--row-header-background: yellow;
	--row-odd-background: #e0c9bc;
	--row-even-background: #f0eae6;
}

body {
	color: var(--frame-background);
	background-color: var(--main-background);
/*	background-image: url(shadow.jpg);
	background-repeat: repeat-y;
	background-position: center; */
	font-family: sans-serif;
	font-size: large;
/*	color: #FFFFFF;
	width: 800;
	margin-left: 200px;*/
}

/* in colors.css
#teamname {
	color: var(--team-color);
	font-family: var(--team-typeface), sans-serif;
	font-size: var(--team-typesize);
	margin: 10px;
}
*/

a.main { color: var(--link-main-color); }
a:link { color: var(--link-main-color); }
a:visited { color: var(--link-visited-color); }
a:hover { color: var(--frame-background); }
#frame a:hover { color: var(--link-hover-color) !important; }

div#frame {
	width: 85%;
	background-color: var(--frame-background);
	color: black;
	border-radius: 15px;
	padding: 15px;
}

div.greybar {
	background-image: url("greybar.png");
}

table {
	background-color: var(--table-background);
	border-collapse: collapse;
	border-style: solid;
	border-width: 3px;
	border-color: black;
	color: black;
}

table.invisible {
	background-color: inherit;
	border-collapse: separate;
	border-style: none;
	border-spacing: 10px;
	vertical-align: top;
}

table.people {
	background-color: #FFFF99;
	border-collapse: collapse;
	border-style: solid;
	border-width: 3px;
	border-color: black;
}

tr.header {
	background-color: var(--row-header-background);
}
tr.odd {
	background-color: var(--row-odd-background);
}
tr.even {
	background-color: var(--row-even-background);
}
tr.grayedout {
	background-color: white;
	color: gray;
}
tr.plain {
	background-color: greenyellow;
}
tr.person {
	background-color: greenyellow;
}

td {
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 3px;
}
td.start {
	border-style: solid;
	border-color: black;
	border-top-width: 3px;
	padding: 3px;
}
td.header {
	background-color: var(--row-header-background);
}
td.invisible {
	border-style: none;
}
td.score {
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 3px;
	text-align: right;
	font-family: monospace;
	font-size: large;
	font-weight: bold;
}
td.speaker {
	border-style: none;
	vertical-align: top;
	font-weight: 700;
	font-size: large;
	color: red;
	text-align: right;
}
td.spoken {
	border-style: none;
	vertical-align: top;
	font-style: italic;
	font-size: large;
}
td.answer {
	background-color: DarkSeaGreen;
}
td.list {
	padding-right: 20px;
}
div.action {
	background-color: yellow;
	border-style: solid;
	border-color: black;
	border-width: 3px;
	padding: 5px;
}
table#onairs {
	width: 800;
	border-collapse: collapse;
	border-style: solid;
	border-width: 3px;
	border-color: black;
	color: black;
}
div#introframe {
  width: 85%;
  background-color: #ffffff;
  color: #000000;
  border-radius: 15px;
  padding: 15px;
  text-align: left;
  font-size: larger;
}
img.l {
  float: left;
  margin-right: 30px;
  margin-top: 15px;
}
img.r {
  float: right;
  margin-left: 15px;
  margin-top: 15px;
}
img.TeamPic {
  max-width: 400px;
  max-height: 300px;
}
.GalleryR {
  margin-left: 15px;
  margin-top: 15px;
  max-width: 400px;
  max-height: 300px;
  text-align: left;
}
.GalleryL {
  margin-right: 15px;
  margin-top: 15px;
  max-width: 400px;
  max-height: 300px;
  text-align: right;
}
td.GalleryField {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
td.GalleryTrashTalk {
  font-weight: bold;
  font-style: italic;
  color: #C00;
}
table.gallery tr td {
  background-color: inherit;
  border-collapse: separate;
  border-style: none;
  font-size: large;
  width: 800;
}
h3.gallery {
  text-align: center;
}
.tdnum {
	font-family: monospace;
	text-align: right;
	font-weight: bold;
	font-size: larger;
}