/*****************************************************/
/* Grid New Zealand 2007 - W3C Compliant Style Sheet */
/*****************************************************/

html,
body
{
margin:0px;
padding:0px;
border:0px;
}

body
{
font-family:verdana, arial, sans-serif;
color:#333;
font-size:11px;
background-color:#eeeeee;
}

/* Wild card setting to remove all margins and padding from all elements */
/* --------------------------------------------------------------------- */

*
{
margin:0px;
padding:0px;
border:0px;
}

.hidden
{
visibility: hidden;
}

div.clear
{
content: ".";
display: block;
height: 0;
line-height: 0px;
clear: both;
visibility: hidden;
overflow: hidden;
margin: 0px;
}

.align-right
{
text-align: right;
}

td.no-border
{
	border: 0px !important;
}

label,
input.checkbox
{
	cursor: pointer;
	border: 0px !important;
}

/******************/
/* Page Structure */
/******************/

div#pageCenter
{
margin:0px auto 40px auto;
width:978px;
background-image:url(../../images/transpower/background-page.gif);
background-position:center 0px;
background-repeat:repeat-y;
padding: 0px;
}

div#pageCenterInner
{
margin:0px 10px;
padding:0px;
width: 958px;
}

/* Utility Links */
/* ------------- */

div#utilityTop
{
height:35px;
text-align:right;
font-size:92%;
}

div#utilityLinks
{
padding: 15px 12px 0px 8px;
color:#666666;
}

div#utilityLinks a:link,
div#utilityLinks a:visited,
div#utilityLinks a:active
{
color:#666666;
text-decoration:none;
}

div#utilityLinks a:hover
{
text-decoration:none;
color:#0088CE;
}

/* Search and Image Page Banner */
/* ---------------------------- */

div#searchBanner
{
height:23px;
}

div#searchBanInner
{
background-color:#00aeef;
height:22px;
margin:0 0 4px 0;
}

div#searchBanInner img
{
height:22px;
}

div#searchBanInner span#gridNZHolder img
{
border-left:solid 3px #ffffff;
}

div#bannerSearch
{
float:right;
font-size:92%;
margin: 0;
position: relative;
width: 220px;
height: 22px;
}

div#bannerSearch form#bannerSearchTxt input.textbox
{
height:14px;
width:143px;
vertical-align:baseline;
border:solid 1px #cccccc;
color:#666666;
font-family:verdana, arial, sans-serif;
padding:1px;
position: absolute;
top: 2px;
left: 0px;
}

div#bannerSearch form#bannerSearchTxt input.searchButton
{
border:none;
margin:0px;
padding: 1px 0px;
background:transparent;
width:53px;
height:13px;
font-family:verdana, arial, sans-serif;
color:#fff;
background-image:url(../../images/transpower/button-search.gif);
background-repeat: no-repeat;
background-position: right bottom;
position: absolute;
top: 5px;
left: 157px;
cursor:pointer;
}

div#bannerSearch form#bannerSearchTxt input.searchButton:hover
{
text-decoration:none;
}

div#homepage-outages a,
div#homepage-subscribe a
{
float: right;
height: 13px;
}

div#homepage-outages a span,
div#homepage-subscribe a span
{
display: none;
}

div#homepage-outages a
{
width: 97px;
}

div#imageBanner
{
height:117px;
}

div#imageBanner img
{
height:111px;
width:958px;
margin:3px 0;
}

body.home div#imageBanner
{
height:138px;
}

body.home div#imageBanner img
{
height:131px;
}


/* Footer Navigation */
/* ----------------- */

div#footer
{
background-image:url(../../images/transpower/background-bottom.gif);
background-position:center 0px;
background-repeat:no-repeat;
margin:0px auto;
width:978px;
height: 90px;
padding: 0px 0px;
}

body.home div#footer
{
background-image:url(../../images/transpower/background-home-bottom.gif);
}

div#utilityFooter
{
clear:both;
height:20px;
line-height:20px;
color:#666666;
font-size:92%;
padding:8px 10px;
text-align: right;
margin:0px 10px;
width:938px;
background-image:url(../../images/transpower/background-footer.gif);
background-position: left top;
background-repeat: no-repeat;
}

body.home div#utilityFooter
{
background-image:url(../../images/transpower/background-footer-home.gif);
}

div.single-column div#utilityFooter
{
background-image:url(../../images/transpower/background-footer-noadditional.gif);
}

div#utilityFooter a:link,
div#utilityFooter a:visited,
div#utilityFooter a:active
{
color:#666666;
}

div#utilityFooter a:hover
{
text-decoration:none;
color:#0088CE;
}

div#utilityFooter div#copyRight
{
float:right;
}


/*******************/
/* Common Elements */
/*******************/

h1
{
font-size:24px;
font-weight:normal;
margin:0 0 0.4em 0;
color: #748a96;
text-transform: uppercase;
}

h2
{
font-size:15px;
margin:0 0 0.5em 0;
color: #333;
border-bottom: 1px solid #00aeef;
padding-bottom: 2px;
}

h2#news
{
border-bottom: 0px;
text-transform: uppercase;
}

h3,
h4
{
font-size:108%;
margin:0 0 0.8em 0;
line-height:1.4em;
color: #333;
}

h5
{
font-size:100%;
margin:0.2em 0 0.2em 0;
line-height:1.4em;
color: #333;
}

p
{
margin:0 0 0.8em 0;
padding:0px;
line-height:1.46em;
}

p *
{
vertical-align: bottom;
}

table p
{
	margin: 0px 0px;
}

div.divider
{
clear:both;
border-bottom:solid 1px #beccd3;
height:0px;
line-height:0px;
margin:12px 0;
}

div.docDownload a:hover img
{
text-decoration:none;
}

div.docDownload p
{
color:#666666;
margin-left:20px;
}

div.docDownload img
{
float:left;
}

ul.bookmarkList
{

}

div.bookmarkListHorizontally
{
	margin-bottom: 10px;
	color: #ccc;
}

div.backToTop
{
text-align:right;
}

a,
a:link,
a:visited,
a:active
{
text-decoration:none;
color:#0088CE;
}

a:hover
{
text-decoration:underline;
color:#0088CE;
}

img
{
margin:0px;
padding:0px;
border:0px;
}

div.imageLeft
{
float:left;
margin:4px 7px 6px 0;
padding:0 9px 0 0;
border-right:solid 1px #cccccc;
}

div.imageLeftNoBorder
{
float:left;
margin:4px 0px 6px 0px;
}

div.imageRight
{
float:right;
margin:4px 0 6px 7px;
padding:0 0 0 9px;
border-left:solid 1px #cccccc;
}

div.imageRightNoBorder
{
float:right;
margin:4px 0px 6px 0px;
}

div.imageRight span.imageCaption
{
text-align:right;
}

div.imageLeft span.imageCaption,
div.imageLeftNoBorder span.imageCaption,
div.imageRight span.imageCaption,
div.imageRightNoBorder span.imageCaption,
div.imageTop span.imageCaption,
div.imageTopNoBorder span.imageCaption
{
display:block;
margin:3px 0 0 0;
font-style:italic;
}

div.pullQuote
{
margin:0 26px 1em 26px;
}

div.pullQuote p
{
font-style:italic;
}

div.pullQuote p span
{
font-style:normal;
font-size:92%;
}

ul,
ol
{
margin:0 0 0.8em 0;
padding:0px;
}

li
{
margin:0.2em 0 0.2em 3em;
padding:0px;
line-height:1.46em;
list-style-type: square;
}

table
{
border-collapse:collapse;
margin:0 0 0.8em 0;
width:100%;
}

