body {margin: 0; padding: 5px 15px 0 15px; background-color: #D9EAF2; text-align: center}
body, td, th {font-family: arial, sans-serif; font-size: 11px; line-height: 16px; color: #333333}
img {border: 0}
img.icon {position: relative; top: 3px; padding: 0px 4px 0px 0px}
/* IE transparent PNG fix */ .transparent {behavior: url('/stylesheets/iepngfix.htc')}
/* IE hover fix */ .hover {behavior: url('/stylesheets/csshover.htc')}
div, td {text-align: left; vertical-align: top}
a {color: #0076af}
ul {list-style: square; padding-left: 25px; line-height: 18px; margin: 5px 0 5px 0}
ol {padding-left: 25px; line-height: 18px; margin: 5px 0 5px 0}
.hidden {display: none}
h1 {font-family: "Trebuchet MS", sans-serif; font-size: 22px; font-weight: normal; line-height: 26px; margin-bottom: 12px; margin-top: 5px; color: #0076af}
h2 {font-family: "Trebuchet MS", sans-serif; font-size: 19px; font-weight: normal; line-height: 23px; margin-bottom: 8px; margin-top: 3px; color: #0076af}
div.clear {clear:both}
div.htmlField h2, div.htmlField h3 {font-family: inherit; font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; line-height: normal; color: #000}
div.htmlField abbr, div.htmlField html\:abbr {border-bottom: 1px dashed #CCC; cursor: help}
.smaller_font{ font-size: smaller}
/** Default form styles **/ form {margin: 0}
input {color: #333333 }
select {color: #333333 }
input.textfield, textarea.textfield {border: 1px solid #0076af; padding-left: 2px}
input.submit {background: #bfdde9; border: 1px solid #0076af}
input.submit_orange {background: #ffca81; margin-right: 8px}
input.submit_pink {background: #bfdde9; border: 1px solid #0076af}
.formButtonCt {border-top: 1px solid #0076af; margin-top: 8px; padding-top: 8px}
/** Other stuff **/ #top_shadow {margin: auto; width: 1020px; background-color: #ffffff; background-image: url('../images/top_shadow.gif'); height: 17px}
#bottom_shadow {margin: auto; width: 1020px; background-color: #F0F0F0; background-image: url('../images/bottom_shadow.gif'); height: 17px}
#main_container {margin: auto; padding: 0px 20px 15px; background: #ffffff url('../images/shadow_bg.gif') repeat-y}
#main_container {w\idth: 1020px; width: 980px}
#jump_to_content {position: absolute; left: -10000px}
/* Content area (3 columns) */ #columns_wrapper {background-position: 267px 0px; padding-top: 15px; position: relative}
#inner_columns_wrapper {float: right; width: 740px}
#content {float: left; padding-left: 10px; padding-right: 10px}
#content_extended {float: left; overflow-x: hidden; padding-left: 10px; padding-bottom: 10px}
#first_side_bar {float: left; overflow-x: hidden; padding-right: 10px}
#second_side_bar {float: right; overflow-x: hidden; padding-left: 10px}
#first_content_bar {float: left; overflow-x: hidden; padding-right: 10px}
#second_content_bar {float: right; overflow-x: hidden; padding-left: 10px}
#content {w\idth: 500px; width: 480px}
#content_extended {w\idth: 740px; width: 730px}
#first_side_bar, #second_side_bar, #first_content_bar, #second_content_bar {w\idth: 240px; width: 230px}
#first_side_bar .image_content_box a img, #second_side_bar .image_content_box a img {float: left; /* Fix for FF image link bug; Make sure a#class == 'clearfix' */ }
a.leftColumn, div.leftColumn, a.rightColumn, div.rightColumn {margin-bottom: 15px}
li.privateSections {margin: 5px 0px 15px 0px}
li.privateSections ul li {padding-left: 10px}
.regularPage {padding-bottom: 10px}
#images_bar {border: 1px solid #dfdfdf; padding: 5px 5px 2px 5px; margin: 10px 0px 10px 0px}
/* Search highlighting */ .searchHighlight, .searchHighlight h2 a {font-weight: bold}
/* Flash message styles */ div.flash {padding: 6px; padding-left: 12px; background-repeat: no-repeat; background-position: 4px 4px; margin-bottom: 5px}
div.flash p {margin: 0px}
div.notice {background-color: #7cdaff; border: 1px solid #0076af}
div.warning {background-color: #ffb143; border: 1px solid #c17100}
div.error {background-color: #ffffff; border: 2px solid #ff0000; color: red !important}
/** permits **/ div.permitArchive div.filters {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #0076AF; position: relative}
div.permitArchive div.filters label {width: 100px; display: inline-block}
div.permit span.label {width: 175px; display: inline-block; font-weight: bold}
div.permit div.period div span.label {margin-left: 10px; width: 165px}
div.permit span#phase_description {width: 200px}
div.permitArchive div.filters label.short {width: 13px}
div.permitArchive div.filters #permit_filter_start_date_2i, div.permitArchive div.filters #permit_filter_end_date_2i {width: 90px}
div.permitArchive div.filters #permit_filter_start_date_1i, div.permitArchive div.filters #permit_filter_end_date_1i {width: 65px}
div.permitArchive div.filters select {font-size: 11px}
div.permitArchive div.filters input.select.product_type {width: 200px; font-size: 10px; position: relative}
div.permitArchive div.filters div.filter label.short {padding: 0 2px}
div.permitArchive div.filters div.filter {position: relative; padding: 2px}
div.permitArchive div.filters div.submit {float: right; position: relative; top: -15px}
div.permitArchive div.permit p, div.permitArchive div.permit div.buttons {margin: 0px}
div.permitArchive div.permit div.metadata p {color: #666}
/** News archives, news items, newsletters and searchresult styles **/ div.newsArchive, div.newsletterArchive {border: 0 !important}
div.newsArchiveDescription, div.newsletterArchiveDescription {font-weight: bold}
div.newsItems, div.newsletterEditions {margin-top: 10px; border-top: 1px solid #0076af}
div.newsItems div.newsItem div.content a {float: left; padding-right: 10px}
div.newsItems div.newsItem, div.newsletterEditions div.newsletterEdition, div.feed div.feedItem {border-bottom: 1px solid #0076af}
.searchPage input, .searchPage select {border: 1px solid gray; padding-left: 3px}
.searchPage #controls p, .searchPage #controls input.query, .searchPage #controls div.search_options {float: left }
.searchPage #controls p {margin: 0; display: block; padding-top: 1px; margin: 0 8px}
.searchPage #controls input.query {width: 170px}
.searchPage input.submit {width: 110px; padding: 0; font-weight: bold; color: white; background-color: #025E99}
.searchPage #top_search_button {float: right}
.searchPage #bottom_search_button {margin-left: 150px; float: left}
.searchPage #controls select {width: 160px}
.searchPage #show_advanced_options, .searchPage #hide_advanced_options {float: right; width: 110px; margin-top: 3px}
.searchPage #show_advanced_options img, .searchPage #hide_advanced_options img {margin-left: 1px}
.searchPage #show_advanced_options a, .searchPage #hide_advanced_options a {font-weight: bold; color: #025E99; text-decoration: none}
.searchPage #show_advanced_options a:hover, .searchPage #hide_advanced_options a:hover {text-decoration: underline}
.searchPage .number_of_results {color: #9F9F9F}
.searchPage .search_results {border: 0px !important; margin-top: 10px}
.searchPage .search_result {padding: 5px 0; border-top: 1px dashed #9f9f9f; overflow: hidden}
.searchPage .search_result .update_date {float: right; color: #9f9f9f}
.searchPage .search_result .header_wrapper {margin-bottom: 10px}
.searchPage .search_result .metadata {margin-top: 5px}
.searchPage .search_result .metadata table {width: 468px; margin-bottom: 10px}
.searchPage .search_result .metadata table td a {color: #025E99}
.searchPage .search_result .metadata table td.relevance .relevance_wrapper {height: 15px; position: relative; width: 145px}
.searchPage .search_result .metadata table td.relevance .percentage {float: left; position: absolute; top: 0; left: 105px; color: #9f9f9f; font-weight: bold}
.searchPage .search_result .metadata table .bread_crumbs {color: #025E99; padding: 0; margin: 0}
.searchPage .search_result .metadata table a {color: #025E99; text-decoration: none}
.searchPage .search_result .metadata table a:hover {text-decoration: underline}
.searchPage .search_result .metadata table th {vertical-align: top; color: #9F9F9F; width: 80px}
.searchPage .search_result .metadata table td .container {position: absolute; left: 0; top: 4px; width: 100px; height: 6px; background-color: white; border: 1px solid #9F9F9F; float: left}
.searchPage .search_result .metadata table td.type {width: 165px}
.searchPage .search_result .metadata table td .container .bar {height: 6px; background-color: #9F9F9F}
.searchPage {border-bottom: 0px !important}
.searchPage h2 {float: left; font-size: 12px; font-weight: bold; color: #025E99; margin: 0}
.searchPage h2 a {text-decoration: none}
.searchPage h2 a:hover {text-decoration: underline}
.searchPage .number_of_results {font-size: 12px}
.searchPage .number_of_results .query {font-weight: bold; color: #025E99}
.searchPage .pageNumber{ font-size: 12px; text-align: center; padding-top: 3px}
.searchPage #advanced_search {margin-top: 10px}
.searchPage #advanced_search select {width: 170px}
.searchPage #advanced_search .search_field_wrapper {margin-bottom: 10px}
.searchPage #advanced_search .disabled {color: gray}
.searchPage #advanced_search .disabled select {border: 1px solid gray; color: gray}
.searchPage #advanced_search .search_description {width: 150px}
.searchPage #advanced_search .search_description, .searchPage #advanced_search .search_field {float: left}
.searchPage #advanced_search .search_field input {margin: 0}
.searchPage #advanced_search #from, .searchPage #advanced_search #to {width: 110px; margin-right: 2px}
.searchPage #advanced_search #to {margin-left: 10px}
.newsItem .image {float: right; padding-left: 10px; padding-bottom: 10px}
div.newsItems div.newsItem h2 a, div.newsletterEditions div.newsletterEdition h2 a {text-decoration: none}
.legislationArchive .metadata, .feed .metadata, .page .metadata, .htmlPage .metadata, .section .metadata, .newsArchive .metadata, .newsArchive .metadata, .newsItem .metadata, #calendarMain .metadata, #calendarItemMain .metadata, .newsletterArchive .metadata, .newsletterEdition .metadata, .weblogPost .metadata, .productCatalogue .metadata {margin-bottom: 10px}
.legislationArchive .metadata p, .feed .metadata p, .page .metadata p, .htmlPage .metadata p, .section .metadata p, .newsArchive .metadata p, .newsItem .metadata p, #calendarMain .metadata p, #calendarItemMain .metadata p, .newsletterArchive .metadata p, .newsletterEdition .metadata p, .weblog .metadata p, .weblogPost .metadata p, .productCatalogue .metadata p {color: #9f9f9f; margin: 0px}
.page .metadata .publicationDate, .section .metadata .publicationDate, .pollQuestion .metadata .publicationDate, .newsItem .metadata .publicationDate, .newsletterEdition .metadata .publicationDate, .weblogPost .metadata .publicationDate {float: left}
.page .metadata .lastUpdateDate, .section .metadata .lastUpdateDate, .pollQuestion .metadata .lastUpdateDate, .newsItem .metadata .lastUpdateDate, .newsletterEdition .metadata .lastUpdateDate, .weblogPost .metadata .lastUpdateDate {float: right}
.preamble {font-weight: bold; margin-bottom: 6px; overflow: hidden}
.readspeaker_button {float: right}
.readspeaker_player {height: 20px; width: 250px; float: right}
.readspeaker_player embed {height: 20px; width: 250px}
a.topRightReadspeaker {margin-right: 5px}
.buttons {margin-top: 5px; padding: 5px}
.buttons a {color: #0076af; margin: 0px 0px 0px 0px; /*edited was 0 6 0 6 */ }
div.print, div.social_buttons {margin-left: 8px; float: right}
div.article, div.edit, div.delete, div.locking {float: left; margin-right: 8px}
div.newRight {float: right}
.pagination {text-align: center}
.pagination .pageNumbers {width: 330px; margin: auto; text-align: center; word-spacing: 4px}
.pagination .left{ float: left}
.pagination .right{ float: right}
div.newsletterArchive #subscription_box {float: right}
/* ID selector will be deprecated (table#item) use classes instead (table.item) */ table.items, table#items {width: 100%}
table.items th.spacer, table#items th.spacer {width: 20px}
table.items tr.alt, table#items tr.alt {background-color: #E6E6E6}
table.items td, table#items td, table.items th, table#items th {padding: 2px 5px 2px 5px}
table.items td.position, table#items td.position {width: 20px}
/* Classes 'type' and 'date' will be deprecated. Use class="gray" */ table.items td.date, table.items td.type, table#items td.date, table#items td.type, table.items td.gray, table#items td.gray, th.gray{ color: #9f9f9f; font-weight: normal}
table.items td.gray a, table#items td.gray a {color: #9f9f9f}
table.items td.right, table#items td.right {text-align: right}
th.right {text-align: right}
table#items td.right_sized, th.right_sized{ text-align: right; width: 30%}
/** Floating elements styles **/ .monthInfo .right, .loginCt .right, .formFieldCt .right, .formButtonCt .right, .buttons .right, .weblogPostsOverview .right, .images a.right, .weblogPostBody .right {float: right !important}
.buttons.right {padding-right: 0px !important; margin-right: 0px !important}
.buttons input.hidden, .buttons .hidden {display: none !important}
.monthInfo .left, .loginCt .left, .formFieldCt .left, .formButtonCt .left, .buttons .left, .weblogPostsOverview .left, .images a.left, .weblogPostBody .left, .tiny_left {float: left !important}
/** Calendars and calendar items styles **/ #calendarMain .header {padding-bottom: 10px}
#calendarMain .headerWrapper {float: left; width: 190px}
.calendarWrapper {float: right; width: 250px}
.calendarContainer {border: 1px solid #186294}
#calendarMain .monthInfo {width: 248px}
#calendarMain .monthInfo {padding: 0px; float: right; text-align: center; font-size: 11px; color: #fff; background: #186294; border-left: 1px solid #186294; border-right: 1px solid #186294; padding-bottom: 1px}
#calendarMain .monthInfo .monthName {margin-top: 2px}
#calendarMain h2 {font-family: "Trebuchet MS",sans-serif; font-size: 17px; font-weight: normal; margin: 0pt 0pt 10px}
.calendarWeek {margin-top: 10px}
.calendarDay {font-size: 13px; color: #000000; padding-bottom: 10px}
.calendarDay h2 {float: right; padding: 3px 6px 0 3px; font-size: 13px; color: #000000; font-weight: normal; line-height: 16px; margin: 0 !important; font-family: arial,sans-serif}
.calendarDay .dayName {padding-bottom: 3px; border: 1px solid #0076af; background: #d4d0c8; padding: 3px 3px 3px 3px}
.calendarItem {border-left: 1px solid #afafaf; border-right: 1px solid #afafaf; padding-top: 3px; padding-bottom: 2px; border-bottom: 1px solid #afafaf; color: #afafaf}
.calendarItem .title {color: #0076af; font-weight: bold; padding-left: 3px}
.calendarItem .metaInfo {padding-left: 8px; font-size: 11px}
.calendarItem .metaInfo .time {float: right; padding-right: 2px; font-size: 12px}
#calendarItemMain {border-top: 1px solid #0076af; border-bottom: 1px solid #0076af; padding-bottom: 5px}
#calendarItemMain .details {margin-bottom: 10px}
#calendarItemMain .details .dynamic_attributes div, #calendarItemMain .details .category, #calendarItemMain .details .start_time, #calendarItemMain .details .end_time, #calendarItemMain .details .location {font-size: 10px; color: #666666}
#calendarItemMain .body, #calendarItemMain .agendaItems {margin-bottom: 10px}
#calendarItemMain h3 {font-family: "Trebuchet MS", sans-serif; font-size: 15px; font-weight: normal; line-height: 16px; margin-bottom: 6px; margin-top: 1px; color: #0076af}
div.calendar_item div.buttons a {color: #0076af; padding-left: 18px; background-repeat: no-repeat; background-position: center left}
.calendarItems .buttons {margin-top: 0px; padding-top: 2px; padding-left: 2px; font-size: 11px}
#combined_meeting #items {margin: 0 0 10px 5px}
#combined_meeting #meetings {margin-left: 20px; border-top: 1px solid #0076af}
#combined_meeting .meeting {border-bottom: 1px solid #0076af}
#combined_meeting .meeting h2 {font-size: 17px}
#combined_meeting .meeting td.time_field {width: 200px}
/** Agenda items **/ #agendaItemMain {border-top: 1px solid #0076af; border-bottom: 1px solid #0076af; padding-bottom: 5px}
#agendaItemMain .details {margin-bottom: 10px}
#agendaItemMain .details .category, #agendaItemMain .details .date, #agendaItemMain .details .agendaItem, #agendaItemMain .details .duration, #agendaItemMain .details .chairman, #agendaItemMain .details .notary, #agendaItemMain .details .staff_member, #agendaItemMain .details .speaking_rights {font-size: 10px; color: #666666}
#agendaItemMain .body {margin-bottom: 10px}
/* Calendar element in main page */ .calendarContainer td{ text-align: center; color: #186294}
.calendarContainer .calendar {text-align: center; font-size: 11px}
.calendarContainer .calendar a {color: #fff}
.calendarContainer .calendar abbr {border: 0px}
.calendarContainer .calendar th, .calendarContainer .calendar td {width: 30px}
.calendarContainer .calendar .monthInfo th {text-align: center; font-weight: bold; font-size: 12px; background-color: #9ca231}
.calendarContainer .weekName {background-color: #186294; color: #fff}
.calendarContainer .dayName {background-color: #186294; color: #fff}
.calendarContainer .week {background-color: #d4d0c8; color: #fff}
.calendarContainer .weekIsSelected {background-color: #afafaf; color: #fff}
.calendarContainer .otherMonthDay {color: #d4d0c8}
.calendarContainer .hasCalendarItems {background: #186294 !important}
.calendarContainer .hasCalendarItems a{ color: #fff}
.calendarContainer .today {font-weight: bold}
/* Product styles */ #search_pdc {padding-bottom: 10px}
#search_pdc .search_icon {margin-left: 4px; margin-top: 2px; float: left}
#search_pdc .search_terms {float: left}
.product h2 {color: #fff; font-size: 11px; margin: 0px; padding: 0px; padding-left: 13px; line-height: 28px; font-weight: bold}
.product #overview {margin-bottom: 26px}
.product #overview .label {display: block; font-weight: bold; margin: 13px; width: 79px; float: left}
.product #overview .value {background-color: #fff; width: 349px; padding: 0px 13px 13px 13px; float: right}
.product #overview .value p {margin: 13px 0px 0px 0px}
.product #overview .value ul {margin-bottom: 0px}
.product #overview .border_primary {border-bottom-style: solid; border-bottom-width: 1px}
.product #overview #costs .value ul {list-style-type: none; padding: 0px; margin-top: 13px}
.product #overview #costs .value ul :last-child {border-bottom-style: none}
.product #overview #costs .value ul li {border-bottom-style: solid; border-bottom-width: 1px; padding: 0px 5px; padding-right: 50px; margin: 0px -5px; position: relative}
.product #overview #costs .value ul li strong {position: absolute; right: 5px}
.product #overview #tips #links {margin-bottom: 0px}
.product #overview #tips #links a, .product #overview #forms a {text-decoration: none; display: block; padding-left: 18px; background: transparent url(../images/arrow_orange_small.png) no-repeat scroll 0px 4px}
.product #overview #tips #links a:hover, .product #overview #forms a:hover {color: #666666 !important; text-decoration: none; display: block; padding-left: 18px; background: transparent url(../images/arrow_grey_small.png) no-repeat scroll 0px 4px}
.product #overview #forms div.clearfix {margin-bottom: 13px}
.product #overview #forms img {float: left; margin: 13px 13px 0px 0px}
.product #overview #forms p {float: left; width: 286px}
.product #details #anchors ul {padding: 0; margin: 0; list-style: none outside none}
.product #details #anchors li {border-bottom: 1px dashed #9F9F9F; padding: 2px 0 2px; background: transparent url(../images/arrow_black.png) no-repeat scroll 12px 7px}
.product #details #anchors li a {color: #666666; text-decoration: none; display: block; padding-left: 30px}
.product #details #anchors li a:hover, .product #details #anchors li:hover a {text-decoration: none; color: #000}
.product #details #anchors {margin-bottom: 16px}
.product #details h3 {font-size: 11px}
.product #details a.to_top {border-bottom: 1px dashed #9F9F9F; padding: 2px 0 2px; color: #666666; text-decoration: none; display: block; text-align: right; padding-right: 20px; background: transparent url(../images/arrow_up_black.png) no-repeat scroll 465px 7px}
/* Product catalogue styles */ .productCatalogue .product_themes {padding-right: 50px; float: left}
.productCatalogue .product_categories {padding-right: 50px; padding-bottom: 5px}
.productCatalogue .product_situations {float: left}
/* Product letter links style */ .productLetterLinks {padding-bottom: 5px}
ul.products.opus li {margin-bottom: 5px; line-height: 14px}
ul.products.opus li p {margin: 0px}
ul.products.opus li div.buttons {margin-top: 0px; padding: 0px 5px}
ul.products.opus li div.buttons div.article {float: right}
#products_container{ border-bottom: 1px solid #d4d0c8; border-top: 1px solid #d4d0c8}
.topProducts .noProducts {font-style: italic}
/* top right admin tool box */ #admin_tools {position: fixed; z-index: 1000; top: 20px; right: 20px; padding: 0px 5px 2px 5px; border: 2px solid #cccccc; background-color: white}
#admin_tools ul {list-style-type: none; padding: 0px}
* html #admin_tools {position: absolute}
* html #admin_tools {position: absolute}
/* Error Explanation */ .errorExplanation {background-image: url('../images/icons/error.png'); background-color: #bfdde9; background-repeat: no-repeat; background-position: 5px 5px; border: 1px solid #0076af; padding-left: 0px; margin-bottom: 5px; color: #0076af}
.errorExplanation h2 {padding-left: 25px; padding-top: 6px; padding-bottom: 3px; margin: 0px; line-height: 15px; font-size: 14px; font-weight: bold; color: #0076af}
.errorExplanation p {margin: 5px; line-height: 12px}
.fieldWithErrors input.textfield {border: 1px solid #ef765d; background: #bfdde9}
/* Registrationform styles */ div.htmlField img {display: block}
label.user {padding-left: 3px}
label.reminder {width: 130px !important}
input.reminder {width: 290px !important}
.formFieldCt label.checkBox {float:none; width: 120px}
#reg_form_user_info {padding-top: 3px; padding-left: 3px; padding-right: 5px; padding-bottom: 15px}
.formFieldCt .textfield {width: 304px}
#reg_form_fieldset {border: 1px solid #9F9F9F; padding: 6px}
#reg_form_info_msg_wrapper, #reg_form_user_info legend {color: #0076af; font-size: 11px; font-weight: bold}
#reg_form_info_msg_wrapper {margin-bottom: 5px}
#reg_form_login_wrapper, #reg_form_email_wrapper, #reg_form_password_wrapper, #reg_form_password_conf_wrapper{ float: left}
.formFieldPt {display: none}
.formFieldCt {margin-bottom: 6px}
.formFieldCtNoLabel {padding-left: 120px}
.formFieldCt label {float: left; width: 120px}
.formFieldCt label.small {float: left; width: 100px}
.formFieldCt div.radioButton {float: left; margin-right: 15px}
.formFieldCt div.radioButton label {float: none; width: auto}
.reg_form_additional_info {border-top: 1px solid #0076af; padding-top: 3px; padding-left: 3px; padding-right: 5px; padding-bottom: 5px}
.reg_form_additional_info_header {color: #0076af; font-size: 11px; font-weight: bold; margin-bottom: 3px}
.form_checkbox {float: left; width: 200px}
.form_checkbox input {margin-left: 0px; float: left}
.form_checkbox label {width: 175px; float: left}
.loginCt {padding-top: 3px; padding-bottom: 3px; margin-bottom: 3px}
/* Poll main page */ #poll_question_main {border-top: 1px solid #0076AF; padding-top: 3px; padding-left: 3px; padding-right: 5px; padding-bottom: 5px}
#poll_question_main div.question{ color: #0076af; font-size: 11px; font-weight: bold; margin-top: 2px; margin-bottom: 2px}
#poll_question_main div.answers{ padding-bottom: 4px; border-bottom: 1px solid #0076AF}
#poll_question_main div.answers input{ padding: 0; position: relative; top: 3px}
#poll_question_main div.button input{ margin-top: 5px; margin-left: 0px; background: #bfdde9; float: left; border: 1px solid #0076af}
#poll_question_main div.button a {height: 15px; margin-top: 5px; color: #0076AF; text-decoration: underline}
#poll_question_main div.button .view_results {float: right}
#poll_results_main {border-top: 1px solid #0076AF; border-bottom: 1px solid #0076AF}
#poll_results_main div.question {width: 100%; float: left; color: #0076af; font-size: 11px; font-weight: bold; margin-top: 5px; margin-bottom: 7px}
#poll_results_main div.number_of_votes{ float: left; color: #9F9F9F}
#poll_results_main div.results{ float: left}
#poll_results_main div.option {float: left}
#poll_results_main div.answer {padding-left: 7px; padding-right: 3px; padding-bottom: 5px; float: left; width: 165px; overflow: hidden}
#poll_results_main div.result_bar_ct {border: 1px solid #bfdde9; background: #f1f1f1; float: left; width: 210px; margin-right: 5px}
#poll_results_main img.result_bar {background: #0076AF; float: left}
#poll_results_main div.result_number {float: right}
#earlier_questions {margin-top: 15px}
/* bread crumb styles */ .bread_crumbs {color: #cccccc; padding-bottom: 3px; margin-bottom: 2px}
.bread_crumbs a {color: #888888; line-height: 14px}
.videoObject {margin: 5px 0 5px 0}
.attachmentsTableExplanation {margin: 20px 0 5px 4px}
.attachmentsTable, .attachmentsTableExplanation {margin-left: 10px}
.attachmentsTable td, .attachmentsTable th {padding: 2px 4px 2px 4px}
.attachmentsTable th {background-color: #f0f0f0}
.signup, .userLogin {font-weight: bold}
/** Forum styles **/ .forumThreadsOverview h2, .forumPostsOverview h2, .weblogsOverview h2 {float: left}
.no_items {padding-bottom: 5px}
div.forum, div.forumTopic, div.forumThread, div.createForumThread, div.editForumThread {border: 0 !important}
div.forumTopic h1 .prefix, div.forumThread h1 .prefix, div.forumFormPage h1 .prefix {font-size: 15px; color: #9f9f9f; display: block; line-height: 18px}
div.forumThread h1.closed .prefix {padding-left: 20px}
div.forumThread p.forumThreadDetails {color: #9f9f9f; margin: 0px}
div.forumThread div.forumThreadBody {overflow: hidden}
div.forum div.forumDescription, div.forumTopic div.forumTopicDescription, div.forumFormPage div.forumTopicDescription {font-weight: bold; overflow: hidden}
div.forum div.forumTopicsOverview, div.forumTopic div.forumThreadsOverview, div.forumThread div.forumPostsOverview {border-top: 1px solid #0076af; border-bottom: 1px solid #0076af}
div.forum div.forumTopicsOverview, div.forumTopic div.forumThreadsOverview {margin-top: 15px}
div.forumTopic a.new_thread_link, div.forumThread a.new_post_link, div.forumThread a.edit_post_link, div.forumThread a.delete_post_link, div.forumThread a.edit_thread_link, div.forumThread a.delete_thread_link, div.forumThread a.lock_thread_link, div.forumThread a.unlock_thread_link {float: right}
div.forumThread a.new_thread_link {float: left}
div.forumThread a.edit_thread_link, div.forumThread a.lock_thread_link, div.forumThread a.unlock_thread_link, div.forumThread a.edit_post_link {margin-right: 10px}
div.forumTopic div.forumThreadsOverview h3.closed, div.forumThread h1.closed {background-image: url('../images/icons/locked.png'); background-repeat: no-repeat; background-position: top left}
div.forumTopic div.forumThreadsOverview h3.closed {background-position: center right}
div.forum div.forumDescription, div.forum div.forumTopics {margin-top: 15px}
div.forum div.forumTopics, div.forumTopic div.forumThreads, div.forumThread div.forumPosts {margin-bottom: 8px}
div.forum div.forumTopics .oddForumTopic, div.forum div.forumTopics .evenForumTopic, div.forumTopic div.forumThreads .oddForumThread, div.forumTopic div.forumThreads .evenForumThread, div.forumThread div.forumPosts .oddForumPost, div.forumThread div.forumPosts .evenForumPost {padding: 3px 6px 3px 6px}
div.forum div.forumTopics .oddForumTopic, div.forumTopic div.forumThreads .oddForumThread, div.forumThread div.forumPosts .oddForumPost {background-color: #E6E6E6}
div.forum div.forumTopics div.forumTopicDescription, div.forumTopic div.forumThreads div.forumThreadBody {float: left; width: 250px; overflow: hidden}
div.forumThread div.forumPosts div.forumPostBody {overflow: hidden}
div.forum div.forumTopics div.forumTopicDetails, div.forumTopic div.forumThreads div.forumThreadDetails, div.forumThread div.forumPosts p.forumPostDetails {color: #9f9f9f}
div.forum div.forumTopics div.forumTopicDetails, div.forumTopic div.forumThreads div.forumThreadDetails {float: right; text-align: right}
div.forumThread div.forumPosts p.forumPostDetails {margin: 0px}
div.forum div.forumTopics div.forumTopicDetails p, div.forumTopic div.forumThreads div.forumThreadDetails p {margin: 0px}
div.forum div.forumTopics h3, div.forumTopic div.forumThreads h3 {font-family: "Trebuchet MS", sans-serif; font-size: 15px; font-weight: normal; line-height: 16px; margin-bottom: 3px; margin-top: 1px; color: #0076af}
div.forumFormPage div.forumForm {border-top: 1px solid #0076af; margin-top: 10px}
div.forumFormPage div.forumForm div.userName label {padding: 4px 0px; float: left; width: 50px}
div.forumFormPage h1 a {text-decoration: none}
div.forumFormPage h1 a:hover {text-decoration: underline}
/* user profile */ table#user_details th {font-weight: normal; color: #0076af}
table#user_details th, table#user_details td {text-align: left; vertical-align: top; padding: 2px 5px 2px 5px}
#newsletter_subscriptions, #weblogs {margin-top: 15px; margin-bottom: 30px}
/** Weblog styles **/ div.weblogArchive, div.weblog, div.createWeblog, div.editWeblog {border: 0 !important}
div.weblogPost {border-bottom: 1px solid #0076AF}
div.weblogArchive h1 .prefix, div.weblog h1 .prefix, div.weblogPost h1 .prefix, div.calendarFormPage h1 .prefix, div.weblogFormPage h1 .prefix {font-size: 15px; color: #9f9f9f; display: block; line-height: 18px}
div.weblog p.weblogDetails {color: #9f9f9f; margin: 0px}
div.weblog div.weblogDescription, div.weblogPost div.weblogPostBody {overflow: hidden}
div.weblogArchive div.weblogArchiveDescription, div.weblogFormPage div.weblogArchiveDescription {font-weight: bold; overflow: hidden}
div.weblogArchive div.weblogsOverview, div.weblog div.weblogPostsOverview {border-top: 1px solid #0076af; border-bottom: 1px solid #0076af}
div.weblogArchive div.weblogsOverview {margin-top: 15px}
div.weblogArchive a.new_weblog_link, div.weblog a.new_post_link, div.weblog a.show_post_link {float: left; margin-right: 8px}
div.weblogArchive div.weblogs, div.weblog div.weblogPosts {margin-bottom: 15px}
div.weblogArchive div.weblogs .oddWeblog, div.weblogArchive div.weblogs .evenWeblog, div.weblog div.weblogPosts .oddWeblogPost, div.weblog div.weblogPosts .evenWeblogPost {padding: 3px 6px 3px 6px}
div.weblogArchive div.weblogs .oddWeblog, div.weblog div.weblogPosts .oddWeblogPost {background-color: #E6E6E6}
div.weblogArchive div.weblogs div.weblogDescription {float: left; width: 250px; overflow: hidden}
div.weblog div.weblogPosts div.weblogPostBody {overflow: hidden}
div.weblogArchive div.weblogs div.weblogDetails {color: #9f9f9f}
div.weblogArchive div.weblogs div.weblogDetails {float: right; text-align: right}
div.weblogArchive div.weblogs div.weblogDetails p {margin: 0px}
div.weblogArchive div.weblogs h3, div.weblog div.weblogPosts h3 {font-family: "Trebuchet MS", sans-serif; font-size: 15px; font-weight: normal; line-height: 16px; margin-bottom: 3px; margin-top: 1px; color: #0076af}
div.calendarFormPage div.calendarItemForm, div.weblogFormPage div.weblogForm, div.weblogFormPage div.weblogPostForm {border-top: 1px solid #0076af; margin-top: 10px}
div.calendarFormPage h1 a, div.weblogFormPage h1 a {text-decoration: none}
div.calendarFormPage h1 a:hover, div.weblogFormPage h1 a:hover {text-decoration: underline}
div.calendarFormPage p.blueFields select, div.weblogFormPage p.blueFields select {border: 1px solid #0076af}
div.weblogPostImage {float: left; margin-right: 5px}
p.weblogInfo {color: #9f9f9f; margin: 0; margin-bottom: 10px}
/* comment styles */ div.comments {border-bottom: 1px solid #0076af}
div.comments .header {padding: 5px}
div.comments .userName{ float: left; font-weight: bold; color: #9f9f9f}
div.comments .publicationDate {float: left; margin: 0px; padding-left: 2px}
div.comments .text {float: left; padding: 2px 10px 8px 10px}
div.comments .alt {background-color: #E6E6E6}
textarea.contentArea {border: 1px solid #0076af; width: 100%; height: 100px}
div.comments_content {padding-bottom: 8px}
div.newComment div.userName {padding: 8px 0px}
div.newComment div.userName label {padding: 4px 0px; float: left; width: 50px}
div.newComment div.submit {padding: 8px 0px}
div.width_20 {width: 20px}
.authenticity_token {margin: 0; padding: 0}
/** Section styles **/ ul.section_items {margin: 5px 0; padding-left: 7px; list-style-type: none}
ul.section_items li {padding: 2px 0px 2px 10px}
/** Top hits page styles **/ ol.top_hits {margin: 0px 0px 0px 16px; padding: 8px; padding-right: 3px}
ol.top_hits li {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}
ol.top_hits li a {position: relative; left: -5px; display: inline-block}
*:first-child+html ol.top_hits {margin-left: 22px}
* html ol.top_hits {margin-left: 22px}
*:first-child+html ol.top_hits li a {left: -8px}
* html ol.top_hits li a {left: -8px}
/* extra styles */ label.hidden {display: none}
/* search form styles */ ul#search-tabs {list-style: none; padding: 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #186294; padding-left: 10px}
ul#search-tabs li {float: left; margin-right: 10px}
ul#search-tabs li a {float: left; width: 80px; text-align: center; background-color: #D9EAF2; color: black; border-bottom: none; text-decoration: none}
ul#search-tabs li.selected a {background-color: #186294; /*#D9EAF2;*/ color: white }
form#main_search_form {padding: 10px 0px}
/* Legislation styles */ .legislation .body {margin-top: 20px}
.legislation .last_update {border-top: 1px solid gray; margin-top: 75px}
.legislationArchive .legislation h2 {font-size: 14px}
.legislations input {margin-left: 0}
.legislations label.order {margin-right: 10px}
.legislations .submit {margin-left: 15px}
.legislations .label {display: inline-block; width: 110px; height: 25px}
/* Carrousel styles */ .carrousel_item .excerpt {display: block; overflow: auto}
.carrousel_item img {float: left; padding: 0 10px 10px 0}
/* News items */ .newsItem .bread_crumbs {display: inline; color: #888888}
/* Upper header (Logo, language selection, login) */ #top_header {padding: 0px 0 4px}
#top_header {h\eight: 85px; height: 75px}
#logo {float: left}
#language_selection_and_rss {float: left; padding: 5px 0px 0px 60px}
#rss img {position: relative; top: 3px}
#login {padding-right: 10px; padding-top: 10px; float: right; color: #9F9F9F; font-family: "Trebuchet MS", arial, sans-serif}
#login {w\idth: 365px; width: 355px}
#login label {padding-right: 5px; padding-top: 2px; float: right; display: inline}
#login div.field_wrapper {float: right; display: inline; border: 1px solid #CCCCCC}
#login input {width: 128px; border: 0px; padding: 0px; color: #9F9F9F; font-size: 11px}
#login input.submit {width: 70px; float: right; margin: 4px 0 0; background: transparent url('../images/pointer_right.png') center right no-repeat; cursor: pointer}
#login .login_password_container {margin-top: 4px}
#login .links {display: inline; float: left; width: 230px}
#login .links a {color: #9F9F9F; font-size: 10px; text-decoration: none; padding: 4px 10px 0px 20px; background: transparent url(../images/arrow_black.png) no-repeat scroll 9px 10px}
#login .links a:hover {text-decoration: underline}
#login .links .signup_link {float: left}
#login .links .request_password_link {float: right}
/* Main header (Main menu, search) */ #header {height: 200px; position: relative; z-index: 10}
#header .corner {height: 50px; width: 100px; position: absolute; top: 0; left: 0; background: transparent url('../images/header_corner.png') top left no-repeat}
#meta_links_and_search {float: left; padding: 35px 27px 0px}
#meta_links_and_search {w\idth: 254px; width: 200px}
#meta_links_and_search .meta_links {height: 25px; font-size: 11px !important}
#meta_links_and_search .meta_links a {display: inline; color: white}
#meta_links_and_search .meta_links img {position: relative; top: 3px}
#fontsize {display: inline; vertical-align: bottom; border: 0px; margin: 0px; padding: 0px}
#fontsize img {cursor: pointer}
#search {margin-top: 35px; font-family: "Trebuchet MS", arial, sans-serif}
#search form .search_terms input, #search form select {color: #9F9F9F; border: 0px; font-size: 11px}
#search form .search_terms input {padding: 3px 0px 3px 10px}
#search form .search_terms input {w\idth: 200px; width: 190px}
#search form select {padding: 3px 2px 3px 7px}
#search form select {w\idth: 209px; width: 200px}
#search form .submit {margin: 8px 0 0 0; padding: 0px; border: 0; cursor: pointer; float: left; color: #FFFFFF; font-size: 12px; background: transparent none; font-weight: bold}
#search form a {margin-top: 8px; display: block; color: white; text-decoration: none; float: right}
#search form a:hover {text-decoration: underline}
#search form .search_options {margin-top: 8px}
#main_menu_and_header_photo {float: left; width: 726px; position: relative}
#main_menu_and_header_photo .header_photo {height: 159px; overflow: hidden; position: relative}
#main_menu_and_header_photo .header_photo .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 159px}
/** * Footer styles */ #footer {background: #F0F0F0 url(../images/shadow_bg.gif) repeat-y; color: #999999; margin: auto; padding: 20px 25px 0px}
#footer {h\eight: 55px; width: 970px}
#footer {h\eight: 55px; height: 35px}
#footer a {padding: 0px 5px; color: #999999; text-decoration: none}
#footer a:hover {text-decoration: underline}
#footer .meta_links {float: left}
#footer .menu_links {float: right}
/* Style the top level ul */ #main_menu {list-style: none; margin: 0; padding: 0; height: 41px; position: relative; z-index: 20}
/* Style the top level menu items */ #main_menu li {float: left; padding: 10px 10px 0}
#main_menu li {h\eight: 41px; height: 31px}
/* Style top level menu item links */ #main_menu li .main_menu_link {color: white; font-family: "Trebuchet MS", arial, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; white-space: nowrap}
/* Style the submenu overlays */ #main_menu li .sub_menu_wrapper {width: 100%; position: absolute; top: 41px; left: 0; display: none; z-index: 30; padding: 10px 0 0}
#main_menu li:hover a {color: #fff}
/* Show the sub menu when hovering over the main menu item */ #main_menu li:hover .sub_menu_wrapper {display: block}
/* Style the sub menus */ #main_menu li .sub_menu {list-style: none; margin: 0; padding: 2px 0 5px}
/* Style the sub menu items */ #main_menu li .sub_menu li {float: none; height: auto; margin: 0; padding: 0 0 0 23px; background: transparent url(../images/arrow_black.png) no-repeat scroll 8px 6px}
#main_menu li .sub_menu li {w\idth: 726px; width: 703px}
#main_menu li .sub_menu li:hover {background-color: white}
/* Style the sub menu item links */ #main_menu li .sub_menu li .sub_menu_link {color: black; display: block; width: 100%; text-decoration: none}
/* Various menu item and submenu colours for the different templates */ #main_menu li.default:hover, #main_menu li.default .sub_menu_wrapper {background-color: #025E99}
#main_menu li.default .sub_menu {background-color: #D9EAF2}
#main_menu li.green:hover, #main_menu li.green .sub_menu_wrapper {background-color: #ABB200}
#main_menu li.green .sub_menu {background-color: #EDF3CB}
#main_menu li.turquoise:hover, #main_menu li.turquoise .sub_menu_wrapper {background-color: #009999}
#main_menu li.turquoise .sub_menu {background-color: #E8F4F2}
#main_menu li.orange:hover, #main_menu li.orange .sub_menu_wrapper {background-color: #F39D26}
#main_menu li.orange .sub_menu {background-color: #FDECD5}
#main_menu li.bordeaux:hover, #main_menu li.bordeaux .sub_menu_wrapper {background-color: #9C004F}
#main_menu li.bordeaux .sub_menu {background-color: #F3E2ED}
#main_menu li.purple:hover, #main_menu li.purple .sub_menu_wrapper {background-color: #473391}
#main_menu li.purple .sub_menu {background-color: #EAE2F3}
#main_menu li.pink:hover, #main_menu li.pink .sub_menu_wrapper {background-color: #B5007C}
#main_menu li.pink .sub_menu {background-color: #F3E2ED}
#main_menu li.orangered:hover, #main_menu li.orangered .sub_menu_wrapper {background-color: #EE6515}
#main_menu li.orangered .sub_menu {background-color: #F9E1B7}
#main_menu li.crimson:hover, #main_menu li.crimson .sub_menu_wrapper {background-color: #BD2A18}
#main_menu li.crimson .sub_menu {background-color: #F9E6DD}
#main_menu li.bronze:hover, #main_menu li.bronze .sub_menu_wrapper {background-color: #AB7A12}
#main_menu li.bronze .sub_menu {background-color: #F2EAD0}
/* Generic content box stuff */ .content_box {margin-bottom: 20px}
.content_box .header {height: 27px; padding: 0 0 10px 0 !important; position: relative}
.content_box .bordeaux .header {background: transparent url('../images/content_box_header_bordeaux.png') repeat-x}
.content_box .bronze .header {background: transparent url('../images/content_box_header_bronze.png') repeat-x}
.content_box .crimson .header {background: transparent url('../images/content_box_header_crimson.png') repeat-x}
.content_box .default .header {background: transparent url('../images/content_box_header_default.png') repeat-x}
.content_box .green .header {background: transparent url('../images/content_box_header_green.png') repeat-x}
.content_box .orange .header {background: transparent url('../images/content_box_header_orange.png') repeat-x}
.content_box .orangered .header {background: transparent url('../images/content_box_header_orangered.png') repeat-x}
.content_box .pink .header {background: transparent url('../images/content_box_header_pink.png') repeat-x}
.content_box .purple .header {background: transparent url('../images/content_box_header_purple.png') repeat-x}
.content_box .turquoise .header {background: transparent url('../images/content_box_header_turquoise.png') repeat-x}
.content_box .header .corner_overlay {position: absolute; top: 0; left: 0; background: transparent url('../images/content_box_corner.png') no-repeat; height: 27px; width: 36px}
.content_box .header .icon_overlay {position: absolute; top: 0; left: 130px}
.content_box .header h2 {font-size: 12px; font-weight: bold; color: white; padding: 0 !important; margin: 0 0 0 36px !important; line-height: 27px}
.content_box .header h2 a {color: white; text-decoration: none}
.content_box .header h2 a:hover {text-decoration: underline}
.content_box .content h3 {font-size: 13px; margin: 4px 0}
.content_box .content h3 a {text-decoration: none}
.content_box .content h3 a:hover {text-decoration: underline}
.content_box .bordeaux .content h3, .content_box .bordeaux .content h3 a {color: #9C004F}
.content_box .bronze .content h3, .content_box .bronze .content h3 a {color: #AB7A12}
.content_box .crimson .content h3, .content_box .crimson .content h3 a {color: #BD2A18}
.content_box .default .content h3, .content_box .default .content h3 a {color: #025E99}
.content_box .green .content h3, .content_box .green .content h3 a {color: #ABB200}
.content_box .orange .content h3, .content_box .orange .content h3 a {color: #F39D26}
.content_box .orangered .content h3, .content_box .orangered .content h3 a {color: #EE6515}
.content_box .pink .content h3, .content_box .pink .content h3 a {color: #B5007C}
.content_box .purple .content h3, .content_box .purple .content h3 a {color: #473391}
.content_box .turquoise .content h3, .content_box .turquoise .content h3 a {color: #009999}
.content_box .content p {margin: 4px 0}
.content_box .content p.center {text-align: center}
.content_box .content ul {padding: 0; margin: 0; list-style: none outside none}
.content_box .content li {border-bottom: 1px dashed #9F9F9F; padding: 2px 0 2px; background: transparent url(../images/arrow_black.png) no-repeat scroll 12px 7px}
.content_box .content li a {color: #666666; text-decoration: none; display: block; padding-left: 30px}
.content_box .content.hoverable li a:hover, .content_box .content.hoverable li:hover a {text-decoration: none; color: #000}
.content_box .content .read_more_link {color: #666666; font-weight: bold; text-decoration: none; margin-left: 30px; padding-right: 20px; background: transparent url('../images/pointer_right.png') center right no-repeat; display: block; margin-top: 5px}
.content_box .content .read_more_link:hover {text-decoration: underline}
/* Content-type specific content box styling */ /* Polls */ .poll_content_box .content_box_wrapper {padding-bottom: 10px}
.poll_content_box .content_box_wrapper .content {padding-right: 10px}
.poll_content_box .header {padding: 0 !important}
.poll_content_box .content .not_active {color: white; margin-left: 36px}
.poll_content_box .content .question {color: white; font-weight: bold; padding-left: 35px}
.poll_content_box .content .poll_content_box_form {padding-top: 9px}
.poll_content_box .content .option {color: white; padding: 0 0 4px 34px; background: transparent url('../images/arrow_white.png') 13px 4px no-repeat}
.poll_content_box .content .option input {margin: 0; padding: 0; vertical-align: middle}
.poll_content_box .content .buttons {margin-top: 5px; padding-left: 35px}
/* For IE ... */ .poll_content_box .content .buttons img {width: 15px; height: 15px; padding: 0; margin: 0 3px 0 0}
.poll_content_box .content .buttons .vote, .poll_content_box .content .buttons .results {float: left}
.poll_content_box .content .buttons .vote {margin-left: 6px}
.poll_content_box .content .buttons .results {width: 80px}
.poll_content_box .content .buttons .vote_link, .poll_content_box .content .buttons .results_link {color: white !important; text-decoration: underline}
.poll_content_box .content .poll_results {color: white; padding: 0 10px 4px 35px}
.poll_content_box .content .poll_results .text {margin-bottom: 2px}
.poll_content_box .content .poll_results .bar {height: 6px; background-color: #DD8C1C; position: relative}
.poll_content_box .content .poll_results .bar img {height: 6px; position: absolute; top: 0px; left: 0px}
.poll_content_box .content .number_of_votes {margin-top: 8px}
/* Calendars and combined calendars */ .calendar_content_box .content li, .combined_calendar_content_box .content li {background: none; padding: 2px 0}
.calendar_content_box .content li .date, .combined_calendar_content_box .content li .date, .calendar_content_box .content li .link, .combined_calendar_content_box .content li .link {display: block; float: left}
.calendar_content_box .content li .link a, .combined_calendar_content_box .content li .link a {background: transparent none; padding: 0}
.calendar_content_box .content li .date, .combined_calendar_content_box .content li .date {width: 50px; color: #9F9F9F; font-weight: bold}
.calendar_content_box .content li .link, .combined_calendar_content_box .content li .link {width: 180px; overflow: hidden}
.calendar_content_box .content .read_more_link, .combined_calendar_content_box .read_more_link {margin-left: 50px !important}
/* Weblog archives and weblogs */ .weblog_content_box .content li, .weblog_archive_content_box .content li {background: none; padding: 2px 0}
.weblog_content_box .content li .date, .weblog_content_box .content li .link, .weblog_archive_content_box .content li .date, .weblog_archive_content_box .content li .link {display: block; float: left}
.weblog_content_box .content li .link a, .weblog_archive_content_box .content li .link a {background: transparent none; padding: 0}
.weblog_content_box .content li .date, .weblog_archive_content_box .content li .date {width: 80px; color: #9F9F9F; font-weight: bold}
.weblog_content_box .content li .link, .weblog_archive_content_box .content li .link {width: 150px; overflow: hidden}
.weblog_content_box .content .read_more_link, .weblog_archive_content_box .content .read_more_link {margin-left: 80px !important}
/* Forums */ .forum_content_box .content li {background: none; padding: 2px 0}
.forum_content_box .content li .date, .forum_content_box .content li .link {display: block; float: left}
.forum_content_box .content li .link a {background: transparent none; padding: 0}
.forum_content_box .content li .date {width: 80px; color: #9F9F9F; font-weight: bold}
.forum_content_box .content li .link {width: 150px; overflow: hidden}
.forum_content_box .content .read_more_link {margin-left: 80px !important}
/* News archives */ .news_archive_content_box img.content_box_header {margin-top: -10px}
.news_archive_content_box .firstNewsItem, .section_content_box .description {border-bottom: 1px dashed rgb(159, 159, 159); padding-bottom: 5px; padding-left: 12px}
.news_archive_content_box .firstNewsItem a, .news_archive_content_box .firstNewsItem a:hover {text-decoration: none}
.news_archive_content_box .firstNewsItem p.publicationDate {color: #9F9F9F}
.news_archive_content_box .firstNewsItem a.body {color: #000000}
.news_archive_content_box .firstNewsItem a.body img {margin-left: 5px}
.news_archive_content_box .firstNewsItem h2 {font-size: 14px; margin-bottom: 3px}
/* Newsletter archives */ .newsletter_archive_content_box .header {padding: 0 !important}
.newsletter_archive_content_box .content {color: white; padding: 0 0 4px 35px}
.newsletter_archive_content_box .content .buttons {padding: 0; margin: 0}
.newsletter_archive_content_box .content a {color: white}
/* For IE ... */ .newsletter_archive_content_box .content .buttons img {width: 15px; height: 15px; padding: 0; margin: 0 3px 0 0}
.newsletter_archive_content_box .content .buttons .subscribe_link, .newsletter_archive_content_box .content .buttons .unsubscribe_link {color: white; text-decoration: underline}
/* Contact boxes */ .contact_box_content_box .content {color: #0076AF}
.contact_box_content_box .content img {width: 230px}
.contact_box_content_box .content h2 {padding: 0; margin: 0; font-size: 12px; font-weight: bold}
.contact_box_content_box .content .read_more_link {float: right}
.contact_box_content_box .content .contact_information {border-bottom: 1px dashed #9F9F9F; padding: 0 0 4px 10px}
.contact_box_content_box .content .contact_information .wrapper {position: relative}
.contact_box_content_box .content .text {float: left}
.contact_box_content_box .content .contact_information .text p {padding: 0; margin: 0}
.contact_box_content_box .content .opening_hours {padding: 0 0 4px 10px}
/* Background colours for poll, newsletter-archive and search-page content boxes */ .poll_content_box .bordeaux, .newsletter_archive_content_box .bordeaux, .search_page_content_box .bordeaux {background: #9C004F none !important}
.poll_content_box .bronze, .newsletter_archive_content_box .bronze, .search_page_content_box .bronze {background: #AB7A12 none !important}
.poll_content_box .crimson, .newsletter_archive_content_box .crimson, .search_page_content_box .crimson {background: #BD2A18 none !important}
.poll_content_box .default, .newsletter_archive_content_box .default, .search_page_content_box .default {background: #025E99 none !important}
.poll_content_box .green, .newsletter_archive_content_box .green, .search_page_content_box .green {background: #ABB200 none !important}
.poll_content_box .orange, .newsletter_archive_content_box .orange, .search_page_content_box .orange {background: #F39D26 none !important}
.poll_content_box .orangered, .newsletter_archive_content_box .orangered, .search_page_content_box .orangered {background: #EE6515 none !important}
.poll_content_box .pink, .newsletter_archive_content_box .pink, .search_page_content_box .pink {background: #B5007C none !important}
.poll_content_box .purple, .newsletter_archive_content_box .purple, .search_page_content_box .purple {background: #473391 none !important}
.poll_content_box .turquoise, .newsletter_archive_content_box .turquoise, .search_page_content_box .turquoise {background: #009999 none !important}
/* Highlight background colours for all content boxes with lists */ .content_box .bordeaux .hoverable li:hover {background-color: #F3E2ED !important}
.content_box .bronze .hoverable li:hover {background-color: #F2EAD0 !important}
.content_box .crimson .hoverable li:hover {background-color: #F9E6DD !important}
.content_box .default .hoverable li:hover {background-color: #D9EAF2 !important}
.content_box .green .hoverable li:hover {background-color: #EDF3CB !important}
.content_box .orange .hoverable li:hover {background-color: #FDECD5 !important}
.content_box .orangered .hoverable li:hover {background-color: #F9E1B7 !important}
.content_box .pink .hoverable li:hover {background-color: #F3E2ED !important}
.content_box .purple .hoverable li:hover {background-color: #EAE2F3 !important}
.content_box .turquoise .hoverable li:hover {background-color: #E8F4F2 !important}
/* Search side box */ .search_page_content_box {font-family: "Trebuchet MS", "Arial", sans-serif}
.search_page_content_box form .search_terms input {border: 0px; color: #9F9F9F; font-size: 11px; padding: 3px 0px 3px 10px; margin: 15px}
.search_page_content_box form .search_terms input {w\idth: 200px; width: 190px}
.search_page_content_box form .submit {border: 0px; margin: 0 8px 8px 0; padding: 0px; cursor: pointer; float: right; color: #FFFFFF; font-size: 12px; background: transparent none; font-weight: bold}
/* Carrousel */ .carrousel_content_box .carrousel_item {padding-bottom: 5px}
.carrousel_content_box .carrousel_item a, .carrousel_content_box .carrousel_item a:hover {text-decoration: none}
.carrousel_content_box .header {padding-bottom: 0px!important}
.carrousel_content_box .carrousel_item h2 {font-size: 14px; margin-bottom: 3px; padding-left: 12px}
.carrousel_content_box .carrousel_item .excerpt {display: block; overflow: auto; padding-left: 12px}
.carrousel_content_box .carrousel_item img {padding: 0; padding-bottom: 10px}
.carrousel_content_box .carrousel_item .read_more_link {margin-left: 0; padding-right: 20px; background: transparent url('../images/pointer_right.png') center right no-repeat; display: block}
.sub_menu_content_box .content li {padding: 0}
.sub_menu_content_box .content li.expanded {border-bottom: none}
.sub_menu_content_box .content li a {background: transparent none; padding: 2px 0 2px 10px}
.sub_menu_content_box .content li a:hover {color: black; text-decoration: none}
.sub_menu_content_box .content li a.current {font-style: italic}
.sub_menu_content_box .content li ul {margin-left: 15px}
.sub_menu_content_box .content li {padding: 0}
.sub_menu_content_box .content li.expanded {border-bottom: none}
.sub_menu_content_box .content li a {padding: 2px 0 2px 10px}
.sub_menu_content_box .content li {background: transparent none}
.sub_menu_content_box .content li a:hover {color: black; text-decoration: none}
.sub_menu_content_box .content li a.current {font-style: italic}
.sub_menu_content_box .content li ul {margin-left: 15px}
.sub_menu_content_box .bordeaux .content li a:hover, .sub_menu_content_box .bordeaux .content li a.expanded {background-color: #F3E2ED !important}
.sub_menu_content_box .bronze .content li a:hover, .sub_menu_content_box .bronze .content li a.expanded {background-color: #F2EAD0 !important}
.sub_menu_content_box .crimson .content li a:hover, .sub_menu_content_box .crimson .content li a.expanded {background-color: #F9E6DD !important}
.sub_menu_content_box .default .content li a:hover, .sub_menu_content_box .default .content li a.expanded {background-color: #D9EAF2 !important}
.sub_menu_content_box .green .content li a:hover, .sub_menu_content_box .green .content li a.expanded {background-color: #EDF3CB !important}
.sub_menu_content_box .orange .content li a:hover, .sub_menu_content_box .orange .content li a.expanded {background-color: #FDECD5 !important}
.sub_menu_content_box .orangered .content li a:hover, .sub_menu_content_box .orangered .content li a.expanded {background-color: #F9E1B7 !important}
.sub_menu_content_box .pink .content li a:hover, .sub_menu_content_box .pink .content li a.expanded {background-color: #F3E2ED !important}
.sub_menu_content_box .purple .content li a:hover, .sub_menu_content_box .purple .content li a.expanded {background-color: #EAE2F3 !important}
.sub_menu_content_box .turquoise .content li a:hover, .sub_menu_content_box .turquoise .content li a.expanded {background-color: #E8F4F2 !important}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #0076af}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 61px; float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}