body {
	margin:			0;
	padding:		0 0 5px 0;
	background-color:	#F0F0F0;
	color:			#000000;
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
	min-width:		900px;
}

#document {
	background-color:	#FFFFFF;
	margin:			0px auto 0 auto;
	padding:		0;
	width:          	900px;
	border-width:		1px;
	border-color:		#07416C;
	border-style:		solid;
}

div#logo 
	{
	width:			900px;
	/*height:			100px; */ /*(Removed at request of Peter 20/8/14 - Logan)*/
	margin:			0px 0px 0px 0px;
	/*background:		#FFFFFF url("images/Harvest_Banner_02-03.jpg") no-repeat left top;*/
	border-width:		0px 0px 0px 0px;
	border-color:		#F0F0F0;
	border-style:		solid;
}

.support {
	position:		relative;
	width:			calc((100% - 902px)/2);
	background:	#fff;
}

.support.right {
	float:				right;
}

.support.left {
	float:				left;
}

.support.sticky {
	position:			fixed;
	top:					0;
}

.heading {
	cursor:				pointer;
	border-bottom:	3px solid #fff;
}

.right.sticky {
	right:					0;
}

#editnote, #hiddenp, #editglobal, #editgloballinks {
	display:				none;
}

#supnote, #suplinks {
	width:				90%;
	}


.support table{
	background:	#f5f5f5;
	border-collapse:	collapse;
	box-shadow:	inset 0 1px 0 #fff;
	font-size:	9px;
	line-height:	24px;
	text-align:	left;
	position: relative;
	margin: 0px auto 0px auto;
	width:	100%;
}

.support th {
	background:	linear-gradient(#07416C, #03304C);
	border:	1px solid #07416C;
	box-shadow:	inset 0 1px 0 #07416C;
	color:	#fff;
	font-weight:	bold;
	text-shadow:	0 1px 0 #000;
}

.support th:after {
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
	content: '';
	display: block;
	height: 25%;
	left: 0;
	margin: 1px 0 0 0;
	position: absolute;
	top: 25%;
	width: 100%;
}

.support.right th:first-child {
	border-left:	1px solid #07416C;
	box-shadow: inset 1px 1px 0 #07416C;
}

.support.right th:last-child {
	box-shadow: inset -1px 1px 0 #07416C;
}

.support.left th:first-child {	
	box-shadow: inset -1px 1px 0 #07416C;
}

.support.left th:last-child {
	border-right:	1px solid #07416C;
	box-shadow: inset 1px 1px 0 #07416C;
}

.support td {
	border: 1px solid #e8e8e8;
	position:	relative;
}

#assignedlrrs {
	font-size:		11px;
}

.alrrnum a {
	color:			#000000 !important;
	text-decoration:	underline !important;
	font-family: Verdana;	
}

.lrralert td{
	background-color:		red !important;
	font-weight:		bold;
}

.support tr:nth-child(odd) td {
	background:	#f1f1f1;
}

.scdbdate {
	width:	120px;
}

.sdbnote {
	max-width:	310px;
}

.stdbdate {
	width:	120px;
}

@media all and (max-width: 1500px) {
	.support {
		display:		none;
	}
}

table.cr {
	text-align:		left;
}

table.cr .hsn {
	width:				115px;
}

table.cr .region {
	width:				225px;
}

table.cr .subregion {
	width:				225px;
}

table.cr .sitename {
	width:				225px;
}

table.cr .serial {
	width:				110px;
}

table.cr tr:nth-child(even) {
	background-color:		#F0F0F0;
}

.servicemodewatermark {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%), url("images/ServiceMode.jpg") repeat 0 0;
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url("images/ServiceMode.jpg") repeat 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.7))), url("images/ServiceMode.jpg") repeat 0 0;
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url("images/ServiceMode.jpg") repeat 0 0;
	background-attachment: fixed;
}

.disconnectedmodewatermark {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 100%), url("images/DisconnectedMode.jpg") repeat 0 0;
	background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url("images/DisconnectedMode.jpg") repeat 0 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0.7))), url("images/DisconnectedMode.jpg") repeat 0 0;
	background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 100%), url("images/DisconnectedMode.jpg") repeat 0 0;
	background-attachment: fixed;
}

