* {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

.left {
	float: left;
}

.right {
	float: right;
}

body{
	background: #888888;
	font-family: Trebuchet MS,Georgia,"Times New Roman",serif;
	font-size: 12px;
	margin: 0px auto;
}

.clear {
	clear:both;
}

.hidden { display: none; visibility: hidden; }

.ajaxProgress { background: transparent url(../images/ajax-loader-bar1.gif) bottom center no-repeat; padding-bottom:15px; display:none; width:220px; text-align:center;}
.ajaxLoading {  background: transparent url(../images/ajax-loader1.gif) left center no-repeat !important; padding-left:20px !important; }
.ajaxLoading2 {  background: transparent url(../images/ajax-loader2.gif) right center no-repeat !important; padding-right:20px !important; }
.ajaxError { background:#FFb900 url('../images/icons/error.png') no-repeat left center !important; padding-left:20px !important;   }
.dismiss { cursor:pointer; font-style:italic;  background: transparent url(../images/icons/application_delete.png) right center no-repeat !important; padding-right:20px !important;  }
.dismiss:hover { text-decoration:underline; }


.todo { font-style:italic; }
span.new { background:transparent url(../images/icons/star.png) fno-repeat left center; padding-left:16px; }


#page-right {
	padding-right:10px;
}

#page-left {
	padding-left:10px;
}
#page {
	box-shadow:0px 2px 15px #333;
}

#top-menu {
	background:none repeat scroll 0 0 #4f901c;
	font-size:10px;
	height:20px;
	line-height:18px;
	padding:0 4px;
}

#top-menu .left li {
	float:left;
	list-style-type:none;
}

#top-menu .right li {
	float:right;
	list-style-type:none;
}
#top-menu .right li span {
	/*color:#97B1E1;*/
	color: #ccc;
}

#top-menu p.title,
#top-menu a {
	color: #fff;
	padding: 4px;
	font-weight: bold;
	text-decoration: none;
}

#top-menu li.title a {
	font-weight:bold;
	/*color:#97B1E1;*/
	color:  #ccc;
	letter-spacing:0.2em;
	}

#top-menu a:hover{
	text-decoration: underline;
}
#top-menu a.selected{
	background:#E5EFF1;
	color:#000;
}

#top-menu li.search input { width:auto; background:#000; font-size:12px; color:#6DFF00; border:none; margin-right:2px; }
#top-menu li.search { margin-right:20px; }
#top-menu li.search input.search { width:200px; }
#top-menu li.bugs a { padding: 0px 0px 0px 20px; margin-right:20px; background: url("../images/icons/bug.png") left center no-repeat; }

#header {
	background-color:#569C20;
	color:#006599;
	padding: 0px;
	position:relative;
	height:80px;
	border-bottom:1px solid #999;
	border-bottom:1px solid rgba(0,0,0,0.2);
}
#header .header-img {
	background-repeat:no-repeat;
	background-image:url(../images/aqm-header-lng.png);
	background-position:right 0px;
	height:80px;
}
#header h1 {
	position:absolute;
	top:22px;
	left:10px;
	color:#fff;
	text-shadow: 1px 1px 4px #000;
	}
#main {
	background-color:#ffffff;
	padding: 2px;
	padding-bottom: 12px;
	color: #000000;
	font-size: 12px;
}

#main .row {
	clear: both;
	display: inline;
	float: left;
	position: relitive;
	width: 100%;
}

#main .col {
	display: inline;
	float: left;
	position: relative;
}
#main .col1 {
	width:320px;
}
#main .col2 {
	width:640px;
}
#main .col3 {
	width:970px;
	padding:2px;
}

#main .row {
	clear: both;
	display: inline;
	float: left;
	position: relitive;
	width: 100%;
}

#main .col {
	display: inline;
	float: left;
	position: relative;
}


#main p {
	margin: 0px 0px 10px 0px;
}

#main h1 {
	font-size:22px;
}

#main h2 {
	font-size: 16px;
}

#main ol {
	margin: 0px 0px 0px 20px;
}

#main ul {
	margin: 0px 0px 0px 20px;
}