div.table-wrapper-narrow table
{
width: auto;
}

table tr th,
table tr td{
padding: 4px 4px 4px 7px;
font-size: 1.0em;
}


table tr th
{
background-color:#8b9faa;
border-bottom:solid 1px #beccd3;
vertical-align:top;
font-weight: bold;
color: #fff;
text-align: left;
}

table tr td
{
border-bottom:solid 1px #beccd3;
vertical-align:middle;
}

table tr td.number,
table tr th.number
{
padding-right:5px;
text-align:left;
}

table tr td a
{
font-size: 1.0em;
}

table tr th a:link,
table tr th a:visited,
table tr th a:hover,
table tr th a:active
{
color: #fff;
}

table caption
{
font-weight: bold;
text-align: left;
font-size: 1.1em;
padding-bottom: 4px;
}

form
{
margin:0px;
padding:0px;
border:0px;
font-family:verdana, sans-serif;
}

form input,
form select,
form textarea
{
font-family:verdana, sans-serif;
font-size:92%;
border:solid 1px #cccccc;
}

form input.textbox {
  padding: 2px;
  width: 160px;
}

form input.textbox-readonly {
  padding: 2px;
  width: 160px;
  background-color: #ddd;
}

form input.checkbox {
  border: 0px;
}

form input.radio {
  border: 0px;
}

.highlight {
  background-color:#FFFF99;
}

.jargonHighlight {
  z-index: 100;
}

.jargonPopUp {
  font-weight: normal;
  font-style: normal;
  border: 1px solid #cccccc;
  width: 150px;
  padding: 8px 8px 2px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 101;
  cursor: pointer;
  font-size: 10px;
  line-height: 14px;
  background-color: #e1f4fd;
}

a:hover .highlight {
  text-decoration:underline;
}

.bold {
  font-weight:bold;
}

.uppercase {
  text-transform:uppercase;
}

.txtLeft {
  text-align:left;
}

.txtRight {
  text-align:right;
}

.txtCenter {
  text-align:center;
}

.clearBothEmpty {
  overflow:hidden;
  clear:both;
  height:0;
  margin:0;
  line-height: 0;
}

.hideFromView {
  display:none;
  height:0px;
  line-height:0px;
}

/******************************************************/
/* Home Page Structure and Home Page Template Styling */
/******************************************************/

div#mainContentHome {
  padding:15px 0 0 0;
  margin:0 0 24px 0;
}

div#contentInnerHome {
  position:relative;
}

/* Main Home Page Content */
/* ---------------------- */

div#homeMainContent {
  margin:0 356px 0 0;
}

div#homeMainContInner {
  min-height:440px;
}

div#homeMainContent h1 {
  margin-left:12px;
}

div#homepage-content-banner,
div#homepage-content-banner-emergency {
  margin-top: 3px;
  height: 95px;
  background-repeat: no-repeat;
  position: relative;
  font-size: 10px;
  z-index: 1;
}

div#homepage-content-banner {
  background-image: url(../../images/transpower/homepage-content-banner.gif);
}

div#homepage-content-banner-emergency {
  background-image: url(../../images/transpower/homepage-content-banner-emergency.gif);
}

div#homepage-content-banner a#homepage-content-banner-so-link,
div#homepage-content-banner-emergency a#homepage-content-banner-so-link {
  position: absolute;
  left: 793px;
  top: 30px;
}

div#homepage-content-banner a#homepage-content-banner-gnz-link,
div#homepage-content-banner-emergency a#homepage-content-banner-gnz-link {
  position: absolute;
  left: 793px;
  top: 72px;
}

div#emergency-popup{
  background-image: url(../../images/transpower/emergency-banner.gif);
  background-repeat: no-repeat;
  background-position: 0 41px;
  background-color: #fff;
  width: 525px;
  position: absolute;
  top: 140px;
  left: 50%;
  margin-left: -282px;
  padding: 90px 20px 40px;
  border: 3px solid #777;
  display: none;
  text-align: left;
}

div#emergency-popup img#button-emergency-close {
  bottom:10px;
  position:absolute;
  right:20px;
}

div#contractors-external-links {
  position: relative;
  height: 155px;
}

div#contractors-external-links a#homepage-content-banner-so-link {
  position: absolute;
  left: -9px;
  top: -12px;
}

div#contractors-external-links a#homepage-content-banner-gnz-link {
  position: absolute;
  left: -9px;
  top: 68px;
}

div#additional-column div#homepage-login{
  background-color:Transparent;
  background-image:none;
  position:static;
  line-height:17px;
  border-bottom:1px solid #BECCD3;
  margin-bottom:10px;
  padding-bottom:10px;
  width:170px;
}

div#additional-column div#homepage-login input.submit-button {
  margin:10px 0px;
}


/* Home Intro */

div#homeIntro {
  padding:0 0 10px 12px;
  font-size:110%;
}

/* Home News Section */

div#homeNews {
  padding:10px 0 10px 12px;
}

div#homeCols p {
  margin:0 0 0.3em 0;
}

div#homeNews div#homeLeftCol {}

div#homeNews div#homeRightCol {
  float:right;
}

div#homeNews div.newsArticle {
  width:194px;
}

div#homeNews div.newsArticle img {
  max-width:194px;
  margin:2px 0;
}

/************************************/
/* General Content Template Styling */
/************************************/

div#content-wrapper {
  background-image:url(../../images/transpower/background-content.gif);
  background-repeat: repeat-y;
  padding: 0px 0px;
}

div.single-column div#content-wrapper {
  background-image:url(../../images/transpower/background-content-noadditional.gif);
}

div#menu-column,
div#content-column,
div#additional-column,
div#content-column-customer {
  float: left;
}

div#menu-column {
  width: 198px;
}

div#content-column {
  width: 508px;
  padding: 10px 25px;
}

div#content-column-customer {
  width: 758px;
  padding: 10px 0px 0px;
  border-left: 1px solid #ccc;
}

div#additional-column {
  width: 182px;
  padding: 10px 9px 10px 10px;
}

div.additional-content-caption {
  margin-top: 8px;
  font-style: italic;
}

div.left-column {
  float:left;
  width:240px;
}

div.right-column {
  float:right;
  width:240px;
}

div.single-column div#content-column {
  width: 708px;
  border-left: 1px solid #ccc;
}

div.single-column div.left-column
{
float:left;
width:340px;
}

div.single-column div.right-column
{
float:right;
width:340px;
}

div#homepage-content-wrapper
{
background-image:url(../../images/transpower/background-content-home.gif);
padding: 0px 0px;

}

div#homepage-notice-column,
div#homepage-additional-column,
div#homepage-content-column
{
float:left;
}

div#homepage-content-column
{
width: 567px;
padding: 0px;
}

div#homepage-notice-column
{
width: 179px;
margin: 10px 7px 10px 3px;
}

div#homepage-notice-column img
{
padding:0px 10px;
display:block;
margin: 0px auto;
max-width:154px;
}

div#homepage-notice-column div p
{
padding: 3px 10px;
}

div#homepage-notice-column div.red h3
{
background-color:#e08320;
}

div#homepage-notice-column div.green h3
{
background-color:#86c751;
}

div#homepage-notice-column div.grey h3
{
background-color:#6f838c;
}

div#homepage-notice-column div.red h3,
div#homepage-notice-column div.green h3,
div#homepage-notice-column div.grey h3
{
color: #fff;
padding: 3px 8px;
}

div#homepage-notice-column div.red
{
background-color:#faebdb;
}

div#homepage-notice-column div.green
{
background-color:#cde8b7;
}

div#homepage-notice-column div.grey
{
background-color:#c4ccd0;
}

