/* tags */
	body{background:url(/invision/static/images/siteBG.gif) #7d7d7d; background-position:top center; background-repeat:repeat-x;} 
	
	a{color:#6a1; font-weight:bold; text-decoration:none;}
	
	h1{font-size:150%; font-weight:bold;}
	h2{font-size:125%; font-weight:bold;}
	h3{font-size:100%; font-weight:bold;}
	h4{font-size:90%; font-weight:bold;}
	th{font-weight:bold; vertical-align:top; text-align:left;}
	th, td{padding:0 3px;}
	

	label:after{content:":";}
	label{font-weight:bold;}
	fieldset{border:1px solid #000; display: inline; padding: 5px;}
	legend{font-size:1.25em; font-weight:bold;}

/* generic classes - could be used anywhere */
	.clearFloat{clear: both;}
	.note{font-size:7pt;}
	.required:before{content:"*"; color:#f00; font-weight:bold; vertical-align:top;}
	.editLink{text-align:right;}
	.hidden{display:none;}
	.exportLink{float:right;}

/* main layout */
	#header {height:150px; }
	#content {background-color:#FFF; padding:10px 0; overflow:auto; clear:both;}
	#footer {clear:both; font-size:7pt; color:#CCC; width:100%; margin:0 auto 0 auto; text-align:center; padding-top:5px;}
	
	/* header space */
	#header .logo {float:left; margin-bottom:-6px;}
	#header #rightColumn {padding-top:68px; float:right; margin-right:15px; }
	#header .title {font-size:28px; color:#9b9b9b; font-style:italic; }
	
	/* small nav in header */
	#miniNav {margin-top:18px; float:right; }
	#miniNav ul {margin-bottom:0;}
	#miniNav li {display:inline; }
	#miniNav a, #miniNav a:visited {color:#ccc; text-decoration:none; margin-left:10px; }
	#miniNav a:hover, #miniNav a:visited:hover {color:#fff; text-decoration:none; margin-left:10px; }
	
	/* main nav */
	#nav {}
	#nav li{}
	#jsddm {height:29px; margin: 0; padding: 0; z-index:100; border: 1px solid #a96; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#690; background: -moz-linear-gradient(0% 75% 90deg,#690, #ad4); background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#ad4), to(#690)); background: linear-gradient(0% 75% 90deg,#690, #ad4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aadd44', endColorstr='#669900')";}
	#jsddm li {float: left; list-style: none; font: 12px; line-height:20px; margin: 0; border-right:1px solid #a96;}
	#jsddm li a {display: block; padding: 4px 0; text-decoration: none; color: #EAFFED; margin:0 10px;}
	#jsddm li a:hover {color: #EAFFED;}
	#jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; z-index:106; display: inline;}
	#jsddm li ul li {clear:left; width:100%; background: #9F1B1B;}
	#jsddm li ul li:hover {background: #7F1616;}
	#jsddm li ul li a {width: auto;}

	/* breadcrumbing */
	#breadCrumbs {clear:both; color:#395506; padding:3px 0; text-align:left;font-weight:bold; }
	#breadCrumbs a, #breadCrumbs a:visited{color:#aaa; }	
	#breadCrumbs a:hover, #breadCrumbs a:visited:hover{color:#395506; }	

/* messages */
	.msg{text-align:center; padding:3px; margin: 5px auto;}
	.error{border:1px solid #f00; background-color: #fcc; font-weight:bold; color:#f00;}
	.warn{border:1px solid #f60; background-color: #fc9; font-weight:bold; color:#f60;}
	.alert{border:1px solid #009; background-color: #ccf; font-weight:bold; color:#009;}
	.info{border:1px solid #090; background-color: #cfc; font-weight:bold; color:#090;}

/* maps */
	#mapContain{position:relative;}
	#map{height:500px;}
	#map span, #map a{clear:both; float:right;}
	.mapNote{position:absolute; right:5px; top:35px; z-index:16; border:1px solid #ccc; background-color: #000; background:rgba(0,0,0,.5); color: #fff; padding:3px 5px; text-shadow:1px 1px #000}

/* tables */
	/* column header */
	.columnHeader{background-color:#fff;}
	
	/*zebra striped rows*/
	.altRow1{background:#fff;}
	.altRow2{background:#CCC;}

	/* specific types of rows */
	.currentRow{background:#ff6;}
	.selectRow{cursor:pointer;}
	.highlightRow{background:#FF6; cursor:pointer;}
	.alertRow{background:#f99;}
	.warnRow{background:#ff3;}
	.notice{text-align:center; font-weight:bold;}
.shortmap{height:195px !important;}
	
	/* sortable tables */
	.sortHeader{color:#6a1; cursor:pointer;}
	.sortHeader .sortIcon{background-image: url(images/ui-icons_8DC262_256x240.png); display:inline-block; width:16px; height:16px; background-position: -128px -16px;}
	.columnSortAsc .sortIcon{background-position: -64px -16px;}
	.columnSortDesc .sortIcon{background-position: 0 -16px;}
	.sortable span.ui-icon{position:absolute; margin-left:-1.3em;}

	/* admin tables */
	.adminTable{display:table;}
	.adminTable td, .adminTable th{padding:3px 5px;}
	.adminTable h1{font-size:150%; font-weight:bold;}
	.adminTable .fieldGroup{padding:2px 0;}
	.adminTable .bigCell{display:inline;}
	
/* modules */
	table.module{display:table; border-collapse:separate;}
	.module{background: #ccc; margin-bottom:10px; border:1px solid #a96; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position:relative;}
	.module table{display:table; border-collapse:separate; width: 100%;}
	.moduleHeader{padding:0 3px; text-align:left; color:#eef; background-color:#690; background: -moz-linear-gradient(0% 75% 90deg,#690, #ad4); background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#ad4), to(#690)); background: linear-gradient(0% 75% 90deg,#690, #ad4); -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aadd44', endColorstr='#669900')";}
	.moduleHeader h3{margin-bottom:0;}
	
	#filterBar select{max-width:100px;}
	#filterBar td{padding:3px;}
	
	.flatList li{display:inline; margin:3px; font-weight:bold;}
	
	.menuList{position:relative; height:4em; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;background: #690; background: -moz-linear-gradient(0% 75% 90deg,#690, #ad4); background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(#ad4), to(#690)); background: linear-gradient(0% 75% 90deg,#690, #ad4); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aadd44', endColorstr='#669900')";}
	.menuList li{margin: -1px 0; float:left; border:0 solid #a96; border-width:0 1px 0 0; color:#eef; font-weight:bold; padding:3px 8px;}
	.menuList a{color:#eef;}
	.menuList .selected{ color:#000; background: #ccc; border-top:1px solid #a96; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;}
	.menuList .submenu{margin-bottom:3em;}
	.menuList .submenuList{position:absolute; top:2.1em; width:100%; background: #ccc; left:-1px; border:1px solid #a96; border-width:0 1px 1px 1px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
	.menuList .submenuList li{border:0 solid #a96; border-width:0 1px 1px 0px; color:#000; font-weight:bold; padding:3px 8px;}
	.menuList .submenuList a{color: #6a1; }
	.menuList .submenuList .selected{background: #fff;  -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}
	
	.collapse{overflow:auto;}
	.collapse-icon{position:absolute; top:0; right:5px; cursor:pointer;}

/* date and time selection*/
	.dateSelect{width: 70px;}
	.timeSelect{width: 70px;}
	.time-picker { position: absolute; height: 200px; width:4em; /* needed for IE */overflow: auto; background: #fff; border: 1px solid #000; z-index: 99;}
	.time-picker-12hours {width:6em; /* needed for IE */}
	.time-picker ul {list-style-type: none; margin: 0; padding: 0;}
	.time-picker li {padding: 1px; cursor: pointer; margin:0;}
	.time-picker li.selected {background: #316AC5; color: #fff;}

/* single/rare use */
	/*#loginArea{}*/
	#loginArea .fieldGroup{margin-bottom:5px;}
	
	.passMeter{width:150px;height:10px; background-color:#000; border:1px solid #000;}
	.passMeterBar{height:100%; background-color:#000;}

/*tank visuals*/
	.tankDisplay{position:relative; height:260px; background:#fff; overflow:hidden;}
	.tankContainer{position:relative; width:200px; float:left;}
	.tankImages{position:relative; margin:0 auto;}
	
	.tankLevel{position:absolute; left:0; bottom:0; height:0px; width:100%; border-top:3px solid #8e7201; overflow:visible !important;}
	.waterLevel{position:absolute; left:0; bottom:0; height:0px; width:100%; border-top:3px solid #00c; overflow:visible !important;}
	
	.tankFill{opacity:0.5; filter:alpha(opacity=50); height:100%; width:100%; background:#8e7201;}
	.waterFill{opacity:0.5; filter:alpha(opacity=50); height:100%; width:100%; background:#0000cc;}
	
	.tankLabel{text-align:center; font-weight:bold;}
	.maxGal{display:none;}
	
	.tank, .tankMask{width:100%; height:100%; position:absolute; top:0; left:0;}
	.tankTop, .waterTop{display:none; width:100%; height:11px; position:absolute; top:-11px; left:0;}
	.tankLevelGal, .waterLevelGal{width:100%; text-align:center;}

	/*horizontal tank w/ flat ends*/
	.tank_H .tankImages{width:182px; height:127px; margin-top:41px}
	.tank_H .tank{background:url("../images/assetAnimation/tank_hc.png") no-repeat;}
	.tank_H .tankMask{background:url("../images/assetAnimation/mask_hc.png") no-repeat;}
	.tank_H .tankLevel, .tank_H .waterLevel{max-height:124px;}
	
	/*horizontal tank w/ round ends*/
	.tank_B .tankImages{width:195px; height:130px; margin-top:38px}
	.tank_B .tank{background:url("../images/assetAnimation/tank_rc.png") no-repeat;}
	.tank_B .tankMask{background:url("../images/assetAnimation/mask_rc.png") no-repeat;}
	.tank_B .tankLevel, .tank_B .waterLevel{max-height:127px;}
	
	/*rectangular tank*/
	.tank_R .tankImages{width:195px; height:147px; margin-top:21px}
	.tank_R .tank{background:url("../images/assetAnimation/tank_r.png") no-repeat;}
	.tank_R .tankMask{background:url("../images/assetAnimation/mask_r.png") no-repeat;}
	.tank_R .tankLevel, .tank_R .waterLevel{max-height:124px;}
	
	/*vertical tank*/
	.tank_V .tankImages{width:129px; height:168px;}
	.tank_V .tank{background:url("../images/assetAnimation/tank_vc.png") no-repeat;}
	.tank_V .tankMask{background:url("../images/assetAnimation/mask_vc.png") no-repeat;}
	.tank_V .tankTop{background:url("../images/assetAnimation/tank_vc_top.png") no-repeat; display:block;}
	.tank_V .waterTop{background:url("../images/assetAnimation/tank_water_vc_top.png") no-repeat; display:block;}
	.tank_V .tankLevel, .tank_V .waterLevel{max-height:145px; border-top:0;}
	
	/*tank carousel controls*/
	.tankDisplay .viewport{ margin: auto; height: 100%; width:800px; overflow: hidden; position: relative; }
	.tankDisplay .buttons{ display: block; float: left; margin:94px 10px;}
	.tankDisplay .next{background:url("../images/arrowBtnRight.png"); height:40px; width:40px; float:right;}
	.tankDisplay .prev{background:url("../images/arrowBtnLeft.png"); height:40px; width:40px;}
	.tankDisplay .disable{ visibility: hidden; overflow:hidden;}
	.tankDisplay .overview{ list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
	.tankDisplay .overview li{margin:0;}

/* debugger */
	#debugBar{background:#eee; position:fixed; bottom:0px; width:960px; border-top: 1px solid #ccc; font-size:8pt;}
	.debugContainer:hover{overflow:visible;}
	.debugContainer{float:left; margin:0 10px;position:relative;overflow:hidden;}
	.debugPopup{position:absolute; bottom:16px; background:#eee; margin:0; left:-3px; border:1px solid #ccc; white-space:nowrap;}
	.debugPopup .cfdump_query{white-space: normal;}
	.cfdump_struct, .cfdump_query{clear:both;}