#main table.info ul {
	margin: 0px;
}


#footer {
	text-align: center;
	height: 40px;
	color: #ccc;
	margin-left: -10px;
	margin-right: -10px;
}

#footer a {
	color: #ccc;
	font-weight: bold;
	clear: both;
}

#footer-left {
	height: 40px;
}

#footer-right {
	height: 40px;
	padding-top: 22px;
}

.debug {
clear:both;
margin:20px auto;
width:950px;
}
.pad { padding:10px; }

span.infopopup {cursor:pointer; background: url("../images/icons/information.png") 2px center no-repeat;}


/*fluid*/
#main .row { width: 100%; }
#main .col { width: 100%; }

#main .col1 { width:33.33%; }
#main .col2 { width:66.66%; min-width: 600px;}
#main .col3 { width:auto; min-width: 600px;}

#main .box1{ width: 33.33%; }	/* 1/3 Page */
#main .box2{ width: 66.66%; }	/* 2/3 Page */
#main .box3{ width: 100%; }		/* 1/1 Page */
#main .box4{ width: 50px; }		/* 1/2 Page */

#main .col1 .box1, #main .col1 .box2, #main .col1 .box3, #main .col1 .box4,
#main .col2 .box1, #main .col2 .box2, #main .col2 .box3, #main .col2 .box4 { width: 100%; }

.pad { padding: 10px; }


#searchresults {
	height:220px;
	right:10px;
	width:400px;
	position:absolute;
	background:#333;
	padding:5px;
	z-index:5;
	color:#fff;
	display:none;
	box-shadow:-5px 5px 5px #999;
	-moz-box-shadow:-5px 5px 5px #999;
	border-radius-bottomleft: 15px;
	-moz-border-radius-bottomleft: 15px;
}
#searchresults div.loader {
width:100%;
background: transparent url('../images/ajax-loader3.gif') no-repeat center left;
padding-left:20px;
}

#searchresults div.content {
	overflow-y:auto;
	overflow-x:none;
	max-height:200px;
}
#searchresults div.content h2 {
	font-size:120%;

	display:inline;

	}
#searchresults div.content a { text-decoration:none; color:#6DFF00 !important; }
#searchresults div.content a:hover { background:#000; }
#searchresults div.content ul { margin:5px 0px 15px 20px; padding:0px; }
#searchresults div.close { width:100%; height:18px; background: transparent url('../images/icons/decline.png') no-repeat center right; cursor:pointer; }

span.highlight {
	background-color:#FFF799;
	border-bottom:1px #ff0000 dotted;
	}
#searchresults span.highlight {
	background-color:#444;
	border-bottom:1px #FFF799 dotted;
	}
#main .col1 .box.blue {
	width:97%;
	min-width:97%;
	}

.box.blue {
	background:#E5EEF6 !important;
	/* background: rgba(0,93,171,0.1);*/
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:5px;
	padding:5px 0px;
	min-width:100%;
	margin: 0px 0px 10px 0px;
	}
.box.blue > div { margin-left:20px; }
.box.blue ul { margin-left: 20px; padding-left: 20px;  }
.box.blue h2,
.box.blue h3,
.box.blue h4 { padding:0px 20px; clear:left; }
.box.blue h4 { font-size:110%; }
.box.blue h3 { padding: 5px 20px 5px 20px; color:#005DAB; }


/* Kris' nice boxes implementation */

#main .boxa {
	border:1px solid #ccc;
	float:left;
	padding:3%;
	margin:5px 0px;
	width:93%;
}
#devicedashboard .legendbox h4{
display: inline;
}
div.autorefresh{
float: left;
}
#devicedashboard .legendbox {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0px 5px 0px 0px;
	float:right;
	background:#eee;
}

#main span.showlegend{
	cursor: pointer;
	color: #0000ff;
}

#main .cola-size3-2 .boxa {
	padding:1.5%;
	margin:5px 0px;
	width:97%;
}
#main .cola-size1 .boxa {
	padding:0.5%;
	margin:5px 0px;
	width:99%;
}