div#homepage-notice-column div.red,
div#homepage-notice-column div.green,
div#homepage-notice-column div.grey
{
padding-bottom: 1px;
margin-bottom: 8px;
}

div#homepage-notice-column div.red ul li,
div#homepage-notice-column div.green ul li,
div#homepage-notice-column div.grey ul li
{
list-style:none none outside;
margin: 2px 0;
padding: 3px 10px;
}

div#homepage-notice-column div.red ul li
{
border-top:1px solid #faebdb;
}

div#homepage-notice-column div.green ul li
{
border-top:1px solid #cde8b7;
}

div#homepage-notice-column div.grey ul li
{
border-top:1px solid #6f838c;
}

div#homepage-notice-column div.red ul li.first,
div#homepage-notice-column div.green ul li.first,
div#homepage-notice-column div.grey ul li.first
{
border-top:0px solid #6f838c;
}

div.homepage-notices div
{
margin: 0px;
}

div.homepage-notices a,
div.homepage-notices a:link,
div.homepage-notices a:visited,
div.homepage-notices a:hover,
div.homepage-notices a:active {
  color: #333;
}

div.homepage-notices div.link-green a,
div.homepage-notices div.link-red a,
div.homepage-notices div.link-grey a {
  padding: 3px 3px 7px;
  display: block;
}

div.homepage-notices div.link-green a,
div.homepage-notices div.link-red a,
div.homepage-notices div.link-grey a {
  background-repeat: no-repeat;
  background-position: right center;
  width: 100px;
  height: 13px;
}

div.homepage-notices div.link-green a,
div.homepage-notices div.link-red a,
div.homepage-notices div.link-grey a {
  width: 97px;
  margin-left: 70px;
}

div.homepage-notices div.link-green a {
  background-image:url(../../images/transpower/button-green-find-out-more.gif);
}

div.homepage-notices div.link-red a {
  background-image:url(../../images/transpower/button-orange-find-out-more.gif);
}

div.homepage-notices div.link-grey a {
  background-image:url(../../images/transpower/button-grey-find-out-more.gif);
}

div.homepage-notices a span {
  display: none;
}

div#homepage-additional-column {
  width: 200px;
  margin: 0;
}

div#homepage-intro-text {
  padding: 15px 25px 10px 60px;
  font-size: 1.1em;
}

div#homepage-intro-text ul li {
  margin:0.2em 0 0.2em 1.2em;
}

div#homepage-intro-text p {
  line-height: 1.7em;
}

div#homepage-news
{
padding: 15px 25px 0px 60px;
background-image:url(../../images/transpower/background-home-news.gif);
background-repeat: no-repeat;
}

div#homepage-news-left
{
	float: left;
	width: 225px;
}

div#homepage-news-right
{
	float: right;
	width: 225px;
}

div#homepage-news h5 {
color:#0088CE;
font-weight:normal;
}

div#homepage-login * {
  vertical-align: middle;
}

div#homepage-login input.textbox-password,
div#homepage-login input.textbox-email {
  margin: 2px 0px 3px 0px;
  padding: 4px;
  background-repeat: no-repeat;
  background-position: 6px 5px;
}

div#homepage-login input.textbox-password {
  width: 95px;
  background-image:url(../../images/transpower/homepage-password-background.gif);
}

div#homepage-login input.textbox-email {
  width: 176px;
  background-image:url(../../images/transpower/homepage-email-background.gif);
}

div#homepage-login p {
  margin: 0px;
}

div#homepage-login input.submit-button {
  width: 77px;
  height: 21px;
  background-color: Transparent;
  border: 0px;
  color: #0088CE;
  cursor: pointer;
  background-image:url(../../images/transpower/homepage-button-login.gif);
  background-repeat: no-repeat;
  padding: 1px 0px 0px 2px;
  margin: 0;
}

div#homepage-login {
  position: absolute;
  right: 0px;
  top: 1px;
  width: 193px;
  padding:3px 3px 5px 7px;
  background-color: #fff;
  background-image:url(../../images/transpower/homepage-login-background.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
}

div#homepage-subscribe {
  border-bottom:  1px solid #beccd3;
  padding-bottom: 10px;
  margin: 10px;
}

div#homepage-outages {
  margin: 10px;
}

div#homepage-outages a,
div#homepage-subscribe a {
  float: right;
  background-repeat: no-repeat;
  background-position: right center;
  height: 13px;
}

div#homepage-outages a span,
div#homepage-subscribe a span {
  display: none;
}

div#homepage-outages a
{
background-image:url(../../images/transpower/button-find-out-more.gif);
width: 97px;
}

div#homepage-subscribe a
{
background-image:url(../../images/transpower/button-subscribe-now.gif);
width: 98px;
}

/* 3 Column Structure */
/* ------------------ */

div#mainContent
{

}

div#contentInner
{
float:left;
width:405px;
border-left:187px solid #ffffcc;
border-right:196px solid #ffffff;
margin:0 0 24px 0;
z-index:1;
}

div#contentInner:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#breadcrumbs
{
font-size:92%;
z-index:5;
color:#666666;
height:31px;
line-height:28px;
min-width:187px;
white-space:nowrap;
overflow:hidden;
padding:0 0 0 23px;
margin:0px;
background-image:url(../../images/transpower/background-breadcrumbs.gif);
background-position: left bottom;
background-repeat: no-repeat;
}

div.single-column div#breadcrumbs
{
	background-image:url(../../images/transpower/background-breadcrumbs-noadditional.gif);
}

div#breadcrumbs a:link,
div#breadcrumbs a:visited,
div#breadcrumbs a:active
{
color:#666666;
}

div#breadcrumbs a:hover
{
text-decoration:none;
color:#00aeef;
}

/* Left Column and Styling */
/* ----------------------- */

div#leftColumn
{
float:left;
width:187px;
margin-left:-187px;
z-index:1;
padding:0px;
}

div#menu-column
{
margin:0px;
padding:0 0 1em 0;
}

div#menu-column div.sectionHeading
{
padding:0px;
text-transform:uppercase;
color:#333333;
font-weight:bold;
font-size:92%;
height:20px;
line-height:20px;
white-space:nowrap;
overflow:hidden;
width: 100%;
}

div#menu-column ul
{
list-style-type:none;
margin:0 0 2.6em 0;
}

div#menu-column ul li
{
padding:0.85em 0 0.85em 20px;
line-height:1.2em;
margin:0px;
text-indent:-0.82em;
border-bottom:solid 1px #beccd3;
list-style-type: none;
}

div#menu-column ul li a:link,
div#menu-column ul li a:visited,
div#menu-column ul li a:active
{
color:#333;
}

div#menu-column ul li a:hover
{
color:#00aeef;
text-decoration:none;
}

/* Sub-Navigation */
/* -------------- */

div#menu-column div#subNavigation ul
{
margin:0 0 2.6em 0;
}

div#menu-column div#subNavigation ul li.active a,
div#menu-column div#subNavigation ul li a.active
{
font-weight:bold;
}

div#menu-column div#subNavigation ul li.active  ul li a
{
font-weight:normal;
}

div#menu-column div#subNavigation ul li
{
border-bottom:solid 1px #beccd3;
padding:0.85em 0 0.85em 20px;
}

div#menu-column div#subNavigation ul li ul
{
margin:0px;
}

div#menu-column div#subNavigation ul li ul li
{
border-bottom:solid 0px #eee9c3;
padding:0.6em 12px 0 12px;
}

/* Jargon Buster */

li#jBusterListItem
{
vertical-align: middle;
}

li#jBusterListItem span.jBPadding
{
font-size:6px;
vertical-align:middle;
}

