/*****************************************************/
/* System Operator 2007                              */
/*****************************************************/

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

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

body.home,
body.home-loggedin {
  color:#666;
}

/* 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/systemoperator/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:#53AFC2;
}

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

div#searchBanner
{
height:23px;
overflow: hidden;
}

div#searchBanInner
{
background-color:#53AFC2;
height:22px;
margin:0 0 4px 0;
overflow: hidden;
}

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;
width:54px;
height:13px;
font-family:verdana, arial, sans-serif;
color:#fff;
background: transparent url(../../images/systemoperator/button-search.gif) no-repeat right bottom;
position: absolute;
top: 5px;
left: 157px;
cursor:pointer;
}

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

div#imageBanner
{
height:118px;
}

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

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

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


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

div#footer
{
background-image:url(../../images/systemoperator/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/systemoperator/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/systemoperator/background-footer.gif);
background-position: left top;
background-repeat: no-repeat;
}

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

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

div.single-column div#utilityFooter
{
background-image:url(../../images/systemoperator/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:#53AFC2;
}

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


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

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

h2
{
font-size:140%;
margin:0 0 0.5em 0;
color: #748a96;
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: #748a96;
}

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 #cccccc;
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:#53AFC2;
}

a:hover
{
text-decoration:underline;
color:#53AFC2;
}

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

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

div.table-wrapper,
div.table-wrapper-narrow
{
margin-bottom: 15px;
}

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

table tr th
{
background-color:#D1E7EC;
border-bottom:solid 1px #cccccc;
padding:0.3em;
vertical-align:top;
font-size: 1.0em;
font-weight: bold;
color: #333;
text-align: left;
}

table tr td
{
border-bottom:solid 1px #cccccc;
padding:0.3em;
vertical-align:middle;
font-size: 1.0em;
}

table tr.total td
{
background-color:#ebf4f6;
}

table tr td.align-right
{
text-align: right;
}

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

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,
form input.radio,
form input.image
{
border: 0px;
}

.highlight
{
background-color:#FFFF99;
}

.jargonHighlight
{
z-index: 100;
}

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

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
{
margin-top: 1px;
height: 5px;
background-repeat: no-repeat;
background-image: url(../../images/systemoperator/homepage-content-banner.gif);
overflow: hidden;
}

body.home-loggedin div#homepage-content-banner
{
background-image: url(../../images/systemoperator/homepage-content-loggedin-banner.gif);
}

/* 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/systemoperator/background-content.gif);
background-repeat: repeat-y;
background-position: right bottom;
padding: 0px 0px;
}

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

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

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

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

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

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

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

div.single-column div#content-column
{
width: 707px;
}

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/systemoperator/background-content-home.gif);
padding: 0px 0px;
}

body.home-loggedin div#homepage-content-wrapper
{
background-image:url(../../images/systemoperator/background-content-loggedin-home.gif);
z-index:1;
}

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

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

body.home-loggedin div#homepage-content-column
{
width: 285px;
padding: 0px;
}

body.home-loggedin div#homepage-content-column h1
{
margin-left: 15px;
}

body.home-loggedin div#homepage-content-column h1.sIFR-replaced
{
margin-left: 15px;
}

div#homepage-center-column
{
width: 175px;
margin: 10px 8px;
}

div#homepage-graph-column
{
width: 382px;
margin: 4px 8px;
position: relative;
z-index:1;
}

div#homepage-additional-column
{
width: 257px;
margin: 5px 8px;
overflow: hidden;
z-index:1;
}

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

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

body.home-loggedin div#homepage-content-column div#homepage-news
{
padding: 15px;
background-image: none;
}

body.home-loggedin div#homepage-content-column div#quicklinks
{
padding: 15px 15px 0px 15px;
background-repeat: no-repeat;
background-image:url(../../images/systemoperator/background-home-loggedin-news.gif);
}

body.home-loggedin div#homepage-content-column div#quicklinks ul
{
margin: 0px;
padding: 0px;
}

body.home-loggedin div#homepage-content-column div#quicklinks ul li
{
margin: 0px;
padding: 2px 0px;
list-style-type: none;
}

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

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

div#homepage-news h5 {
color:#53AFC2;
font-weight:normal;
}

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

div#homepage-login input.textbox
{
width: 123px;
margin: 2px 0px 3px 0px;
}

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

div#homepage-login input.submit-button
{
width: 47px;
background-color: Transparent;
border: 0px;
color: #53AFC2;
cursor: pointer;
}


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


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

/* 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/systemoperator/background-breadcrumbs.gif);
background-position: left bottom;
background-repeat: no-repeat;
}

div.single-column div#breadcrumbs
{
	background-image:url(../../images/systemoperator/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:#53AFC2;
}

/* 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
{
background-color:#D1E7EC;
text-transform:uppercase;
color:#333333;
font-weight:bold;
font-size:92%;
height:20px;
line-height:20px;
white-space:nowrap;
overflow:hidden;
}

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

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

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

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

div#section-navigation span,
div#section-related span,
div#section-tools span
{
  display: none;
}

div#menu-column ul
{
list-style-type:none;
margin:0.35em 8px 2em 12px;
}

div#menu-column ul li
{
padding:0.35em 0 0.35em 10px;
line-height:1.2em;
margin:0px;
text-indent:-0.82em;
}

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

div#menu-column ul li a:hover
{
color:#53AFC2;
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 #ccc;
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:181px;
overflow:hidden;
margin-bottom: 10px;
}

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

div.boxedContent
{
border:solid 1px #cccccc;
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.pageBreakNo {
  text-align: center;
  padding-top:2px;
  border-top: 1px solid #ccc;
}

div.pagingDiv {
  height:1.5em;
  float:right;
  padding-top:2px;
}

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: #F0F0F0;
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:0px 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;
	height:17px;
	cursor:pointer;
}

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


input#subscrSub
{
	border: 0px;
}

div.form-intro
{
	background-color:#D1E7EC;
	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;
}

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;
	float: right;
	margin: 4px 200px 0px 0px;
}

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

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

div#form-wrapper
{
margin:20px 0;
}

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;
height:1.8em;
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,
div#form-wrapper form input.textbox,
div#form-wrapper form input.fileUpload,
div#form-wrapper form textarea
{
font-family:verdana, arial, sans-serif;
font-weight:normal;
color:#666666;
width:98%;
height: auto;
margin:0px;
padding:2px;
overflow:hidden;
}

div#form-wrapper form select
{
vertical-align:middle;
}

div#form-wrapper form input.textbox
{
border:solid 1px #999;
}

div#form-wrapper form input.fileUpload
{
border:solid 1px #999;
}

div#form-wrapper form textarea
{
height:60px;
border:solid 1px #999;
overflow:auto;
}

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:18px;
margin-right:5px;
padding:0;
background-image:url(../../images/systemoperator/button-submit.gif);
background-position: left top;
width:69px;
float: right;
}

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

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

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

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:#53AFC2;
}

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

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

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

div#search-input *
{
  vertical-align: middle;
}

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

div#search-input input.searchButton {
    background-color:transparent;
    background-repeat:no-repeat;
    border:0 none;
    color:#0088CE;
    cursor:pointer;
    height:18px;
    margin-right:5px;
    padding:0;
    background-image:url(../../images/systemoperator/button-search-green.gif);
    background-position: left top;
    width:69px;
    left: 157px;
    vertical-align: middle;
}

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

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: #53AFC2;
}

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

div.searchPageNo {
  color: #333;
}

div.letters 
{
	margin: 10px 0px 20px 0px;
	background-color:#D1E7EC;
	padding:10px 13px;
	font-style: italic;
	font-weight: bold;
	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-weight: bold;
	font-size: 1em;
}

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

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

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.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.newsletter-article {
  margin-top: 6px;
  padding-top: 8px;
  border-top: 1px solid #ccc;
}

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

input.radio {
 border: 0px;
}

div.chart{
  padding: 0px;
  margin:10px 0px;
  width: 100%;
  height: 300px;
}

div.zone_chart{
  padding: 0px;
  margin:10px 0px;
  width: 100%;
  height: 300px;
}

div.live-data-table {
  padding: 10px 0px;
}

div.live-data-table div.live-data-date {
  font-size:10px;
  padding:2px 0 4px;
  text-align:right;
}

div.live-data-table td.live-data-value {
  width: 200px;
}

div.peak-value-date {
  font-size:10px;
  padding:2px 0 6px;
  text-align:right;
}

th.formal-notices-date {
  width: 100px;
}

/* live-data-map */

