body { 
	background-color: #000000;
	overflow: none;
}

body div#lsheading {
	position: relative;
	margin: auto;
	width: 350px;
	height: 35px;
	color: #60cfbf;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#scannerLogContainer {
	position: relative; 
	margin: auto; 
	min-width: 300px; 
	max-width: 600px;
	height: 100%;
}

table tr th.hideme { display: none; }
table tr td.hideme { display: none; }

table tr #thtitle {
	background-color: #6b2104;
	color: #00FF00;
	font-weight: bold;
	text-align: center;
}

div#pageHeader div.phrow div.phcell span#toggleReconnect:hover, div#pageHeader div.phrow div#reconnectHeading:hover { cursor: pointer; }

table tr th#slsheading { color: #ffaaaa; }

div#pageHeader {
	position: relative; 
	display: table;
	margin: auto;
	top: 5px;
	width: 350px; 
	height: 35px;
	background: black;
}

div#pageHeader .phrow {
	display: table-row;
	width: 100%;
}

div#pageHeader .phcell {
	display: table-cell;
	text-align: center;
}

table#myTable tr th {
  position: sticky;
  top: 40px;  
  background: black;
}

table tr td#scannerLog3, div#scannerLog3 {
	position: relative; 
	margin: auto;
	width:350px;
	font-size: 1em;
	color: yellow; 
	text-align: center;
}

table#myTable {
  top: 30px; 
}

p.infoPar, div.infoPar {
	position: relative;
	margin: auto;
	font-size: 1em; 
	font-weight: normal; 
	min-width: 300px; 
	max-width: 600px; 
	text-align: justify;
	text-justify: inter-word;
	padding: 0px 16px 16px 16px;
	line-height: 1.4em;
}

p.infoPar span.subsechead {
	font-weight: bold;
}

div.infoPar {
	margin-top: 5px;
}

div.infoPar div#nac_check_time {
	position: relative;
	margin-left: 10px;
	display: inline;
	color: #aa8811;
}

.currentInfoHeading {
	color: #aaaaaa;
}

table#tginfo, table#tginfo2 { 
	position: relative;
	margin: auto;
	width: 340px;
	line-height: 1.4em;
}

table.hideMe {
	display: none;
}

table#tginfo .leftcol {
	text-align: right;
	width: 40%;
}

table#tginfo .rightcol {
	text-align: left;
	width: 60%;
	padding-left: 8px;
}

table#tginfo tr td {
	color: yellow;
}

div#talkgroupHistory table#tgHistory caption#tgHistoryCapt img#tgHistoryToggleIcon {
	position: relative;
    content:url(http://mossvaleweather.net/mobile/graphs/th_green_arrow_small2.gif);
	width: 15px;
	height: 15px;
	top: 2px;
}

div#talkgroupHistory table#tgHistory {
	position: relative;
	margin: auto;
	margin-top: 4px;
	width: 350px;
	line-height: 1.55em;
	border-collapse: collapse;
	overflow-y: none;
	font-size: 0.98em;
}

div#talkgroupHistory table#tgHistory tr.evenRow:hover td, div#talkgroupHistory table#tgHistory tr.oddRow:hover td {
	background-color: #443322;
	color: yellow;
	cursor: pointer;
}

div#talkgroupHistory table#tgHistory thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

div#talkgroupHistory table#tgHistory tr td, div#talkgroupHistory table#tgHistory tr th {
	padding-left: 15px;
}

div#talkgroupHistory table#tgHistory tr th {
	text-align: left;
}

div#talkgroupHistory table#tgHistory tr td {
	color: #aa8811;
}

div#talkgroupHistory table#tgHistory tr.rfs td {
	background-color: #600000;
	color: #33ff00;
}

div#talkgroupHistory table#tgHistory tr.frnsw td {
	background-color: #110000;
	color: #7adca5;
}

div#talkgroupHistory table#tgHistory tr.endvrenergy td {
	background-color: #000000;
	color: #979753;
}

div#talkgroupHistory table#tgHistory tr.ses td {
	color: #af6c9f;
	background-color: #000000;
}

div#talkgroupHistory table#tgHistory tr.rail td {
	background-color: #000000;
	color: #ff7aad;
	color: grey;
}

div#talkgroupHistory table#tgHistory tr.ambos td {
	color: #77c733;
	background-color: #000011;
}

div#talkgroupHistory table#tgHistory tr th.date, div#talkgroupHistory table#tgHistory tr td.date {
	display:none;
}

div#talkgroupHistory table#tgHistory tr td.date {
	width: 0%;
}

div#talkgroupHistory table#tgHistory tr td.time {
	width: 20px;
}

div#talkgroupHistory table#tgHistory tr td.tgid {
	width: 20px;
}

div#talkgroupHistory table#tgHistory tr td.channame {
	overflow: hidden;
	text-overflow: none;
	white-space: nowrap;
	padding-right: 10px;
}

div#lsheading img#logToggleArrow, div#infoTitle img#infoToggleArrow {
	position: relative;
	top: 2px;
	width: 15px;
	height: 15px;
}