li#jBusterListItem input
{
vertical-align:text-bottom;
margin:0px;
padding:0px;
border:none;
vertical-align:middle;
}

div#menu-column ul li#jBusterListItem label
{
padding:0px;
margin:0px;
vertical-align:middle;
}

/* Glossary */

dt
{
font-weight: bold;
margin: 0.6em 0 0 0;
color: #333;
}

dd
{
margin: 0.2em 0 2em 0;
}

div.backToTop *
{
	vertical-align: middle;
}

div.backToTop a
{
	float: right;
}

div.backToTop h3
{
	float: left;
	width: 300px;
}

/* Center Column and Styling */
/* ------------------------- */

div#centerColumn
{
float:left;
width:405px;
margin-right:-405px;
z-index:1;
overflow: hidden;
}

div#centerColInner
{
margin:0px 9px;
}

div#centerColInner ul,
div#centerColInner ol
{
display:inline-block;
}

/* Right Column and Styling */
/* ------------------------ */

div#rightColumn
{
float:right;
position:relative;
top:-28px;
width:196px;
margin-right:-196px;
border-left:solid 1px #cccccc;
}

div#rightColInner
{
width:177px;
margin:28px 9px 0px 9px;
}

div#rightColInner *
{
max-width:177px;
}

div#rightColInner img
{
max-width:177px;
margin:0 0 0.8em 0;
padding:0px;
border:none;
}

div.imgWrapper
{
width:182px;
overflow:hidden;
margin-bottom: 10px;
}

div.imgWrapper img
{
border: 1px solid #54AFC2;
}

div#rightColInner p
{
text-align:left;
margin:0 0 0.8em 0;
padding:0px;
font-style:italic;
}

div.boxedContent
{
border:solid 1px #e0e0e0;
padding:0 0 10px 0;
}

div.boxedContent h4
{
background-color:#e0e0e0;
padding:3px 5px;
font-size:92%;
}

div#additional-column div.boxedContent p
{
padding: 2px 5px;
line-height:1.3em;
font-style:normal;
margin:0px;
}


/*****************************************************/
/* General Content 2-Column Layout Over-Ride Styling */
/*****************************************************/

div#contentInnerWide {
  float:left;
  width:601px;
  border-left:187px solid #ffffcc;
  margin:0 0 24px 0;
}

div#contentInnerWide:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

div#contentInnerWide div#centerColumn {
  float:left;
  width:601px;
  margin-right:-601px;
  z-index:1;
}

div#contentInnerWide div#rightColumn {
  display:none;
}

/* Results Area */
/* ------------ */

div.pagingDiv {
  height:1.4em;
  float:right;
  padding-top:4px;
}

div.searchPageNo {}

div.searchPageLinks {
  float:right;
}

div.searchResult {
  margin:0.6em 0 1.6em 0;
}

div#rightColInner div.searchResult,
div#rightColInner div.searchResult p {
  font-style:normal;
  margin:0px;
}

p.projResHeading {
  font-weight:bold;
  margin:1.4em 0 0 0;
}

/*********************************/
/* Subscription Template Styling */
/*********************************/

form#existingSubscribers input.textbox {
  width: 175px;
}

div#subscribeInfo {
  background-color: #EAF7FE;
  color: #000000;
  margin: 0px 0px 20px 0px;
  padding: 10px 15px 1px 15px;
}

p#note {
  font-weight: bold;
  border-bottom: 1px solid #CCCCCC;
  padding: 0px 0px 8px 0px;
  min-height:1px; height:auto; /* IE 7 disappearing text bug fix */
}

div#subscription {
  float:left;
  width:383px;
  margin:12px 0 0 0;
}

div#existingSubArea {
  margin-top: 35px;
}

div#exSubAreaInner {}

div#exSubAreaInner p {
  line-height:1.46em;
}

div#exSubAreaInner p.introTxt {
  margin: 10px 0 22px 0;
}

div#subscription form input {
  font-family:verdana, arial, sans-serif;
  font-weight:normal;
  color:#666666;
  padding:0.24em 0;
  width:165px;
  height:1.8em;
  border:inset 2px #dddddd;
  overflow:hidden;
  margin:0px;
  padding:0px;
  }

div#exSubAreaInner form input#checkSub {
  color:#ffffff;
  font-size:100%;
  line-height:1.2em;
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
  font-weight:bold;
  margin:10px 0 0 1px;
  padding:0.32em 0;
  border:none;
  min-height:1px; height:auto; /* IE 7 disappearing text bug fix */
}

div#exSubAreaInner form input#checkSub:hover {
  cursor:pointer;
}

div#newSubArea {
  background-color:#F0F0F0;
  color:#333333;
  padding:15px;
}

div#newSubArea form p {
  line-height:1.8em;
}

div#newSubArea form ul#subOptions {
  list-style-type:none;
  margin:1em 0;
}

div#newSubArea form ul#subOptions li {
  margin:0 0 0.4em 0;
  padding:0 0 0 1.8em;
  text-indent:-1.68em;
  vertical-align:middle;
}

div#newSubArea form ul#subOptions li ul {
  list-style-type:none;
  margin:1em 0;
}

div#newSubArea form ul#subOptions li ul li {
  margin:0 0 0.4em 0;
}

div#newSubArea form ul#subOptions input {
  width:1.36em;
  padding:0px;
  margin:0px;
  vertical-align:middle;
  border:none;
}

div#newSubArea form ul li a.expColSel img {
  vertical-align:text-bottom;
}

div#newSubArea form ul li a.expColSel:hover img {
  text-decoration:none;
}

div#newSubArea form p#subInstr {
  margin-top:2em;
}

p#subSubmitBtns {
  height:30px;
  margin:20px 0 0 0;
}

div#newSubArea form input#subscrSub,
div#newSubArea form input#subClear,
div#newSubArea form input#subSelAll {
  color:#ffffff;
  font-size:100%;
  line-height:1.2em;
  font-family:verdana, arial, sans-serif;
  text-decoration:none;
  font-weight:bold;
  margin:0 12px 0 0;
  padding:0.32em 0;
  border:none;
  min-height:1px; height:auto; /* IE 7 disappearing text bug fix */
}

div#newSubArea form input.textbox {
  width: 240px;
  padding: 3px;
}

div#newSubArea form input#subClear {
  float:left;
}

div#newSubArea form input#subSelAll {
  float: left;
}

div#newSubArea form input#subscrSub {
  float:right;
}

div#newSubArea form input#subscrSub:hover,
div#newSubArea form input#subClear:hover,
div#newSubArea form input#subSelAll:hover {
  cursor:pointer;
}

input#subscrSub {
  border: 0px;
}

div.form-intro {
  background-color:#EAF7FE;
  margin-bottom:10px;
  padding:10px 10px 4px;
}


div#newSubArea div.col1 {
  float: left;
  width: 200px;
}

div#newSubArea div.col2 {
  float: right;
  width: 250px;
}

div#subscribeAreas {
  left: 0px;
  top: 0px;
}

div#subscribeAreas ul {
  padding: 0px;
  list-style-type: none;
  margin: 0px;
}

div#subscribeAreas ul li {
  margin: 0px;
  padding: 4px 0px;
  border-top: 1px solid #cccccc;
  list-style-type: none;
  position:relative;
}

div#subscribeAreas ul li ul {
  margin: 0px;
  margin-left: 10px;
  border: none;
  padding: 0px;
}

div#subscribeAreas ul li ul li {
  border: none;
  padding: 4px 0px 0px 0px;
}

div#subscribeAreas li.noBorder {
  border-top: none;
}

div#subscribeAreas ul img {
  cursor: pointer;
  position: absolute;
  left: 300px;
  top: 10px;
}