#menudiv {
	font-size:			14px;
	font-weight:		bold;
	margin:			0;
	padding:		0;
	border-width:		0px 0px 0px 0px;
	border-color:		#07416C;
	border-style:		solid;
	height:				60px;
}

#menudiv ul {
	margin:			0;
	padding:		0px;
}

#menudiv li {
	display:		inline;
	list-style:		none;
	margin:			0;
	padding:		0px 0px 0px 0px;
}

#menudiv li a {
	text-decoration:	none;
	font-weight:		bold;
}

#cssdropdown {
    /*background: -moz-linear-gradient(center top , #0272A7, #013953) repeat scroll 0 0 transparent;
	*/
	background: #07416C;
	/*border: 1px solid #002232;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 1px #EDF9FF inset;*/
    height: 60px;
    list-style: none outside none;
    margin: 30px auto 0;
    padding: 0 20px;
    width: 900px;
	border-width:	0px 0px 1px 0px;
	border-style:	solid;
	border-color:	#FFFFFF;
	z-index: 3;
	position: relative;
}

#cssdropdown li {
    border: medium none;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    padding: 4px 10px;
    position: relative;
    text-align: center;
}

/*#cssdropdown li:hover.drop, */#cssdropdown li.hover.drop{
    /*background: -moz-linear-gradient(center top , #F0F0F0, #EEEEEE) repeat scroll 0 0 transparent;
    */
	background: #F0F0F0;
	border: 1px solid #777777;
    border-radius: 5px 5px 0 0;
    padding: 4px 9px;
}
/*
#menuUnit a.hover .currentu, #menuUnit a:hover  .currentu{
	background:	#07416C !important;
	color:	#FFFFFF !important;
    text-shadow: 0px 0px 0px #FFFFFF !important;
}
*/
#cssdropdown li a {
    color: #EEEEEE;
    display: block;
    font-family: Verdana, Arial,Helvetica,sans-serif;
    /*font-size: 14px;*/
    outline: 0 none;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
	text-align: left;
}

.drop li a {
	font-size:	14px;
}

.simple li {
	padding:	0px !important;
}

.simple li a {
	font-size:	9px;
	padding: 4px 9px;
	margin-right: 5px;
	margin-top: 2px;
}

li.smaller a {
	padding: 	 	0px 0px 2px 20px;
}

li.smaller span {
	font-size: 	8px;
	color: 			#0000FF;
}

li.optionshide {
	display:	none !important;
}

.hidden {
	color: #0000FF;
}

#blasteventmenu :hover
{   
    background-color: #07416C;
    /*display: inline-block;*/
    text-shadow: 1px 1px 1px #FFFFFF;    
}

#cssdropdown li:hover, #cssdropdown li.hover{
	background: #F0F0F0;
	border-radius: 5px 5px 5px 5px;
}

#cssdropdown li:hover a, #cssdropdown li.hover a{
    
    color: #161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#cssdropdown li .drop {
    padding-right: 21px;
}

.dropdown_5col, .dropdown_4col, .dropdown_3col, .dropdown_2col, .dropdown_1col, .dropdown_power, .dropdown_link  {
    /*-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #EEEEEE, #BBBBBB) repeat scroll 0 0 transparent;
    */
	background: #F0F0F0;
	border-color: -moz-use-text-color #777777 #777777;
    border-radius: 0 5px 5px 5px;
    border-right: 1px solid #777777;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    float: left;
    left: -999em;
    margin: 4px auto;
    padding: 10px 5px;
    position: absolute;
    text-align: left;
	z-index:	2;
}

.dropdown_5col {
	width:		1000px;
}

.dropdown_4col  , .dropdown_power {
	width:		800px;
}

.dropdown_3col{
	width:		600px;
}

.dropdown_2col {
	width:		400px;
}

.dropdown_1col{
	width:		200px;
}

.dropdown_link {
	width:		230px;
}


/*#cssdropdown li:hover .dropdown_5col, #cssdropdown li:hover .dropdown_4col, #cssdropdown li:hover .dropdown_3col, #cssdropdown li:hover .dropdown_2col, #cssdropdown li:hover .dropdown_1col {
    left: -1px;
    top: auto;
}*/