#main .cola-size1 {
	width:100%;
}
#main .cola-size3-1 {
	width:33%;
}
#main .cola-size3-2 {
	width:66%;
}
#main .cola-size2-1 {
	width:50%;
}
#main .cola-size2-2 {
	width:100%;
}

#main .cola-sizeF {
	width:100%;
}
#main .cola-size4-1 {
	width:25%;
}
#main .cola-size4-2 {
	width:50%;
}
#main .cola-size4-3 {
	width:75%;
}

#main .boxa h2 {
	/*color:#24638C;*/
	color: #4f901c;
}

.awardStatus.awarded, .awardStatus.application {
	background: transparent url('../images/icons/application.png') no-repeat center left;
	padding-left:18px;
}
.awardStatus.closed {
	background: transparent url('../images/icons/application_delete.png') no-repeat center left;
	padding-left:18px;
}

.awardStatus.not.submitted {
	background: transparent url('../images/icons/application_form_edit.png') no-repeat center left;
	padding-left:18px;
}
.awardStatus.rejected {
	background: transparent url('../images/icons/application_error.png') no-repeat center left;
	padding-left:18px;
}
.awardStatus.submitted {
	background: transparent url('../images/icons/application_form_magnify.png') no-repeat center left;
	padding-left:18px;
}
.awardStatus.unsuccessful {
	background: transparent url('../images/icons/application_form_delete.png') no-repeat center left;
	padding-left:18px;
}

/* need to adjust the width because of stupid padding-left for the background image */
div.cola-size3-1 dl.info dd.projectStatus,
div.cola-size3-1 dl.info dd.awardStatus  { width: 48%; }

.projectStatus.concept {
	background: transparent url('../images/icons/script_edit.png') no-repeat center left;
	padding-left:18px;
}
.projectStatus.fall.out {
	background: transparent url('../images/icons/script_delete.png') no-repeat center left;
	padding-left:18px;
}
.projectStatus.completed {
	background: transparent url('../images/icons/script_save.png') no-repeat center left;
	padding-left:18px;
}
.projectStatus.started {
	background: transparent url('../images/icons/script_gear.png') no-repeat center left;
	padding-left:18px;
}

table.project.budget {
	background:#fff; float:left;
}

table.project.budget tbody td { text-align:right; }