div#subscribeAreas ul li div.left {
  margin-right: 200px;
}

/**********************************************/
/* Contact Us / Form Element Template Styling */
/**********************************************/

div#form-wrapper {
/*width has been applied to fix ie6 and ie7 issue related to the background color*/
  width:488px;
  overflow:hidden;
  margin:20px 0px;
  background-color: #f0f0f0;
  padding:10px 10px 10px;
}

div#form-wrapper form div.question {
  margin:0 0 18px 0;
}

div#form-wrapper form div.question p {
  margin:0 0 5px 0;
  line-height:1.2em;
  vertical-align:middle;
}

div#form-wrapper form div.question span {
  vertical-align:middle;
}

div#form-wrapper form div.question hr
{
height:1px;
border:none;
border-top:solid 1px #cccccc;
}

div#form-wrapper form input
{
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:auto;
border:none;
overflow:hidden;
margin:0px;
padding:0px;
vertical-align:middle;
}

div#form-wrapper form div.timefield select,
div#form-wrapper form div.datefield select
{
width: 57px;
}

div#form-wrapper form select
{
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:98%;
height: auto;
overflow:hidden;
margin:0px;
padding:2px;
vertical-align:middle;
}

div#form-wrapper form input.textbox
{
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:98%;
height: auto;
border:solid 1px #999;
overflow:hidden;
margin:0px;
padding: 2px;
}

div#form-wrapper form input.fileUpload
{
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width: 98%;
height:auto;
border:solid 1px #999;
overflow:hidden;
margin:0px;
padding:2px;
}

div#form-wrapper form textarea
{
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width: 98%;
height:60px;
border:solid 1px #999;
overflow:auto;
margin:0px;
padding:2px;
}

div#form-wrapper form select.multipleSelect
{
height:auto;
border:inset 2px #dddddd;
}

div#form-wrapper form table.radioBlockSubQuestions
{
width:100%;
border-collapse:collapse;
table-layout:fixed;
margin:0px;
padding:0px;

}

div#form-wrapper form table.radioBlockSubQuestions tr td.subQuestion
{
width:30%;
}

div#form-wrapper input.formButton
{
background-color:transparent;
background-repeat:no-repeat;
border:0 none;
color:#0088CE;
cursor:pointer;
height:17px;
margin-right:5px;
padding:0;
background-image:url(../../images/transpower/button-form-submit.gif);
background-position: left top;
width:60px;
float: right;
}

div#form-wrapper input.formButton:hover
{
background-position: right top;
}

/*projects information pages */

div#projects-region, div#projects-category, div#projects-year, div#btnWrapper{
float:left;
width: 120px;
margin: 0px 15px 5px 0px;
}

div#btnWrapper{
width: 100px;
}

div#btnWrapper input.submit-button{
margin: 19px 0px 0px 0px;
}

div#projects-region select, div#projects-category select, div#projects-year select{
width: 120px;
}

/*****************************/
/* Site Map Template Styling */
/*****************************/

div#siteMap ul{
list-style-type:none;
margin:0px;
padding:0px;
color:#00aeef;
}

div#siteMap ul li{
font-weight:bold;
margin:0 0 1.2em 0;
line-height:1.3em;
}

div#siteMap ul li ul
{
list-style-type:none;
margin:0.5em 0 0 1.6em;
padding:0px;
}

div#siteMap ul li ul li
{
font-weight:normal;
margin:0 0 0.5em 0;
line-height:1.2em;
color:#666666;
}

div#siteMap ul li ul li ul
{

}

div#siteMap ul li ul li ul li
{
font-style:italic;
}

div#siteMap ul li ul.projects
{
margin:0.8em 0 1.8em 1em;
padding:0px;
}

div#siteMap ul li ul.projects li
{
font-style:normal;
font-weight:bold;
border-top:solid 1px #cccccc;
padding:0.5em 0 0 0;
margin:0 0 0.5em 0;
}

div#siteMap ul li ul.projects li ul li
{
border:none;
font-style:normal;
font-weight:normal;
padding:0px;
}

div#siteMap ul li ul li a:link,
div#siteMap ul li ul li a:visited,
div#siteMap ul li ul li a:active
{
color:#666666;
}

div#siteMap ul li ul li a:hover
{
color:#00aeef;
}

.formWarning, .error
{
font-weight: bold;
color: #ff0000;
margin: 15px 0px;
height: 1%;
}

div.publication
{
	border-top: 1px solid #00aeef;
	margin: 10px 0px;
	padding: 10px 0px;
}

div.publication h4
{
	color: #00aeef;
}

div.publication-text
{
	float: left;
	width: 390px;
}

div.publication-image
{
	float: left;
	margin-right: 10px;
	width: 100px;
}

div.publication img {
	float:left;
	margin: 5px 5px 0px 0px;
}

div.publication a.document {
	float:left;
	width: 50%;
}

div.publication a.archive {
	float:right;
	width: 50%;
	text-align: right;
}

ul#publications-navigation
{
	margin: 0px;
	padding: 0px;
}

ul#publications-navigation li
{
	margin: 0px 0px 3px 10px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	text-indent:-0.82em;
}

div.indexer
{
	margin: 5px 0px 20px;
}

div.indexer h4
{
	margin-bottom: 2px;
	font-size: 1em;
}

div.indexer ul
{
	margin: 0px;
}

div.indexer ul li
{
	list-style: none none outside;
	margin-left: 0px;
	margin-bottom: 8px;
}

div.indexer div.paging
{
	margin-top: 10px;
}

div.indexer div.paging a
{
	border: 1px solid #ccc;
	padding: 2px 5px;
}

div.indexer div.paging a:hover
{
	background-color: #ddd;
}

div.indexer a.active,
div.indexer a.active:link,
div.indexer a.active:visited,
div.indexer a.active:hover,
div.indexer a.active:active
{
	font-weight:bold;
}

form#search-form
{
	float: left;
}

form#search-form *
{
	vertical-align: middle;
}

p.search-no-results {
	margin-top: 10px;
}

div#search-input input {
	border:1px solid #CCCCCC;
	color:#666666;
	font-family:verdana,arial,sans-serif;
	height:14px;
	width:143px;
	padding: 2px;
}

div#search-input input.searchButton {
    height: 17px;
    background-color: Transparent;
    border: 0px;
    color: #0088CE;
    cursor: pointer;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 0px;
    margin: 2px 0px 0px 5px;
}

div#search-input input.radio {
    border:0;
    margin: 0 2px 0 5px;
    width:auto;
}

div#search-input input.searchButton {
    width: 58px;
    background-image:url(../../images/transpower/button-search-state.gif);
}

div#search-input input.searchButton:hover {
    background-image:url(../../images/transpower/button-search-state.gif);
    background-position: -58px 0px;
}

div.search-header {
	background-color:#e5e5e5;
	margin: 10px 0px 10px 0px;
	padding:5px;
}

div.searchResult {
	font-size: 1em;
}

div.searchResult p {
	padding: 0px;
	margin-bottom: 0.3em;
}

div.searchResult a,
div.searchResult a:link
{
	color: #333;
}

div.searchResult h4 a,
div.searchResult h4 a:link
{
	color: #00aeef;
}

div.searchResult h4
{
	margin-bottom: 0.2em;
}

div.searchPageNo {
  color: #333;
}

/*outage sitelist */

div#outage-site ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}

div#outage-site ul li{
margin: 0px;
padding: 0px 10px 10px 0px;
float: left;
width: 60px;
}

div#outage-type * 
{
	vertical-align: middle;
}