div#live-data-map-wrapper {
  margin-top: 15px;
}

div.live-data-map {
  position: relative;
  height: 397px;
  width: 708px;
  background-image:url(../../images/systemoperator/livemapdata.png);
  background-position:right 0px;
  background-repeat:repeat-y;
}

div#live-data-map-nipowersystem,
div#live-data-map-nifrequency,
div#live-data-map-otahuhu,
div#live-data-map-whakamaru,
div#live-data-map-haywards,
div#live-data-map-sipowersystem,
div#live-data-map-sifrequency,
div#live-data-map-stoke,
div#live-data-map-islington,
div#live-data-map-benmore,
div#live-data-map-tiwai,
div#live-data-map-hvdctransfer,
div#live-data-map-direction {
  position: absolute;
  left: 13px;
}

div#live-data-map-nipowersystem{top: 39px;}
div#live-data-map-nifrequency{top: 56px;}
div#live-data-map-otahuhu{top: 81px;}
div#live-data-map-whakamaru{top: 101px;}
div#live-data-map-haywards{top: 121px;}
div#live-data-map-sipowersystem{top: 185px;}
div#live-data-map-sifrequency{top: 202px;}
div#live-data-map-stoke{top: 227px;}
div#live-data-map-islington{top: 247px;}
div#live-data-map-benmore{top: 267px;}
div#live-data-map-tiwai{top: 287px;}
div#live-data-map-hvdctransfer{top: 311px; left:494px;}
div#live-data-map-direction{top: 328px; left:494px;}