#cssdropdown li.hover .dropdown_5col, #cssdropdown li.hover .dropdown_4col, #cssdropdown li.hover .dropdown_3col, #cssdropdown li.hover .dropdown_2col, #cssdropdown li.hover .dropdown_1col {
    left: -1px;
    top: auto;
}

#cssdropdown li.hover .dropdown_5col, #cssdropdown li.hover .dropdown_4col, /*#cssdropdown li:hover .dropdown_5col, #cssdropdown li:hover .dropdown_4col*/ {
	left: -150px;
	border-radius: 5px 5px 5px 5px;
}

/*#cssdropdown li:hover .dropdown_power,*/ #cssdropdown li.hover .dropdown_power  {
	left: -390px;
    top: auto;
	border-radius: 5px 5px 5px 5px;
}

/*#cssdropdown li:hover .dropdown_link,*/ #cssdropdown li.hover .dropdown_link {
	left: auto;
	right: -1px;
    top: auto;
	border-radius: 5px 0px 5px 5px;
}

.col_1, .col_2, .col_3, .col_4, .col_5 {
    display: inline;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
	z-index:1
}

.col_1 {
    width: 185px;
}

.col_1 li {
	width:	180px;
}

.col_1 li.hover, .col_1 li:hover {
	background:	#07416C !important;
	color:	#FFFFFF !important;
    text-shadow: 0px 0px 0px #FFFFFF !important;
}

.col_1 li.hover a, .col_1 li:hover a{
	color:	#FFFFFF !important;
    text-shadow: 0px 0px 0px #FFFFFF !important;
}

.currentu {
	font-size: 9px;
	text-decoration: none;
    text-shadow: 0px 0px 0px #000000;
	text-align: left;
}

#menudiv h4 {
	font-size:	12px;
	border-bottom: 1px solid #888888;
}

#menudiv #harvestLink {
	float:		right;
	margin-right: 0px;
}

#harvestLink a {
	font-size:	16px;
	padding: 	5px 0px 10px 0px;
	color:		#EEEEEE;
	outline: 0 none;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
	text-align: left;
}

.hcv {
	color:		#A0A0A0 !important;
}

#topcontact li {
	width:	200px;	
}

.prodlink:hover, .prodlink.hover {
	background:	#07416C !important;
	color:	#FFFFFF !important;
    text-shadow: 0px 0px 0px #FFFFFF !important;
}

.prodlink:hover a, .prodlink.hover  a{
	color:	#FFFFFF !important;
    text-shadow: 0px 0px 0px #FFFFFF !important;
}

#topcontact a, #topcontact p{
	font-size:	11px !important;
	font-weight: normal !important;
	text-align:	left !important;
	padding: 0px;
}


#harvestLink:hover #harvlink, #harvestlink.hover #harvlink{
	text-decoration: underline !important;
}


.bhover {
	padding:	3px 3px 0px 0px;
	position:	relative;
}

.bhover img {
	border-style:		solid;
	border-width:		1px;
	border-color:		#000000;
}

#imageoverlay {
	position:			absolute;
	color:				#FFFFFF;
	bottom:					10px;
	left:					21%;
	font-size:			14px;
}

#imageoverlay a {
	color:				#FFFFFF;	
}

#imageoverlay a.hover {
	
}

.logdate {
	width:			150px;
}

.ncrrow-even td, .ncrrow-odd td{
	border-top:		1px solid black;
	padding:		5px 0px 5px 0px;
}

.ncrchecked {
	opacity: 0.4; /* Real browsers */
    filter: alpha(opacity = 40); /* MSIE */	
}

.ncrrow-even td a, .ncrrow-odd td a{
	color:				#000000;
	font-weight:		bold;
}

.ncrrow-even {
	background-color:			#FFFFFF;
}

.ncrrow-odd {
	background-color:			#C0C0C0;
}

#ncrhsn {
	width:			350px;
}

#callingsvg{
	width:		500px;
	height:		250px;
	overflow:	 none;
}

#unitcheck {
	float:			left;
	width:		500px;
}

#systemstatus {
	float:			right;
	height:		250px;
	width:		400px;
}

#apngraph, #apnsvg {
	float:			left;
	width:		450px;
	height:		400px;
	margin-top:10px;
}

#groupgraph, #groupsvg {
	float:			right;
	width:		450px;
	height:		400px;
	margin-top: 10px;
}