input.submit-button,
input.iagree-button,
input.save-button,
input.cancel-button{
height: 17px;
background-color: Transparent;
border: 0px;
color: #0088CE;
cursor: pointer;
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin-left: 5px;
}

input.submit-button{
width: 61px;
background-image:url(../../images/transpower/button-submit.gif);
}

input.iagree-button{
width: 61px;
background-image:url(../../images/transpower/button-iagree.gif);
}

input.save-button{
width: 61px;
background-image:url(../../images/transpower/button-save.gif);
}

input.cancel-button{
width: 61px;
background-image:url(../../images/transpower/button-cancel.gif);
}

div#outage-type,
div#outage-date-selected,
div#outage-window-requests,
div#outage-plant-requests,
div#outage-region,
div#outage-control,
div#outage-site
{
	margin-bottom: 10px;
}

div.outage-report-critera-wrapper ul
{
  margin: 1px 0px;
}

div.outage-report-critera-wrapper ul li 
{
  list-style: none none outside;
  padding: 0px;
  margin: 3px 0px;
}

div.outage-report-critera-wrapper ul li *
{
  vertical-align: bottom;
}

div.outage-report-critera-wrapper
{
    margin: 0px 0px 20px;
}

div.outage-report-critera-wrapper form
{
  display: inline;
}

div.outage-report-critera-wrapper form select
{
  width: 300px;
}

div.outage-report-critera-wrapper p
{
  margin-top: 15px;
}

div#report-name-wrapper form *
{
  vertical-align: middle;
}

#container table{
  table-layout: fixed;
}

table.data tr th
{
	vertical-align: middle;
}

table.data tr td,
table.data tr th
{
	font-size: 10px;
	border: 0px;
	padding: 5px 4px;
}

table.data tr
{
	border-bottom: 1px solid #ccc;
}

th#header-region
{
	width: 40px;
}

th#header-control
{
	width: 41px;
}

th#header-site
{
	width: 140px;
}

th#header-start
{
	width: 140px;
}

th#header-finish
{
	width: 140px;
}

th#header-type
{
	width: 27px;
}

th#header-nature
{
	width: 38px;
}

th#header-status
{
	width: 38px;
}

th#header-latest
{
	width: 50px;
}

th#header-title
{
	width: 95px;
}

th#header-contractmanager
{
	width: 100px;
}

th#header-assetcategory
{
	width: 75px;
}

th#header-projects-type
{
	width: 75px;
}

th#header-year
{
	width: 45px;
}

th#header-projects-status
{
	width: 100px;
}

th#header-region
{
	width: 40px;
}

th#header-location
{
	width: 60px;
}

th#header-commdate
{
	width: 60px;
}

div.letters 
{
	margin: 10px 0px 20px 0px;
	background-color:#EAF7FE;
	padding:10px 13px;
	font-style: italic;
	font-size: 1.4em;
	letter-spacing: 2px;
	color: #999;
}

div.letters a:link,
div.letters a:visited,
div.letters a:hover,
div.letters a:active
{
	font-style: italic;
	font-size: 1em;
	font-weight: bold;
}

div.forum-wrapper h2
{
	background-color: #EAF7FE;
	border-bottom: 0px;
	padding: 2px 4px;
}

div.forum-wrapper
{
	padding-top: 8px;
	border-top: 1px solid #00aeef;
}

div#forum-comment-header a
{
	float: right;
	margin-top: 2px;
}

div#forum-comment-header p
{
	float: left;
	margin-bottom: 8px;
}

div#forum-comment-header p a
{
	float: none;
}

div.forum-input-inner{}

div.forum-inputfields-wrapper
{
	padding: 10px;
	background-color: #f5f5f5;
}

div.forum-inputfields-wrapper h4
{
	font-size: 92%;
	margin-bottom: 3px;
	height: 12px;
}

div.forum-inputfield-wrapper
{
	float: left;
}

div.forum-inputfield-wrapper-submit
{
	float: right;
}

div.forum-inputfield-wrapper textarea
{
	width: 481px;
	margin-bottom: 5px;
	padding: 2px;
}

div.left-column div.forum-inputfield-wrapper textarea,
div.right-column div.forum-inputfield-wrapper textarea
{
	width: 210px;
}

div.forum-inputfield-wrapper input
{
	width: 170px;
	margin-bottom: 5px;
	margin-right: 10px;
}

div.forum-inputfield-wrapper select
{
	width: 176px;
	margin-bottom: 5px;
	margin-right: 10px;
}

div.forum-inputfield-wrapper-submit input
{
	width: 64px;
	height: 20px;
	border: 0px;
	margin-top: 14px;
}

div.forum-comment 
{
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 92%;
}

div.forum-comment h4
{
	color:#666666;
	margin-bottom:0px;
}

div.forum-comment p.forum-time
{
	color: #666666;
	margin-bottom: 2px;
}

div.rcdTableContainer,
div.rcdsummaryTableContainer
{
	margin: 20px 0px 15px;
}

div.rcdTableContainer table tr th, div.rcdTableContainer table tr td,
div.rcdsummaryTableContainer table tr th, div.rcdsummaryTableContainer table tr td {
font-size:1em;
padding:4px 5px;
}

div.rcdTableContainer table tr th {
border-bottom:1px solid #fff;
}

div.rcdsummaryTableContainer table tr th {
vertical-align:middle;
border-bottom:1px solid #fff;
}

div.rcdsummaryTableContainer table tr .white-border  {
border-left:3px solid #fff;
}

div.rcdTableHeader
{
	float: left;
	width: 59%;
}

div.rcdTableHeader h4
{
	font-size:1.0em;
	margin-bottom: 4px;
}

div.rcdUpdateTime{
	color:#333333;
	font-size:0.9em;
	font-weight:bold;
	margin-top:2px;
	text-align:right;
	float: right;
}

div.rcdUpdateTime span{
	color:#f00;
}

div.newsletter-title h1
{
	float: left;
	width: 360px;
}

div.newsletter-title a
{
	float: right;
	width: 140px;
	text-align: right;
	margin-top: 10px;
}	

div.next-story
{
	text-align: right;
}

ul#newsletter-navigation
{
	margin: 0px;
	padding: 0px;
}

ul#newsletter-navigation li
{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

div#gallery-intro
{
	padding: 10px;
	background-color: #EAF7FE;
	margin-bottom: 10px;
	width: 500px;
}

div#gallery-intro p
{
	padding-bottom: 0px;
	margin-bottom: 0px;	
}

div#galley-wrapper
{
	padding: 7px;
	background-color: #ccc;
}

div#galley-wrapper p#current-image-text
{
	margin-bottom: 0px;
}


div#gallery-image
{
	float: left;
	width: 500px;
	height: 333px;
	position: relative;
	overflow: hidden;
	background-color: #999;
}

div#gallery-image #gallery-image-main img
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#gallery-image div#gallery-image-details
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 500px;
	background-color: #000;
	color: #ddd;
	height: 20px;
	padding:3px 3px 3px 30px;
	overflow: hidden;
	z-index:100;
}

div#gallery-image div#gallery-image-details h4
{
	color: #fff;
	margin: 0px;
	padding: 2px 0px 3px;
	font-size: 12px;
}

div#gallery-image div#gallery-image-details p
{
	line-height:1.1em;
	width:300px;
	font-size: 11px;
}

div#gallery-image div#tools{
	bottom:4px;
	position:absolute;
	right:40px;
	height: 14px;
	line-height: 14px;
	vertical-align: top;
	z-index:101;
}

div#gallery-image div#tools *{
	vertical-align: top;
}

div#gallery-menu
{
	float: right;
	width: 192px;
	overflow: hidden;
	position: relative;
	height: 333px;
}