div.live-data-trend-up,
div.live-data-trend-down,
div.live-data-trend-none {
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 26px;
}

div.live-data-trend-up {
  background-image:url(../../images/systemoperator/trend-up.gif);
}

div.live-data-trend-down {
  background-image:url(../../images/systemoperator/trend-down.gif);
}

div.live-data-map-time {
  background-color: #aebac1;
  color: #4A636F;
  padding: 8px 6px;
  border-bottom: 1px solid #fff;
}

div#live-data-summary {
  margin-top: 20px;
}

a#login-link {
  float:right;
}

/* homepage-map */

div#zone-loading {
  position: relative;
  height: 440px;
  margin-top:25px;
}

div#zone-loading div#mapHoverImages,
div#zone-loading div#mapHoverProjects,
div#zone-loading img#mapOverlay {
  position: absolute;
  top: 25px;
  left: -9px;
}

div#zone-loading div#map-last-update
{
  position: absolute;
  right: 3px;
  top: 9px;
  color: #fff;
  font-size: 10px;
}

div#zone-loading img#mapBase
{
  position: absolute;
  top: 25px;
}

div#zone-loading div#zone-link
{
  position: absolute;
  bottom: 0px;
  background-image:url(../../images/systemoperator/map-bottom.gif);
  background-repeat: no-repeat;
  height: 22px;
  width: 257px;
}

div#zone-loading div#zone-link a
{
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 190px;
  font-weight: bold;
}

div#zone-loading div#mapHoverImages img
{
  position: absolute;
  top: 0px;
  display: none;
}

div#zone-loading div#mapHoverProjects div#popup-zone1,
div#zone-loading div#mapHoverProjects div#popup-zone2,
div#zone-loading div#mapHoverProjects div#popup-zone3,
div#zone-loading div#mapHoverProjects div#popup-zone4,
div#zone-loading div#mapHoverProjects div#popup-zone5,
div#zone-loading div#mapHoverProjects div#popup-zone6,
div#zone-loading div#mapHoverProjects div#popup-zone7,
div#zone-loading div#mapHoverProjects div#popup-zone8,
div#zone-loading div#mapHoverProjects div#popup-zone9,
div#zone-loading div#mapHoverProjects div#popup-zone10,
div#zone-loading div#mapHoverProjects div#popup-zone11,
div#zone-loading div#mapHoverProjects div#popup-zone12,
div#zone-loading div#mapHoverProjects div#popup-zone13,
div#zone-loading div#mapHoverProjects div#popup-zone14
{
  position: absolute;
  background-image:url(../../images/systemoperator/map-roll-over.gif);
  height: 24px;
  width: 120px;
  z-index: 3;
}

