HTML{
	padding:0;
	margin:0;
/*	background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1)), url("/images/background.png"), #000000;*/
	background-color:#1879a2;
	
	background-image: url("/images/background.png");
	background-position:center bottom;
	background-repeat: no-repeat;
	background-attachment:fixed;
	color:white;
	font-family:arial, helvetica, sans serif;
	font-size:15pt;
	height:100%
}
BODY{
	width:calc(100% - 20px);
	height:715px;
	background-color:transparent;
	margin:0 auto;
	padding:0;
	color:inherit;
}

DIV{
	display:inline-block;
}


h1 {
    font-size: 23pt;
    margin-bottom: 3px;
    margin-top: 15px;
    padding-top: 0;
    color:white;
}




a:link {
  color: #a8def4;
}
/* visited link */
a:visited {
  color: #a8def4;
}
/* mouse over link */
a:hover {
  color: #ffff7b;
}
/* selected link */
a:active {
  color: blue;
}





/**************
JQ PLOT STUFF
***********/

DIV.jqplot-target{
	border-radius:18px;
	background:white;
}




#sidebar{
font-size: 12pt;
    left: 10px;
    position: absolute;
    top: 5px;
    width: auto;
}

#content{
	width:100%;
	height:715px;
	background-color:transparent;
	margin:0;
	padding:0;
}

#mainTile{
	width:1052px;
	height:706px;
	margin:4px;
	background-color:transparent;
	
}

#tile1,#tile2,#tile3{
	width:204px;
	height: 230px;
	margin: 4px;
	background: transparent;
}

#rightHandTiles{
	margin:0;
	padding:0;
}

#rightHandTiles #mainTile{
	float:left;
}

#rightHandTiles #tile1,#rightHandTiles #tile2, #rightHandTiles #tile3{
}



/*****************
AJAX DATA FORMATTING
*****************/

DIV.ajaxDataFrame{
	width:100%;
	display: block;
	position:relative;
	height: auto !important; /* ie 6 will ignore this */
	height: 100%;            /* ie 6 will use this instead of min-height */
	min-height: 100%;
	padding:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color:black;
}


.ajaxDataFrame p{
color:white;
}

.ajaxDataFrame TABLE.dataTable{

}

.ajaxDataFrame TABLE.dataTable th{

	background:#FFFFFF;
	padding: 4px 8px 12px 8px;
	margin-bottom:4px;
	border-bottom: 1px solid #888888;
	font-size:12pt;
}

th.sortable{
	cursor: pointer;
}



.ajaxDataFrame TABLE.dataTable tr.odd{
	background:rgba( 250,250,250, 0.9 );
}

.ajaxDataFrame TABLE.dataTable tr.even{

	background:rgba( 250,250,250, 0.75 );
}

.ajaxDataFrame TABLE.dataTable tbody td{
	font-size:27px;
	padding: 0px 8px;
	border-bottom: 1px dotted #999999;
}


.ajaxDataFrame TABLE.dataTable tbody.small td{
	font-size:11pt;
	padding: 0px 4px;
	border-bottom: 1px dotted #999999;
}

.ajaxDataFrame TABLE.dataTable tbody.upTo10 td{
	padding:6px 8px;
}

.ajaxDataFrame TABLE.dataTable tbody.upTo20 td{
	padding: 1px 8px;
}

/*Status Classes*/

.ajaxDataFrame TABLE.dataTable td.OK{
	background:blue;color:white;
	font-weight:bold;
	font-size:20px;
}
.ajaxDataFrame TABLE.dataTable td.NoGNL{
	background:#b1159f;color:white;
	font-weight:bold;
	font-size:20px;
}
/*Long time no case*/
.ajaxDataFrame TABLE.dataTable td.NoCase{
	background:#f7941e;color:black;
	font-weight:bold;
	font-size:20px;
}
/*Possible bog break*/
.ajaxDataFrame TABLE.dataTable td.OutCase{
	background:#0064ff;color:white;
	font-weight:bold;
	font-size:20px;
}
.ajaxDataFrame TABLE.dataTable td.NotOwn{
	background:blue;color:white;
	font-weight:bold;
	font-size:20px;
}
.ajaxDataFrame TABLE.dataTable td.Default{
	background:transparent;/*color:white;*/
	font-weight:bold;
	font-size:20px;
}
.ajaxDataFrame TABLE.dataTable td.Ok{
	background:rgba(141, 198, 63, 0.7);
	font-weight:bold;
	font-size:20px;
}

.ajaxDataFrame TABLE.dataTable td.Iffy{
	background:rgba(247, 148, 30, 0.7);
	font-weight:bold;
	font-size:20px;
}

/* Full Strip for Serious Offences */
BODY .ajaxDataFrame TABLE.dataTable tr.warn{
	background:gold;color:black;
	font-weight:bold;
}


BODY .ajaxDataFrame TABLE.dataTable tr.bad{
	color:white;
	font-weight:bold;
	text-decoration:blink;
	background-color:red;
}



TABLE.dataTable a:link {
  color: #373154;
}
/* visited link */
TABLE.dataTable a:visited {
  color: #8c7204;
}
/* mouse over link */
TABLE.dataTable a:hover {
  color: #8173f9;
}
/* selected link */
TABLE.dataTable a:active {
  color: green;
}








/************************
Info boxes
************************/
.ajaxDataFrame .infoBox{
	width:100%;
}

.ajaxDataFrame .infoBox .infoTitle{
	text-align:center;
	display:block;
	font-size:17pt;
	font-weight:bold;
	margin-top:25px;
}

.ajaxDataFrame .infoBox .infoData{
	text-align:center;
	display:block;
	font-size:50pt;
	margin-top:24px;
}



DIV.ajaxDataFrame.top{
	background: #f7941e;
}

DIV.ajaxDataFrame.middle{
	background: #8dc63f;
}

DIV.ajaxDataFrame.bottom{
	background: #404041;
	color:white;
}

DIV.ajaxDataFrame.teal{
	background: #006666;
}

.ajaxDataFrame TABLE.dataTable tbody td.wallboardLarge{
	color: #000000;
	font-size: 35px;
	font-weight: bold;
}
.ajaxDataFrame TABLE.dataTable tbody td.wallboardBold{
	color: #000000;
	font-size:29px;
	font-weight: bold;
}