div#image-groups
{
	margin: 0px;
	padding: 0px;
	list-style: none none inside;
	width: 10000px;
	position: absolute;
	top: 20px;
	left: 0px;
}

div#image-groups div.image-group
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}

div#gallery-menu div.gallery-image-button,
div#gallery-menu div.gallery-image-button-next,
div#gallery-menu div.gallery-image-button-previous
{
	display: block;
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 0px 0px 4px 4px;
	float: left;
	position: relative;
	cursor: pointer;
}

div#gallery-menu div.gallery-image-border
{
	display: block;
	height: 54px;
	width: 54px;
	border: 3px solid #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

div#gallery-menu a
{
	display: block;
	height: 54px;
	width: 54px;
	border: 3px solid Transparent;
}

div#gallery-menu a:hover
{
	border: 3px solid #fff;
}

p#current-image-text
{
	position: absolute;
	bottom: 0px;
	left: 3px;
}

#gallery-previous-image,
#gallery-next-image
{
	position: absolute;
	bottom: 3px;
	z-index:102;
}

#gallery-previous-image
{
	left: 3px;
}

#gallery-next-image
{
	right: 3px;
}

img#gallery-info
{
	cursor: pointer;
}

div.registration-intro 
{
	background-color:#EAF7FE;
	margin-bottom:5px;
	padding:10px 10px 1px 10px;
}

div#registration-wrapper 
{
	background-color: #f0f0f0;
	padding: 15px 10px 0px;
}

div#registration-wrapper div.registration-table-intro,
div#registration-wrapper div.registration-table-intro-error 
{
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	margin-bottom: 12px;
}

div#registration-wrapper div.registration-table-intro-error 
{
	color: #f00;
}

div#registration-wrapper table {}

div#registration-wrapper table tr {}

div#registration-wrapper table tr td 
{
	border-bottom: 0px;
	padding: 8px 0px;
}

div#registration-wrapper input.textbox
{
	width: 250px;
}

div#registration-wrapper select
{
	width: 255px;
	padding: 2px;	
}

div#registration-wrapper input.checkbox
{
	margin: 10px 2px 0px 5px;
}

div#registration-wrapper td.relations-heading
{
	padding-bottom: 0px;
}

div#registration-wrapper td.relations-checkboxes
{
	padding-top: 0px;
	vertical-align: top;
}

div#registration-wrapper textarea
{
	width: 250px;
	padding: 2px;
}

div#registration-wrapper td.registration-submit
{
	text-align: right;
}

div#registration-wrapper td.registration-submit input
{
	border: 0px;
}

div#approver-admin td
div#approver td
{
}

div#approver-admin form input.radio,
div#approver form input.radio
{
  margin-right: 0px;
  vertical-align: middle;
  padding-bottom: 2px;
}

div#approver-admin form input.checkbox,
div#approver form input.checkbox
{
  margin-right: 3px;
}

div#approver ul,
div#approver-admin ul
{
  margin: 0px;
  padding: 0px;
}

div#approver ul li,
div#approver-admin ul li
{
  margin: 4px 0px;
  padding: 0px;
  list-style: none none outside;
  padding:0px 0px 0px 21px;
  text-indent:-21px;
}

div#approver
{
	margin: 0px 0px 30px 0px;
}

div#approver-admin
{
	margin: 10px 0px 30px 0px;
}

div#approver table tr td,
div#approver-admin table tr td
{
	height:25px;
	line-height: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div#approver table tr th.last-column,
div#approver-admin table tr th.last-column
{
	width: 150px;	
}

div#approver table tr td
{
	background-color: #cfe6ae;
}

div#approver-admin table tr td,
div#approver-admin table tr th,
div#approver table tr td,
div#approver table tr th
{
	border-bottom:1px solid #000000;
}

div#approver-admin table tr td.spacer-row,
div#approver table tr td.spacer-row
{
	border-bottom:1px solid #000;
	padding: 0px;
	margin: 0px;
	height: 4px;
	background-color: #fff;
}

div#approver table tr.expired-review-date td
{
	background-color: #ddccbb;
}

div#approver table tr td,
div#approver-admin table tr td
{
	vertical-align:top;
}

div#approver table tr td img,
div#approver-admin table tr td img
{
	cursor: pointer;
}


div#approver-header
{
  margin-bottom: 5px;
}

div#approver-header h4
{
  margin-bottom: 0px;
  padding-bottom: 0px;
}

div#approver-name
{
  float: left;
}

div#approver-csv
{
  float: right;
}

div#impersonate
{
  float: right;
  width: 350px;
  text-align: right;
  margin-left: 5px;
}

div#impersonate form
{
  display: inline;
}

div#impersonate form select
{
  width: 170px;
}

div#impersonate *,
div#approver-csv *
{
  vertical-align: middle;
}


div.comments
{
	position: relative;
}

div.comment-wrapper
{
	position: absolute;
	border: 1px solid #999;
	background-color: #eee;
	padding: 5px;
	display: none;
}

div.comment-wrapper textarea
{
	padding: 2px;
}

p.comment-heading
{
	font-size: 10px;
	font-style: italic;
}

p.comment-entry
{
	font-size: 10px;
	margin: 3px 0px 10px;	
}

p.table-file,
p.table-image
{
	color: #999;	
}

span.file-desc{
}

input.radio
{
 border: 0px;	
}

h4#section-on-this-page,
div#homepage-subscribe h4,
div#homepage-outages h4,
div#homepage-login h4,
div#homepage-news h4 {
  background-position:0px 0px;
  background-repeat:no-repeat;
  height: 18px;
  width: 180px;
  margin-bottom: 0.4em;
}

div#homepage-subscribe h4 {
  background-image:url(../../images/transpower/home-subscribe.gif);
}

div#homepage-outages h4 {
  background-image:url(../../images/transpower/home-outage.gif);
}

div#homepage-login h4 {
  background-image:url(../../images/transpower/home-login.gif);
}

div#homepage-news h4 {
  background-image:url(../../images/transpower/home-news.gif);
  height: 13px;
}

div#outage-resources{
  padding: 0px 10px 10px;
}

div#homepage-notice-column div#outage-resources p {
  padding: 3px 0px;
}

div#outage-resources h4{
  background-image:url(../../images/transpower/home-outage-resources.gif);
  background-position:0px 0px;
  background-repeat:no-repeat;
  height: 13px;
  width: 158px;
  margin-bottom: 0.4em;
}

div#outage-resources h4 span{
  display: none;
}

h4#section-on-this-page {
  background-image:url(../../images/transpower/section-onthispage.gif);
}

div#section-navigation,
div#section-related,
div#section-tools
{
    background-position:0px 0px;
    background-repeat:no-repeat;
    width: 174px;
    margin-bottom: 0em;
}

div#section-navigation
{
  background-image:url(../../images/transpower/section-navigation.gif);
}

div#section-related
{
  background-image:url(../../images/transpower/section-related.gif);
}

div#section-tools
{
  background-image:url(../../images/transpower/section-tools.gif);
}

div#homepage-subscribe h4 span,
div#homepage-outages h4 span,
div#homepage-login h4 span,
div#homepage-news h4 span,
div#section-navigation span,
div#section-related span,
div#section-tools span,
h4#section-on-this-page span
{
  display: none;
}

ul#remind-approvers li
{
  list-style: none none outside;
  float: left;
  width: 345px;
  margin: 0;
  padding: 0 0 4px;
  overflow: hidden;
}

textarea#remind-approvers-text
{
  width: 300px;
  height: 100px;
  padding: 2px;
}

div.flashMovieWrapper {
  margin-bottom: 15px;
}