div#zone-loading div#mapHoverProjects div#popup-zone1 div,
div#zone-loading div#mapHoverProjects div#popup-zone2 div,
div#zone-loading div#mapHoverProjects div#popup-zone3 div,
div#zone-loading div#mapHoverProjects div#popup-zone4 div,
div#zone-loading div#mapHoverProjects div#popup-zone5 div,
div#zone-loading div#mapHoverProjects div#popup-zone6 div,
div#zone-loading div#mapHoverProjects div#popup-zone7 div,
div#zone-loading div#mapHoverProjects div#popup-zone8 div,
div#zone-loading div#mapHoverProjects div#popup-zone9 div,
div#zone-loading div#mapHoverProjects div#popup-zone10 div,
div#zone-loading div#mapHoverProjects div#popup-zone11 div,
div#zone-loading div#mapHoverProjects div#popup-zone12 div,
div#zone-loading div#mapHoverProjects div#popup-zone13 div,
div#zone-loading div#mapHoverProjects div#popup-zone14 div
{
  background-image:url(../../images/systemoperator/map-roll-over.gif);
  height: 24px;
  width: 120px;
}

div#zone-loading div#mapHoverProjects div#popup-zone1 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone2 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone3 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone4 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone5 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone6 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone7 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone8 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone9 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone10 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone11 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone12 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone13 div.value,
div#zone-loading div#mapHoverProjects div#popup-zone14 div.value
{
  color:#53AFC2;
  font-family:Tahoma;
  font-size:10px;
  font-weight:bold;
  position:absolute;
  top:10px;
  left:23px;
  background-image:url(../../images/systemoperator/mw.gif);
  background-position:right 1px;
  background-repeat:no-repeat;
  padding-right:18px;
  width: auto;
  height: auto;
}

div#zone-loading div#mapHoverProjects div#popup-zone1{top: 26px; left: 38px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone2{top: 71px; left: 61px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone3{top: 87px; left: 72px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone4{top: 102px; left: 92px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone5{top: 120px; left: 105px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone6{top: 129px; left: 50px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone7{top: 155px; left: 78px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone8{top: 180px; left: 68px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone9{top: 200px; left: 20px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone10{top: 247px; left: 129px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone11{top: 254px; left: 104px; display: none; }
div#zone-loading div#mapHoverProjects div#popup-zone12{top: 229px; left: 114px; display: none;}
div#zone-loading div#mapHoverProjects div#popup-zone13{top: 276px; left: 69px; display: none;}
div#zone-loading div#mapHoverProjects div#popup-zone14{top: 316px; left: 52px; display: none; }

div#zone-loading div#mapHoverProjects div#popup-zone1 div.trend-up{background-position: 0px 0px; }
div#zone-loading div#mapHoverProjects div#popup-zone2 div.trend-up{background-position: 0px -24px; }
div#zone-loading div#mapHoverProjects div#popup-zone3 div.trend-up{background-position: 0px -48px; }
div#zone-loading div#mapHoverProjects div#popup-zone4 div.trend-up{background-position: 0px -72px; }
div#zone-loading div#mapHoverProjects div#popup-zone5 div.trend-up{background-position: 0px -96px; }
div#zone-loading div#mapHoverProjects div#popup-zone6 div.trend-up{background-position: 0px -120px; }
div#zone-loading div#mapHoverProjects div#popup-zone7 div.trend-up{background-position: 0px -144px; }
div#zone-loading div#mapHoverProjects div#popup-zone8 div.trend-up{background-position: 0px -168px; }
div#zone-loading div#mapHoverProjects div#popup-zone9 div.trend-up{background-position: 0px -192px; }
div#zone-loading div#mapHoverProjects div#popup-zone10 div.trend-up{background-position: 0px -216px; }
div#zone-loading div#mapHoverProjects div#popup-zone11 div.trend-up{background-position: 0px -240px; }
div#zone-loading div#mapHoverProjects div#popup-zone12 div.trend-up{background-position: 0px -264px; }
div#zone-loading div#mapHoverProjects div#popup-zone13 div.trend-up{background-position: 0px -288px; }
div#zone-loading div#mapHoverProjects div#popup-zone14 div.trend-up{background-position: 0px -312px; }

