p {margin: 10px 0 0 0; line-height: 1.5em}
body {font-family: Helvetica, Arial, Sans-Serif; background-image: url('../images/layout/bg.png'); font-size: 12px; line-height: 1em; color: black; margin: 0px}
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')}
.jump_to_content_link {margin: 0}
div, td {text-align: left; vertical-align: top}
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 {color: #65078E; font-size: 50px; font-weight: 100; margin: 0 0 10px; line-height: 1em}
h2 {color: #65078E; font-weight: 200; font-size: 25px; margin: 0 0 10px; line-height: 1em}
h1 a, h2 a {color: #65078E}
a {color: #0076AF}
.htmlField {line-height: 1.5em}
.htmlField p {margin: 10px 0 0}
.htmlField h2, .htmlField h3 {font-family: inherit; font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; line-height: normal; color: #000}
.htmlField abbr, .htmlField html\:abbr {border-bottom: 1px dashed #CCC; cursor: help}
.smaller_font{ font-size: 10px}
/** 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 **/ #container {margin: 0 auto; width: 986px}
#jump_to_content {position: absolute; left: -10000px}
/* Content area (3 columns) */ #inner_columns_wrapper {float: right; width: 740px}
#content {float: left; overflow: hidden; width: 494px; padding: 10px 0px}
#content .content .top {background-image: url(../images/layout/main_box_top.png); height: 28px}
#content .content .middle {padding: 0 50px; background-image: url(../images/layout/main_box_bg.png); background-repeat: repeat-y}
#content .content .bottom {background-image: url(../images/layout/main_box_bottom.png); height: 28px}
#first_side_bar, #first_content_bar {float: left; overflow-x: hidden}
#second_side_bar, #second_content_bar {float: right; overflow-x: hidden}
#first_side_bar, #second_side_bar, #first_content_bar, #second_content_bar {width: 246px}
#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' */ }
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 {position: relative}
div.permitArchive div.filters div.submit {float: right; position: relative; top: -20px}
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, div.searchResults {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 {padding-top: 5px; border-bottom: 1px solid #0076af}
.searchPage form div {float: left}
.searchPage form div.search_submit {margin-left:7px; margin-top: 2px}
.searchPage form div.search_submit input {background: none #ff3394; color: white; border: none}
.searchPage form div.search_space {padding:3px 3px 0}
div.searchResults {border: 0px !important}
div.searchResults .alt {background-color: #E6E6E6}
div.searchResult {padding: 3px 6px 3px 6px; overflow: hidden}
div.searchResult .updateDate {float: right; color: #9f9f9f}
div.searchResult div.headerWrapper {margin-bottom: 10px}
img.searchResultIcon {float: left; margin-right: 3px}
div.searchResult p.searchResultLink {margin: 0px; padding: 0px}
div.searchResult p.searchResultLink a {text-decoration: none; color: green}
div.searchPage {border-bottom: 0px !important}
div.searchPage h2 {float: left; font-size: 15px; font-style: normal; margin: 0}
div.searchPage h2 a {text-decoration: underline !important}
div.searchPage .numberOfResults {font-size: 12px}
div.searchPage .pageNumber{ font-size: 12px; text-align: center; padding-top: 3px}
.newsItem .image {float: right; padding-left: 10px; padding-bottom: 10px}
div.newsItems div.newsItem h2 a, div.newsletterEditions div.newsletterEdition h2 a, div.searchResults div.searchResult h2 a {text-decoration: none}
.feed .metadata, .page .metadata, .htmlPage .metadata, .section .metadata, .newsArchive .metadata, .newsItem .metadata, #calendarMain .metadata, #calendarItemMain .metadata, .newsletterArchive .metadata, .newsletterEdition .metadata, .weblogPost .metadata, .productCatalogue .metadata, .course .metadata {margin-bottom: 10px}
.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, .course .metadata p {color: #9f9f9f; margin: 0px}
.page .metadata .publicationDate, .section .metadata .publicationDate, .pollQuestion .metadata .publicationDate, .newsItem .metadata .publicationDate, .newsletterEdition .metadata .publicationDate, .weblogPost .metadata .publicationDate, .course .metadata .publicationDate {float: left}
.page .metadata .lastUpdateDate, .section .metadata .lastUpdateDate, .pollQuestion .metadata .lastUpdateDate, .newsItem .metadata .lastUpdateDate, .newsletterEdition .metadata .lastUpdateDate, .weblogPost .metadata .lastUpdateDate, .course .metadata .lastUpdateDate{ float: right}
.preamble {font-weight: bold; margin-bottom: 6px; overflow: hidden; line-height: 1.5em}
.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: 5px 0; padding: 5px}
.buttons a {color: #0076af; margin: 0}
div.print {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 tr.alt, table#items tr.alt {background-color: #E6E6E6}
table.items td, table#items td {padding: 2px 5px 2px 5px}
/* 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.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 {margin-bottom: 20px}
/*#calendarMain .headerWrapper {*/ /*float: left;*/ /*width: 190px;*/ /*}*/ /*.calendarWrapper {*/ /*float: right;*/ /*width: 250px;*/ /*}*/ #calendarMain .headerWrapper {margin-bottom: 20px}
.calendarWrapper {margin-left: auto; margin-right: auto; 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 {}
.calendarDay {font-size: 13px; color: #000000; padding-bottom: 10px}
.calendarDay h2 {float: right; padding: 3px 6px 3px 3px; font-size: 13px; color: #000000; font-weight: normal; line-height: 16px; margin: 0px; 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 .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}
/** 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: 8px}
.topProducts {float: left}
.product span.label {font-weight: bold}
.product div {padding-bottom: 15px}
.product div p{ padding-left: 15px}
/* 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 */ .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}
#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_news_info {border-top: 1px solid #0076af; padding-top: 3px; padding-left: 3px; padding-right: 5px; padding-bottom: 5px}
#reg_form_news_header {color: #0076af; font-size: 11px; font-weight: bold; margin-bottom: 3px}
#checkboxes_left, #checkboxes_right {float: left; width: 200px}
.form_checkbox_right, .form_checkbox_left {float: left}
.form_checkbox_left input, .form_checkbox_right input {margin-left: 0px; float: left}
.form_checkbox_right label, .form_checkbox_left 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: #aaaaaa; line-height: 14px; text-decoration: none}
.videoObject {margin: 5px 0 5px 0}
.attachmentsTableExplanation {margin: 10px 0 5px 4px}
.attachmentsTable {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}
/** 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.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.weblogFormPage div.weblogForm, div.weblogFormPage div.weblogPostForm {border-top: 1px solid #0076af; margin-top: 10px}
div.weblogFormPage h1 a {text-decoration: none}
div.weblogFormPage h1 a:hover {text-decoration: underline}
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 20px 0px}
/* contact form styles */ table.contact_form_field .contact_field {width: 350px; padding: 2px}
table.contact_form_field td.obligatory {vertical-align: top}
/* course module styles */ .course table {width: 100%; margin-bottom: 10px}
.course th {font-weight: bold; width: 100px; vertical-align: middle}
.course th, .course td {padding: 4px 0px}
/* tip styles */ .page .tips {margin-top: 10px}
.page .tips .tip {width: 394px; margin-bottom: 10px}
.page .tips .tip_image {float: left; width: 100px}
.page .tips .tip_details {float: left; padding-left: 20px}
.page .tips .tip_details {w\idth: 294px; width: 274px}
.page .tips .tip_details p {margin: 0; padding: 0}
.page .tips .tip_name {font-weight: bold; color: #65078E}
.page .tips .tip_link {margin-top: 5px}
/* address book styles */ .address_book .addresses .address_name {font-weight: bold; color: #65078E; margin-bottom: 5px}
.address_book .addresses .address_content {margin-left: 10px}
/* (bottom) portraits */ .portrait .overlay {background: white none; opacity: 0.7; filter: �alpha(opacity=70)�; *filter: alpha(opacity=70)}
.bottom_portraits {padding: 0 5px 0 4px; margin-top: 10px}
.bottom_portraits .portrait {height: 83px; width: 83px; float: left; margin: 0 51px 0 0}
.bottom_portraits .portrait .overlay {position: absolute; height: 83px; width: 83px}
.bottom_portraits .pregnant_baby_consultant {background: transparent url(../images/bottom_portraits.png) 0 0 no-repeat}
.bottom_portraits .toddler_consultant {background: transparent url(../images/bottom_portraits.png) -133px 0 no-repeat}
.bottom_portraits .child_consultant {background: transparent url(../images/bottom_portraits.png) -266px 0 no-repeat}
.bottom_portraits .teenager_adolescent_consultant {margin-right: 0; background: transparent url(../images/bottom_portraits.png) -399px 0 no-repeat}
.container {width: 986px; margin: 0 auto}
#header, #footer {width: 100%}
#header *:focus {outline: 0}
#header ol, #header ul {list-style: none}
#header a {text-decoration: none}
#header a:active, #header a:hover {color: white}
/** * Header Styles **/ #header {background: #202021 url('/images/layout/header_bg.png') top left; height: 158px}
#header #search {background-image: url('/images/layout/search_box.png'); height: 145px; float: right; margin-right: 2px}
#header #search {w\idth: 239px; width: 237px}
#header #search #search-box {margin-top: 100px; margin-left: 15px; position: relative}
#header #search #search-box {w\idth: 195px; width: 180px}
#header #search #search-box .search-icon {position: absolute; background: transparent url('/images/layout/search_icon.png') 0 0 no-repeat; top: 5px; left: 5px; width: 12px; height: 12px}
#header #search #search-box input {padding-left: 20px}
#header #search #search-box input {w\idth: 154px; width: 134px}
#header #search #search-box .search-button {position: absolute; padding: 0; margin: 0; top: 1px; right: 0px; width: 20px; height: 21px; border: none}
#header #menus {margin-top: 65px; width: 550px; overflow: hidden; float: left}
#header #menus .quicklinks {text-align: right; font-size: 11px; color: #c5188a}
#header #menus .quicklinks a {text-decoration: none; color: #c5188a}
#header #menus .quicklinks a:hover {text-decoration: none; color: #ffffff}
#header #menus .menu {text-align: right; font-size: 18px; font-variant: small-caps; color: white; font-weight: 100}
#header #menus .menu a {text-decoration: none; color: white}
#header #menus .menu a:hover, #header #menus .menu a.active {text-decoration: none; color: #c5188a}
#header h1 {margin: 55px 20px 0 0; float: left; display: block}
#header h1 {w\idth: 180px; width: 160px}
#header h1 {h\eight: 123px; height: 68px}
#header h1 span {display: none}
/** * Footer styles */ #footer {background: #09080a url('/images/layout/footer_bg.jpg') repeat-x top left}
#footer #inner-footer {border-bottom: 1px solid #c7c7c7; overflow: auto}
#footer #inner-footer #footer-box {background-image: url('/images/layout/footer_box.png'); width: 237px; margin-top: 15px; float: right}
#footer #inner-footer #footer-box {h\eight: 111px; height: 96px}
#footer #inner-footer #partners img {margin: 0; float: left}
/* 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 */ .side_bar {margin-top: 10px}
.content_box .top {height: 28px}
.content_box .middle {background-repeat: repeat-y; padding: 0px 20px}
*:first-child+html .content_box .middle {display: inline-block}
* html .content_box .middle {display: inline-block}
.content_box .bottom {height: 28px}
.content_box .white .top {background-image: url(../images/layout/side_box_top.png)}
.content_box .white .middle {background-image: url(../images/layout/side_box_bg.png)}
.content_box .white .bottom {background-image: url('../images/layout/side_box_bottom.png')}
.content_box .pink .top {background-image: url(../images/layout/side_box_alt_top.png)}
.content_box .pink .middle {background-image: url(../images/layout/side_box_alt_bg.png)}
.content_box .pink .bottom {background-image: url('../images/layout/side_box_alt_bottom.png')}
.content_box .content {padding: 0px 5px}
.content_box .content h2 {font-size: 24px; font-weight: 100; line-height: 1em; margin: 0 0 10px}
.content_box .content h2 a {text-decoration: none}
.content_box .content h2 a:hover {text-decoration: underline}
.content_box .white .content h2 {color: #C5188A}
.content_box .white .content h2 a {color: #C5188A}
.content_box .pink .content h2 {color: #ffffff}
.content_box .pink .content h2 a {color: #ffffff}
.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 .content ul {padding: 0; margin: 0; list-style: none outside none}
.content_box .content li {padding: 1px 0px 2px 0px; line-height: 1em}
.content_box .content li a {color: #000000; text-decoration: none; display: block; padding: 0px; padding-left: 13px; font-size: 10px}
.content_box .pink .content li a span {color: #fff}
.content_box .white .content li a span {color: #C5188A}
.content_box .pink .content.hoverable li a:hover, .content_box .pink .content.hoverable li:hover a {text-decoration: none; color: #ffffff}
.content_box .pink .content.hoverable li a:hover span, .content_box .pink .content.hoverable li:hover a span{ color: #000}
.content_box .white .content.hoverable li a:hover, .content_box .white .content.hoverable li:hover a {text-decoration: none; color: #C5188A}
.content_box .white .content.hoverable li a:hover span, .content_box .white .content.hoverable li:hover a span {color: #000000}
.content_box .content a.read_more_link {font-size: 11px; float: right; text-decoration: none}
.content_box .white .content a.read_more_link, .content_box .pink .content a.read_more_link:hover {color: #000000}
.content_box .pink .content a.read_more_link:hover span {color: #ffffff}
.content_box .white .content a.read_more_link:hover span {color: #000000}
.content_box .pink .content a.read_more_link {color: #ffffff}
.content_box .pink .content a.read_more_link span {color: #000000}
.content_box .white .content a.read_more_link:hover {color: #C5188A}
.content_box .white .content a.read_more_link span {color: #C5188A}
/* 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: 0 0 0 10px}
.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: 5px 0px 0px; 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: 10px}
.poll_content_box .content .buttons .results {width: 85px}
.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 .white .content li .date, .combined_calendar_content_box .white .content li .date {color: #C5188A}
.calendar_content_box .content li .date, .combined_calendar_content_box .content li .date {width: 40px; color: #ffffff; font-weight: bold; font-size: 10px}
.calendar_content_box .content li .link, .combined_calendar_content_box .content li .link {width: 156px; 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 #ffffff; 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: #000000; font-weight: bold}
.news_archive_content_box .firstNewsItem a.body {color: #000000}
.news_archive_content_box .firstNewsItem a.body img {margin-left: 5px; float: none !important}
.news_archive_content_box .firstNewsItem h2 {font-size: 16px; 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 */ .content_box .content .contact_information {padding: 0 0 4px 10px; font-size: 10px}
.content_box .content .contact_information a {color: #000000; text-decoration: none; padding: 0px; padding-left: 13px; font-size: 10px}
.content_box .pink .content .contact_information a {color: #fff}
.content_box .white .content .contact_information a {color: #C5188A}
.content_box .pink .content .contact_information a:hover {text-decoration: none; color: #000}
.content_box .white .content .contact_information a:hover {text-decoration: none; color: #000}
.sub_menu_content_box .top {height: 139px}
.sub_menu_content_box.zwanger .top {background-image: url('../images/submenu_headers/zwanger.png')}
.sub_menu_content_box.baby .top {background-image: url('../images/submenu_headers/baby.png')}
.sub_menu_content_box.peuter .top {background-image: url('../images/submenu_headers/peuter.png')}
.sub_menu_content_box.schoolgaand-kind .top {background-image: url('../images/submenu_headers/schoolkind.png')}
.sub_menu_content_box.puber .top {background-image: url('../images/submenu_headers/puber.png')}
.sub_menu_content_box.jong-volwassene .top {background-image: url('../images/submenu_headers/jong_volwassene.png')}
.sub_menu_content_box .middle {background-image: url(../images/layout/side_box_alt_bg.png)}
.sub_menu_content_box .bottom {background-image: url('../images/layout/side_box_alt_bottom.png')}
.sub_menu_content_box .middle {padding: 20px 20px 0 20px}
.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: 3px 0 3px 10px!important; font-size: 12px; color: #ffffff}
.sub_menu_content_box .content li a span {color: #000000}
.sub_menu_content_box .content li a:hover {color: black; text-decoration: none}
.sub_menu_content_box .content li a:hover span {color: #ffffff}
.sub_menu_content_box .content li a.current {color: #000000}
.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: #ffffff; text-decoration: none}
.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%}