div.newsletterArticleWrapper {
  border-bottom:1px solid #ccc;
  margin-bottom:12px;
  padding-bottom:7px;
}


div#timeline {
  background-image:url(../../images/transpower/customer-timeline-background.png);
  height: 198px;
  width: 725px;
  position: relative;
  margin: 0 0 12px 25px;
}

h3#timeline-heading {
  position: absolute;
  left: 11px;
  top: 6px;
  width: 500px;
}

div.timeline-past-top,
div.timeline-past-bottom,
div.timeline-presant-top,
div.timeline-presant-bottom,
div.timeline-future-top,
div.timeline-future-bottom {
  width: 100px;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  height: 198px;
}

div.timeline-past-top {
  background-image:url(../../images/transpower/customer-timeline-top-past.png);
}

div.timeline-past-bottom {
  background-image:url(../../images/transpower/customer-timeline-bottom-past.png);
}

div.timeline-presant-top {
  background-image:url(../../images/transpower/customer-timeline-bottom-present.png);
}

div.timeline-presant-bottom {
  background-image:url(../../images/transpower/customer-timeline-top-present.png);
}

div.timeline-future-top {
  background-image:url(../../images/transpower/customer-timeline-top-future.png);
}

div.timeline-future-bottom {
  background-image:url(../../images/transpower/customer-timeline-bottom-future.png);
}

div.timeline-past-top div.date,
div.timeline-presant-top div.date,
div.timeline-future-top div.date,
div.timeline-past-bottom div.date,
div.timeline-presant-bottom div.date,
div.timeline-future-bottom div.date {
  position:absolute;
  text-align:center;
  top:107px;
  width:100px;
  font-size:9px;
  font-weight:bold;
  color: #494949;
}

div.timeline-past-top div.text,
div.timeline-presant-top div.text,
div.timeline-future-top div.text,
div.timeline-past-bottom div.text,
div.timeline-presant-bottom div.text,
div.timeline-future-bottom div.text {
  position:absolute;
  text-align:center;
  width:100px;
}

div.timeline-past-top div.text,
div.timeline-presant-top div.text,
div.timeline-future-top div.text {
  top:35px;
}

div.timeline-past-bottom div.text,
div.timeline-presant-bottom div.text,
div.timeline-future-bottom div.text {
  top:160px;
}

div#content-column-customer h1 {
  margin-left: 25px;
  margin-bottom: 5px;
}

ul#customer-links{
  list-style: none none inside;
  height: 24px;
  margin: 0px 0px 12px 28px;
}

ul#customer-links li{
  display: block;
  float: left;
  margin: 0 30px 0 0;
  padding-right: 0;
}

ul#customer-links li span{
  display: none;
}

li#customer-link-resources a{
  background-image:url(../../images/transpower/customer-button-resources.png);
  width: 137px;
}

li#customer-link-glossary a{
  background-image:url(../../images/transpower/customer-button-glossary.png);
  width: 147px;
}

li#customer-link-capacity a{
  background-image:url(../../images/transpower/customer-button-capacity.png);
  width: 122px;
}

li#customer-link-feedback a{
  background-image:url(../../images/transpower/customer-button-feedback.png);
  width: 129px;
}

li#customer-link-resources a,
li#customer-link-glossary a,
li#customer-link-capacity a,
li#customer-link-feedback a {
  background-position: left top;
  height:24px;
  display: block;
}

li#customer-link-resources a:hover,
li#customer-link-glossary a:hover,
li#customer-link-capacity a:hover,
li#customer-link-feedback a:hover {
  background-position: left bottom;
}

div#customer-page-columns-wrapper {
  background-image:url(../../images/transpower/background-customer-top.gif);
  background-repeat: no-repeat;
  padding:5px 25px 0px;
}

div#customer-page-columns {
  background-image:url(../../images/transpower/background-customer-middle.gif);
  padding: 0px 0px 10px 0px;
}

div#confirm-column{
  float: left;
  width: 410px;
}

div#news-column{
  float: right;
  width: 260px;
  margin: 10px 0 0 0;
}

div#news-column h5{
  color: #00AEEF;
  font-weight: normal;
}

div#news-column div.news-item {
  margin: 5px 0 15px;
}

div#confirm-assets,
div#confirm-allocations,
div#confirm-account,
div#confirm-prices,
div#confirm-summeries{
  padding-top: 10px;
  border-top: 1px solid #beccd3;
  margin-top: 10px;
}

div#confirm-assets-first,
div#confirm-allocations-first,
div#confirm-account-first,
div#confirm-prices-first,
div#confirm-summeries-first{
  margin-top: 10px;
}

div#confirm-column div.download-reports,
div#news-column div.news-notifications{
  background-image:url(../../images/transpower/bulletpoint.gif);
  background-position: left 5px;
  background-repeat: no-repeat;
  padding-left: 12px;
  height: 20px;
  line-height:20px;
}

div#confirm-column div.download-reports a,
div#news-column div.news-notifications a{
  background-image:url(../../images/transpower/arrow.gif);
  background-position: right 0px;
  background-repeat: no-repeat;
  padding-right: 22px;
  padding-bottom: 1px;
  font-weight: bold;
  line-height: 15px;
  height:15px;
}

div#news-column div.news-notifications {
  padding-top: 13px;
  margin-top: 10px;
  border-top: 1px solid #beccd3;
  background-position: left 17px;
}

div#glossary-column{
  width: 600px;
  padding: 15px;
  font-family:verdana, arial, sans-serif;
  color:#333;
  font-size:11px;
  background-color:#fff;
}

table#risk-matrix {margin-bottom:25px;}
table#risk-matrix th {text-align:center;vertical-align:middle;}
table#risk-matrix td {text-align:center;}
table#risk-matrix td.risk-location {text-align:left;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
  #cboxTopLeft{width:14px; height:14px; background:url(../../images/transpower/controls.png) top left no-repeat;}
  #cboxTopCenter{height:14px; background:url(../../images/transpower/borderHorizontal.png) top left repeat-x;}
  #cboxTopRight{width:14px; height:14px; background:url(../../images/transpower/controls.png) top right no-repeat;}
  #cboxBottomLeft{width:14px; height:43px; background:url(../../images/transpower/controls.png) bottom left no-repeat;}
  #cboxBottomCenter{height:43px; background:url(../../images/transpower/borderHorizontal.png) bottom left repeat-x;}
  #cboxBottomRight{width:14px; height:43px; background:url(../../images/transpower/controls.png) bottom right no-repeat;}
  #cboxMiddleLeft{width:14px; background:url(../../images/transpower/borderVertical.png) top left repeat-y;}
  #cboxMiddleRight{width:14px; background:url(../../images/transpower/borderVertical.png) top right repeat-y;}
  #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:5px;}
    #cboxLoadingOverlay{background:url(../../images/transpower/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../../images/transpower/loading.gif) center center no-repeat;}
                #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#949494;}
                #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#949494;}
                
                #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../../images/transpower/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
                #cboxPrevious{left:0px; background-position: -14px -23px;}
                #cboxPrevious.hover{background-position:-14px 0px;}
                #cboxNext{left:27px; background-position:-37px -23px;}
                #cboxNext.hover{background-position:-37px 0px;}
    #cboxClose{right:0; background-position:-60px -23px;}
    #cboxClose.hover{background-position:-60px 0px;}

                .cboxSlideshow_on #cboxSlideshow{background-position:-83px -0px; right:27px;}
                .cboxSlideshow_on #cboxSlideshow.hover{background-position:-106px -0px;}
                .cboxSlideshow_off #cboxSlideshow{background-position:-106px -23px; right:27px;}
                .cboxSlideshow_off #cboxSlideshow.hover{background-position:-83px -0px;}