body, li, table, td, input, select, option, textarea, .menu  {

	font-size: 12px;
	font-family: ubuntu, verdana;
	color: #000000;

}




input, select, textarea {

	border: 1px solid #aaaa77;
	background-color: #FFFFCC;

}

td {
	vertical-align: top;
	padding: 2px;
	zfont-size: 12px;
	line-height: 150%;
	border-top:  1px solid #aaaaaa;
	border-left:  1px solid #aaaaaa;

}
table {
	zfont-size: 12px;
	border-bottom:  1px solid #aaaaaa;
	border-right:  1px solid #aaaaaa;
	border-spacing: 0px;
	border-collapse: separate;
}


@media only screen and (max-device-width: 480px) {
   /* define mobile specific styles come here */
	td {
		line-height:3.00em;
		font-size:1.7em;
	
	}
	th + th {
		width:95%;

	}
	table {
		width:100%;
		border-collapse:collapse;
		font-size:0.7em;
	}

 }


a:link, a:visited, a:active {
	text-decoration:none;
	text-decoration:none;
}

a:link, a:visited   {
	color: #000080;
}

a:hover   {
	color: #cc0000;
	text-decoration:underline;
}

a:active   {
	color: #008000;
}

.tablehighlight {
	background-color: #ffed80;
}

.tablehighlighthide {
	background-color: #FFccCC;
}

.lg {
	background-color: #44ff44;
}

pre, textarea, input {

	font-family: Lucida Console, monospace;
	font-size: 12px;


}

pre {
	border-width: 1px;
	border-style: dotted;
	padding: 5 5 5 5;
	background-color: ddffdd;
}


table {
  overflow: hidden;
}

tr:hover {
  background-color: #d0d0d0;
}

td, th {
  position: relative;
}
td:hover::after,
th:hover::after {
  content: "";
  position: absolute;
  background-color: #d0d0d0;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
td.hr:hover::after,
th.hr:hover::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.monotype {
	font-family: monospace;
	text-align: right;
	font-size:10px;
}