@import "reset.css";
/* - html elements - */
body {font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.2em; background:#fff url('../Images/global/bg-body.jpg') repeat-x; color:#333;}
a {color:#f37421;text-decoration:none;}
a:hover {text-decoration:underline!important;}
p {font-size:1.0em;}
h1 {font-size:1.7em; margin-bottom:18px; line-height:1.1em;}
h2 {color:#999; font-size:1.3em;}
/* - misc - */
.clear {float:left; clear:both; margin-bottom:45px;}
.strong {font-weight:bold;}
/* - global - */
#header-holder {width:100%; height:118px; background:transparent url('../Images/global/bg-header.jpg') top center no-repeat;}
#header-content {width:944px; margin:0 auto; padding-top:10px;}
#logo {background:#1e4164 url('../Images/global/logo.jpg'); display:block; text-indent:-9999px; width:181px; height:61px; margin-bottom:10px;}
#search {float:right; position:relative; top:-35px;}
#search span {color:#fff; font-size:0.9em;}
#search input {width:180px; padding:2px 0 2px 7px; font-size:1.0em; border:1px solid #c7c7c7; color:#999;}
#search input#searchButton {width:23px;height:21px;margin-left:-3px;text-indent:-3000px;padding: 0; background:#fff url('../Images/global/bg-search.jpg') right 2px no-repeat; border:1px solid #c7c7c7; color:#999;}
#content-holder {width:944px; *width:954px; margin:15px auto 0 auto; height:auto;}
#footer {border-top:4px solid #c41230; width:944px; margin:15px auto 0 auto; padding-top:20px; clear:both;}
#footer ul {float:left; width:160px; color:#808080; font-size:0.8em; padding-bottom:20px;}
#footer li a {color:#808080; text-decoration:none;}
#footer li .dark {color:#000;}
#footer .rss {background:#fff url('../Images/misc/rss-icon.gif') 55px 2px no-repeat; margin-top:10px;}
#footer .rss a {color:#000;}
#footer ul.last {float:right; width:220px;}
#footer #sub-links {color:#000; margin-bottom:10px;}
#footer #sub-links a {display:inline; color:#000; padding:0 4px;}
#footer #sub-links .first {padding-left:0;}
#footer #sub-links .last {padding-right:0;}
/* - nav and breadcrumbs - */
#nav-main li {float:left; position:relative;}
#nav-main li a {display:block; height:33px; text-decoration:none; background:#c1112f url('../Images/global/bg-nav.png') 0 0 no-repeat;}
#nav-main #gas {width:64px; text-indent:-9999px;}
#nav-main #gas:hover, #nav-main :hover > #gas, #nav-main #gas-holder .active:hover, #nav-main :hover > #gas.active {background-position:0 -33px;}
#nav-main #gas-sub { z-index:100;padding:25px 0; width:556px; line-height:1.4em; background:#eae7e3 url('../Images/global/bg-sub-nav.jpg') repeat-x; border-top:4px solid #f37421; box-shadow: 1px 1px 1px #c2c2c2; -moz-box-shadow: 1px 1px 1px #c2c2c2; -webkit-box-shadow: 1px 1px 1px #c2c2c2;}
#nav-main #gas-sub .one {padding:0 20px; width:177px; float:left; border-right:1px solid #dfdfdf;}
#nav-main #gas-sub .two {padding:0 20px; height:280px; width:142px; float:left; border-right:1px solid #dfdfdf;}
#nav-main #gas-sub .three {padding:0 20px; width:115px; float:right;}
#nav-main #elec {width:121px; background-position:-64px 0; text-indent:-9999px;}
#nav-main #elec:hover, #nav-main :hover > #elec, #nav-main #elec-holder .active:hover, #nav-main :hover > #elec.active {background-position:-64px -33px;}
#nav-main #elec-sub {z-index:100;padding:25px 0; width:873px; position:relative; z-index:100; line-height:1.4em; background:#eae7e3 url('../Images/global/bg-sub-nav.jpg') repeat-x; border-top:4px solid #f37421; box-shadow: 1px 1px 1px #c2c2c2; -moz-box-shadow: 1px 1px 1px #c2c2c2; -webkit-box-shadow: 1px 1px 1px #c2c2c2;}
#nav-main #elec-sub .one {padding:0 20px; width:180px; float:left; height:426px; border-right:1px solid #dfdfdf;}
#nav-main #elec-sub .two {padding:0 20px; width:180px; float:left; height:426px; border-right:1px solid #dfdfdf;}
#nav-main #elec-sub .three {padding:0 20px; width:180px; float:left; height:426px; border-right:1px solid #dfdfdf;}
#nav-main #elec-sub .four {padding:0 20px; width:170px; float:left;}
#nav-main #about {width:125px; background-position:-185px 0; text-indent:-9999px;}
#nav-main #about:hover, #nav-main :hover > #about, #nav-main #about-holder .active:hover, #nav-main :hover > #about.active {background-position:-185px -33px;}
#nav-main #about-sub {z-index:100;padding:25px 0;width:480px; line-height:1.4em; background:#eae7e3 url('../Images/global/bg-sub-nav.jpg') repeat-x; border-top:4px solid #f37421; box-shadow: 1px 1px 1px #c2c2c2; -moz-box-shadow: 1px 1px 1px #c2c2c2; -webkit-box-shadow: 1px 1px 1px #c2c2c2;}
#nav-main #about-sub .one {padding:0 20px; width:185px; float:left; border-right:1px solid #dfdfdf;}
#nav-main #about-sub .two {padding:0 20px; width:178px; float:right;}
#nav-main ul ul {visibility:hidden; position:absolute; height:0; top:33px; left:0; color:#666;}
#nav-main table {position:absolute; top:0; left:0; border-collapse:collapse;}
#nav-main ul ul a {background:transparent!important; color:#666; height:auto;}
#nav-main ul ul a:hover {text-decoration:underline; color:#f37421;}
#nav-main ul li:hover ul, #nav-main ul a:hover ul {visibility:visible;}
#nav-main .main {color:#333; font-weight:bold; margin-bottom:11px;}
#nav-main .secondary {color:#888; font-weight:bold; margin-bottom:8px;}
#nav-main .last {margin-bottom:17px;}
#nav-main .end {margin-bottom:0;}
#nav-main #gas-holder .active {background:transparent url('../Images/global/bg-nav.png') 0 -66px;}
#nav-main #elec-holder .active {background:transparent url('../Images/global/bg-nav.png') -64px -66px;}
#nav-main #about-holder .active {background:transparent url('../Images/global/bg-nav.png') -185px -66px;}
/* ie6 nav dropdown hacks */
* html #nav-main {position:absolute; top:81px;}
* html #nav-main #gas:hover {background:url('../Images/global/bg-nav.png') 0 -33px;}
* html #nav-main #elec:hover {background:url('../Images/global/bg-nav.png') -65px -33px;}
* html #nav-main #about:hover {background:url('../Images/global/bg-nav.png') -185px -33px;}
/* breadcrumbs */
#breadcrumbs {background-color:#edeae7; width:100%; padding:10px 0px; font-weight:bold;}
#breadcrumbs span {color:#333;}
#breadcrumbs ul {width:944px; margin:0 auto;}
#breadcrumbs ul li {display:inline; color:#696560;}
#breadcrumbs ul li a {color:#696560; text-decoration:none; font-weight:normal;}
/* - left - */
#left-holder {float:left; width:160px; padding-right:10px;}
#left-holder .block {border-top:4px solid #c41230; margin-bottom:14px; float:left; width:160px;}
#nav-left {margin-top:15px; visibility:hidden;}
#nav-left li {margin-bottom:8px; padding-top:6px;}
#nav-left li a {color:#666; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#nav-left li .active, #nav-left li a:hover {color:#000;}
#nav-left #section {margin-bottom:4px; text-transform:uppercase; color:#c41230; font-weight:bold; padding-top:0;}
#nav-left li ul {margin-top:5px; display:none;}
#nav-left li ul li {margin:0 0 4px 10px; padding:0;}
#nav-left li ul li a {text-transform:none; color:#666; font-weight:normal;}
#nav-left li ul li a.active {color:#000;}
/* - mid (main) content */
#mid-holder {float:left; width:522px; border-right:1px solid #ccc; border-left:1px solid #ccc; padding:0 10px 50px 10px; margin-bottom:15px;}
#mid-holder.wide {width:742px;}
#mid-holder #hero {padding-bottom:10px;}
#mid-holder #intro {font-style:italic; margin-bottom:15px; padding-top:10px; border-top:1px solid #ccc; line-height:1.4em;}
#mid-holder p {line-height:1.4em; margin-bottom:12px;}
#mid-holder .content {float:left; width:522px; margin-top:15px;}
#mid-holder .wide {width:742px;}
#mid-holder h1 {font-size:1.4em; margin-bottom:10px;color:#333;}
#mid-holder h2 {font-size:1.3em; margin-bottom:10px;color:#333;}
#mid-holder h3 {font-size:1.2em; margin-bottom:10px;color:#1e4189;}
#mid-holder h4 {font-size:12px; margin-bottom:10px;color:#696560;}
#mid-holder h5 {font-size:12px; margin-bottom:10px;color:#C41230;}
#mid-holder h6 {font-size:12px; margin-bottom:10px;color:#1e4189;}
#mid-holder ul {margin: 20px 0 20px 20px;}
#mid-holder ol {margin: 20px 0 20px 15px;list-style-type: decimal;list-style-position:inside;}
#mid-holder ul li {margin-bottom:3px; background:#fff url('../Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px;}
#mid-holder ol li {margin-bottom:3px; padding-left:8px;}
#mid-holder .teaser {border-top:1px solid #ccc; padding:15px 50px 0 0; width:472px;}
#mid-holder .teaser h3 {font-size:1.2em; margin-bottom:6px; color:#000;}
#mid-holder .teaser .thumb {float:left; margin-right:20px;}
#mid-holder .teaser .more {font-size:0.9em;}
/* - right - */
#right-holder {float:left; width:220px; margin:0 0 15px 9px;}
#right-holder ul {margin: 20px 0 20px 20px;}
#right-holder ol {margin: 20px 0 20px 15px;list-style-type: decimal;list-style-position:inside;}
#right-holder ul li {margin-bottom:3px; background:#fff url('../Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px;}
#right-holder ol li {margin-bottom:3px; padding-left:8px;}
#right-holder .block {border-top:4px solid #c41230; margin-bottom:14px; float:left; width:220px;}
#right-holder .block h2 {float:left; margin-top:14px;}
#right-holder .block h3 {margin-bottom:3px; font-size:1.1em;}
#right-holder .row h1 {font-size:1.4em; margin-bottom:10px;color:#333; float:none;}
#right-holder .row h2 {font-size:1.3em; margin-bottom:10px;color:#333; float:none;}
#right-holder .row h3 {font-size:1.2em; margin-bottom:10px;color:#333; float:none;}
#right-holder .block .sml {font-size:1.25em;}
#right-holder .block .all {float:right; font-size:0.9em; margin-top:14px;}
#right-holder .block .all-txt {float:right; font-size:0.9em; margin-top:12px;}
#right-holder .block .row {border-top:1px solid #ccc; float:left; width:220px; margin-top:10px; padding-top:10px;}
#right-holder .block .left {float:left; width:65px;}
#right-holder .block .right {float:right; width:146px;}
#right-holder .block .more {font-size:0.9em; position:relative; top:4px;}
#right-holder .block .date {margin-bottom:5px; color:#666;}
#right-holder .block .links {float:left; width:220px;}
#right-holder .block .links li {margin-bottom:3px; background:#fff url('../Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px; font-size:0.9em;}
#right-holder .block .links a {color:#333; text-decoration:none; font-weight:bold;}
/* #announcements h2 {background:#fff url('../Images/text/announcements.gif'); margin-top:4px; width:121px; height:9px; display:block; text-indent:-9999px;} */
/* - home - */
/* slider */
#slider {float:left; margin-bottom:15px; width:944px;}
#controls {float:right; margin-top:-45px; margin-right:20px;}
#controls li {float:left; margin-right:10px;}
#controls li a {display:block; width:9px; height:9px; overflow:hidden; background:transparent url('../Images/misc/slider-link.png'); text-indent:-9999px;}
#controls .current a {background:transparent url('../Images/misc/slider-current.png');}
/* tabbed content */
#tabs {border-right:1px solid #ccc; width:704px; float:left; padding-right:10px; margin-bottom:25px;}
.ui-tabs {}
.ui-tabs .ui-tabs-nav {width:704px; float:left; margin-bottom:20px;}
.ui-tabs .ui-tabs-nav li {float:left;}
.ui-tabs .ui-state-default a {background:#fff url('../Images/misc/tabs-nav.jpg') 0 0 no-repeat; height:50px; text-indent:-9999px; display:block;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background-position:0 -52px;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
.ui-tabs .ui-tabs-panel {display: block; border:0; background:none;}
.ui-tabs .ui-tabs-hide {display:none!important;}
#whats-new {width:124px;}
#whats-new:hover {background-position:0 -52px;}
#electricity {width:180px; background-position:-124px 0;}
#electricity:hover {background-position:-124px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#electricity {background-position:-124px -52px;}
#gas-data {width:119px; background-position:-304px 0;}
#gas-data:hover {background-position:-304px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#gas-data {background-position:-304px -52px;}
#consultations {width:160px; background-position:-423px 0;}
#consultations:hover {width:160px; background-position:-423px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#consultations {width:160px; background-position:-423px -52px;}
#contact {width:121px; background-position:-583px 0;}
#contact:hover {width:121px; background-position:-583px -52px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a#contact {width:121px; background-position:-583px -52px;}
#tabs-1 h2 {float:left;}
#tabs-1 h3 {border-top:1px solid #ccc; float:left; width:160px; font-size:1.2em; padding-top:16px; margin:3px 0 10px 0;}
#tabs-1 p {margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px; float:left;}
#tabs-1 .col {float:left; width:160px; padding:0 10px; border-left:1px solid #ccc;}
#tabs-1 .first {padding-left:0; border:none;}
#tabs-1 .last {padding-right:0;}
#tabs-1 .all {float:right; font-size:0.9em; margin-top:1px;}
#tabs-1 .thumb {margin-bottom:10px; float:left;}
#tabs-1 .more {font-size:0.9em; float:left; margin-top:5px;}
#tabs-1 .links {float:left;}
#tabs-1 .links li {background:#fff url('../Images/misc/bullet-red.gif') 0 5px no-repeat; padding-left:8px;}
#tabs-1 .links a {color:#333; text-decoration:none; font-size:0.9em; font-weight:bold;}
/* home right */
.right-home {top:-9px; }
#useful-websites {background:#fff url('../Images/misc/bg-useful-websites.jpg') 0 0 no-repeat; width:220px; height:50px;}
#useful-websites a {background:#fff url('../Images/misc/btn-view.jpg'); float:right; margin:7px 16px 0 0; display:block; width:57px; height:31px; text-indent:-9999px;}
#useful-websites p {float:left; margin:16px 0 0 12px;}
#mid-holder table.tableStyle, #right-holder table.tableStyle {border-collapse:collapse;margin-bottom:25px;padding:6px;margin:0 auto 35px auto;width:100%; }
#mid-holder table.tableStyle tr td, #right-holder table.tableStyle tr td{vertical-align:middle;padding:10px 6px;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; font-size:1.2em;color:#999; font-weight:bold }
#mid-holder table.tableStyle tr td.rightColumn, #right-holder table.tableStyle tr td.rightColumn {border-right: 1px solid #ccc; }
table.tableStyle2 {
border-collapse:collapse;
margin-bottom:15px;
padding:6px;
margin-top: 6px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
table.tableStyle2 tr th {
vertical-align:middle;
padding:10px 6px;
font-size:12px;
color:#999;
font-weight:bold;
background-image: url(../Images/misc/table_bg1.png);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
background-color: #EBEBEB;
background-repeat: repeat-x;
text-align: center;
}
table.tableStyle2 tr td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ccc;
padding: 8px;
text-align: center;
color: #999999;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
table.tableStyleGen {
border-collapse:collapse;
margin-bottom:15px;
padding:6px;
margin-top: 6px;
margin-right: auto;
margin-left: auto;
width: 100%;
}
table.tableStyleGen tr th {
vertical-align:middle;
padding:10px 6px;
font-size:14px;
color:#999;
font-weight:bold;
background-image: url(../Images/misc/table_bg1.png);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ccc;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
background-color: #EBEBEB;
background-repeat: repeat-x;
text-align: center;
}
table.tableStyleGen tr td {
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ccc;
padding: 8px;
text-align: left;
color: #999999;
font-weight: bold;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
}
table.tableStyle-plan {
width: 100%;
font-weight: normal;
}
table.tableStyle-plan tr td {
text-align: left;
color: #999999;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
table.tableStyle-plan tr th {
text-align: left;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
.hilight_box {
background-image: url(../Images/misc/hilight_bg.png);
background-repeat: repeat-x;
padding: 20px;
border: 1px solid #ccc;
background-color: #EAE9E5;
width: 660px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
font-weight: normal;
}
.hilight_box_col {
background-image: url(../Images/misc/hilight_bg.png);
background-repeat: repeat-x;
padding: 20px;
border: thin solid #ccc;
background-color: #EAE9E5;
float: left;
width: auto;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
vertical-align: middle;
}
.cola {
float: left;
width: 48%;
text-align: center;
vertical-align: middle;
margin-right: 10px;
}
.colb {
float: right;
position: relative;
width: 48%;
margin-left: 10px;
}
.cola-2 {
float: left;
width: 90%;
text-align: left;
vertical-align: middle;
margin-right: 5px;
}
.colb-2 {
float: right;
position: relative;
width: 8%;
text-align: center;
display: block;
vertical-align: middle;
}
.cola-list {
float: left;
width: 48%;
text-align: left;
vertical-align: middle;
margin-right: 5px;
border-right-width: thin;
border-right-style: solid;
border-right-color: #ccc;
padding-right: 10px;
}
.colb-list {
float: left;
position: relative;
width: 48%;
margin-left: 10px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
list-style-type: disc;
}
.accross {
float: left;
width: 702px;
position: relative;
}
.button {
text-decoration: none;
margin-left: auto;
margin-right: auto;
width: auto;
float: left;
}
.snavbox {
position: relative;
width: 160px;
height: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 5px;
float: right;
}
.snavboxCentre {
position: relative;
width: 140px;
height: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 5px;
}
.subnav, .subnav ul { /* all lists */
list-style: none;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.subnav a {
display: block;
width: 128px;
TEXT-ALIGN: center;
padding-left: 4px;
background-image: url(../Images/misc/btn_bg.png);
border: 1px solid #ccc;
background-repeat: repeat-x;
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
font-weight: bold;
color: #333333;
}
.subnav li { /* all list items */
float: left;
line-height: 18px;
}
.subnav a:link, .subnav a:visited
{
text-decoration: none ! important;
}
.subnav :hover {
background-image: url(../Images/misc/btn_bg_hover.png);
background-repeat: repeat-x;
color: #FF6600;
font-weight: bold;
text-decoration: none;
}
/* ----- new careers section css ----- */
#tabs-careers .ui-tabs-nav {display:block; z-index:1; position:relative; margin:0 0 0 11px; top:234px; width:743px!important;}
#tabs-careers .ui-tabs-nav li {list-style:none; margin:0; padding:0; background:none; margin-right:4px;}
#tabs-careers .ui-state-default a {display:block; height:28px; text-indent:-9999px; background:transparent url('../Images/careers/careers-nav.jpg'); background-position:0 0; width:138px;}
#our-difference {background-position:-142px 0!important;}
#our-values {background-position:-284px 0!important;}
#your-career {background-position:-426px 0!important;}
#graduate-program {background-position:-570px 0!important; margin-right:0!important; width:153px!important;}
#unique-role:hover {background-position:0 -28px!important;}
#our-difference:hover {background-position:-142px -28px!important;}
#our-values:hover {background-position:-284px -28px!important;}
#your-career:hover {background-position:-426px -28px!important;}
#graduate-program:hover {background-position:-570px -28px!important;}
.ui-state-active #unique-role {background-position:0 -56px!important;}
.ui-state-active #our-difference {background-position:-142px -56px!important;}
.ui-state-active #our-values {background-position:-284px -56px!important;}
.ui-state-active #your-career {background-position:-426px -56px!important;}
.ui-state-active #graduate-program {background-position:-570px -56px!important;}
.careers-intro {float:left; line-height:23px; width:506px; border-bottom:1px solid #e5e5e5; padding-bottom:25px; margin:-6px 0 25px 0!important;}
.careers-intro h2 {font-size:20px!important; font-weight:normal;}
.careers-intro p {margin-bottom:0!important; color:#666!important;}
.careers-header {position:relative; top:-28px; display:block; z-index:-9999px;}
.careers-content {width:506px;}
.careers-content h3 {color:#333!important; margin-bottom:20px!important;}
#vacancies {
position:absolute;
top:452px;
border:1px solid #dadada;
margin-left:523px;
padding:15px 0;
width:217px;
background:#eae7e3 url('../Images/careers/bg-view-vacancies.jpg') top repeat-x;
text-align:center;
background-image: url(../Images/careers/bg-view-vacancies.jpg);
}
#vacancies a {background:transparent url('../Images/careers/btn-view-vacancies.jpg'); display:block; width:170px; margin:0 auto; height:33px; text-indent:-9999px;}
#careers-home {text-decoration:underline; position:absolute; top:650px; margin-left:523px;}
#documents {
position:absolute;
top:552px;
border:1px solid #dadada;
margin-left:523px;
padding:10px 0;
width:217px;
background:#eae7e3 url('../Images/careers/bg-view-vacancies.jpg') top repeat-x;
text-align:center;
background-image: url(../Images/careers/bg-view-vacancies.jpg);
}
/* --- Network Connections --- */
/* ie7 fix */
#nav-main {
z-index: 9999!important;
position: relative;
}
/********/
.hidden {
position: absolute;
left: -9999px;
}
#mid-holder.wide.network {
padding-bottom: 0;
}
#mid-holder h2 {
font-size: 1.18em;
}
#mid-holder div.network-connections ul li {
margin: 5px 0;
}
/* Tabbed Nav */
div.network-connections div#tabs-network-connections {
bottom: 0;
left: 11px;
position: absolute;
width: 743px;
z-index: 50;
}
div.network-connections div#tabs-network-connections ul {
margin: 0;
}
#mid-holder div.network-connections div#tabs-network-connections ul li {
background:none;
float: left;
display: inline;
margin:0 4px 0 0;
padding: 0;
}
div.network-connections div#tabs-network-connections ul li a {
background: url(../Images/network-connections/nc-nav-sprite.png);
display: block;
height: 28px;
text-indent: -9999px;
width: 130px;
}
div.network-connections div#tabs-network-connections ul li a.network-connections {
background-position: -1px 0!important;
width: 184px;
}
div.network-connections div#tabs-network-connections ul li a.network-connections:hover {
background-position: -1px -28px!important;
width: 184px;
}
div.network-connections div#tabs-network-connections ul li.active a.network-connections {
background-position: 0 -56px!important;
}
div.network-connections div#tabs-network-connections ul li a.roles {
background-position: -189px 0!important;
}
div.network-connections div#tabs-network-connections ul li a.roles:hover {
background-position: -189px -28px!important;
}
div.network-connections div#tabs-network-connections ul li.active a.roles {
background-position: -189px -56px!important;
}
div.network-connections div#tabs-network-connections ul li a.rules {
background-position: -323px 0!important;
}
div.network-connections div#tabs-network-connections ul li a.rules:hover {
background-position: -323px -28px!important;
}
div.network-connections div#tabs-network-connections ul li.active a.rules {
background-position: -323px -56px!important;
}
div.network-connections div#tabs-network-connections ul li a.community {
background-position: -457px 0!important;
}
div.network-connections div#tabs-network-connections ul li a.community:hover {
background-position: -457px -28px!important;
}
div.network-connections div#tabs-network-connections ul li.active a.community {
background-position: -457px -56px!important;
}
div.network-connections div#tabs-network-connections ul li a.faqs {
background-position: -590px 0!important;
}
div.network-connections div#tabs-network-connections ul li a.faqs:hover {
background-position: -590px -28px!important;
}
div.network-connections div#tabs-network-connections ul li.active a.faqs {
background-position: -590px -56px!important;
}
/** Network Coonections Page Layout **/
div.network-connections {
float: left;
display: inline;
width: 513px;
}
div.network-connections.split {
width: 360px;
}
div.network-connections.split .network-connections-content .intro {
padding-right: 0;
}
div.network-connections.split .network-connections-content {
padding-right: 5px;
}
div.network-connections .header {
display: inline;
float: left;
margin-top: -15px;
position: relative;
}
div.network-connections .header img {
float: left;
display: inline;
}
div.network-connections .network-connections-content {
border-right: 1px solid #ccc;
float: left;
display: inline;
margin-top: 25px;
padding: 0 0 50px 0;
}
div#mid-holder.wide.network div.network-connections .network-connections-content {
width: 100%;
}
div.network-connections .network-connections-content a {
text-decoration: underline;
}
div.network-connections .network-connections-content a:hover {
text-decoration: none!important;
}
div.network-connections .network-connections-content .file {
color: #555;
font-style: italic;
}
div.network-connections.split .network-connections-content .content-nav {
width:100%;
}
div.network-connections .network-connections-content .intro {
font-size:20px;
}
/* Network Connections Form */
#right-holder-form {
float:left;
margin: 210px 0 15px 15px;
width:360px;
}
form#network_connections {
background:#eae7e3 url(../Images/network-connections/form-bg.jpg) repeat-x;
border: 1px solid #ddd;
float: left;
display: inline;
width: 360px;
}
form#network_connections div.form-content {
float: left;
padding: 15px 5px 5px;
width:auto;
}
form#network_connections div, form#network_connections label, form#network_connections select {
float: left;
}
form#network_connections div {
width:348px;
padding:6px 0;
}
form#network_connections div.active{
background: #f3e4e6;
border:1px solid #ecbfc6;
padding:5px 0;
}
form#network_connections label {
margin-left: 5px;
width: 160px;
}
form#network_connections label span {
font-weight: bold;
}
form#network_connections select {
margin-left:5px;
width:175px;
}
input#network_connections_view {
background: url(../Images/network-connections/form-button-bg.jpg) repeat-x;
border:1px solid #ccc;;
float: right;
height: 28px;
margin: 10px 0 0 0;
width: 65px;
}
/* Conncections Process List */
div.network-connections-process {
width: 513px;
}
#mid-holder div.connection-process h2 {
font-size: 1.7em;
font-style: normal;
line-height: 1em;
margin: 20px 0;
}
div.connection-process .processes div {
border-top:1px solid #ccc;
float: left;
width: 100%;
}
#mid-holder div.connection-process div.content {
border: none;
margin: 0 0 0 82px;
padding: 10px 0;
width: 400px;
}
div.connection-process div.content h3 {
background: url(../Images/network-connections/steps-sprite.png) 0 0 no-repeat;
float: left;
height:69px;
margin-left: -82px;
margin-bottom: 0;
text-indent: -9999px;
width: 69px;
}
div.step-2 h3 {
background-position: 0 -69px!important;
}
div.step-3 h3 {
background-position: 0 -138px!important;
}
div.step-4 h3 {
background-position: 0 -207px!important;
}
div.step-5 h3 {
background-position: 0 -276px!important;
}
div.step-6 h3 {
background-position: 0 -345px!important;
}
div.step-7 h3 {
background-position: 0 -414px!important;
}
#mid-holder div.connection-process div.content h4 {
margin-bottom: 5px;
}
#mid-holder div.connection-process div.content h4 {
color:#000;
}
#mid-holder div.connection-process div.content p {
margin-bottom: 0;
}
div.connection-process div.content a {
clear: left;
}
/** Coonections Process Pages **/
/* Process Steps */
#mid-holder.wide.process {
padding-bottom: 0;
}
#mid-holder.wide.process div.network-connections .network-connections-content {
padding-right: 0;
}
a.start {
font-size: 0.95em;
}
#connection-steps {
float: left;
display: inline;
margin-top: 20px;
width: 503px;
}
#connection-steps #tabs {
background: #eae7e3 url(../Images/network-connections/process-nav-bg.png) repeat-x;
border: 1px solid #ccc;
float: left;
display: inline;
font-size: 0.935em;
padding:12px 0 23px;
width: 100%;
}
#connection-steps #tabs span.process-progress {
background: url(../Images/network-connections/process-nav-sprite.png) no-repeat;
float: left;
display: inline;
height: 38px;
margin-left: 25px;
width: 457px;
}
#connection-steps #tabs.tab1 span.process-progress {
background-position:0 -190px!important;
}
#connection-steps #tabs.tab2 span.process-progress {
background-position:0 -152px!important;
}
#connection-steps #tabs.tab3 span.process-progress {
background-position:0 -114px!important;
}
#connection-steps #tabs.tab4 span.process-progress {
background-position:-1px -76px!important;
}
#connection-steps #tabs.tab5 span.process-progress {
background-position:-1px -38px!important;
}
#connection-steps #tabs.tab6 span.process-progress {
background-position:-1px 0!important;
}
#connection-steps #tabs ul {
clear: left;
float: left;
display: inline;
margin: 3px 0 0 0;
padding:0;
position: relative;
}
#mid-holder #connection-steps #tabs ul li {
background: none;
float: left;
display: inline;
margin: 0;
position: absolute;
padding:0;
}
#mid-holder #connection-steps #tabs li.tab1 {
left: 10px;
width: 90px;
}
#mid-holder #connection-steps #tabs li.tab2 {
left: 110px;
}
#mid-holder #connection-steps #tabs li.tab3 {
left: 185px;
}
#mid-holder #connection-steps #tabs li.tab4 {
left: 270px;
}
#mid-holder #connection-steps #tabs li.tab5 {
left: 350px;
}
#mid-holder #connection-steps #tabs li.tab6 {
left:438px;
}
#connection-steps #tabs li a {
float: left;
display: inline;
padding: 0;
outline: none!important;
}
#connection-steps #tabs li.active a {
color:#000;
font-weight: bold;
text-decoration: none;
}
#mid-holder div.network-connections #connection-steps h2 {
font-size: 1.6em;
margin-bottom: 15px;
}
#mid-holder div.network-connections #connection-steps .intro {
padding-bottom: 20px;
}
#mid-holder div.network-connections #connection-steps .intro h3 {
color: #1e4189;
font-size:1em;
margin: 0 0 2px;
}
#mid-holder div.network-connections .intro p {
line-height: 23px;
margin-top:2px;
}
#mid-holder div.network-connections #connection-steps h3 {
font-size: 1.2em;
color: #1e4189;
}
/* Support Links */
#right-holder.support {
border: 1px solid #ccc;
background:#EAE7E3 url(../Images/network-connections/support-pages-bg.png) repeat-x;
margin:210px 0 0 10px;
padding: 7px 0 5px;
width:217px;
text-align: center;
}
#right-holder.support h3 {
color: #333;
font-size: 1em;
font-weight: normal;
margin-bottom: 15px;
}
#right-holder.support a {
color: #333;
background: url(../Images/network-connections/support-pages-link-bg.png) repeat-x;
border: 1px solid #d2d1d1;
display: block;
font-weight:bold;
height:29px;
line-height: 2.7;
margin: 7px auto;
width:195px;
}
#right-holder.support a:hover {
background: url(../Images/network-connections/support-pages-link-over-bg.png) repeat-x;
color: #555;
text-decoration: none!important;
}
.network-connections-content .content-nav {
float: left;
display: inline;
margin-top: 20px;
position: relative;
text-align: center;
width: 100%;
}
.network-connections-content .content-nav a.start {
bottom: 0;
left: 0;
position: absolute;
}
.network-connections-content .content-nav .back-to-top {
background: url(../Images/network-connections/orange-arrow.gif) no-repeat center top;
display: block;
font-size: 0.95em;
padding-top: 10px;
}
/* Roles */
map:hover, area, area:focus, area:hover, area img {
outline: none!important;
border: none!important;
}
.map-wrapper {
background:#eae7e3 url(../Images/network-connections/roles-map-bg.png) repeat-x;
border: 1px solid #dadada;
float: left;
display: inline;
padding: 18px;
}
#mid-holder div.network-connections .map-wrapper h2 {
font-size: 1.05em;
}
#map {
height:357px;
margin: 20px 0 0 32px;
width: 375px;
}
.map-wrapper div.info-boxes {
float: left;
display: inline;
width:455px;
}
.map-wrapper div.info-boxes div.info {
background: url(../Images/network-connections/info-box-top.png) no-repeat;
margin-top:-20px;
padding-top: 37px;
width:455px;
float: left;
}
#mid-holder .map-wrapper div.info-boxes div.info h5 {
color: #1E4189;
}
#mid-holder .map-wrapper div.info-boxes div.info h3, #mid-holder .map-wrapper div.info-boxes div.info h4 {
color: #333;
}
#mid-holder .map-wrapper div.info-boxes div.info h4 {
margin-bottom: 0;
}
#mid-holder .map-wrapper div.info-boxes div.info div.content {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
background: #fff;
float: left;
margin: 0;
padding: 20px;
width: auto;
}
#mid-holder .map-wrapper div.info-boxes div.info div.content ul li a {
width:90px;
}
#mid-holder #roles.network-connections .intro, #mid-holder #regulatory.network-connections .intro, #mid-holder #community.network-connections .intro, #mid-holder #faqs.network-connections .intro-block {
margin-top: 20px;
}
#mid-holder #regulatory.network-connections div.network-connections-content, #mid-holder #roles.network-connections div.network-connections-content,
#mid-holder #faqs.network-connections div.network-connections-content, #mid-holder #community.network-connections div.network-connections-content
{
padding-right: 10px;
}
div#negotiation ol li p {
margin-left: -22px;
margin-top: 5px;
}
/* FAQs */
div#faqs.network-connections .network-connections-content {
width: auto;
padding-right: 10px;
}
div#faqs.network-connections .network-connections-content div {
padding-top: 15px;
border-top:1px solid #ccc;
}
div#faqs.network-connections .network-connections-content div.intro {
border: none;
padding: 0;
}
div#faqs.network-connections .network-connections-content ul.toc {
margin: 0;
padding: 0 0 20px;
}
div#faqs.network-connections .network-connections-content ul.toc li {
background: none;
padding-left: 0;
}
div#faqs.network-connections .network-connections-content ul.toc li h2 {
font-size: 1em;
font-weight: normal;
}
div#mid-holder div#faqs.network-connections ol {
list-style-position: outside;
margin-left: 20px;
}