#countrygraph, #countrysvg {
	float:			left;
	width:		450px;
	height:		400px;
	margin-top:	10px;
}

#regiongraph, #regionsvg {
	float:			right;
	width:		450px;
	height:		400px;
	margin-top:	10px;
}

#proxystate {
	font-weight:		bold;
}

.menupipe {
	color:			#07416C;
	font-weight:		bold;
	text-decoration:	none;
}

#maindiv {
	width:			100%;
	padding:		0 0px 0 0px;
	margin:			0 0 0 0px;
	border-width:		0 0 0 0px; 
	border-color:		#07416C;
	border-style:		solid;
}

#maindivTesting {
	width:			553px;
	padding:		0 1px 0 10px;
	margin:			0 0 0 172px;
	border-width:		1px 0 0 1px;
	border-color:		#669966;
	border-style:		solid;
	background-color:	Red;
}

ul.mainlinks {
	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	background-color:	#07416C;
}

ul.mainlinks li {
	font-weight:	bold;
	display:		inline;
	list-style:		none;
	margin:			0px 0px 0 0px;

}

ul.mainlinks li a, ul.mainlinks li a:visited {
	color:			#FFFFFF;
	margin:			0px 0px 0 -3px;
	padding:		0px 13px 0px 13px;
}

ul.mainlinks li a:hover {
	color:			#07416C;
	background-color:	#77B1DC;
}

ul.mainlinks li.active {
	background-color:	#FFFFFF;
	color:			#07416C;
}
	
ul.mainlinks li.active a:hover{
	color:			#707070;
}

ul.mainlinks li.active a, ul.mainlinks li.active a:visited  {
	color:			#07416C;
}

#maindiv li a {
	text-decoration:	none;
	/*font-weight:		bold;*/
}

.tabs {
	color:			#FFFFFF !important;
	margin:			0px 10px 0px 0px;
	padding:		0px 10px 0px 10px;
}

.tabh {
	text-align:		center !important;
}

#active.tabs {
	color:			#000000 !important;
	background:		#FFFFFF;
	border-radius: 3px;
	border-radius:	3px;
}

a.tabs:hover {
	background:		#E0E0E0 !important;
	color:			#000000 !important;
	border-radius: 3px;
	border-radius:	3px;
}
#countup, #graphtime {
	display:		inline;
}

#adp {
	width: 210px;
	float: right;
	border-width:		0px 0px 0px 1px;
	padding: 			0px 0px 14px 0px;
	border-color:		#08416C;
	border-style:		solid;
}

.ghvid {
	float:		right;
}

.gimg {
	/*float: left;*/
	margin-top: 14px;
}

img.gimg {
	margin-left:	14px;
}

object.gimg{
	margin-left:	5px;
}

ul#tabs {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#tabs li {
    float: left;
    margin: 0 1px 0 0;
}

ul#tabs a {
    background: #bdf url(images/tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ul#tabs a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ul#tabs a:hover span {
    background-position: 100% -120px;
}

ul#tabs li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ul#tabs li.current span {
    background-position: 100% -60px;
}

ul#tabs span {
    background: url(images/tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.tabcontent {
    border: #48f solid 2px;
    padding: 1em;
}

#footer {
	background-color:	#07416C;
	color:			#FFFFFF;
	clear:			both;
	padding:		4px 7px 4px 7px;
	margin:			0;
	height:			15px;
}

#footer A:link, A:active {
	text-decoration:	none;
	color:			#FFFFFF;
}

#footer A:visited {
  text-decoration:		none; 
	color:			#FFFFFF;
}
	
#footer A:hover {
  color:			#707070;
}

#footer span {
	background-color:	#07416C;
}
	
#footer span#harvest {
	text-align:		left;
	float:			left;
	width:			50%;
}

#footer span#contact {
	text-align:		right;
	float:			right;
	width:			50%;
}

table.stats {
	margin:			0 0 5px 7px;
	padding:		0;
}

table.stats th {
	font-weight:		bold;
	text-align:		right;
}

table.stats td {
	text-align:		right;
	width:			55px;
}

table.stats td.trace {
	text-align:		left;
	font-weight:		bold;
	width:			125px;
}