div#zone-loading div#mapHoverProjects div#popup-zone1 div.trend-down{background-position: -120px 0px; }
div#zone-loading div#mapHoverProjects div#popup-zone2 div.trend-down{background-position: -120px -24px; }
div#zone-loading div#mapHoverProjects div#popup-zone3 div.trend-down{background-position: -120px -48px; }
div#zone-loading div#mapHoverProjects div#popup-zone4 div.trend-down{background-position: -120px -72px; }
div#zone-loading div#mapHoverProjects div#popup-zone5 div.trend-down{background-position: -120px -96px; }
div#zone-loading div#mapHoverProjects div#popup-zone6 div.trend-down{background-position: -120px -120px; }
div#zone-loading div#mapHoverProjects div#popup-zone7 div.trend-down{background-position: -120px -144px; }
div#zone-loading div#mapHoverProjects div#popup-zone8 div.trend-down{background-position: -120px -168px; }
div#zone-loading div#mapHoverProjects div#popup-zone9 div.trend-down{background-position: -120px -192px; }
div#zone-loading div#mapHoverProjects div#popup-zone10 div.trend-down{background-position: -120px -216px; }
div#zone-loading div#mapHoverProjects div#popup-zone11 div.trend-down{background-position: -120px -240px; }
div#zone-loading div#mapHoverProjects div#popup-zone12 div.trend-down{background-position: -120px -264px; }
div#zone-loading div#mapHoverProjects div#popup-zone13 div.trend-down{background-position: -120px -288px; }
div#zone-loading div#mapHoverProjects div#popup-zone14 div.trend-down{background-position: -120px -312px; }

div#live-data-summary h3,
div#quickfind h3,
div#customise h3,
div#zone-loading h3
{
  height: 24px;
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: 1px;
}

div#live-data-summary h3 {background-image:url(../../images/systemoperator/heading-live-data-summary.gif);}
div#quickfind h3 {background-image:url(../../images/systemoperator/heading-quick-find.gif);}
div#customise h3 {background-image:url(../../images/systemoperator/heading-customise-this-page.gif);}
div#zone-loading h3 {background-image:url(../../images/systemoperator/heading-zone-loading.gif);}

div#live-data-summary h3 span,
div#quickfind h3 span,
div#customise h3 span,
div#zone-loading h3 span
{display: none;}

div#customise a 
{
  display: block;
  background-image:url(../../images/systemoperator/link-arrow.gif);
  background-position: 150px 6px;
  background-repeat: no-repeat;
  width: 149px;
  height: 21px;
  padding-right: 15px;
}

div#live-data-summary div table
{
  margin-bottom: 0px
}

div#live-data-summary div,
div#customise div
{
  padding: 5px 7px 13px;
  background-color: #e9eef1;
  margin-bottom: 10px;
}

div#quickfind ul
{
  background-color: #e9eef1;
  padding: 3px 0px 10px;
}

div#quickfind ul li
{
  list-style: none none outside;
  margin: 5px 10px;
  padding: 0px;
}

div.chart
{
  height: 200px; 
  display: block; 
  margin-bottom: 15px
}

div#homepage-graph-column div#hvdc_chart,
div#homepage-graph-column div#live_chart,
div#homepage-graph-column div#sisir_chart,
div#homepage-graph-column div#sifir_chart
{
  height: 200px; 
  display: block; 
  margin-bottom: 15px
}

div.chart-update-time
{
  color: #4a636f;
  background-color: #aebac1;
  padding: 5px;
}

div#live-load-data-menu
{
  height: 25px;
  position:relative;
}

div#live-load-data-menu ul
{
padding: 0px;
margin: 0px;
}