div#scannerLogOP25 table#dataRecvd {
	position: relative;
	margin: auto;
	padding: 15px auto auto 15px;
	width: 350px;
	line-height: 1.55em;
	font-size: 0.98em;
	border-collapse: collapse;
}

div#scannerLogOP25 table#dataRecvd caption#dataRecvdCaption {
	color: #77cfff;
	cursor: pointer;
}

div#scannerLogOP25 table#dataRecvd caption#dataRecvdCaption img#dataRecvdToggleIcon {
	position: relative;
	top: 2px;
	width: 15px;
	height: 15px;
    content:url(http://mossvaleweather.net/mobile/graphs/th_green_arrow_small2.gif);	
}

div#scannerLogOP25 table#dataRecvd tr th {
	text-align: center;
	font-weight: bold;
	color: #f0af05;
}

div#scannerLogOP25 table#dataRecvd tr td {
	color: #aa8811;
	text-align: center;
}

div#scannerLogOP25 table#dataRecvd tr.activeNo td {
	color: #ba0000;
}

div#scannerLogOP25 table#dataRecvd tr.activeYes td {
	color: #baaa00;
}

div#scannerLogOP25 table#dataRecvd tr th.op25data_time, div#scannerLogOP25 table#dataRecvd tr td.op25data_time {
	width: 24%;
}

div#scannerLogOP25 table#dataRecvd tr th.op25data_site, div#scannerLogOP25 table#dataRecvd tr td.op25data_site {
	width: 36%;
}

div#scannerLogOP25 table#dataRecvd tr th.op25data_data, div#scannerLogOP25 table#dataRecvd tr td.op25data_data {
	width: 20%;
}

div#scannerLogOP25 table#dataRecvd tr th.op25data_error, div#scannerLogOP25 table#dataRecvd tr td.op25data_error {
	width: 20%;
}

div#information {
	position: relative;
	margin: auto;
	top: 15px;
}

audio {
	width: 350px;
	background-color: #000000;
	color: #99ccaa;
}

.listenersSpan {
	color: white;
}

div.infoTitlePreSpacer {
	height: 20px;
}

div.infoTitlePreSpacer2 {
	height: 25px;
}

div#infoTitle {
	position: relative;
	margin: auto;
	text-align: center;
	cursor: pointer;
	width: 340px; 
}

div#talkgroupHistory table#tgHistory caption#tgHistoryCapt, div#infoTitle, div#scannerLogOP25 table#dataRecvd caption#dataRecvdCaption {
	color: #60cfbf;
	font-weight: bold;
	cursor: pointer;
}

div#scannerLogOP25 table#dataRecvd tr th, div#talkgroupHistory table#tgHistory thead tr th {
	background-color: #282828;
	font-weight: bold;
	color: #00ff00;
}

a, a:link, a:visited, a:hover, a:active {
	font-size: 1em;
	color: #99bc8c;
	padding: 10px;
}

p.infoPar span.linkHeading {
	color: #35ff23;
	font-weight: bold;
}

p.infoPar, div.infoPar {
	color: #35af23; 
}

span#priorityListHeading {
	position: relative;
	margin: auto;
	width: 340px;
	text-align: center;
	color: #35ff23; 
	font-weight: bold;
}

p#priorityList {
	color: #99bc8c; 
	line-height: 1.4em;
}

div#tgTableop25dataSpacer {
	height: 20px;
}

ul.infoLinks, ul.infoLinks2 {
	position: relative;
	margin: auto;
	list-style-type: none;
	width: 333px;
}

ul.infoLinks3 {
	position: relative;
	margin: auto;
	list-style-type: none;
	width: 220px;
}

ul.infoLinks2 {
	width: 220px;
}

ul.infoLinks li {
	display: inline-block;
	padding: 16px;
}

ul.infoLinks2 li {
	display: inline-block;
	padding: 6px 2px 11px 10px;
}

ul.infoLinks2 li img#closeInfoImg {
	position: relative;
	margin: auto;
	top: 4px;
	left: auto;
	width: 20px;
	height: 20px;
}

ul.infoLinks2 li#toggleInfoLi:hover, ol.infoPar li.listitem:hover {
	cursor: pointer;
}

ul.infoLinks2 li a { 
	font-size: 0.8em;
	color: grey;
}

ul.infoLinks2 li:hover, ul.infoLinks2 li a:hover, a:hover {
	background-color: #264938;
	color: yellow;
}

p.infoLinksHeading {
	position: relative;
	margin: auto;
	width: 340px;
	text-align: center;
}

p#priorityList span.handpointer {
	cursor: pointer;
}

div#userStatsDiv {
	width: 300px;
	position: relative;
	margin: auto;
}

table.userStats {
	font-size: 1em;
	text-align: center;
	line-height: 1.4em;
}

table tr td.userStatsValue { 
	width: 45%;
	text-align: left;
}

table.userStats caption {
	font-weight: bold;
}

table.userStats tr td.userStatsHeading {
	color: grey;
	text-align: right;
}

table.userStats tr td.userStatsValue {
	color: green;
}