table.formleft {
	margin:			0 0 5px 7px;
	padding:		0;
}

table.formleft th {
	font-weight:		bold;
	text-align:		left;
	width:			135px;
}

table.formtop {
	margin-left: 7px;
	padding:		 0;
}

table.formtop th {
	font-weight:		bold;
	text-align:		left;
}
	
table.merge {
	padding:			0;
	border: 			solid;
  border-width:	1px;
  border-color:	#07416C;
}

table.merge th {
	font-weight:	bold;
	text-align:		left;
}

table.merge td {
	padding:			2px 0px 2px 4px;
}

table.graphandtraces {
	background-color:	#4781AC;
	width:						870px;
	border-width:			1px;
	border-color:			#07416C;
	border-style:			solid;
	margin-bottom:		5px;
}

table.graph {
	background-color:	#4781AC;
}

table.trace {
	background-color:	#84B2FF;
	width: 850px;
	margin: 5px 5px 10px 5px;
	border-width:		1px;
	border-color:		#07416C;
	border-style:		solid;
}

table.trace2 {
	background-color:	#CCCCFF;
	margin:		5px 0 0 10px;
	width: 				828px;
	border-width:		1px;
	border-color:		#07416C;
	border-style:		solid;
}

table.general {
	background-color:	#CCCCFF;
	text-align:				left;
	margin: 5px 5px 	10px 5px;
	border-width:			1px;
	border-color:			#07416C;
	border-style:			solid;
}

table.general tr {
	background-color:	#84B2FF;
}

table.general th {
	background-color:	#4070FF;
	color:						White;
}

table.general th a {
	color:						White;
}

table.milk {
	background-color:	#CCCCFF;
	text-align:				left;
	margin: 5px 5px 	10px 5px;
	border-width:			1px;
	border-color:			#07416C;
	border-style:			solid;
}

table.milk tr.milking {
	background-color:	#B8D4FF;
}

table.milk tr.inprocess {
	background-color:	#84FFD1;
}

table.milk tr.pickup {
	background-color:	#FFD184;
}

table.milk td.blank {
	background-color:	#CCCCFF;
}

table.milk tr {
	background-color:	#84B2FF;
}

table.milk th {
	background-color:	#4070FF;
	color:						White;
	min-width:			85px;
}

table.milk th a {
	color:						White;
}

table.milk th h2 {
	text-align:			left;
	padding:			3px 3px 3px 3px;
}

table.cvt , table.lt{
	background-color:	#CCCCFF;
}

tr.calc {
	background-color:	#EEEEFF;
	text-align:		right;
}

tr.non_alt {
	background-color: #FFFFFF;
}
	
tr.alt {
	background-color: #84B2FF;
}

tr.red {
	color: 						#FFFFFF;
	background-color: #29638E;
}

#blurb img.right {
	float:			right;
	clear:			right;
	padding:		5px 0px 5px 10px;
	margin:			0;
}

#blurb img.center 
{
	float:			none;
	clear:			none;
	padding:		5px 0px 5px 10px;
	margin:			0;
}
/*
#blurb {
	width:			65%;
}*/
	
.warning {
	color:			#FF0000;
	}

.error {
	color:			#FF0000;
	font-weight:		bold;
	}
	
.important {
	color:				#FF0000;
	font-weight:	bold;
	font-size:		12px;
}

p.cfglabel {
	font-weight:		bold;
	}

form {
	margin:			0;
	padding:		0;
}

select {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
}

input {
	font-family:		Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:		11px;
}

table.spe {
	padding:		0;
	margin:			0px 10px 8px 8px;
	border-collapse:	collapse;
}

table.spe td.l {
	font-weight:		bold;
	width:			75px;
}

table.spe td.r, table.spe td.r A:link {
	font-weight:		bold;
	color:			#FF0000;
}

table.spe td.b, table.spe td.b A:link {
	font-weight:		bold;
	color:			#0000FF;
}

table.spe td.r A:visited {
	color:			#CC0000;
}

table.spe td.b A:visited {
	color:			#0000CC;
}

table.scm {
	padding:		0;
	margin:			2px 10px 8px 0px;
	border-collapse:	collapse;
}

table.scm th {
	text-align:		left;
}

table.scm th.scmhsn {
	width:			150px;
}

