#OuterShell {position: relative; padding-top: 10px;}
#InnerShell {position: relative; padding: 0 10px;}
#Page {position: relative;}

#Page.Width-800 {}
#Page.Width-640 {}
#Page.Width-480 {}
#Page.Width-320 {}
#Page.Width-240 {}
#Page.Width-160 {}
#Page.Width-100 {}

#ltPageSet {position: relative;}
#ltPageSet #ltHeader .l {text-align: left; vertical-align: bottom;}
#ltPageSet #ltHeader .c {text-align: center; vertical-align: middle;}
#ltPageSet #ltHeader .r {text-align: right; vertical-align: bottom;}
#ltPageSet #ltHeader #ltTitle {position: relative; text-align: center;} /* depr */
#ltPageSet #ltInfo #ltMessage {position: relative; width: 100%;}

#ltPageSet #ltHeader #ltLeftLogo {float: left;}
#ltPageSet #ltHeader #ltRightLogo {float: right;}

#ltPageSet #ltTitleRow #ltTitle {position: relative; padding: 2px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

#ltFlag {position: relative; width: auto; overflow: auto; font-size: 11px;}
#ltFlag.C {background-color: #000000; color:#ffffff}
#ltFlag.G {background-color: #00ff00; color:#000000}
#ltFlag.Y {background-color: #ffff00; color:#000000}
#ltFlag.R {background-color: #ff0000; color:#ffffff}
#ltFlag.W {background-color: #ffffff; color:#000000}
#ltFlag #ltFlagStatus {float: right;}
#ltFlag #ltFlagStatus strong {text-transform: uppercase;}
#ltFlag #ltTimeStatus {float: left;}

#ltScoreboard {position: relative;}
table.scoreboard {border: 1px solid black; border-collapse: separate; border-spacing: 1px; width: 100%;}
table.scoreboard tr.e {background-color: #ffffff;}
table.scoreboard tr.o {background-color: #f0f0f0;}
table.scoreboard tr.h {background: black; color: white; text-align: center; font-family: Roboto, Arial, HelveticaNeue, Helvetica, Sans-serif; font-size: 11pt; border: 1px;}
table.scoreboard th {background: black; color: white; text-align: center; font-family: Roboto, Arial, HelveticaNeue, Helvetica, Sans-serif; font-size: 11pt; border: 1px;}
table.scoreboard td {font-family: Roboto, Arial, HelveticaNeue, Helvetica, Sans-serif; font-size: 11pt;}
table.scoreboard td.l {text-align:left;  vertical-align: bottom;}
table.scoreboard td.c {text-align:center;verrtical-align:bottom;}
table.scoreboard td.r {text-align:right;vertical-align:bottom;}

#ltRefresh {position: relative; width: auto; overflow: auto; padding: 3px 0 1px 0;}
#ltRefresh #ltSetRefresh {padding: 1px 0; margin: 0; float: right; line-height: 1.1em;}
#ltRefresh #ltSetRefresh a {text-decoration: none; border: 1px solid #bbb; padding: 0 4px; background-color: #ddd; color: #33d; font-size: 9px; }
#ltRefresh #ltSetRefresh a:hover {background-color: #eee; color: #33d; border-color: #999;}
#ltRefresh #ltSetRefresh a:focus {outline: none; -moz-outline-style: none;}
#ltRefresh #ltIndicator {float: left; position: relative; width: 14px; height: 14px; color: #666; text-align: center; font: normal 8px verdana; color: #777;}
#ltRefresh #ltIndicator.pending {background-color: grey;}
#ltRefresh #ltIndicator.fetching {background-color: orange;}
#ltRefresh #ltIndicator.writing {background-color: green;}
#ltRefresh #ltIndicator.warning {background-color: red;}

/*
	dev stuff
*/


#devNotes {position: absolute; top: 20px; right: 20px; height: 400px; width: 200px; overflow: auto; font: normal 10px verdana; color: #611; z-index: 1000; background-color: #dedee4; opacity: 0.5; border: 1px solid #ababcd;}
#devNotes:hover {opacity: 1;}
#devNotes #devNotesGoHere {padding: 10px 0; margin: 0 8px;}

body {
	background:#08172E;
	margin: 0px;
	color : white;
	text-align:center;
	font-family:Roboto,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:11pt;
}
table {
	border-spacing:1px;
	border-collapse:separate;
}


table.applet{
	width:600px;
}
table.scoreboard {
	border:1px solid black;
	width:100%;
	border-collapse:separate;
	border-spacing:0px 0px;
}

table#ltPageSet {
	background-color:#000;
	color:#fff;
}


table.applet{
	width:1024px;
	text-align: center;
	background: #000;
	color : #fff;
}
table.scoreboard {
	border:1px solid black;
	width:100%;
	border-collapse:separate;
	border-spacing:1px;
	border:0px;
	padding: 1px 5px 1px 5px;
	background:#000;
	color: white;
}
table.scoreboard tr.applet {
	height:600px;
}
table.scoreboard tr.c{
	background-color:#000000;
	color:#FFFFFF;
}

table.scoreboard tr.checkered{
	background-color:#000000;
	color:#FFFFFF;
}

table.scoreboard tr.red{
	background:#FF0000;
	color:#FFFFFF;
}
table.scoreboard tr.green{
	background:#00FF00;
	color:#000000;
}
table.scoreboard tr.yellow{
	background:#FFFF00;
	color:#000000;
}
table.scoreboard tr.white{
	background:#FFFFFF;
	color:#000000;
}
table.scoreboard tr.cold{
	background:#AAAAFF;
	color:#000000;
}
table.scoreboard tr.warm{
	background:#FFAAFF;
	color:#000000;
}
table.scoreboard tr.e {
	background-color:#222;
	height:10px;
	color:#eee;
}
table.scoreboard tr.o {
	background-color:#333;
	height:10px;
	color:#eee;
}
table.scoreboard tr.h {
	background-color:444;
	color:white;
	text-align:center;
	font-family:Roboto,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:11pt;
	border:1px;
}

tr.applet {
	height:350px;
}

tr.e td {
	background:black;
	color:white;
	height:10px;
	padding: 1px 5px;
}
tr.o td {
	background:#404040;
	color:white;
	height:10px;
	padding:1px 5px;
}
tr.h {
	background:White;
	color:yellow;
	text-align:center;
	font-family:Roboto,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:11pt;
	border:1px;
}
th {
	background:white;
	color:yellow;
	text-align:center;
	font-family:Roboto,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:11pt;
	border:1px;
}
td {
	font-family:Roboto,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:11pt;
}
td.l {
	text-align:left;
	vertical-align:bottom;
}
td.c {
	text-align:center;
	vertical-align:bottom;
}
td.r {
	text-align:right;
	vertical-align:bottom;
}
td.fineprint {
	text-align:left;
	vertical-align:bottom;
	font-family:Roboto,Arial,HelveticaNeue,Helvetica,Sans-serif;
	font-size:8pt;
	color:white;
	font-weight:normal;
}
IMG {
	border:0px;
}

a img {border: 0;}