html, body {
	margin:0;
}
table.window {				/* main outer table for sub-windows	*/
	border: 5px solid black;
	height: 100vh;
	width: 100%;
}
table.primary {
	width: 100%;
	height: 100%;
	border:none;
	border-spacing: 0;
	border-collapse:collapse;
}
td.primary {
	padding:none;
}
table.main {
	width: 100%;
	height: 100%;
	border: none;
	border-spacing: 0;
	border-collapse:collapse;
}
table.content {
	width: 100%;
	border: 2px solid;
	border-spacing: 0;
}
th.summary {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	cursor: default;
/*	border: 1px solid; */
	padding: 4px;
}
th.summary_blue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	text-align: right;
/*	border: 1px solid black; */
	padding: 3px;
}
th.summary_blue:hover {
	color: #FF0000;
}
td.summary {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	cursor: default;
	border: 1px solid; 
	padding: 3px;
}
td.content {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid; 
	cursor: default;
	padding: 2px;
}
td.content_right {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	cursor: default;
	border: 1px solid; 
	padding: 2px;
}
td.content_center {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	cursor: default;
	border: 1px solid; 
	padding: 2px;
}
td.content_blue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
td.content_blue:hover {
	color: #FF0000;
}
td.content_blue_right {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
td.content_blue_right:hover {
	color: #FF0000;
}
td.content_blue_center {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
td.content_blue_center:hover {
	color: #FF0000;
}
td.content_red {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
td.content_red_right {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
.large_java {
	color: #0000FF;
	background-color: #cce6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.large_java:hover {
	color: #FF0000;
}
table.button {
	display: table;
	border-collapse:collapse;
	border: none;
	width:100%;
	height: 40px;
}
td.button {
	text-align: center;
	}
td.thirtythree {
	height: 33px;
	width: 85px;
}
td.tailmenu {
	text-align: center;
}
td.forty {
	width: 40%;
	}
#aloading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: none;
   opacity: 0.7;
   background-color: #fff;
   z-index: 99;
   text-align: center;
}
#map {
	height: 100%;
	}

td.sidetitle {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
table.side {
	width:100%;
	border: none;
}
table.menu  {
	width:100%;
    border: 1px solid black;
	border-collapse: collapse;
}

td.title {
	width: 30%;
}
td.main {
	width: 100%;
	vertical-align:top;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
td.thinblackline {
	height: 2px;
	background-color: #000000;
}
td.leftside {
	width: 10%;
	vertical-align:top;
}
td.center {
	text-align: center;
}
td.right {
	text-align: right;
}
td.left {
	text-align: left;
}
td.rightside {
	width: 10%;
	vertical-align:top;
}
tr.colblk {
	background-color: #000000;
}
tr.header {
	height:100px;
}
td.black {
	background-color: #000000;
}
td.yellow {
	background-color: yellow;
}
td.indigo {
	background-color: indigo;
}
td.lightgreen {
	background-color: lightgreen;
}
td.lawngreen {
	background-color: lawngreen;
}
span.textboldblue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
td.textboldblue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
td.textboldblue:hover {
	color: #FF0000;
}
th.textboldblue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
th.textboldblue:hover {
	color: #FF0000;
}
input.textboldbluelarge {
	color: #0000FF;
	background-color: #cce6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
td.colblk {
	background-color: #000000;
	text-align: center;
	width: 110px;
	padding: 5px;
}
tr.colmrc {
	background-color: firebrick;
}
td.colmrc {
	background-color: firebrick;
	width: 7px;
}
tr.colcol {
	background-color: #FFCC00;
}
td.colcol {
	background-color: #FFCC00;
	width: 7px;
}
.ui-helper-hidden-accessible {
	display:none;
}
div.ui-datepicker, .ui-datepicker td{
 font-size:10px;
}
.ui-autocomplete-loading {
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.pollcol {
	vertical-align: top;
	width: 500px;
	border: 1px solid black;
	background-color: sandbox;
}
.bar { width: 99%; border: 1px solid black;background-color: sandbox; }

.percentage { background: #000033; }
.texttitle {
	color: #000000;
	font-family: "Comic Sans MS";
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.textheader {
	color: black;
	font-style: italic;
	font-family: "Arial Black", Arial;
	font-weight: 900;
	font-size: 24px;
}
.textfooter {
	color: white;
	height: 20px;
	background-color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
.textsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
}
.textmain {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.textmainsmall {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
.textblue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}
.textro {
	color: #000000;
	background-color: #D3D3D3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.textronum {
	color: #000000;
	background-color: #D3D3D3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.textronumneg {
	color: #000000;
	background-color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
.textred {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}
td.bordered {
	padding: 15px;
	border: 1px solid;
	vertical-align: top;
	width: 400 px;
}
td.top	{
	vertical-align: top;
}

td.textboldright {
	text-align: right;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
td.textboldcenter {
	text-align: center;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.textbold {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.textboldnum {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	width: 10;
}
.textboldblue {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
.textboldbluelarge {
	color: #0000FF;
	background-color: #cce6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.texthelp {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}
.textboldred {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
.auto-complete-tbx	{
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
.textboldgreen {
	color: #37EB34;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
td.textboldlarge {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
td.textboldlargeright {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.textboldlargenum {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.textboldlargenumjava {
	color: #000000;
	background-color: #cce6ff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.textboldtitle {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
.textboldhead {
	height: 40px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.textTestWarning {
	vertical-align:35px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-weight: bold;
}
h1 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
.textboldredlarge {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.abutton	{
	font-size: 12pt;
	font-weight:bold;
	padding: 6px;
	background-color:#000000;
	color:#FFCC00;
	width:110px;
	cursor:pointer;
}
.abutton:hover {
	text-transform: capitalize;
	color: #FF0000;
	text-decoration: none
}
.MachineImage {
	margin-left: auto;
	margin-right: auto
}
.secondary_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0000FF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
.head_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.nav_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: bold;
	text-transform: lowercase;
	color: black;
	text-decoration: none
}
.side_bar_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFCC00;
	text-decoration: none;
	font-weight: bold;
	text-transform: capitalize
}
a.aMenu {
	text-decoration:none;
	color:#FFCC00;
	font-weight: 700;
	font-family: "MS Sans Serif";
	font-size: 11px;
	font-style:normal;
}
a.aMenu:hover {
	text-decoration:none;
	color:#FF0000;
}
.aMenu {
	color:#FFCC00;
	font-weight: 700;
	font-family: "MS Sans Serif";
	font-size: 11px;
	font-style:normal;
	padding: 4px;
}

table.aMenu {
	height: 15px;
	table-layout:fixed;
	background:#000000;
	border:0 solid #FFCC00;
}
td.aMenu {
	padding: 4px;
	background:#000000;
}

.tdtab {
	width: 20px;
	}
.tdspacer {
	width: 15%;
	}

	/* White Red */
.button.red {
	display: inline-block;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 2px 2px 3px #999;
	border: solid 3px rgb(110,110,110);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,59,59,0.70)), color-stop(0.5, rgba(233,72,72,0.80)), color-stop(0.5, rgba(184,0,0,0.70)), to(rgba(255,0,0,0.80)));
	color: #fff;
	text-shadow: #000 0 1px 0;
	font: bold 16px/20px Helvetica, Sans-serif;
	padding: 9px 11px;
}
.button.red:hover, .button.white.hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(135,148,203,0.85)), color-stop(0.5, rgba(34,56,159,0.75)), color-stop(0.5, rgba(0,27,145,0.75)), to(rgba(2,59,152,0.65)));
	color: #fff;
	text-shadow: #000 0 1px 0;
	-webkit-box-shadow: inset rgba(207,207,255,0.75) 0px 1px 1px;
}
.button.dkblue {
	display: inline-block;
	-webkit-border-radius: 12px;
	-webkit-box-shadow: 2px 2px 3px #999;
	border: solid 3px rgb(110,110,110);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,90,0.90)), color-stop(0.5, rgba(0,0,51,0.70)), color-stop(0.5, rgba(0,0,51,0.70)), to(rgba(0,0,90,0.80)));
	color: #fff;
	text-shadow: #000 0 1px 0;
	font: bold 16px/20px Helvetica, Sans-serif;
	padding: 9px 11px;
}
.button.dkblue:hover, .button.white.hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(135,148,203,0.85)), color-stop(0.5, rgba(34,56,159,0.75)), color-stop(0.5, rgba(0,27,145,0.75)), to(rgba(2,59,152,0.65)));
	color: #fff;
	text-shadow: #000 0 1px 0;
	-webkit-box-shadow: inset rgba(207,207,255,0.75) 0px 1px 1px;
}
/*------------------------------------*\
    $IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){
    body{
        -webkit-text-size-adjust:none;
        font-family:Helvetica, Arial, Verdana, sans-serif;
        padding:5px;
    }
.textheader {
	color: black;
	font-family:Helvetica, sans-serif;
	font-size: 24pt;
	font-weight: bold;
	}
.maintable {
	width: 100%;
	border: 4px solid black;
	}

.button.bill {	
	width:205px;
	height:18px;
	text-align: center;
	margin:auto;
	display: inline-block;
	border-radius: 25px;
	box-shadow: 4px 4px grey;
	background-image: radial-gradient(circle,blue 60%,#33CFFF);
	border: solid 3px rgb(110,110,110);
	/**/
	color: white;
	text-shadow: #000 0 1px 0;
	font: bold 20px/18px Helvetica, Sans-serif;
	padding: 14px 11px;
	cursor:pointer;



	/*
	display: inline-block;
	border-radius: 12px;
	box-shadow: 2px 2px 3px #999;
	border: solid 3px rgb(110,110,110);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,59,59,0.70)), color-stop(0.5, rgba(233,72,72,0.80)), color-stop(0.5, rgba(184,0,0,0.70)), to(rgba(255,0,0,0.80)));
	color: #fff;
	text-shadow: #000 0 1px 0;
	font: bold 16px/20px Helvetica, Sans-serif;
	padding: 9px 11px;
	cursor:pointer;
	*/
}
.button.bill:hover, .button.white.hover {
	border-radius: 12px;
	box-shadow: 4px 4px grey;
	background-image: radial-gradient(circle,red 60%,white);
	color: #fff;
	text-shadow: #000 0 1px 0;
	
	

	/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(135,148,203,0.85)), color-stop(0.5, rgba(34,56,159,0.75)), color-stop(0.5, rgba(0,27,145,0.75)), to(rgba(2,59,152,0.65)));
	-webkit-box-shadow: inset rgba(207,207,255,0.75) 0px 1px 1px;

	color: #fff;
	text-shadow: #000 0 1px 0;
	*/
}
}
.vis-item.s-red {
  color: red;
  background-color: red;
  border-color: darkred;
}
.vis-item.vis-selected.s-red {
    background-color: red;
    border-color: orangered;
    cursor: default;
}
.vis-item.blue {
  color: white;
  background-color: blue;
  border-color: darkred;
}
.vis-item.yellow {
  color: yellow;
  background-color: yellow;
  border-color: darkred;
}
.vis-item.s-yellow {
  color: yellow;
  background-color: yellow;
  border-color: darkred;
}
.vis-item.lightgreen {
  color: black;
  background-color: lightgreen;
  border-color: darkred;
}
.vis-item.vis-selected.lightgreen {
    background-color: green;
    border-color: orangered;
    cursor: default;
}
.vis-item.lightblue {
  color: black;
  background-color: lightblue;
  border-color: darkred;
}
.vis-item.vis-selected.lightblue {
	color: white;
    background-color: blue;
    border-color: orangered;
}
