/* stylelint-disable declaration-block-no-duplicate-properties, selector-class-pattern, selector-id-pattern */
html {height: 101%; background: #ffffff url(../images/background.gif) no-repeat top            center;}
body {margin: 0 0 20px 0; padding: 0 0 20px 0; font-family: arial, sans-serif; font-size: 81.25%; position: relative;}

object.flashonly {display: none!important;}

h1, h2, h3, h4 {margin: 0; padding: 0; color: #000000; font-weight: bold;}
h1 {font-size: 150%; padding: 0 0 10px 0; margin: 0; color: #0073c9;}
h1.grey {font-size: 170%; padding: 0 0 10px 0; margin: 0; color: #404040;}
h2 {font-size: 120%; padding: 0 0 10px 0; margin: 0; color: #0073c9;}
h2.likeh1 {font-size: 140%;}
h3 {font-size: 110%; padding: 0 0 10px 0; margin: 0; color: #0073c9;}
h2, h3 {clear: both;}
h4 {padding: 20px 0 10px;}
p {margin: 0; padding: 0 0 10px 0; color: #2f2f2f;}
li {color: #2f2f2f;}
a {text-decoration: none; color: #2f2f2f;}
a:hover {text-decoration: underline;}
h1 img {margin: 0!important; padding: 0;}
.clear {clear: both; height: 0;}
img a, a img, img {border: none; vertical-align: bottom;}
a span {cursor: pointer;}
hr {clear: both; width: 100%; background: #cccccc; border: none; height: 1px; margin: 5px auto;}

.sg_left {float: left; padding: 0; margin: 0 10px 10px 0; clear: both;}
.sg_right {float: right; padding: 0; margin: 0 0 10px 10px; clear: both;}
.sg_center {display: block; margin: 0 auto;}
.sg_default {margin: 0 0 10px 0;}

.content table th {padding: 5px; text-align: left; background: #f2f2f2; color: #0073c9; vertical-align: top;}
.content table td {padding: 5px; text-align: left; background: #f2f2f2; vertical-align: top;}
.content table p {margin: 0; padding: 0 0 10px 0; color: #000000;}
.content table a {color: #0073c9;}

.content a {color: #0073c9;}

.centreDefault .sg_left {float: left; padding: 0; margin: 0 10px 10px 0; clear: none;}
.centreDefault .sg_right {float: right; padding: 0; margin: 0 0 10px 10px; clear: none;}

.center a#openpopup {margin: 0 0 10px 0; display: block;}

.header {display: block; width: 923px; height: 169px; padding: 32px 32px 0 25px; background: #0072ca url(../images/header-back.gif) bottom right no-repeat; margin: 0 auto;}
.headerleft {width: 234px; float: left;}
.headerright {width: 658px; float: left; text-align: left; padding: 0 0 0 31px; height: 127px;}
.headerright a {display: block; margin: 0 0 23px 0;}
.login {border-top: 1px solid #5dbae5; width: 791px; padding: 5px 0;}
.login a {color: #ffffff;}
.login span {color: #ffffff;}
.login span.text {padding: 5px 0 0 8px; color: #ffffff; font-weight: bold;}
.searchbox {border: 1px solid #ffffff; padding: 5px; width: 222px; height: 22px; margin: 0 0 24px 0;}
.searchbox input {background: #ffffff; border: none; display: block; width: 176px; height: 22px; line-height: 22px; padding: 0 5px; margin: 0 6px 0 0; color: #444444; float: left;}

.placeholder {color: #c1c1c1!important;}
.searchbox input#go {float: left; width: 30px; height: 22px; padding: 0; margin: 0;}
.social {display: block; width: 180px; padding: 4px 6px; background: url(../images/social-back.jpg) no-repeat top left;}
.social p {font-size: 80%; color: #ffffff; padding: 0 0 4px 0;}
.social a {display: block; width: 20px; height: 19px; background-image: url(../images/social-icons.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0 4px 0 0; float: left;}
.social a#twitter {background-position: -20px 0;}
.social a#linkedin {background-position: -40px 0;}
.social a#rss {background-position: -60px 0;}

.main {width: 985px; padding: 0 0 0 5px; margin: 0 auto;}

.navigation {width: 980px; height: 34px; display: block; border-bottom: 1px solid #a7a7a7;}
.navigation ul {margin: 0; padding: 0; display: table; width: 980px;}
.navigation li {text-align: center; border-left: 1px solid #a7a7a7; background-image: url(../images/nav.gif); background-repeat: repeat-x; background-position: 0 -34px; padding: 0 8px; display: table-cell;}
.navigation li a {height: 34px; display: block; line-height: 34px; color: #595959; font-size: 90%; font-weight: bold; width: 100%; white-space: nowrap!important;}
.navigation li.selected {background-position: 0 0;}
.navigation li.selected a {background: url(../images/sel.gif) no-repeat bottom;}
.navigation li:hover {background-position: 0 0;}

ul.qnav {padding: 5px 0 0 5px!important; margin: 5px 0 0 0!important; list-style-type: none; border-top: 1px solid #cccccc;}
.qnav li:first-child {padding: 0 0 5px 0; border-bottom: 1px solid #cccccc;}
.qnav li:last-child {border-bottom: none!important;}
.qnav li {padding: 5px 0 5px 0; border-bottom: 1px solid #cccccc;}
.qnav li a {font-weight: bold; color: #666666!important; font-size: 80%;}
.qnav li a:hover {text-decoration: underline;}
.tnav li.selected ul.qnav li a {color: #666666!important;}
.tnav li.selected ul.qnav li.selected a {color: #0073c9!important;}

.breadcrumb {width: 980px; border-bottom: 1px solid #cdcdcd;}
.breadcrumb p {padding: 5px 0; font-size: 80%;}
.breadcrumb p span {color: #0073c9;}

.content {padding: 15px 0 0 0;}
.content .left {width: 259px; float: left; padding: 0 0 30px 0;}
.content .left2 {width: 188px; float: left; padding: 15px 0 0 0;}
.content .leftwide {width: 668px; float: left; padding: 0 20px 30px 0;}

.content div.center {width: 387px; float: left; padding: 0 20px 10px 27px;}
.content .fullwidth {width: 694px; float: left; padding: 0 0 10px 27px; position: relative;}
.content .col1, .content .col2 {width: 342px; float: left; display: block; padding: 0 0 10px 0;}
.content .col1 {margin: 0 10px 0 27px;}
.content .col1 h2.sg_blue, .content .col2 h2.sg_blue {display: block; padding: 3px 8px; color: #ffffff; background: url(../images/h2.png) no-repeat top left; width: 326px; font-weight: normal;}
.content .right {width: 292px; padding: 0 0 10px 0; float: left;}
.content .right2 {width: 245px; padding: 15px 0 0 0; float: left; position: relative; font-size: 90%;}
.content .bottom {clear: both; width: 980px; background: url(../images/bottom-back.gif) repeat-x;}
.contenthome {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 17px 0 30px 0;}
.contenthome .left {width: 650px; padding: 0 45px 20px 0;}
.contenthome .right {width: 225px; padding: 0 0 20px 0;}

.content ul {margin: 0; padding: 0 0 10px 17px; list-style-type: none; padding: 0; margin: 0;}
.content ul li ul {padding: 0 0 0 15px;}
.content li {margin: 0; padding: 0 0 3px 15px; background: url(../images/li.gif) no-repeat 0 4px; color: #2f2f2f;}
.content .right .usefullinks li {margin: 0; padding: 0 0 3px 15px; background: url(../images/li-green.gif) no-repeat 0 4px; color: #2f2f2f;}
.content li a {color: #2f2f2f;}
.content .col1 li a {text-decoration: underline;}

.snav {padding: 0 0 20px 0; margin: 0;}
.snav ul {padding: 0!important; margin: 0!important; list-style-type: none!important;}
.snav li {padding: 0!important; margin: 0 0 1px 0!important; display: block; width: 100%; background: none!important;}
.snav li a {display: block; min-height: 18px; width: 249px; padding: 6px 5px; color: #ffffff!important; background: url(../images/snav.gif) repeat-x 0 0; font-weight: bold;}
.snav li.selected a {background: url(../images/snav.gif) repeat-x 0 -120px;}

ul.tnav {padding: 0 0 0 5px!important; margin: 0 0 0 20px!important; list-style-type: none;}
.tnav li:first-child {padding: 0 0 5px 0; border-top: none;}

.tnav li {padding: 5px 0 5px 0; border-top: 1px solid #0073c9; background: none!important;}
.tnav li a {font-weight: bold; color: #303030!important; font-size: 90%; background: none!important; width: 199px!important;}
.tnav li a:hover {text-decoration: underline;}
.tnav li.selected a {color: #0073c9!important;}

.homebutton a {width: 292px; height: 94px; padding: 0; background: url(../images/boxlink.png) no-repeat top left; display: block; margin: 0 0 2px 0; cursor: pointer;}
.homebutton a:hover {text-decoration: none;}
.homebutton span {width: 198px;}
.homebutton span.wrap {display: block; width: 276px; height: 68px; margin: 0 6px 10px 8px; padding: 16px 0 0 0;}
.homebutton span.title {font-size: 100%; font-weight: bold; padding: 0 0 2px 0; display: block;}
.homebutton span.text {font-size: 90%; padding: 0;}
.homebutton a span {color: #303030;}
.homebutton a:hover span.title {text-decoration: underline;}
.homebutton span.hbInner {float: left; display: block; width: 200px; padding: 0 11px 0 9px; height: 68px;}
.homebutton span.cog {width: 48px; height: 48px; display: block; float: left; background-image: url(../images/cogs3.gif); background-repeat: no-repeat; margin: 0 0 0 8px;}
.homebutton a#button1 span.title {color: #006648;}
.homebutton a#button1 span.cog {background-position: 0 0;}
.homebutton a#button1 span.wrap {border-bottom: 4px solid #006648;}
.homebutton a#button2 span.title {color: #009c32;}
.homebutton a#button2 span.cog {background-position: -48px 0;}
.homebutton a#button2 span.wrap {border-bottom: 4px solid #009c32;}
.homebutton a#button3 span.title {color: #a5002c;}
.homebutton a#button3 span.cog {background-position: -96px 0;}
.homebutton a#button3 span.wrap {border-bottom: 4px solid #a5002c;}
.homebutton a#button4 span.title {color: #36167d;}
.homebutton a#button4 span.cog {background-position: -144px 0;}
.homebutton a#button4 span.wrap {border-bottom: 4px solid #36167d;}
.homebutton a#button5 span.title {color: #00a8da;}
.homebutton a#button5 span.cog {background-position: -192px 0;}
.homebutton a#button5 span.wrap {border-bottom: 4px solid #00a8da;}

.homebutton a#button6 span.title {color: #003893;}
.homebutton a#button6 span.cog {background-position: -240px 0;}
.homebutton a#button6 span.wrap {border-bottom: 4px solid #003893;}
.homebutton a#button7 span.title {color: #a00054;}
.homebutton a#button7 span.cog {background-position: -288px 0;}
.homebutton a#button7 span.wrap {border-bottom: 4px solid #a00054;}
.homebutton a#button8 span.title {color: #d81e05;}
.homebutton a#button8 span.cog {background-position: -336px 0;}
.homebutton a#button8 span.wrap {border-bottom: 4px solid #d81e05;}
.homebutton a#button9 span.title {color: #e28c05;}
.homebutton a#button9 span.cog {background-position: -384px 0;}
.homebutton a#button9 span.wrap {border-bottom: 4px solid #e28c05;}

.updatedpages {padding: 0 0 20px 0; width: 259px; display: block;}
.homenews {padding: 0 0 60px 4px; border-bottom: 1px solid #c1c1c1; width: 284px; display: block;}
.updatedpages h2, .homenews h2, .usefullinks h2 {background: url(../images/heading-back.gif) repeat-x top left; height: 30px; color: #ffffff; font-size: 100%; line-height: 30px; padding: 0 10px; margin: 0 0 13px 0;}
.left .homenews h2 {width: 239px;}
.usefullinks h2 {margin: 0 0 5px 0!important;}
.right .usefullinks h2 {background: url(../images/heading-back-green.gif) repeat-x top left; height: 30px; width: 262px; color: #ffffff; font-size: 100%; line-height: 30px; padding: 0 10px;}
.right .usefullinks {background: url(../images/useful-links-back.png) repeat-x 0 31px; width: 282px; padding: 41px 0 0 0; margin: 0 5px; min-height: 203px;}
.right .usefullinks ul {padding: 0 10px;}
.right .usefullinks p {padding: 0 10px 10px 10px;}
.right .usefullinks h3 {padding: 0 10px;}

.updatedpages p {padding: 0;}
.updatedpages p a {font-weight: bold;}
.updatedpages p.changed {color: #666666; font-size: 80%;}
.updated {padding: 0 10px;}

.homenews .newsstory {display: block; padding: 0 0 9px 0; width: 259px!important;}
.homenews hr {width: 100%; background: #0072ca; height: 2px; border: none; margin: 0 0 9px 0;}
.homenews .newsimage {width: 73px; height: 73px; float: left; padding: 0; margin: 0; border: 1px solid #cccccc;}
.homenews .newsimage img {width: 73px; height: 73px;}
.homenews .newstext {width: 171px; padding: 0 0 0 13px; float: left;}
.homenews p {padding: 0; line-height: 130%; font-size: 90%;}
.homenews h2 a {color: #ffffff;}
.homenews a {font-weight: bold;}
.homenews a.morenews {font-weight: bold; color: #9a9a9a; margin: 0 0 0 88px;}
.homenews p.newsfeeddate {color: #a0a0a0; font-size: 80%; padding: 0 0 5px 0;}

.newsDate {color: #a0a0a0; position: absolute; right: 0; top: 0; font-size: 80%;}
.newsItem {padding: 0 0 10px 0; position: relative; border-bottom: 1px solid #cccccc; margin: 0 0 10px 0;}
.newsImg {float: left; margin: 0 10px 10px 0; width: 73px; height: 73px; border: 1px solid #cccccc;}
.newsImg img {width: 73px; height: 73px;}

.newsText {float: left; width: 602px;}
.newsText h2 {padding: 0; font-size: 110%; width: 500px;}
.newsText p {padding: 0;}
.imagebox {min-height: 282px; margin: 0 0 3px 0!important;}
.imagebox img {padding: 8px!important; background: url(../images/right-image-back.png) no-repeat top left; display: block;}

.usefullinks li a {color: #666666;}
.twitter {padding: 10px 0; border-bottom: 1px solid #c1c1c1;}
.tweet p {color: #666666; font-size: 90%; font-weight: normal;}
p.tweettime {color: #9b9b9b;}

.footer {border-bottom: 4px solid #0072ca; width: 980px; margin: 0 auto; position: relative; display: block;}
.footerleft {width: 600px; float: left;}
.footerright {width: 380px; float: left; text-align: right;}
.footerright a {color: #a0a0a0;}
.addthis {margin: 6px 0 10px 0; width: 200px; padding: 0; position: absolute; top: -30px; left: 0;}
.addthis a {float: left; margin: 0 6px 0 0;}
body.loginpage .addthis {display: none!important;}
.footerouter {width: 980px; margin: 0 auto; padding: 7px 0 100px 0; position: relative;}
.footerouter p {color: #000000; font-size: 80%; position: absolute; top: 5px; left: 0;}
.footerlinks {width: 300px; float: left;}

.footerlinksleft {width: 680px; float: left; padding: 17px 0;}
.footerlinks a {float: right; display: block;}
#footer1 {margin: 23px 21px 0 0;}
#footer2 {margin: 0 21px 0 21px;}
#footer3 {margin: 22px 105px 0 21px;}
#footer4 {margin: 22px 39px 0 0;}
#footer5 {margin: 20px 0 0 0;}
#footer6 {margin: 20px 20px 0 0;}

.newsfeed, .pressfeed {width: 482px; display: block; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #cccccc;}
.newsthumb {width: 70px; display: block; padding: 0 10px 0 0; float: left; height: 80px;}
.newsstory {width: 402px; float: left; padding: 0; margin: 0;}
p.newsdate {color: #666666; font-size: 70%; padding: 0;}

.galleries {width: 102%; margin-left: -2%;}
.galleries .gallery {float: left; width: 19%; margin: 0 0 1% 1%;}
.galleries .gallery img {width: 100%; margin: 0 0 10px 0;}

/* calendar */
.content .calendar {background: #ffffff; padding: 0; width: 214px; margin: 10px 0;}
.content .calendarTop {padding: 4px 2px 2px 2px; background: #00508d url(../images/cal-top.gif) no-repeat top left; text-transform: uppercase; font-size: 80%;}
.content .calendarTop p {color: #ffffff;}
.content .calendarTop a {margin: 0; color: #ffffff; text-decoration: none;}
.content .calenderPrevMonth {float: left; margin: 0; padding: 5px 0 0 0;}
.content .calenderPrevMonth p {padding: 0;}
.content .calenderPrevMonth a {background: url(../images/cal-buttons.gif) no-repeat 0 0; width: 11px; height: 11px; display: block;}
.content .calendarNextMonth {float: left; margin: 0; padding: 5px 0 0 0;}
.content .calendarNextMonth p {padding: 0;}
.content .calendarNextMonth a {background: url(../images/cal-buttons.gif) no-repeat -11px 0; width: 11px; height: 11px; display: block;}
.content .calendarCurrentMonth {float: left; text-align: center; margin: 0; padding: 2px 0 0 0; width: 188px; height: 18px;}
.content .calendarCurrentMonth p {padding: 0;}
.content .calendarInner {clear: both; margin: 0; padding: 0; border: 2px solid #00508d;}
.content .calendarInner span {background: #ffffff url(../images/cal-date.gif) repeat-x top left; display: block; float: left; width: 28px; height: 1.7em; line-height: 1.7em; margin: 0 0 0 0; text-align: center; border: 1px solid #00508d;}
.content .calendarInner span a {background: #e2880d url(../images/cal-date-activity.gif) repeat-x top left; height: 1.7em; display: block; width: 28px;}
.content .calendarInner span.inactive {background: #969494 url(../images/cal-date-inactive.gif) repeat-x top left;}
.content .calendarInner span.today {background: #780a26 url(../images/cal-date-current.gif) repeat-x top left; color: #ffffff;}
.content .calendarInner span.today a {color: #ffffff;}
.content .calendarInner span.cday {background: #0d6c94 url(../images/cal-day.gif) repeat-x top left; color: #ffffff; font-weight: bold;}
.content .calendarInner p {margin: 0 0 0 0;}
.content .calendarInner a {color: #000000; font-weight: bold;}

/* Form Creator */
.formcreator p {clear: both;}
.af_checkbox {padding-bottom: 10px; clear: both; color: #0073c9;}
.af_text {padding-bottom: 10px; clear: both; color: #0073c9;}
.af_textarea {padding-bottom: 10px; clear: both; color: #0073c9;}
.af_select {padding-bottom: 10px; clear: both; color: #0073c9;}
.af_radio {padding-bottom: 10px; clear: both; color: #0073c9;}
.af_radio .af_field span {display: block;}
.af_data {width: 200px; float: left; padding-bottom: 10px;}
.af_field {width: 200px; float: left; padding-bottom: 10px; color: #000000;}

form table {border-collapse: collapse;}
form table input {background: #ffffff; border: 1px solid #cccccc; width: 336px; padding: 5px; color: #4c4c4c;}
form table textarea {background: #ffffff; border: 1px solid #cccccc; width: 336px; padding: 5px; color: #4c4c4c; height: 100px; font-family: arial, sans-serif;}
form table td, form table th {vertical-align: middle!important; padding: 0; color: #4c4c4c; background: none;}
form table td.cellLeft {width: 97px; font-size: 110%; font-weight: 700; padding: 0 0 5px 0!important; background: none;}
form table td.cellRight {padding: 0 0 5px 0!important; background: none;}
button {padding: 0; margin: 0 10px 0 0;}

.form td {background: #ffffff!important; padding: 0 0 2px 0!important; border-spacing: 0;}
.form td p {padding: 0;}
.form td.cellLeft, .form td.cellLeft p {color: #595959;}
.cellLeft span, .cellRight span {color: #e1261c;}
.formbutton #reset, .formbutton #submit {display: block; width: 92px; height: 34px; border: none; cursor: pointer; float: left;}
.formbutton #reset {margin: 0 11px 0 0;}
.formbutton span {color: #e1261c;}

#healthcheckpopup, #governancepopup {width: 100%; height: 100%; border: 0; background: url(images/overlay-repeat.png); position: absolute; z-index: 10000; display: none;}
#healthcheckpopup .popupwrap {margin: 20px auto 20px auto; width: 980px; height: 690px; background: url(../images/healthcheck/iframeback.png) no-repeat top left; padding: 10px;}
#healthcheckpopup .popupwrap p {color: #ffffff; font-family: arial, sans-serif; font-size: 105%; font-weight: bold; margin: 0; padding: 0;}
#healthcheckpopup .popupwrap span {color: #ffffff; font-family: arial, sans-serif; font-size: 105%; font-weight: bold; margin: 0; padding: 0; display: block;}
#healthcheckpopup .popupcontent {width: 980px; height: 690px; display: block; position: relative; background: url(../images/healthcheck/background.jpg) no-repeat top left; padding: 0;}

#governancepopup .popupwrap {margin: 20px auto 20px auto; width: 938px; height: 662px; background: url(../images/governance-chart.png) no-repeat top left; padding: 20px;}
#governancepopup .popupwrap p {color: #ffffff; font-family: arial, sans-serif; font-size: 105%; font-weight: bold; margin: 0; padding: 0;}
#governancepopup .popupwrap span {color: #ffffff; font-family: arial, sans-serif; font-size: 105%; font-weight: bold; margin: 0; padding: 0; display: block;}
#governancepopup .popupcontent {width: 938px; height: 662px; display: block; position: relative; padding: 0;}
a.close {position: absolute; top: 13px; right: 15px; display: block; width: 85px; height: 21px;}
.popupcontent p.date {position: absolute; bottom: 20px; right: 20px; color: #000000!important;}
.popupcontent .title {position: absolute; top: 50px; width: 620px; left: 50%; margin-left: -310px; min-height: 40px; display: block; text-align: center;}
.popupcontent .title h1 {color: #000000; font-size: 230%; line-height: 150%;}
.popupcontent h2.title2 {position: absolute; top: 210px; width: 755px; left: 100px; min-height: 40px; text-align: center; background: #0070c0; color: #ffffff; font-size: 200%; height: 66px; line-height: 66px; padding: 0; display: block;}
.popupcontent h3.title3 {position: absolute; top: 348px; width: 600px; left: 180px; min-height: 40px; text-align: center; background: #0070c0; color: #ffffff; font-size: 200%; height: 56px; line-height: 56px; padding: 0; display: block;}
.links .thelink {position: absolute; top: 450px; width: 80px; color: #000000; font-weight: bold; text-align: center; padding: 0; cursor: pointer; font-size: 90%;}
.links #link1 {left: 257px; padding: 20px 0 20px 0;}
.links #link2 {left: 368px; padding: 20px 0 20px 0;}
.links #link3 {left: 346px; top: 462px; padding: 10px 0 10px 0;}
.links #link4 {left: 474px; padding: 20px 0 20px 0;}
.links #link5 {left: 581px; padding: 20px 0 35px 0;}
.links #link6 {left: 730px; padding: 10px 0 10px 0;}
.bubble {display: none; width: 361px!important; height: 244px!important; background: url(../images/governance-bubble.png) no-repeat top left; position: absolute; padding: 25px; top: -269px; text-align: left!important; left: 12px; cursor: text;}
.bubble p {color: #000000!important; font-weight: normal!important; padding: 0 0 10px 0!important;}
.bubble p strong {font-weight: bold!important;}
.bubble p a {color: #0073c9; font-weight: bold;}
#bubble3 {top: -276px;}
#bubble4 {top: -274px;}
#bubble5 {top: -264px;}
#bubble6 {top: -271px;}
#bubble4, #bubble5, #bubble6 {background-position: top right; left: -309px;}

.cogs {width: 113px; height: 113px; display: block; padding: 10px; position: absolute; text-align: center; text-decoration: none; color: #ffffff; text-decoration: none;}
.cogs#cogN {top: 53px; left: 462px;}
.cogs#cogNE {top: 133px; left: 605px;}
.cogs#cogE {top: 290px; left: 664px;}
.cogs#cogSE {top: 445px; left: 605px;}
.cogs#cogS {top: 528px; left: 462px;}
.cogs#cogSW {top: 497px; left: 300px;}
.cogs#cogW {top: 373px; left: 197px;}
.cogs#cogNW {top: 83px; left: 300px;}
.cogs#cogWNW {top: 211px; left: 197px;}/* QA new */
.cogs#cogNW span, .cogs#cogSW span, .cogs#cogW span {padding-top: 27px;}
.cogs#cogN span, .cogs#cogNE span, .cogs#cogS span, .cogs#cogWNW span {padding-top: 38px;}
.cogs#cogE span, .cogs#cogSE span {padding-top: 49px;}
.cogcenter {display: block; width: 222px; height: 222px; top: 245px; left: 379px; position: absolute; text-align: center;}
.cogcenter input {color: #818181; background: #ffffff; border: 1px solid #dadada; width: 134px; height: 25px; line-height: 25px; padding: 0 3px; margin: 67px 0 12px 0; float: none;}

/* Ask A Question Stuff */
.askaquestion h2 {background: url(../images/ask-h2.gif) repeat-x top left; cursor: pointer; color: #ffffff; text-align: center; line-height: 35px; font-size: 110%; margin: 20px 0 2px 0; padding: 0 0 2px 0;}
.askaquestion a {cursor: pointer;}
.askaquestion .question {background: url(../images/question-back.gif) repeat-x top left; text-align: center; padding: 5px 5px 38px 5px;}
.askaquestion .question .qbuttons {background: url(../images/question-hr.gif) no-repeat top left; width: 247px; padding: 3px 0 0 0; display: block; margin: 0 auto;}
.askaquestion .question .qbuttons a {display: block; float: left; width: 124px; height: 27px;}
.askaquestion .question .qbuttons a#qNo {display: block; float: left; width: 123px; height: 27px; background: url(../images/q-no.gif) no-repeat top left;}
.askaquestion .question .qbuttons a#qYes {background: url(../images/q-yes.gif) no-repeat top left;}

#questionPopUp {z-index: 100000; display: none; background: none; top: 0%!important; left: 50%!important; position: absolute!important; width: 500px; margin: 10px auto 10px -250px;}
.qPopTop {z-index: 100000; top: 0; display: block; height: 49px; margin: 0 49px; position: relative; background: url(../images/qtopbot.png) 0 0 repeat-x;}
.qTL {z-index: 100000; width: 49px; height: 49px; display: block; position: absolute; top: 0; left: -49px; background: url(../images/q_sprite.png) 0 0 no-repeat;}
.qTR {z-index: 100000; width: 49px; height: 49px; display: block; position: absolute; background: url(../images/q_sprite.png) -49px 0 no-repeat; top: 0; right: -49px;}

.qPopBot {z-index: 100000; bottom: 0; display: block; height: 49px; margin: 0 49px; position: relative; background: url(../images/qtopbot.png) 0 -49px repeat-x!important;}
.qBL {z-index: 100000; width: 49px; height: 49px; display: block; position: absolute; background: url(../images/q_sprite.png) 0 -49px no-repeat; bottom: 0; left: -49px;}
.qBR {z-index: 100000; width: 49px; height: 49px; display: block; position: absolute; background: url(../images/q_sprite.png) -49px -49px no-repeat; bottom: 0; right: -49px;}
.qtext {z-index: 100000; position: relative; margin: 0; padding: 0;}
.qtextl {z-index: 100000; position: absolute; left: 0; top: 0; height: 100%; width: 49px; display: block; padding: 0; background: url(../images/q_sides.png) 0 0 repeat-y;}
.qtextr {z-index: 100000; position: absolute; right: 0; top: 0; height: 100%; width: 49px; display: block; padding: 0; background: url(../images/q_sides.png) -49px 0 repeat-y;}
.qtextm {z-index: 100000; margin: 0 49px; background: #ffffff;}
#thanksclose {position: absolute; top: 0; right: 0; display: block; height: 36px; width: 36px; background: url(../images/close.png) no-repeat; z-index: 300000; cursor: pointer;}

.forumbox {width: 171px; display: block; padding: 75px 15px 5px 6px; font-size: 80%; margin: 0 0 10px 0; background: url(../images/exchange-forum.gif) no-repeat top left;}
.forumboxclear {width: 171px; display: block; padding: 20px 15px 5px 6px; font-size: 80%; margin: 0 0 10px 0; background: url(../images/exchange-forum-empty.gif) no-repeat top left; min-height: 415px;}
.forumbox p {padding: 0 0 5px 6px; color: #58585a;}
.forumbox a {color: #58585a;}
.forumbox h2 {padding: 0 0 5px 6px!important;}
.forumbox img {border: none;}
.forumbox.memberhome {background: url(../images/member-forum.gif) no-repeat top left; padding-top: 92px;}
.forumbox a.more {color: #000000; text-decoration: none; padding: 0 17px 10px 0; background: url(../images/more-arrow-black.gif) no-repeat right 2px; font-weight: bold;}

.forumTextEditor {padding: 5px; border: 1px solid #333333; background: #eeeeee; margin-bottom: 10px;}
.forum {width: 694px;}
ul.forumAdmin li a {color: #0d71b4;}
.forum th {text-align: left;}
.BasicRTE_controls {background: #cccccc; padding: 8px 8px 0 8px;}
.BasicRTE_controls .rte-bold {border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-bold.gif) no-repeat; cursor: pointer;}
.BasicRTE_controls .rte-italic {border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-italic.gif) no-repeat; cursor: pointer;}
.BasicRTE_controls .rte-underline {border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-underline.gif) no-repeat; cursor: pointer;}
.BasicRTE_controls .rte-numlist {border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-numlist.gif) no-repeat; cursor: pointer;}
.BasicRTE_controls .rte-bullist {border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-bullist.gif) no-repeat; cursor: pointer;}
.BasicRTE_controls .rte-link {border: 0; width: 25px; height: 25px; background: url(../images/rte/RTE-link.gif) no-repeat; cursor: pointer;}
.iframeEditor {background: #ffffff;}
p.forumbutton a {background: #0d71b4; color: #ffffff; padding: 2px 5px; text-decoration: none; font-size: 95%;}
p.forumbutton a:hover {text-decoration: underline;}

table.forum {width: 694px;}
.forumtopiclist {margin-top: 20px;}
.forumtopiclist th {background: #0d71b4; color: #ffffff; padding: 5px; vertical-align: top; text-align: left;}
.forumtopiclist td {background: #dddddd; padding: 5px; vertical-align: top;}
.forumdate {background: #e0e9ef; padding: 5px; font-size: 95%; margin: 0 0 5px 0;}
.forumpost {border: 1px solid #cccccc; padding: 5px; margin: 0 0 5px 0;}

table.sg_table_default {border-collapse: collapse; width: 100%;}
table.sg_table_default th, table.sg_table_default td {padding: 5px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}
table.sg_table_default th {vertical-align: top!important; color: #ffffff; background: #0074ca;}
table.sg_table_default td {vertical-align: top!important; color: #0074ca; background: #f2f2f2;}

table tr td.cell25, table tr th.cell25 {width: 25px;}
table tr td.cell50, table tr th.cell50 {width: 50px;}
table tr td.cell75, table tr th.cell75 {width: 75px;}
table tr td.cell85, table tr th.cell85 {width: 85px;}
table tr td.cell100, table tr th.cell100 {width: 100px;}
table tr td.cell150, table tr th.cell150 {width: 150px;}
table tr td.cell200, table tr th.cell200 {width: 200px;}
table tr td.cell250, table tr th.cell250 {width: 250px;}
table tr td.cell300, table tr th.cell300 {width: 300px;}

a.mapback {float: right; font-weight: bold; line-height: 180%; font-weight: bold; position: absolute; top: 3px; right: 0; z-index: 1;}
a.mapcontact {margin-top: 36px; display: block;}
a.mapcontact img {padding: 0!important; background: none!important;}

.homeboxes {width: 1000px; margin: 20px 0 10px -5px;}
.homebox {display: block; float: left; width: 308px; height: 236px; padding: 5px; background: url(../images/homebox-back.png) no-repeat top left; margin: 0 16px 0 0;}
.homebox a {background: #ffffff; display: block; height: 232px; width: 304px; padding: 4px; position: relative;}
.homebox span.overlay {display: block; width: 284px; height: 177px; background: url(../images/black-overlay.png); padding: 10px; color: #ffffff; top: 4px; left: 4px; z-index: 2000; position: absolute;}
.homebox span.image {display: block; width: 304px; height: 197px; top: 4px; left: 4px; z-index: 1000; position: absolute;}
.homebox span.title {display: block; padding: 0 8px; height: 35px; line-height: 35px; color: #ffffff; font-size: 100%; width: 288px; margin-top: 197px; background-image: url(../images/homebox-title.gif); background-repeat: repeat-x; font-weight: bold;}
.homebox a:hover span.title {text-decoration: underline;}
.boxblue span.title {background-position: 0 0;}
.boxpurple span.title {background-position: 0 -35px;}
.boxgreen {margin: 0;}
.boxgreen span.title {background-position: 0 -70px;}

.ofdpage2, .ofdpage2a, .ofdpage3, .ofdpage3a {display: none;}
.ofdpagebutton {cursor: pointer; color: #333333!important; height: 30px; line-height: 30px; font-weight: bold; padding: 0 19px; display: block; background: url(../images/nav.gif) repeat-x 0 -32px; border: 1px solid #666666; width: 90px; display: block; text-align: center;}

ul.ofdbutton {display: block; height: 30px; padding: 0; margin: 0 0 10px 0;}
ul.ofdbutton li {display: block; float: left; background: none; height: 30px; padding: 0; margin: 0 2px 0 0;}
ul.ofdbutton li a, .ofdbuttonsubmitdata {color: #333333!important; height: 30px; line-height: 30px; font-weight: bold; padding: 0 19px; display: block; background: url(../images/nav.gif) repeat-x 0 -32px;}
.ofdbuttonsubmitdata {border: 1px solid #666666; width: 120px; display: block;}
ul.ofdbutton li a:hover, a:hover.ofdbuttonsubmitdata {background: url(../images/nav.gif) repeat-x 0 0;}
.ofdadmin table {width: 100%; margin: 0 0 10px 0;}
.ofdadmin td {background: #eeeeee; padding: 4px 5px; vertical-align: top;}
.ofdladata {margin-bottom: 10px; float: left; width: 450px;}

/* .ofd, .ofdladata {background: #0072ca; padding: 20px 20px 20px 20px; margin: 0 0 30px 0;}
.ofd h1, .ofd h2, .ofd h3, .ofd p, .ofd li, .ofd a, .ofdladata h1, .ofdladata h2, .ofdladata h3, .ofdladata h4, .ofdladata p, .ofdladata li, .ofdladata a {color: #fff;} */
.ofd {background: #0072ca; padding: 20px 20px 20px 20px; margin: 0 0 30px 0;}
.ofd h1, .ofd h2, .ofd h3, .ofd p, .ofd li, .ofd a {color: #ffffff;}

.ofd table, .ofdladata table {border-spacing: 0; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 100%; text-shadow: 1px 1px 0 #ffffff; background: #eaebec; margin: 0 0 10px 0; border: #cccccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1;}
.ofd table a:link, .ofdladata table a:link {color: #0072ca; font-weight: bold; text-decoration: none;}
.ofd table a:active, .ofd table a:hover, .ofdladata table a:active, .ofdladata table a:hover {color: #46a2ea; text-decoration: underline;}
.ofd table th, .ofdladata table th {color: #333333; padding: 3px 5px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb);}
.ofd table th:first-child, .ofdladata table th:first-child {text-align: left; padding-left: 5px;}
.ofd table tr:first-child th:first-child, .ofdladata table tr:first-child th:first-child {-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px;}
.ofd table tr:first-child th:last-child, .ofdladata table tr:first-child th:last-child {-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px;}
.ofd table tr, .ofdladata table tr {text-align: left; padding-left: 5px;}
.ofd table td:first-child, .ofdladata table td:first-child {text-align: left; padding-left: 5px; border-left: 0;}
.ofd table td, .ofdladata table td {padding: 3px 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #f4f4f4; background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa);}
.ofd table tr.even td, .ofdladata table tr.even td {background: #e0e0e0; background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#d6d6d6)); background: -moz-linear-gradient(top, #e0e0e0, #d6d6d6); border-bottom: 1px solid #adadad;}
.ofd table tr:last-child td, .ofdladata table tr:last-child td {border-bottom: 0;}
.ofd table tr:last-child td:first-child, .ofdladata table tr:last-child td:first-child {-moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;}
.ofd table tr:last-child td:last-child, .ofdladata table tr:last-child td:last-child {-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;}

th.firstcol {width: 60%;}

.ofd table .green td, .ofdladata table .green td {padding: 3px 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #b7eeb0; border-left: 1px solid #e0e0e0; background: #d8eed5; background: -webkit-gradient(linear, left top, left bottom, from(#d8eed5), to(#e1ede1)); background: -moz-linear-gradient(top, #d8eed5, #e1ede1);}
.ofd table tr.green.even td, .ofdladata table tr.green.even td {background: #d5eed2; background: -webkit-gradient(linear, left top, left bottom, from(#d5eed2), to(#d0eecd)); background: -moz-linear-gradient(top, #d5eed2, #d0eecd);}

.ofd table .red td, .ofdladata table .red td {padding: 3px 5px; border-top: 1px solid #ffffff; border-bottom: 1px solid #eeced1; border-left: 1px solid #e0e0e0; background: #ffe4e7; background: -webkit-gradient(linear, left top, left bottom, from(#ffe4e7), to(#fff0f3)); background: -moz-linear-gradient(top, #ffe4e7, #fff0f3);}
.ofd table tr.red.even td, .ofdladata table tr.red.even td {background: #ffe1e4; background: -webkit-gradient(linear, left top, left bottom, from(#ffe1e4), to(#ffdfe2)); background: -moz-linear-gradient(top, #ffe1e4, #ffdfe2);}

.ofd table tr:hover td, .ofdladata table tr:hover td, .ofd table tr.green:hover td, .ofdladata table tr.green:hover td, .ofd table tr.red:hover td, .ofdladata table tr.red:hover td {background: #afafaf; background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#b6b6b6)); background: -moz-linear-gradient(top, #afafaf, #b6b6b6); border-bottom: 1px solid #8c8c8c;}

.ofdlalist ul {width: 220px; border-spacing: 0; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 100%; text-shadow: 1px 1px 0 #ffffff; background: #eaebec; margin: 0 0 10px 0; border: #cccccc 1px solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; margin: 0 0 30px 0; float: right;}
.ofdlalist li {background-image: none; color: #333333; padding: 3px 5px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #e0e0e0; background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#d6d6d6)); background: -moz-linear-gradient(top, #e0e0e0, #d6d6d6);}
.ofdlalist li a {color: #0072ca; font-weight: bold;}

.ofdform input {padding: 3px 5px; background: #ffffff; border: 1px solid #cccccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1;}
.datapopup, .tablepopup {display: none; position: absolute; top: 0; right: 0; padding: 10px; width: 674px; z-index: 1000; background: url(../images/map-overlay.png); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);}

.options .col1 {width: 80px; float: left; padding: 0; margin: 0;}
.options .col2 {width: 614px; float: left; padding: 0; margin: 0;}
.options p {font-weight: bold;}

.datapopup h1, .datapopup h2, .datapopup h3, .datapopup h4, .datapopup p, .tablepopup h1, .tablepopup h2, .tablepopup h3, .tablepopup h4, .tablepopup p {color: #ffffff; line-height: 130%;}
.datapopup p a, .tablepopup p a {color: #ffffff; text-decoration: underline;}
.tablepopup th a {text-decoration: underline;}
.datapopup table {width: 426px;}
.tablepopup table {width: 100%;}
.datapopup table td, .datapopup table th, .tablepopup table td, .tablepopup table th {background: #ffffff; padding: 5px 5px; font-weight: normal; vertical-align: top;}
a.datapopupclose, a.tablepopupclose {position: absolute; top: 10px; right: 10px; color: #ffffff;}
a.datapopupopen, a.ofd_data_download, a.tablepopupopen {color: #0072ca;}
a.ofd_data_download {top: 40px;}
.regions {padding: 10px 0 0 0; border-top: 1px solid #0072ca; margin: 10px 0 0 0;}
.regions .column {float: left; width: 327px; padding: 5px 40px 10px 0; margin: 0;}
.regions .columnlast {margin: 0; padding: 5px 0 20px 0;}
.regions li {padding: 0 0 5px 17px;}
.regions h2 {font-size: 150%;}
.regions h3 {border-bottom: 1px solid #cccccc; margin: 0 0 10px 0;}

table.userregistration th, table.userregistration td {background: none; vertical-align: top;}
table.userregistration th {width: 200px;}
form table.userregistration {width: 100%;}
form table.userregistration input {width: 250px;}

.ofdformlogin {width: 280px; float: left;}
.datetable {width: 660px; float: left;}

.imagebankholder {width: 705px;}
a.imagebank {float: left; margin: 0 11px 11px 0; display: block; height: 130px; width: 130px;}
a.jpg, a.eps {display: block; padding: 0 0 0 20px; margin: 0 10px 10px 10px; background: url(../images/download-arrow.gif) no-repeat center left;}
a.jpg {float: left;}
a.eps {float: right;}

.websitedataform td.cellLeft.other {font-weight: normal; font-size: 90%;}
.websitedataform td.cellRight.check {width: 100px; height: 30px;}
.websitedataform input.radio {width: 20px;}

input#typeoforgother {margin-bottom: 20px;}