@charset "UTF-8";
/* CSS Document */

/*------------- GENERAL -------------*/

body {
	background: #FFFFFF url(images/topstretch2.gif) repeat-x center 0;
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666633;
	text-align: center; }

a, a:visited  {
	color: #000099; }
	a:hover {
		color: #CC0033; }

.red {
	color: #CC0000; }

.clear {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
	overflow: hidden; }

form {
	display: inline; }

#text_content {
	width: 600px; }
	
h3 {
	font-size: 17px;
	color: #999966; }
	
.hidden {
    display: none; }

.details {
	position: relative;
	height: 25px; }
	.details p {
		position: absolute;
		margin: 0;
		padding: 0; }
	.details .updated {
		top: 15px; }

/*------------- MASTER -------------*/

#wrapper {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; }

#header {
	height: 80px;
	background: url(images/outagewatch_header.jpg) no-repeat;
	margin-bottom: 15px; }
	#header h1 {
		margin: 0;
		padding: 0;
		font-size: 11px;
		text-indent: -9999px; }

/*------------- MAIN NAVIGATION -------------*/

#nav_main {
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
	overflow: hidden; }
	#nav_main li {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0; }
	#nav_main #view,
	#nav_main a {
		display: block;
		background-repeat: no-repeat;
		text-indent: -9999px;
		height: 25px; }
		#nav_main a:hover {
			background-position: 0 -25px; }
		#nav_main a.active {
			background-position: 0 -50px; }
	#nav_main #view {
		background-image: url(images/view.gif);
		width: 65px; }
	#nav_main #map_link a {
		background-image: url(images/map_view.gif);
		width: 95px; }
	#nav_main #city_link a {
		background-image: url(images/city_view.gif);
		width: 96px; }
	#nav_main #county_link a {
		background-image: url(images/county_view.gif);
		width: 117px; }
	#nav_main #report_link a {
		background-image: url(images/report_view.gif);
		width: 229px; }

/*------------- MAP -------------*/

#map { }
	#map #left {
		float: left;
		width: 600px;
		height: 550px;
		position: relative;
		border: 1px solid #CCCC99; }
	#map #right {
		float: right;
		width: 168px; }

#image0, #image1, #image2, #image3, #image4, #image5, #imgMEC {
	position: absolute;
	width: 600px;
	height: 550px; }
	#image0 {
		z-index: 131; }
	#image1 {
		z-index: 135; }
	#image2 {
		z-index: 132; }
	#image3 {
		z-index: 130; }
	#image4 {
		z-index: 136; }
	#image5 {
		z-index: 136; }
	#imgMEC {
		z-index: 100; }

#imgcb, #imgdm, #imgfd, #imgic, #imgqca, #imgqcl, #imgsc, #imgwa {
	position: absolute;
	width: 15px;
	height: 15px; }
	#imgcb {
		top: 305px;
		left: 136px;
		z-index: 142; }
	#imgdm {
		top: 276px;
		left: 301px;
		z-index: 143; }
	#imgfd {
		top: 213px;
		left: 262px;
		z-index: 144; }
	#imgic {
		top: 280px;
		left: 434px;
		z-index: 145; }
	#imgqca {
		top: 269px;
		left: 514px;
		z-index: 146; }
	#imgqcl {
		top: 288px;
		left: 514px;
		z-index: 146; }
	#imgsc {
		top: 218px;
		left: 108px;
		z-index: 147; }
	#imgwa {
		top: 217px;
		left: 386px;
		z-index: 148; }

#outages {
	padding: 47px 0 10px 12px;
	background: url(images/affectedcustomers_bg.jpg) no-repeat;
	font-size: 9px; }
	#outages #ctl00_ContentPlaceHolder1_dgMetro {
		width: 135px; }
		#outages #ctl00_ContentPlaceHolder1_dgMetro td {
			padding: 1px 0; }