table.scm th.scmver {
	width:			85px;
}

table.scm td {
	white-space:		nowrap;
}

a:link {
	text-decoration:	none;
	color:			#707070;
}

a:active {
	text-decoration:	none;
	color:			#707070;
}

a:visited {
  text-decoration:	none; 
	color:			#707070;
}

a:hover { 
  text-decoration:	none; 
	color:			#07416C;
	/*background-color:	#77B1DC;*/
}

div.bhover a:hover {
	background-color:	#FFFFFF;
}

img {
	border:			none;
}

.nodisplay {
	display:		none;
}

p, pre {
	padding:		5px;
	margin:			0;
}

div.graph {
	padding:		0px 0px 2px  0px;
	margin:			0;
}

h1 {	
	font-size:		18px;
	padding:		1px 0 1px 0;
	margin:			0;
	color:			#000000;
	display:		inline;
}

h2 {
	font-size:		13px;
	padding:		3px 2px 3px 25px;
	margin:			0px 0px 0px 0px;
	background:		#07416C;
	color:			#FFFFFF;
	clear:			right;
}

h2.blank {
	padding:		1px 0px 1px 0px;
	clear:			none;
}

#maindiv table + h2, #SaveProfile h2, #footer span, #maindiv script + h2, #tab_main h2, #tab_graphs h2, #tab_misc h2, #tab_alarms h2, #tab_dataexport h2 {
	clear:			none;
}

#maindiv p + h2, span {
	clear:			none;
}

h3 {
	font-size:		14px;
	padding:		5px 0 5px 5px;
	margin:			0;
}

h4 {
	font-size:		14px;
	padding:		1px 0 1px 0;
	margin:			0;
	color:			#000000;
	display:		inline;
}

hr {
	height:			2px;
	margin:			10px 0 8px 0;
	padding:		0;
}

table.vends {
	margin:			0 0 5px 7px;
	padding:		0;
}

table.vends td {
	text-align:		right;
}

table.vends th {
	text-align:		left;
	font-weight:		bold;
	width:			120px;
}

table.vends tr.head td {
	font-weight:		bold;
	text-align:		right;
	width:			75px;
}

table.bytesrpt {
	margin:			0 0 5px 7px;
	padding:		0;
	text-align:		right;
}

table.bytesrpt th {
	font-weight:		normal;
	text-align:		left;
}

table.bytesrpt td.hsn {
	padding-top:		5px;
	padding-bottom:		5px;
	width:			235px;
	font-weight:		bold;
	text-align:		left;
}

table.bytesrpt td.cabco {
	width:			50px;
}

table.bytesrpt td.bytes {
	width:			55px;
	font-weight:		bold;
}

table.bytesrpt td.group {
	width:			100px;
	font-weight:		bold;
}

table.bytesrpt td.calls {
	width:			50px;
	font-weight:		bold;
}

table.bytesrpt td.voda {
	width:			70px;
	font-weight:		bold;
}

table.bytesrpt td.last {
	width:			80px;
	font-weight:		bold;
}

table.bytesbinrpt {
	margin:			0 0 1px 1px;
	padding:		0;
	text-align:		right;
	width: 			1100px;
}

table.bytesbinrpt th {
	font-weight:		normal;
	text-align:		left;
}

table.bytesbinrpt td {
	text-align:		center;
}

table.bytesbinrpt td.hsn {
	width:			55px;
	font-weight:		bold;
	vertical-align:		bottom;
}

table.bytesbinrpt td.apnhead {
	width:			55px;
	font-weight:		bold;
	vertical-align:		bottom;
}

table.bytesbinrpt td.group {
	min-width:			100px;
	font-weight:		bold;
	vertical-align:		bottom;
}

table.bytesbinrpt td.subregionhead {
	min-width:			100px;
	font-weight:		bold;
	vertical-align:		bottom;
}

table.bytesbinrpt td.unitnamehead {
	min-width:			120px;
	font-weight:		bold;
	vertical-align:		bottom;
}

table.bytesbinrpt td.cabco {
	width:			50px;
}

table.bytesbinrpt td.bytes {
	width:			110px;
	font-weight:		bold;
	text-align:		left;
	vertical-align:		bottom;
}

.alert {
	/*color:		red;
	font-weight:	bold;*/
}

