img {border:none;}
p {margin:1em 0;}

h2 {font-weight:bold; font-size:1.3em; color:#33455A; margin:0; padding:1.2em 0 .4em;}
hr {height:1px; color:#CCC; margin:0; padding:0;}
hr.dot {height:1px; color:#CCC; border-style:dashed; margin:10px 0 0; padding:0;}

#container {width:800px; padding:0 7px 0 10px; font-size:100%;}
#outageDetails {}
#columnLeft {width:205px; float:left; padding:0 22px 0 9px;}
#columnRight {width:550px; float:left;}

#columnLeft p {margin-top: 0;}

span.orange {font-weight:bold; color:#FF6600;}
span.orangeLg {font-size:1.3em; color:#FF6600; display:block; padding-bottom:0.4em;}

#mapLegend  {width:205px; margin:10px 1px 6px 2px;}
#mapLegend h2 {margin-bottom:10px; padding-top:0.2em; border-bottom:solid 1px #CCC;font-size:14px;}
#mapLegend td {font-weight:bold; font-size:1.1em; color:#33455A; margin:0; padding-bottom:10px;}
#googleMap  {padding-left:7px; margin-top:2em; background:url(images/bg-Map.jpg) no-repeat; position:relative;}
#outageContainer  {width:243px; height:267px; background:url(images/bg-MapDetails.jpg) repeat-y; position:absolute; left:-236px; bottom:4px; overflow:scroll;}
#outageContainer img  {display:block;}
* html #outageContainer  {left:-240px; top:135px;}

#outageDetails  {padding:19px 17px 8px 9px;}
#outageDetails div  {display:block;}
h3.substation {font-size:0.95em; color:#FF6600; margin:11px 0 5px; text-transform:uppercase;}

#tableContainer {position:relative;}
#print  {width:82px; height:14px; padding:4px 0 3px; position:absolute; top:-20px; right:0; background:#ccc; margin-bottom:-1px; text-align:center; text-transform:uppercase;}
#tableContainer table {width:790px; margin-left:7px;}
#tableContainer th  {font-size:1.0em; color:#333; text-align:left; vertical-align:bottom; text-transform:uppercase; padding:8px 10px; border-bottom:solid 1px #ccc;}
#tableContainer td  {font-size:1.0em; padding:0 10px 10px; color:#33455A;}

#tableContainer td.depot  {padding-top:15px;}
#tableContainer td span.district {text-transform:uppercase; color:#FF6600;}
#tableContainer td.blue  {color:#33455A;}

div#summary {padding-top:15px;}

/* Google Maps 
	 Prefix: nspigm_
*/
nspigm_introText {}

div#nspigm_map {
	width: 530px;
	height: 399px;
	border:1px solid #000;
	margin: 5px 0;
}

/* --------------------- new styles Sept 2010 ----------------------------- */

#container2010 {
  width: 865px;
  padding: 0;
}

#googleMap2010 {
  width: 100%;
  background: url(images/bg-Map.jpg) no-repeat;
}

#outageMap {
  width: 100%;
  height: 600px;
  border:1px solid #000;
	margin: 5px 0;
}

#addressSearch2010 {
  width: 100%;
  margin: 10px 1px 6px 2px;
}

#addressSearch2010 h2 {
  margin-bottom: 10px;
  padding-top: 0.6em;
  border-bottom: double 3px #ccc;
}

#mapLegend2010 {
  width: 100%;
  margin: 10px 1px 6px 2px;
}

#mapLegend2010 h2 {
  margin-bottom: 10px;
  padding-top: 0.6em;
  border-bottom: double 3px #ccc;
}

#mapLegend2010 p {
  font-weight: bold;
  font-size: 1.1em;
  color: #33455A;
  margin: 0;
  padding-bottom: 10px;
}

#mapLegend2010 p img {
  padding-left: 2em;
}

#mapLegend2010 p img.first {
  padding-left: 0;
}

#tableContainer2010 table {
  width: 100%;
}

#tableContainer2010 th {
  font-size:1.0em;
  color:#333;
  text-align:left;
  vertical-align:bottom;
  text-transform:uppercase;
  padding:8px 10px;
  border-top: double 3px #ccc;
  border-bottom: dotted 1px #ccc;
}

#tableContainer2010 td {
  font-size: 1em;
  padding :0 10px 10px;
  color: #33455A;
}

#tableContainer2010 td.depot {padding-top:15px;}
#tableContainer2010 td span.district {text-transform:uppercase; color:#FF6600;}
#tableContainer2010 td.blue {color:#33455A;}

div#summary2010 {
  border-top: double 3px #ccc;
  margin-top:2em;
  padding-top:2em;
}

.ztaHelp {
  font-style: italic;
  color: #999;
}