/* CSS Document */

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
}

.clear-both {
clear: both;
height: 1px;
overflow: hidden;
}

.expand {
width: 100%;
/* makes the box expand so it contains the floats */
overflow: hidden;
}

#page-container {
padding: 0em;
}

ul.inline li {
display: inline;
}

ul {
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-bottom: 20px;
}

ol {
margin: 0px;
padding: 0px;
margin-left: 20px;
margin-bottom: 20px;
}
/* ---------------------------------------------------------------------Start: Min width for both IE & Complient Browsers */

/* Give the min-width property
to complient browsers */
#page-container[id] {
min-width: 76.0em;
}

* html .min-width {
padding-left: 76.0em;
}

* html .min-container {
position: relative;
margin-left: -76.0em;
}

/* Hide from IE Mac \*/
* html .min-width,
* html .min-container,
* html .min-keep-padding {
height: 1px;
}
/* End hide from IE Mac */

/* ---------------------------------------------------------------------End:   min width for both IE & Complient Browsers */

/* --------------------------------------------------------------------- Standard HTML Styles */


h1 {
position: relative;
margin: 0;
padding: 0;
padding-top: .5em;
padding-bottom: .1em;
margin-right: 6px;
margin-left: 0px;
margin-bottom: 3px;
font-size: 1.4em; /* 1.7em */
font-weight: normal;
border-bottom: 6px solid #CCC;
}

h1.page-title-inside {
position: relative;
margin: 0;
padding: 0;
margin-top: 8px;
margin-bottom: .8em;
margin-left: -10px;
padding-top: 12px; /* 25px */
padding-bottom: 15px;
padding-left: 10px;
color: #000;
font-size: 1.5em; /* 1.8em */
font-weight: normal;
background-position: right top;
background-repeat: repeat-y;
border-bottom: none;
}

h2.page-title-inside {
position: relative;
margin: 0;
padding: 0;
margin-top: 8px;
margin-bottom: .8em;
padding-bottom: 5px;
color: #DB0000;
font-size: 1.3em;
font-weight: normal;
border-bottom: none;
}

h2 {
margin: 0;
padding: 0;
margin-right: 18px; 
margin-bottom: .3em;
margin-left: 0px;
font-size: 1em;
font-weight: bold;
color: #000;
}

h2 a {
color: #DB0000; /* CC0000 */
font-weight: bold;
margin: 0em;
padding: 0em;
margin-bottom: .3em;
}

h2 a:hover, h2 a:active {
color: #000000; /* CC6666 */
}

h3 {
margin: 0;
padding: 0;
margin-right: 18px; 
margin-bottom: .3em;
margin-left: 0px;
font-size: .9em;
font-weight: bold;
color: #000;
}

h4 {
margin: 0;
padding: 0;
margin-right: 18px; 
margin-bottom: .3em;
margin-left: 0px;
font-size: .9em;
font-weight: normal;
color: #000;
}


h5 {
margin: 0;
padding: 0;
margin-right: 18px; 
margin-bottom: .3em;
margin-left: 0px;
font-size: .8em;
font-weight: bold;
color: #000;
}

h6 {
margin: 0;
padding: 0;
margin-right: 18px; 
margin-bottom: .3em;
margin-left: 0px;
font-size: .8em;
font-weight: normal;
color: #000;
}

p {
margin: 0em;
padding: 0em;
line-height: 1.3em;
margin-left: 0px;
margin-right: 18px;
margin-bottom: 1.8em;
}

li {
margin: 0em;
padding: 0em;
margin-bottom: .4em; }

a:link {
color: #000000;
text-decoration: underline; }

a:hover {
color: #DB0000;
text-decoration: none; }

a:active {
color: #DB0000;
text-decoration: none; }

a:visited {
color: #993366;
text-decoration: underline; }

table {
background-color: #fff;
border-right: 1px #ccc solid;
margin-top: 1.2em;
margin-bottom: 2em;
border-collapse: collapse;
width: 90%;
}

table th {
background-color: #f2f2f2;
border-left: 1px #ccc solid;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
color: #333;
font: bold 90% Verdana, Geneva, Tahoma, Arial;
padding: 4px;
text-align: left;
vertical-align: top;
border-collapse: collapse;
}

table td {
border-left: 1px #ccc solid;
border-bottom: 1px #ccc solid;
/* border-top: 1px #ccc solid; */
text-align: left;
font: normal 90% Verdana, Geneva, Tahoma, Arial;
padding: 4px;
color: #333;
vertical-align: top;
border-collapse: collapse;
}

table#details {
background-color: #fff;
border: 0px #ccc solid;
margin-top: 1.2em;
margin-bottom: 2em;
border-collapse: collapse;
width: 80%;
}