table.bytesbinrpt td.calls {
	width:			50px;
	font-weight:		bold;
	vertical-align:		bottom;
}

table.bytesbinrpt td.voda {
	width:			70px;
	font-weight:		bold;
	text-align:		left;
	vertical-align:		bottom;
}

table.bytesbinrpt td.last {
	width:			110px;
	font-weight:		bold;
	text-align:		left;
	vertical-align:		bottom;
}
	
.nit {
	font-family:		monospace;
	white-space:		pre;
}
	
ol li {
	padding-bottom:		6px;
}

table.logedit td {
	min-width:	60px;
}

table.logedit td.date {
	min-width:	150px;
}

table.logedit input {
	width:	60px;
}

ul.selections {
	margin:						0;
	padding:					10px 0 10px 0;
}

ul.selections li {
	display:					inline;
}

ul.selections li a, ul.selections li a:visited {
	padding:					2px 5px 2px 5px;
	text-decoration:	none;
	color:						#2222FF;
	background-color:	#E3E3FF;
}

ul.selections li a:hover {
	text-decoration:	none;
	color:						#FFFFFF;
	background-color: #6666FF;
}

ul.selections li.current a, ul.selections li.current a:visited {
	color:						#FFFFFF;
	background-color: #6666FF;
}

ul.selections li.current a:hover {
	text-decoration:	none;
	color:						#2222FF;
	background-color: #E3E3FF;
}

table.logs th, table.logs td {
  text-align:				right;
	background-color: #84B2FF;
}

table.logs td.date {
	font-weight:			bold;
	white-space:			nowrap;
}

table.logs tr.call td {
	background-color: #6492FF;
}

table.textlogs {
	text-align:				right;
}

table.textlogs td {
  min-width:				70px;
}

table.alarms {
	margin:						0 0 5px 7px;
	padding:					0;
}

table.alarms th, table.alarms td {
	text-align:				left;
	background-color: #84B2FF;
}

table.diff {
	margin:						0 0 5px 7px;
	padding:					0;
}

table.diff tr:not(.red) {
	text-align:				left;
	background-color: #84B2FF;
}

div.mapLabel {
	border: 					solid;
  border-width: 		1px;
  position: 				absolute;
  background-color: #BBBBFF;
}

table.google th, table.google td {
/*  font-weight:			bold;*/
}

table.dataexports {
	background-color: #84B2FF;
}

td.dataexport {
	background-color: #517FFF;
}

td.dataexportdisabled {
	background-color: #FF7F51;
}

a#twitter-link {
	color:				#07416C;
	text-decoration:	none;
}

ul#twitter_update_list a {
	color:				#707070;
	font-weight:		normal;
}

ul#twitter_update_list li {
	color:				#707070;
	font-weight:		bold;
	padding:		2px 0 2px 8px;
}

/*Code to change the view of the harvest site when viewed on a smartphone*/
@media only screen and (max-device-width: 400px)
{
	body, html {
		width:			700px!important;
		min-width:		700px!important;
		margin:			0px;
		padding:		0px;
		font-size:		8px!important;
	}
	
	#document {
		width:			700px!important;
		margin:			0px 0px 0px 0px;
	}
	
	#logo {
		width:			700px !important;
		margin:			0px 0px 0px 0px;
	}
	
	#cssdropdown {
		width:			700px;
	}
	
	#harvestLink {
		display:		none !important;
	}
	
	#blurb {
		display:		none;
	}
	
	#adp {
		display:		none;
	}
	
	#map_canvas {
		width:			700px !important;
	}
}

table.summary {
	background-color:	#CCCCFF;
	text-align:				left;
	margin: 					5px 5px 10px 5px;
	border-width:			1px;
	border-color:			#07416C;
	border-style:			solid;
}

table.summary tr {
	background-color:	#84B2FF;
	font-weight:			bold;
	vertical-align:		top;
}

table.summary th {
	background-color:	#4070FF;
	color:						White;
}

table.summary2 {
	text-align:				left;
}

table.summary2 tr {
	color:						White;
	font-weight:			normal;
	background-color:	#4878FF;
	vertical-align:		top;
}

table.summary3 {
	text-align:				left;
}

