/*****************************************************/
/* 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: 10px 28px 0px 8px; color: #666666; position: relative; }

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; }

a#header-facebook img { position: absolute; top: 8px; right: 6px; }


/* 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-safety a, div#homepage-outages a, div#homepage-subscribe a { float: right; height: 13px; }

div#homepage-saftey a span, 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 30px 8px 10px; text-align: right; margin: 0px 10px; width: 918px; background-image: url(../../images/transpower/background-footer.gif); background-position: left top; background-repeat: no-repeat; position: relative; }

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; }

a#facebook-footer img { position: absolute; top: 10px; right: 6px; }


/*******************/
/* 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 { border-top: 1px solid #ccc; background-image: url(../../images/transpower/background-content-home.gif); padding: 0px; margin: 3px 0px 0px 0px; }
div#homepage-main, div#homepage-additional { float: left; }
div#homepage-main { width: 756px; padding: 0px; }
div#homepage-main-top { display: inline-block; }
div#homepage-main-top-left { margin: 0; padding: 0; width: 379px; float: left; }
div#homepage-main-top-right { margin: 0; padding: 29px 0px 0px 0px; width: 367px; float: right; }
div#homepage-main-top-right a img { padding-bottom: 10px; }
div#homepage-intro-text { padding: 29px 25px 0px 60px; font-size: 1.1em; }
div#homepage-news { padding: 40px 25px 10px 60px; font-size: 11px; }
div#homepage-intro-text ul li, div#homepage-news ul li { margin: 0.2em 0 0.2em 1.2em; }
div#homepage-intro-text p, div#homepage-news p { line-height: 1.7em; }
div#homepage-notices { padding-left: 58px; font-size: 11px; border-top: 1px solid #CCCCCC; }
div#homepage-notices div.red, div#homepage-notices div.green, div#homepage-notices div.grey { padding-bottom: 1px; margin: 10px 10px 10px 0px; float: left; }
div#homepage-notices div.red { background-color: #faebdb; width: 167px; }
div#homepage-notices div.green { background-color: #cde8b7; width: 190px; }
div#homepage-notices div.grey { background-color: #c4ccd0; width: 311px; }
div#homepage-notices img { padding: 0px 10px; display: block; margin: 0px auto; max-width: 154px; }
div#homepage-notices div p { padding: 3px 10px; margin-bottom: 0px; }
div#homepage-notices div.red h3 { background-color: #e08320; }
div#homepage-notices div.green h3 { background-color: #86c751; }
div#homepage-notices div.grey h3 { background-color: #6f838c; }
div#homepage-notices div.red h3, div#homepage-notices div.green h3, div#homepage-notices div.grey h3 { color: white; padding: 3px 8px; }
div.homepage-notice div.body { min-height: 112px; padding-top: 5px; }
div.homepage-notice div.body ul { margin: 0px; }
div#homepage-notices div.red div ul li, div#homepage-notices div.green div ul li, div#homepage-notices div.grey div ul li { list-style: square none outside; margin: 0px 0px 0px 20px; padding: 0px; float: left; width: 42%; height: 56px; }
div#homepage-notices div.red div ul li.leftCell { width: 43%; }
div#homepage-notices div.green div ul li.leftCell { width: 43%; }
div#homepage-notices div.grey div ul li.leftCell { width: 43%; }
div.homepage-notice a, div.homepage-notice a:link, div.homepage-notice a:visited, div.homepage-notice a:hover, div.homepage-notice a:active { color: #333; }
div.homepage-notice div.link-green, div.homepage-notice div.link-red, div.homepage-notice div.link-grey { float: right; margin: 0 5px 0 0; }
div.homepage-notice div.link-green a, div.homepage-notice div.link-red a, div.homepage-notice div.link-grey a { padding: 3px 3px 7px; display: block; }
div.homepage-notice div.link-red a, div.homepage-notice div.link-green a, div.homepage-notice div.link-grey a { background-repeat: no-repeat; background-position: right center; width: 100px; height: 13px; }
div.homepage-notice div.link-red a, div.homepage-notice div.link-green a, div.homepage-notice div.link-grey a { width: 97px; margin-left: 70px; }
div.homepage-notice div.link-green a { background-image: url(../../images/transpower/button-green-find-out-more.gif); }
div.homepage-notice div.link-red a { background-image: url(../../images/transpower/button-orange-find-out-more.gif); }
div.homepage-notice div.link-grey a { background-image: url(../../images/transpower/button-grey-find-out-more.gif); }
div.homepage-notice a span { display: none; }
div#homepage-additional { width: 200px; margin: 0; }
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 { padding: 3px 3px 5px 7px; background-color: White; }
div#homepage-safety { border-bottom: 1px solid #beccd3; padding-bottom: 10px; margin: 10px; }
div#homepage-subscribe { border-bottom: 1px solid #beccd3; padding-bottom: 10px; margin: 10px; }
div#homepage-outages { margin: 10px; }
div#homepage-safety a, div#homepage-outages a, div#homepage-subscribe a { float: right; background-repeat: no-repeat; background-position: right center; height: 13px; }
div#homepage-safety a span, div#homepage-outages a span, div#homepage-subscribe a span { display: none; }
div#homepage-safety a { background-image: url(../../images/transpower/button-find-out-more.gif); width: 97px; }
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.newletter-image span { display: block; margin-bottom: 15px; }

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-safety 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-safety h4 { background-image: url(../../images/transpower/home-safety.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-notices 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-safety 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; }

.contact-links { background: url("../../images/transpower/contact-background.png") no-repeat scroll 0 0 transparent; height: 75px; margin-bottom: 12px; position: relative; width: 508px; }
.contact-links span { display: none; }
.contact-links a { display: block; height: 24px; position: absolute; cursor: pointer; }

.contact-links .online-link { top: 9px; left: 11px; width: 67px; }
.contact-links .phone-link { top: 9px; left: 98px; width: 67px; }
.contact-links .post-link { top: 9px; left: 183px; width: 55px; }
.contact-links .employment { top: 9px; left: 254px; width: 190px; }
.contact-links .facebook-link { top: 43px; left: 11px; width: 197px; }
.contact-links .twitter-link { left: 224px; top: 43px; width: 125px; }