table#details th {
background-color: #f2f2f2;
border-left: 0px #ccc solid;
border-top: 0px #ccc solid;
border-bottom: 3px #ffffff solid;
color: #333;
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
text-align: left;
vertical-align: top;
}

table#details td {
background-color: #fafafa;
border-left: 3px #ffffff solid;
border-bottom: 3px #ffffff solid;
text-align: left;
font: normal 90% Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
color: #333;
vertical-align: top;
}

table#outage {
background-color: #fff;
border: 0px #ccc solid;
margin-top: 1.2em;
margin-bottom: 2em;
border-collapse: collapse;
width: 100%;
}

table#outage th {
background-color: #cccccc;
color: #333;
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
text-align: left;
vertical-align: top;
}

table#outage td {
text-align: left;
font: normal 90% Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
color: #333;
vertical-align: top;
}

input.sq-form-field {
border: 1px #cccccc solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small; 
color: #333;
vertical-align: middle;
outline: none;
margin: 0em;
padding: 2px;
margin-right: 5px;
}

td.sq-limbo-section-heading {
border-bottom: 1px solid #666666
}
/* ---------------------------------------------------------------------Header */

#header {
margin: 0 0 0em 0;
border: none;
text-align: left;
color: #00a650;
background: #CCCCCC;
background-repeat: no-repeat;
background-position: right top;
height: 55px;
}

#header img.parent-link {
margin: 0em;
padding: 0em;
border: none;
float: left;
}

#header h1.site-title {
margin: 0em;
padding: 0em;
text-align: left;
color: #333333;
font-size: 2em;
font-weight: normal;
margin-left: 185px;
padding-top: 15px;
margin-bottom: 0px;
background: none;
border: none;
}

#header a {
margin: 0em;
padding: 0em;
border: none;
}

/* ---------------------------------------------------------------------Left Column */

#left-column {
z-index: 1;
position: relative;
float: left;
width: 170px;
margin: 36px 0em 0em -170px;
color: #00689A;
}

#left-column-padding {
height: 1%;
padding: 0em;
padding-top: 0px;
padding-right: 0em;
padding-left: 10px;
}

#left-column p {
margin: 0;
}

#left-column a:hover, #left-column a:active {
color: #CC6666;
text-decoration: none;
}

#left-column ul {
margin: 0;
padding: 0;
margin-left: 0px;
padding-right: 0px; }

#left-column li {
border-bottom: 1px #ccc dashed;
border-right: 1px #ccc solid; 
margin: 0em;
padding: 0em;
padding-bottom: 6px;
padding-left: 17px;
padding-top: 12px;
background-position: 5px 15px;
background-repeat: no-repeat;
list-style-type: none;
list-style-image: none;
}

#left-column li.current, #left-column li.hier {
border-right: none;
}

#left-column li a {
color: #cc0000;
text-decoration: none;
}

#left-column li.current a {
color: #cc0000;
}

#left-column li.current a:hover, #left-column li.current a:active {
color: #cc6666;
}

#left-column li.hier a {
color: #333333;
}

#left-column li.hier a:hover, #left-column li.hier a:active {
color: #666666;
}

#left-column ul ul {
padding-top: 6px;
}

#left-column li.hier ul, #left-column li.current ul {
padding-bottom: 10px;
}

#left-column li li {
border: none;
list-style-type: none;
list-style-image: none;
background-image: none;
margin: 0em;
padding: 0em;
padding-bottom: 4px;
padding-left: 10px;
padding-top: 1px;
}

#left-column li li.current, #left-column li li.hier {
border: none;
list-style-type: none;
list-style-image: none;
background-image: none;
}

#left-column li li a:link, #left-column li li a:visited {
color: #333333;
}

#left-column li li a:hover, #left-column li li a:active {
color: #666666;
}

#left-column li li.current a:link, #left-column li li.current a:visited {
color: #cc0000;
}

#left-column li li.current a:hover, #left-column li li.current a:active {
color: #cc6666;
}

#left-column li li.hier a:link, #left-column li li.hier a:visited {
color: #333333;
}

#left-column li li.hier a:hover, #left-column li li.hier a:active {
color: #666666;
}

#left-column li.hier li li {
color: #666666;
border: none;
margin: 0em;
padding: 0em;
padding-bottom: 4px;
padding-top: 0px;
padding-left: 12px;
background-position: 5px;
background-repeat: no-repeat;
}

#left-column li.hier li li.current {
color: #cc0000;
border: none;
}

#left-column li.hier li li a:link, #left-column li.hier li li a:visited {
color: #666666;
}