div#live-load-data-menu ul li
{
  float: left;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

div#live-load-data-menu ul li a
{
  display: block;
  height: 25px;
  width: 163px;
  background-image:url(../../images/systemoperator/live-load-data-matrix.gif);
}

div#live-load-data-menu ul li a span
{
display: none;
}

div#live-load-data-menu ul li#menu-12hours a {background-position: 0px 0px;}
div#live-load-data-menu ul li#menu-24hours a {background-position: -163px 0px;}
div#live-load-data-menu ul li#menu-download a {background-position: -326px 0px;}

div#live-load-data-menu ul li#menu-12hours a.active, div#live-load-data-menu ul li#menu-12hours a:hover {background-position: 0px -25px;}
div#live-load-data-menu ul li#menu-24hours a.active, div#live-load-data-menu ul li#menu-24hours a:hover {background-position: -163px -25px;}
div#live-load-data-menu ul li#menu-download a.active, div#live-load-data-menu ul li#menu-download a:hover {background-position: -326px -25px;}

div#live-load-data-wrapper
{
  background-image:url(../../images/systemoperator/background-live-load-data.gif);
  background-repeat:no-repeat;
  padding:30px 20px 10px;
  width: 665px;
}

div#live-load-data-wrapper div.zone_chart
{
  height: 200px;
}

div#choose-graph-wrapper
{
position: absolute;
right: -49px;
top: 7px;
width: 160px;
z-index:1;
}

div#choose-graph-wrapper img
{
cursor: pointer;
position: absolute;
z-index:1;
}

div#choose-graph-dropdown
{
border: 1px solid #b0bcc3;
padding: 23px 7px 3px;
position: absolute;
left: -8px;
top: -6px;
line-height: 18px;
background-color: #fff;
display: none;
width: 150px;
z-index:1;
}

div#choose-graph-dropdown ul
{
  width: 150px;
  margin:0;
  padding:0;
}

div#choose-graph-dropdown ul li
{
  padding: 3px 0px;
  margin: 0px;
  list-style-type:none;
}

div#choose-graph-dropdown li.save-zones
{
  padding-top: 5px;
}

div.ftp-image img
{
  width: 705px;
}

table#energy-totals-1 tr td.col-1{width: 160px;}
table#energy-totals-1 tr td.col-2{}

table#energy-totals-2 tr td.col-1{width: 160px;}
table#energy-totals-2 tr td.col-2{width: 175px; border-right: 1px solid #e5e5e5;}
table#energy-totals-2 tr td.col-3{width: 80px; padding-left: 25px}
table#energy-totals-2 tr td.col-4{width: 240px;}

table#energy-totals-3 tr td.col-1{width: 160px;}
table#energy-totals-3 tr td.col-2{width: 70px;}
table#energy-totals-3 tr td.col-3{width: 100px; border-right: 1px solid #e5e5e5;}
table#energy-totals-3 tr td.col-4{width: 80px; padding-left: 25px}
table#energy-totals-3 tr td.col-5{width: 240px;}

table#energy-totals-4 tr td.col-1{width: 160px;}
table#energy-totals-4 tr td.col-2{}

table#energy-totals-5 tr td.col-1{width: 160px;}
table#energy-totals-5 tr td.col-2{width: 175px; border-right: 1px solid #e5e5e5;}
table#energy-totals-5 tr td.col-3{width: 80px; padding-left: 25px}
table#energy-totals-5 tr td.col-4{width: 240px;}


table#live-load-data-table tr td
{
  border-bottom: 0px;
  padding-top: 5px;
}

table#live-load-data-table tr.header-row td
{
  border-bottom: 1px solid #CCCCCC;
}

table#live-load-data-table tr.header-row td.col-heading
{
  font-weight: bold;
}

table#live-load-data-table  #button-download {
background:transparent url(../../images/systemoperator/button-download.gif) no-repeat scroll right bottom;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:verdana,arial,sans-serif;
margin:0;
height:18px;
width:119px;
}

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

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

/* Gallery */
div#gallery-intro
{
	padding: 10px;
	background-color: #d2e7ec;
	margin-bottom: 10px;
}

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

div#galley-wrapper
{
	padding: 5px;
	background-color: #d2e7ec;
}

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

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

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

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

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

img#gallery-info
{
	cursor: pointer;
}