table.project.budget thead td, table.project.budget tr.head th,
table.project.budget thead th,
table.project.budget tbody tr.total_fec th,
table.project.budget tbody tr.total_income th,
table.project.budget tbody tr.total th,
table.project.budget tbody tr.earnings th { background:#ffcf00; }

table.project.budget tbody tr.total_fec td,
table.project.budget tbody tr.total td,
table.project.budget tbody td.total {
	background:#ccc;
	font-weight:bold;
}
table.project.budget tr.blankrow td {
	height:50px;
}
table.project.budget td, table.project.budget th {
	padding: 2px;
}
table.project.budget th, table.project.budget tr.head th {
	border:0px;
	border-bottom:1px solid #000;
	text-align:left;
	vertical-align:bottom;
	}
table.project.budget tbody th {
	vertical-align:middle;
	border-bottom:0px;
}
table.project.budget th.cost {
	font-weight:normal;
	text-align:right;
	border-left:1px solid #ccc;
	}
table.project.budget td.cost { text-align:right; border-left:1px solid #ccc; }

table.project.budget .cost.earnings { font-weight:bold;}
table.project.budget .cost.total_fec { font-weight:bold; }
table.project.budget .year { font-weight:bold; color:#ff0000; }

div.budgetgraph{float: left;}
div.budgetgraph p{border:1px solid #999}

ul.budgettabs li{
list-style-type: none;
display:inline;
}

table.project.budget thead th, table.project.budget tr.head th{
text-align: center;
}
div.graphrow{
margin: 10px 0;
padding: 20px 0;
border-bottom: 1px solid gray;
}
div.graphrow table{
width: 600px;
}

table#transactions td.currency { text-align:right; font-weight:bold;; }
table#transactions tbody.subtotal td { border-top:1px dotted #999; border-bottom:1px solid #999; padding:1px 2px 1px 1px; }
table#transactions tr.subtotal td.NARRATIVE { border-bottom:1px dotted #999; padding:1px 2px 1px 1px; text-align:right; }
table#transactions tr.subtotal td.NARRATIVE span { font-style:italic; }
table#transactions tr.subtotal td.AMOUNT { border-bottom:1px dotted #999; padding:1px 2px 1px 1px; text-align:right; }
table#transactions tbody.subtotal td.border { border-left:1px dotted #999; }
table#transactions tr { cursor:pointer; }
/*
div.transactionInfo{

display:none;
position: absolute;
border: 1px solid black;
background: white;
padding: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.transactionInfo dt{
float: left;
margin-right: 10px;
font-weight: bold;
}*/
table.time{
margin: 5px;
width:100%;
}
table.time, table.time td, table.time th{
	border: 1px solid #999;
	border-collapse: collapse;
	padding: 5px;
}
table.time th:first-child { width:33%;text-align:left; }
table.time td{text-align:center}
table.time .sincestart th,
table.time .sincestart td { color:#CC3737; }
table.time .remaining th,
table.time .remaining td { color:#1B770A; }

.metricsPie .jqplot-data-label {
	color:#fff;
	text-shadow:  1px 1px 1px #000;
	}
.metricsPie td.jqplot-table-legend > div  {
border:none !important;
}
.metricsPie .jqplot-table-legend {
	color:#333;
	font-size:0.95em;
	max-width:150px;
	border:0px;
}

table.bva{
margin: 0px 10px 0px 0px;
width: 580px;
float: left;
clear:left;
}
table.bva thead th, table.bva thead td{
background: #FFCF00;
border: 0;
font-weight: bold;
}
table.bva.simple { font-size:130%; }
table.bva.simple thead th{
background: #fff;
border: 0;
font-weight: bold;
}
table.bva a{
color: black;
}
table.bva thead th:first-child{
text-align: left;
}
table.bva tr.total th, table.bva tr.total td{
border-top: 1px solid black;
}
table.bva td{
text-align: right;
}
table.bva td:first-child{
text-align: left;
}
table.bva, table.bva td, table.bva th{
padding: 3px;
}
table.bva tr.remainder{
text-align: left;
background: #FFCF00;
}
table.bva tr.total{
text-align: left;
background: #67C454;
}
table.bva tr.budget{
text-align: left;
background: #5C91CE;
}
div.clear.bva { height:12px; border-top: 1px dashed #ccc;  padding:5px 0px; }
table.bva .title { font-size:120%; }

table.bva thead a { padding-right:20px;	background-image:url(../images/icons/calculator.png);
	background-repeat:no-repeat;
	background-position:right center;  }

table.bva tbody td.subcat { max-width:140px; overflow:hidden;}
table.budget tbody tr:hover,
table.bvamonths tbody tr:hover,
table.bva tbody tr:hover { background:rgba(59, 110, 155,0.2); }
table.budget tbody td:hover,
table.bvamonths tbody td:hover,
table.bva tbody td:hover { background:rgba(59, 110, 155,0.2); }

table.bvamonths tr.current th,
table.bvamonths tr.current td { border-bottom: 1px dashed #FF0000; }

table.projectusers td.user { padding-left:18px; }
table.projectusers td.user.error {
	background-image:url(../images/icons/exclamation.png);
	background-repeat:no-repeat;
	background-position:2px center;
	}
ol.financeProjectList { padding-top:5px; }
ol.financeProjectList li { margin-bottom:10px !important; }
ol.financeProjectList div.title { font-size:110%; margin-bottom:3px; }

div.researchProfile h2 { margin:5px 0px; color:#24638C; }

table.researchProfile thead.sep th {  }
table.researchProfile thead th { border-bottom:1px dashed #999;  padding-top: 10px; padding-bottom: 5px; }
table.researchProfile thead th.first { text-align:left; font-size:110%; }
table.researchProfile tbody td.first { padding-left:4px; border-left-width: 20px; border-left-style: solid; }
table.researchProfile tbody td.count,
table.researchProfile tbody td.graph,
table.researchProfile tbody td.value { text-align:center; vertical-align:center; }
table.researchProfile tbody td.count { border-right: 1px dashed #999; padding:0px 5px; }


table.bvamonths {
margin-top: 10px;
width: 300px;
}
table.bvamonths th {
background: #FFCF00;
text-align: center;
}
table.bvamonths td, table.bvamonths th{
padding: 3px;
}
table.bvamonths td{
text-align:right
}
table.bvamonths td.neg {
	color:#ff0000;
	font-weight:bold;
}
table.bvamonths td.zero {
	opacity:0.5;
}

#homepage > h2 {
	margin:0px 10px;
	color:#4D4F52;
	font-size: 35px !important;
}
#pageHeader > h1 {
	margin:0px 0px 0px 10px;
	color:#4D4F52;
	font-size: 20px !important;
	display:inline;
}
#pageHeader > h1 span {
	padding:2px 6px;
}
#pageHeader > h1.icon  { padding-left:20px; background-repeat:no-repeat; background-position:left center; }
#pageHeader > h1.device {  background-image: url(../images/icons/report.png); }

#pageHeader span.info  { color:#333; font-size:16px; }
#main h2 { font-size:20px; }

#homepage .report { background-image: url(../images/icons/report.png); padding-left:20px; background-repeat:no-repeat; background-position:left center; margin-left: -20px; }

#map_canvas {background-color: #eee;}
#infoWindowFullContent{height: 325px; width: 450x;}
#InfoWindowSlim{height: 100px; width: 350px;}
#infoWindowReset{width: 250px; height: 30px; position: relative; top: 15px;}
.googleMapsLegend {background-color: #ffffff; border: 1px solid #000000; padding: 10px;}
.warn_active{color: #0E8C3A;}
.warn_inactive{font-style: italic; color: #2F4F4F;}
.warn_sensor{color: #ff0000;}
.position_map{position: relative; left: -0px; display: inline;}



td.missing, dd.missing{
background: #FFC3BC;
}
dd.missing{
display: list-item;
color: white;
border: 1px dotted #eee;
}
dd.missing span{
font-style: italic;
color: black;
}

div.devicegraph.wrap { float:left;  margin:0px 20px 20px 0px; }


table.sensor td.prev { opacity:0.6; }
table.sensor th.previous { text-align:center;  opacity:0.6;  }
table.sensor td.sensorvalue { text-align:right; }
table.sensor td.sensorvalue.count0 { border-left: 1px solid #999; font-weight:bold; }
table.sensor td.sensor { text-align:left; font-size:140%; }

#devicegraphs { margin-top:-15px;}
#devicegraphs h1,
#devicedashboard h1 { /*color:#69A8D4;*/ color:#4f901c;  font-size:300%; font-weight:normal; }
#devicegraphs h2 { color:#666; font-weight:normal;  }
#devicegraphs div.sep,
#devicegraphs h1 { display:block; clear:left; }
#devicegraphs input.date { width:75px; /*border-color:#69A8D4;*/ border-color:#4f901c; margin-left:2px; /*color:#69A8D4;*/ color:#4f901c; font-weight:bold; text-align:center; }
#devicedashboard div.sep { margin-top:0px; padding-top:20px; clear:both; }
#devicedashboard h2 a { text-decoration:none; color:#000; border-bottom: 1px dashed black; }
#devicedashboard h2 a:hover { border-bottom: 1px solid black; }
#devicedashboard h2 a.status { text-decoration:none; color:#000; padding-left: 0!important;}
#devicegraphs, #devicedashboard { font-family:'Lucida Grande',Verdana,Arial,Helvetica,sans-serif; }

#devicegraphs div.loading {/*color:#69A8D4;*/ color:#4f901c; font-size:20px; }
#devicegraphs div.date2 { margin-left:5px; }
#devicegraphs div.devicegraph.wrap { min-width:400px; }
#devicegraphs div.devicegraph.wrap.radar { width:500px; height:400px;}

#devicedashboard .device { }

.boxa a { text-decoration:none; color:#24638C; }
.boxa a:hover { text-decoration:underline; }

img.devicegraph { max-width:800px; width:100%; height:300px; }
img.devicegraph.radar { max-width:400px; width:100%; height:400px; }
img.devicegraph.mini { width:500px; height:200px; }
img.devicegraph.radarmini { width:200px; height:200px; }

table#sensorsEnabled { width:100%; background:#eee; padding:10px 0px; }
table#sensorsEnabled td { text-align:center; }
table#sensorsEnabled tr.sensors td { font-size:120%; padding-top:20px;  background-repeat:no-repeat; background-position:center top; }
table#sensorsEnabled span.units { font-style:italic; display:block;font-size:85%;}
table#sensorsEnabled tr.sensors td.display {  background-image: url(../images/icons/accept.png); }
table#sensorsEnabled tr.sensors td.poll {  background-image: url(../images/icons/database_gear.png); }
table#sensorsEnabled tr.sensors td.disabled {  background-image: url(../images/icons/database_delete.png);  }
table#sensorsEnabled  td.disabled { opacity:0.5; }

table.sensorAverages tfoot { border-top:1px solid #999;  background:#999; color:#fff; }
table.sensorAverages thead th { text-align:right; }
table.sensorAverages tbody th { border-right:1px solid #999; }
table.sensorAverages td.sensorvalue.ok { background-image: url(../images/icons/accept.png);  background-repeat:no-repeat; background-position:right 1px ; padding-right:19px;  }
table.sensorAverages td.sensorvalue.error { background-image: url(../images/icons/bullet_error.png);  background-repeat:no-repeat; background-position:right center ; padding-right:19px;  }
table.sensorAverages td.sensorvalue.waiting { background-image: url(../images/icons/waiting.png);  background-repeat:no-repeat; background-position:right center ; padding-right:19px;  }

#map_canvas { width:100%; height:600px; }
#devicedashboard div.container_devices { float:left; width:58%; padding-left:2%; }

.mapbox #map_canvas { width:100%; height:100%; margin-top:2px;}
.mapbox #searchboxdiv { color:#999; }
.mapbox #searchboxdiv input { color:#000; border-radius:4px; padding:4px 16px 4px 4px; background-image:url(../images/icons/zoom.png); background-repeat: no-repeat; background-position:right 4px; }


span.yes{width:16px;height:16px;background: url(../images/icons/tick.png) no-repeat;display:inline-block;text-indent:-9999px}

tr.unresolved{background: pink}
tr.break {border-bottom: 3px solid #ccc;}

div.filters{
background: #eee;
-moz-border-radius: 7px;
-webkit-border-radius:7px;
border-radius:7px;
padding: 10px;
margin: 7px 0;
}

div.filters p{margin-bottom: 2px !important;}
div.filters p.export{text-align: center;padding-top:15px;clear:both;margin: 0 !important;}
div.filters select{width:100px;}
div.filters input[type=text]{width:60px}
div.filters label{width:70px;display:inline-block}
div.filters div.filter{float:left;}

span.new-contact{background: url(../images/icons/add.png) no-repeat; width:16px;height:16px;display:inline-block;cursor:pointer;}
span.delete-contact{background: url(../images/icons/delete.png) no-repeat; width:16px;height:16px;display:inline-block;cursor:pointer;}

li.sensorCheckboxes{padding-left: 0 !important;}
select.dialingCode{width:80px;}



div.newalert span.input_radio_wrapper{
display:block;
font-size:14px;
}
div.newalert span.input_radio_wrapper label{
text-indent: 5px;
}
div.newalert span.input_radio_wrapper input{
margin-top: 3px;
}
#copyAlertForm, #newAlertForm{display:none;}

#massEmail input[type=text], #massEmail textarea{width: 40em !important;}

li.commandsensor,li.commandvalue{display:none;}

option.custom{

}
li.indent{
margin-left: 20px !important;
}

h2.reportDevice{
background-color: #4f901c;
background-image: url("../images/aqm-header-sml.png");
background-position: right 0;
background-repeat: no-repeat;
clear: both;
color: white;
margin: 10px 0;
padding: 12px 0;
text-indent: 20px;
text-shadow: 1px 1px 4px #000000;
}
.pagebreak{
page-break-before:always;
}