#left-column li.hier li li a:hover, #left-column li.hier li li a:active {
color: #333333;
}

#left-column li.hier li li.current a:link, #left-column li.hier li li.current a:visited {
color: #cc0000;
}

#left-column li.hier li li.current a:hover, #left-column li.hier li li.current a:active {
color: #cc6666;
}

#left-column li.hier li li.hier a:link, #left-column li.hier li li.hier a:visited {
color: #cc0000;
}

#left-column li.hier li li.hier a:hover, #left-column li.hier li li.hier a:active {
color: #cc6666;
}


/* ---------------------------------------------------------------------Right Column */

#right-column {
z-index: 1;
position: relative;
float: right;
width: 170px;
margin: 0em -170px 0em 0em;
color: #333333;
}

#right-column-padding {
height: 1%;
padding: 0em;
padding-top: 18px;
padding-left: 4px;
padding-right: 8px;
}

#right-column p {
height: 1%;
margin: 0;
padding: 0em;
}

#right-column h2 {
margin: 0;
color: #CC0000;
font-size: 1.2em;
font-weight: normal;
margin-bottom: .5em;
margin-top: 1em; }

#right-column h3 {
margin: 0;
color: #CC0000;
font-size: 1em;
font-weight: normal;
}

#right-column a {
color: #333;
text-decoration: underline;
}

#right-column a:hover {
color: #666;
text-decoration: none; }

#right-column ul {
margin: 0;
padding: 0;
}

#right-column li {
margin-bottom: 5px;
list-style-type: none;
list-style-image: none; }

#right-feature {
margin: 0em;
padding: 0em;
padding-top: 0em;
padding-left: 8px;
}

#right-search {
margin-top: 20px;
padding: 0px;
background: #E0E0E0;
border-bottom: 6px #9A9999 solid;
padding-top: 9px;
padding-left: 9px;
padding-bottom: 9px;
}

#right-search h2 {
color: #000;
font-size: 1.1em;
font-weight: normal;
margin: 0em;
padding: 0em;
padding-bottom: 6px;
}


#right-search p, #right-search form {
margin: 0;
padding: 0;
}


#right-search input {
margin-top: 3px;
}

#right-search input.sq-form-field {
border: 1px #cccccc solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small; 
color: #333;
vertical-align: middle;
outline: none;
width: 99px;
margin: 0em;
padding: 2px;
margin-right: 5px;
}

#right-search a {
margin: 0em;
padding: 0em;
text-decoration: none;
color: #CC0000;
}

#right-access-points {
margin-top: 20px;
padding-left: 8px;
padding-bottom: 10px;
border-bottom: 5px #E0E0E0 solid;
border-top: 5px #E0E0E0 solid;
border-right: 5px #E0E0E0 solid;
}

#right-access-points li {
padding-left: 10px;
}

/* --------------------------------------------------------------------- Content Container */

#content-container {
border: none;
margin: 0em;
padding: 0em;
margin-bottom: 30px;
}

/* IE WIN FIX FOR FLOAT PROBLEM \*/
* html #content-container {
position: relative;
}
/* End Hide from IE MAC */		

#right-colour {
background: #FFF;
}

#left-colour {
margin: 0em 170px 0em 0em;
background: #ffffff;
}

#middle-colour {
margin: 0em 0em 0em 170px;
background: #FFF;
}

/* IE WIN FIX FOR FLOAT PROBLEM \*/
* html #middle-colour {
position: relative;
height: 1%;
}
/* End Hide from IE MAC */


/* --------------------------------------------------------------------- Body Copy */

#body-copy {
padding: 0em;
color: #333;
padding-top: 18px;
}

/* IE WIN FIX FOR FLOAT PROBLEM \*/
* html #body-copy {
position: relative;
height: 1%;
overflow: visible;
}
/* End Hide from IE MAC */

#body-copy-nav-menu {
text-align: right;
border-bottom: 1px solid #CCC;
height:18px;
margin: 0em;
padding: 0em;
margin-right: 8px;
}

#body-copy-nav-menu ul {
margin: 0em;
padding: 0em;
}

#body-copy-nav-menu ul li {
display: inline;
margin: 0em;
padding: 0em;
border-right: 1px #dddddd dotted;
padding-right: 10px;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 5px;
}

#body-copy-nav-menu ul li.menu-item-last {
padding-right: 10px;
border-right: none;
}

#body-copy-nav-menu ul li a, #body-copy-nav-menu ul li a:visited {
color: #333;
text-decoration: none;
}

#body-copy-nav-menu ul li a:hover, #body-copy-nav-menu ul li a:active {
color: #666;
text-decoration: underline; 
}

#print-menu {
text-align: right;
border-bottom: 1px solid #CCC;
height:18px;
}