table.summary3 tr {
	color:						White;
	font-weight:			normal;
	background-color:	#6898FF;
}

table.summary3 td {
	padding:					0px 5px 2px 5px;
}
/*
.raw .date {
	position:			absolute;
	width:				160px;
	text-align: 		right;
	margin-left:		-162px;
	background-color: 	#84B2FF;
	top:				auto;
	border-right: 0px none black; 
	border-left: 0px none black; 
	
	background-color:				#FFDE0D !important;
}*/

.raw {
	width:				100%;
	/*overflow-x:			scroll;
	overflow-y:			hidden;
	padding-top:	72px;
	padding-left:	162px;*/
}

.raw th {
	background-color:	#FFDE0D !important;
}

.description th {	
	height:				55px;
}

table.alarminfo {
	background-color:	#CCCCFF;
	text-align:				left;
	margin: 					5px 5px	10px 5px;
	border-width:			1px;
	border-color:			#07416C;
	border-style:			solid;
}

table.alarminfo tr {
	background-color:	#84B2FF;
}

table.alarminfo th {
	background-color:	#4070FF;
	color:						White;
	padding:					1px 5px 1px 5px;
}

table.alarminfo th a {
	color:						White;
}

table.alarminfo td {
	padding:					1px 5px 1px 5px;
}

table.alarminfo td.warning {
	color:						Red;
	font-weight:			bold;
}

#nav_wrap ul {
	list-style:				none;
	position:					relative;
	float:						left;
	margin:						0;
	padding:					0;
}

#nav_wrap ul a {
	display:					block;
	font-weight:			bold;
	font-size:				11px;
	padding:					0 15px;
	color:						White;
}

#nav_wrap ul li {
	position:					relative;
	float:						left;
	margin:						0;
	padding:					0;
}

#nav_wrap ul li:hover, #nav_wrap ul li:hover > ul {
	display:					block;
	background:				#ff5555;
}

#nav_wrap ul ul {
	display:					none;
	position:					absolute;
	top:							0;
	left:							100%;
}

#nav_wrap ul ul li {
	float:						none;
}

#nav_wrap ul ul a {
	line-height:			120%;
	padding:					5px 15px;
}

#nav_wrap ul li:hover h1, #nav_wrap ul li:hover h4 {
	color:						White;
}

li.warningmode h1, li.warningmode h4 {
	color:						Red;
}

table.nowrap td, th {
	white-space:			nowrap;
}

/*Kiwirail report styles*/

body.kiwirail {
	font-size: 				9px;
	font-family:			Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	margin:						10px 0 0 8px;
	height:						97%;
	color:						#000000;
	background-color: #FFFFFF;
}

div.kiwirail_report {
	padding:					10px;
}

h1.kiwirail {
	margin:						0px;
	color:						#447744;
}

a.kiwirail {
	color:						#447744;
}

table.kiwirail {
	border-collapse:	collapse;
	text-align:				left;
	background-color: #FFFFFF;
}

table.kiwirail tr {
	vertical-align:		middle;
}

table.kiwirail tr.kiwirail_row_header td {
	border-top:				solid 1px green;
}

table.kiwirail tr.kiwirail_no_border td {
	border-top:				none;
}

table.kiwirail td.good, table.kiwirail td.good a {
	color:						Green;
}

table.kiwirail td.bad, table.kiwirail td.bad a {
	color:						Red;
}

table.kiwirail td, th {
	font-size: 				10px;
	padding:					0 10px 0 0;
}

table.kiwirail th, table.kiwirail th a {
	font-size: 				11px;
	color:						#FFFFFF;
	background:				#669966;
}

table.kiwirail a {
	color:						Black;
}

table.kiwirail tr.alt {
	background-color: #EBF1EB;
}

table.kiwirail tr.tripped td, table.kiwirail tr.tripped td a {
	color:						Red;
}

table.kiwirail tr.safe td, table.kiwirail tr.safe td a {
	color:						Green;
}

table.kiwirail tr.unknown td, table.kiwirail tr.unknown td a {
	color:						#999999;
}

table.kiwirail td.link, table.kiwirail td.link a {
	color:						Blue !important;
}

table.kiwirail td.lowbatt, table.kiwirail td.lowbatt a {
	color:						Red !important;
	font-weight:			bold;
}