#mapcontrol {
	padding: 35px 0 10px 12px;
	height: 104px;
	background: url(images/mapcontrol_bg.jpg) no-repeat; }
	#mapcontrol table {
		width: 115px; }
		#mapcontrol table td {
			padding: 1px 0; }
	#mapcontrol input {
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size : 9px;
		color : #666633;
		border: none;
		background-color: Transparent;
		padding: 0;
		margin: 0;
		height: 14px; }

#map {
	background: transparent url(images/shadow.gif) repeat-y 602px 0; }

#affecting {
	padding-left: 12px;
	font-size: 10px; }
	#affecting table {
		margin: 5px 0 20px 0; }
		#affecting table td {
			padding: 0 5px 10px 0;
			vertical-align: top; }

.error {
	position:absolute;
	z-index: 200;
	top: 10px;
	left: 10px;
	width: 320px;
	border: none;
	padding: 3px 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #CC0000; }

.time {
	position:absolute;
	z-index: 200;
	top: 10px;
	left: 370px;
	width: 200px;
	visibility: hidden;
	border: none;
	padding: 3px 10px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-bottom-style:inset;
	text-align:center;  /* added 2009/07/29 */
	font-weight:bold;  /* added 2009/07/29 */
/*	background-color: #666633; } */
	background-color: transparent; }   /* added 2009/07/29 */

.tbldate {
	display: none; }

#divCouncilBluffs, #divDesMoines, #divFortDodge, #divIowaCity, #divIowaQC, #divIllinoisQC, #divSiouxCity, #divWaterloo {
	visibility: hidden;
	position: absolute;
	z-index: 300; }
	#divCouncilBluffs table, #divDesMoines table, #divFortDodge table, #divIowaCity table, #divIowaQC table, #divIllinoisQC table, #divSiouxCity table, #divWaterloo table {
	    font-size: 10px;
	    border: 1px solid #666634;
	    background-color: #F2F2D5; }
	#divCouncilBluffs td, #divDesMoines td, #divFortDodge td, #divIowaCity td, #divIowaQC td, #divIllinoisQC td, #divSiouxCity td, #divWaterloo td {
		padding: 1px 5px; }
	#divCouncilBluffs {
		top: 325px;
		left: 63px; } 
	#divDesMoines {
		top: 296px;
		left: 228px; } 
	#divFortDodge {
		top: 233px;
		left: 189px; }
	#divIowaCity {
		top: 300px;
		left: 361px; }
	#divIowaQC {
		top: 289px;
		left: 441px; }
	#divIllinoisQC {
		top: 308px;
		left: 441px; }
	#divSiouxCity {
		top: 238px;
		left: 35px; }
	#divWaterloo {
		top: 237px;
		left: 313px; }

#footer {
	text-align: center;
	padding: 15px 0; }
	#footer span {
		display: block;
		line-height: 18px; }
	#footer #copyright {
		font-size: 9px; }

/*------------- CITY & COUNTY -------------*/

.tblOutages {
	width: 602px;
	border-top: 1px solid #999966;	
	border-left: 1px solid #999966; }
	.tblOutages td {
		padding: 3px 10px; }

.tblTotals {
	width: 602px;
	border-top: 1px solid #FFFFFF;	
	border-left: 1px solid #FFFFFF;
	font-weight: bold;
	margin-bottom: 20px; }
	.tblTotals td {
		padding: 3px 10px;
		border-bottom: 1px solid #FFFFFF;	
		border-right: 1px solid #FFFFFF; }

.bottom_border  {
	border-bottom: 1px solid #999966;	
	border-right: 1px solid #999966; }

.right_align {
	text-align: right;
	border-bottom: 1px solid #999966;
	border-right: 1px solid #999966; }

.right_align_bold {
	text-align: right;
	font-weight: bold; }

td.padleft  {
	padding-left: 10px; }

td.tblheader {
	font-weight: bold;
	color: #000099;
	background-color: #CCCC99;
	border-right: 1px solid #999966;
	border-bottom: 1px solid #999966; }		

tr.odd {
	background-color: #FFFFFF; }

tr.even {
	background-color: #EEEECC; }