#print-menu a {
color: #333;
text-decoration: none;
}

#print-menu a:hover, #print-menu a:active {
color: #666;
text-decoration: underline; }

#print-menu img {
border: none;
border-left: 1px #dddddd dotted;
padding-left: 10px;
margin-right: 10px;
margin-left: 10px;
}

#breadcrumb {
margin: 0em;
padding: 0em;
margin-left: -10px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 0px;
font-size: x-small;
}

#breadcrumb a {
color: #333333;
text-decoration: none;
}

#breadcrumb a:hover, #breadcrumb a:active {
color: #666666;
text-decoration: underline; }

#body-copy .highlight-box-odd {
position: relative;
margin: 0em 6px 1.0em 0px;
border: 1px solid #CCC;
padding: 1.0em;
padding-bottom: 0em;
}

#body-copy .highlight-box-even, #body-copy .grey-box-even {
position: relative;
padding: 1.0em;
margin: 0em 6px 1.0em 0px;
border: 1px solid #FFF;
padding-bottom: 0em;
}

#body-copy .grey-box-odd {
position: relative;
margin: 0em 0px 1.0em 0px;
border: 1px solid #FFF;
padding: 1.0em;
background: #f5f5f5;
padding-bottom: 0em;
}


#body-copy .highlight-box-odd p, #body-copy .highlight-box p, #body-copy .highlight-box-even p, #body-copy .grey-box-odd p, #body-copy .grey-box p, #body-copy .grey-box-even p {
margin-bottom: .8em;
}

#body-copy .colourful p {
margin: 0;
}

#body-copy .image {
display: inline;
float: left;
margin: 0 1.0em 0 0;
width: 10.0em;
height: 10.0em;
border: 1px solid #f26522;
text-align: center;
line-height: 9.5em;
color: #f26522;
background: #fdc689;
}

#body-copy-content {
background-image: url(ITC_rightborder.jpg);
background-position: right;
background-repeat: repeat-y;
margin: 0em;
padding: 0em;
border-top: 1px #ccc none;
padding-right: 8px;
padding-bottom: 20px;
position:relative;
margin-left: 20px;
font-size: small;
}

#back-to-top {
font-size: 80%;
text-align: right;
margin-right: 1.0em;
}

#back-to-top a:link, #back-to-top a:active {
color: #000000;
text-decoration: underline;
}

#back-to-top a:hover, #back-to-top a:visited  {
color: #DB0000;
text-decoration: none;
}

#content-footer {
font-size: 80%;
}

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

#footer {
margin: 1.0em 0 0 0;
height: 4.0em;
border: 1px solid #00a650;
text-align: center;
line-height: 3.5em;
color: #00a650;
background: #82ca9c;
}

.highlight-box {
position: relative;
margin: 0em 6px 1.0em 0px;
border: 1px solid #CCC;
padding: 1.0em;
padding-bottom: 0em;
}

.colourful {
position: relative;
padding: 1.0em;
margin: 0 0 1.0em 0;
border: 1px solid #FF9900;
background: #ffffcc;
}

.grey-box {
position: relative;
display: block;
margin: 0em 6px 1.0em 0px;
border: 1px solid #FFF;
padding: 1.0em;
background: #f5f5f5;
}


.related-links {
display: block;
padding: 1.1em 0.4em 0.1em 0.4em;
margin-bottom: 1.0em;
margin-right: 1.0em;
background: #F2F2F2;
}

.how-to-guide {
display: block;
padding: 1.1em 0.4em 0.1em 1.1em;
margin-bottom: 1.0em;
margin-right: 1.0em;
background: #F2F2F2;
}

.how-to-guide-heading {
display: block;
padding: 0.5em 0.5em 0.1em 0.5em;
margin-right: 1.0em;
background: #CCCCCC;
}

.bullet-lettering ol {
list-style-type: lower-alpha;
}

.alert {color:#cc0000!important;}

/**************************************
 Tab menu */

#tabbed-menu {background:transparent url(/__data/assets/image/0005/25268/line-dddddd.gif) repeat-x 0 bottom; height:20px; list-style-type:none; margin:0 0 20px 0!important; overflow:auto; padding:0!important;}
#tabbed-menu li {display:inline; float:left; padding:0!important;}
#tabbed-menu li a {background-color:#ddd; border:1px solid #ccc; display:block; margin-right:5px; padding:2px 15px; text-decoration:none;}
#tabbed-menu li a:hover, #tabbed-menu li.current a {background-color:#fff;}
#tabbed-menu li a.current {background-color:#fff; border-color:#868855; border-bottom:1px solid #fff; font-weight:bold;}