/* CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
---------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

abbr { text-decoration: none; }

/* General Markup Styles
---------------------------------------- */
html { font-size: 100%; /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */ height: 101%; }

body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; line-height: normal; margin: 0; padding: 12px 0; word-wrap: break-word; -webkit-print-color-adjust: exact; }

h1 { /* Forum name */ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin-right: 200px; margin-top: 15px; font-weight: bold; font-size: 2em; }

h2 { /* Forum header titles */ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 2em; margin: 0.8em 0 0.2em 0; }

h2.solo { margin-bottom: 1em; }

h3 { /* Sub-headers (also used as post headers, but defined later) */ font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid transparent; margin-bottom: 3px; padding-bottom: 2px; font-size: 1.05em; margin-top: 20px; }

h4 { /* Forum and topic list titles */ font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif; font-size: 1.3em; }

p { line-height: 1.3em; font-size: 1.1em; margin-bottom: 1.5em; }

img { border-width: 0; }

hr { border: 0 solid transparent; border-top-width: 1px; height: 1px; margin: 5px 0; display: block; clear: both; }

hr.dashed { border-top-style: dashed; margin: 10px 0; }

hr.divider { display: none; }

p.right { text-align: right; }

p.jumpbox-return { margin-top: 10px; margin-bottom: 0; float: left; }

b, strong { font-weight: bold; }

.text-strong { font-weight: bold; }

i, em { font-style: italic; }

.text-italics { font-style: italic; }

u { text-decoration: underline; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

li { display: list-item; }

ul ul, ol ul { list-style-type: circle; }

ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; }

/* Main blocks
---------------------------------------- */
#wrap { border: 1px solid transparent; border-radius: 8px; margin: 0 auto; max-width: 1152px; min-width: 625px; padding: 15px; }

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) { #wrap { margin: 0 12px; } }

#page-body { margin: 4px 0; clear: both; }

#page-footer { clear: both; }

#page-footer h3 { margin-top: 20px; }

.logo { float: left; width: auto; padding: 10px 13px 0 10px; }

.logo:hover { text-decoration: none; }

/* Site description and logo */
#site-description { float: left; width: 65%; }

#site-description h1 { margin-right: 0; }

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar { background: transparent none repeat-x 0 0; margin-bottom: 4px; padding: 5px; border-radius: 7px; }

.navbar { padding: 3px 10px; border-radius: 7px; }

.forabg { background: transparent none repeat-x 0 0; margin-bottom: 4px; padding: 5px; clear: both; border-radius: 7px; }

.forumbg { background: transparent none repeat-x 0 0; margin-bottom: 4px; padding: 5px; clear: both; border-radius: 7px; }

.panel { margin-bottom: 4px; padding: 5px 10px; border-radius: 7px; }

.post { padding: 5px 10px; margin-bottom: 4px; background-repeat: no-repeat; background-position: 100% 0; border-radius: 7px; position: relative; }

.rowbg { margin: 5px 5px 2px 5px; }

/* Horizontal lists
----------------------------------------*/
.navbar ul.linklist { padding: 2px 0; }

ul.linklist { display: block; margin: 0; }

#cp-main .panel { padding: 5px 10px; }

ul.linklist > li { float: left; font-size: 1.1em; line-height: 2.2em; list-style-type: none; margin-right: 7px; padding-top: 1px; width: auto; }

ul.linklist > li.rightside, p.rightside, a.rightside { float: right; margin-right: 0; margin-left: 7px; text-align: right; }

ul.navlinks { border-top: 1px solid transparent; }

ul.leftside { float: left; margin-left: 0; margin-right: 5px; text-align: left; }

ul.rightside { float: right; margin-left: 5px; margin-right: -5px; text-align: right; }

ul.linklist li.responsive-menu { position: relative; margin: 0 5px; }

ul.linklist li.responsive-menu a.responsive-menu-link { display: inline-block; margin: 0 5px; font-size: 1.455em; position: relative; width: 16px; line-height: 1.2em; text-decoration: none; }

ul.linklist li.responsive-menu a.responsive-menu-link:before { content: ''; position: absolute; left: 0; top: 7px; height: .125em; width: 14px; border-bottom: 0.125em solid transparent; border-top: 0.375em double transparent; }

.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside { max-width: 48%; }

.hasjs ul.linklist.fullwidth { max-width: none; }

li.responsive-menu.dropdown-right .dropdown { left: -9px; }

li.responsive-menu.dropdown-left .dropdown { right: -6px; }

ul.linklist .dropdown { top: 22px; }

ul.linklist .dropdown-up .dropdown { bottom: 18px; top: auto; }

/* Bulletin icons for list items
----------------------------------------*/
ul.linklist.bulletin > li:before { display: inline-block; content: "\2022"; font-size: inherit; line-height: inherit; padding-right: 4px; }

ul.linklist.bulletin > li:first-child:before, ul.linklist.bulletin > li.rightside:last-child:before { content: none; }

ul.linklist.bulletin > li.no-bulletin:before { content: none; }

.responsive-menu:before { display: none !important; }

/* Profile in overall_header.html */
.header-profile { display: inline-block; vertical-align: top; }

.header-avatar:hover { text-decoration: none; }

.header-avatar img { margin-bottom: 2px; max-height: 20px; vertical-align: middle; width: auto; }

.header-avatar span:after { content: '\25BC'; display: inline-block; font-size: 9px; float: right; padding-left: 2px; opacity: 0.7; }

/* Dropdown menu
----------------------------------------*/
.dropdown-container { position: relative; }

.dropdown-container-right { float: right; }

.dropdown-container-left { float: left; }

.nojs .dropdown-container:hover .dropdown { display: block !important; }

.dropdown { position: absolute; left: 0; top: 1.2em; z-index: 2; border: 1px solid transparent; border-radius: 5px; padding: 9px 0 0; margin-right: -500px; }

.dropdown.live-search { top: auto; }

.dropdown-container.topic-tools { float: left; }

.dropdown-up .dropdown { top: auto; bottom: 1.2em; padding: 0 0 9px; }

.dropdown-left .dropdown, .nojs .rightside .dropdown { left: auto; right: 0; margin-left: -500px; margin-right: 0; }

.dropdown-button-control .dropdown { top: 24px; }

.dropdown-button-control.dropdown-up .dropdown { top: auto; bottom: 24px; }

.dropdown .pointer, .dropdown .pointer-inner { position: absolute; width: 0; height: 0; border-top-width: 0; border-bottom: 10px solid transparent; border-left: 10px dashed transparent; border-right: 10px dashed transparent; -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */ display: block; }

.dropdown-up .pointer, .dropdown-up .pointer-inner { border-bottom-width: 0; border-top: 10px solid transparent; }

.dropdown .pointer { right: auto; left: 10px; top: 0; z-index: 3; }

.dropdown-up .pointer { bottom: 0; top: auto; }

.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer { left: auto; right: 10px; }

.dropdown .pointer-inner { top: auto; bottom: -11px; left: -10px; }

.dropdown-up .pointer-inner { bottom: auto; top: -11px; }

.dropdown .dropdown-contents { z-index: 2; overflow: hidden; overflow-y: auto; border: 1px solid transparent; border-radius: 5px; padding: 5px; position: relative; min-width: 40px; max-height: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.dropdown li { border-top: 1px dotted transparent; float: none !important; line-height: normal !important; font-size: 1em !important; list-style: none; margin: 0; padding-top: 4px; padding-bottom: 4px; white-space: nowrap; text-align: left; }

.dropdown-contents > li { padding-right: 15px; }

.dropdown-nonscroll > li { padding-right: 0; }

.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li { border-top: 0; }

.dropdown li li:first-child { margin-top: 4px; }

.dropdown li li:last-child { padding-bottom: 0; }

.dropdown li li { border-top: 1px dotted transparent; padding-left: 18px; }

.wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li { white-space: normal; }

.dropdown li.separator { border-top: 1px solid transparent; margin: 4px 0; padding: 0; }

.dropdown li.separator:first-child, .dropdown li.separator:last-child { display: none !important; }

/* Responsive breadcrumbs
----------------------------------------*/
.breadcrumbs .crumb { float: left; font-weight: bold; word-wrap: normal; }

.breadcrumbs .crumb:before { content: '\2039'; font-weight: bold; padding: 0 0.5em; }

.breadcrumbs .crumb:first-child:before { content: none; }

.breadcrumbs .crumb a { display: inline-block; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; overflow: hidden; }

.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }

.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }

.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }

.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }

.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }

.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }

.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }

.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }

/* Table styles
----------------------------------------*/
table.table1 { width: 100%; }

#ucp-main table.table1 { padding: 2px; }

table.table1 thead th { font-weight: normal; text-transform: uppercase; line-height: 1.3em; font-size: 1em; padding: 0 0 4px 3px; }

table.table1 thead th span { padding-left: 7px; }

table.table1 tbody tr { border: 1px solid transparent; }

table.table1 td { font-size: 1.1em; }

table.table1 tbody td { padding: 5px; border-top: 1px solid transparent; }

table.table1 tbody th { padding: 5px; border-bottom: 1px solid transparent; text-align: left; }

/* Specific column styles */
table.table1 .name { text-align: left; }

table.table1 .center { text-align: center; }

table.table1 .reportby { width: 15%; }

table.table1 .posts { text-align: center; width: 7%; }

table.table1 .joined { text-align: left; width: 15%; }

table.table1 .active { text-align: left; width: 15%; }

table.table1 .mark { text-align: center; width: 7%; }

table.table1 .info { text-align: left; width: 30%; }

table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }

table.table1 .autocol { line-height: 2em; white-space: nowrap; }

table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img { float: right; width: auto; }

table.info td { padding: 3px; }

table.info tbody th { padding: 3px; text-align: right; vertical-align: top; font-weight: normal; }

.forumbg table.table1 { margin: 0; }

.forumbg-table > .inner { margin: 0 -1px; }

#color_palette_placeholder table { border-collapse: separate; border-spacing: 1px; }

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts */
.column1 { float: left; clear: left; width: 49%; }

.column2 { float: right; clear: right; width: 49%; }

/* General classes for placing floating blocks */
.left-box { float: left; width: auto; text-align: left; max-width: 100%; }

.left-box.profile-details { width: 80%; }

.right-box { float: right; width: auto; text-align: right; max-width: 100%; }

dl.details { /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/ font-size: 1.1em; }

dl.details dt { float: left; clear: left; width: 30%; text-align: right; display: block; }

dl.details dd { margin-left: 0; padding-left: 5px; margin-bottom: 5px; float: left; width: 65%; overflow: hidden; text-overflow: ellipsis; }

.clearfix, fieldset dl, ul.topiclist dl, dl.polls { overflow: hidden; }

fieldset.fields1 ul.recipients { list-style-type: none; line-height: 1.8; max-height: 150px; overflow-y: auto; }

fieldset.fields1 dd.recipients { clear: left; margin-left: 1em; }

fieldset.fields1 ul.recipients input.button2 { font-size: 0.8em; margin-right: 0; padding: 0; }

fieldset.fields1 dl.pmlist > dt { width: auto !important; }

fieldset.fields1 dl.pmlist dd.recipients { margin-left: 0 !important; }

/* Action-bars (container for post/reply buttons, pagination, etc.)
---------------------------------------- */
.action-bar { font-size: 1.1em; margin: 4px 0; }

.forabg + .action-bar { margin-top: 2em; }

/* Pagination
---------------------------------------- */
.pagination { float: right; margin-top: 3px; text-align: right; width: auto; }

.action-bar.bottom .pagination { margin-top: 0; }

.pagination > ul { display: inline-block; list-style: none !important; margin-left: 5px; }

.pagination > ul > li { display: inline-block !important; padding: 0; font-size: 100%; line-height: normal; vertical-align: middle; }

.pagination li a, .pagination li span { border: 1px solid transparent; border-radius: 2px; display: block; font-size: 0.9em; font-weight: normal; line-height: 1.4em; min-width: 10px; padding: 3px; text-align: center; text-decoration: none; }

.pagination li.ellipsis span { border: none; padding: 0; }

.pagination li.page-jump { margin-right: 5px; }

.pagination li.page-jump a, .pagination li.next a, .pagination li.previous a { background-repeat: no-repeat; font-size: 0; height: 13px; width: 11px; }

.pagination li.page-jump a { background-position: 0 2px; width: 24px; }

.pagination li.next a { background-position: -50px 2px; }

.pagination li.previous a { background-position: -30px 2px; }

.pagination li.page-jump a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background-position: 0 -18px; }

.pagination li.next a:hover { background-position: -50px -18px; }

.pagination li.previous a:hover { background-position: -30px -18px; }

/* Pagination in viewforum for multipage topics */
.row .pagination { display: block; margin-top: 0; padding: 1px 0 1px 15px; font-size: 0.9em; background: none 0 50% no-repeat; }

.row .pagination > ul { margin: 0; }

.row .pagination li a, .row .pagination li span { border-radius: 1px; padding: 1px; }

/* jQuery popups
---------------------------------------- */
.phpbb_alert { border: 1px solid transparent; display: none; left: 0; padding: 0 25px 20px 25px; position: fixed; right: 0; top: 150px; z-index: 50; width: 620px; margin: 0 auto; }

@media only screen and (max-height: 500px), only screen and (max-device-width: 500px) { .phpbb_alert { top: 25px; } }

.phpbb_alert .alert_close { display: block; float: right; width: 16px; height: 16px; overflow: hidden; text-decoration: none !important; background: transparent none 0 0 no-repeat; margin-top: -7px; margin-right: -31px; }

.phpbb_alert .alert_close:hover { background-position: 0 -16px; }

.phpbb_alert p { margin: 8px 0; padding-bottom: 8px; }

.phpbb_alert label { display: block; margin: 8px 0; padding-bottom: 8px; }

.phpbb_alert div.alert_text > p, .phpbb_alert div.alert_text > label, .phpbb_alert div.alert_text > select, .phpbb_alert div.alert_text > textarea, .phpbb_alert div.alert_text > input { font-size: 1.1em; }

#darkenwrapper { display: none; position: relative; z-index: 44; }

#darken { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 45; }

#loading_indicator { background: center center no-repeat; border-radius: 5px; display: none; opacity: 0.8; margin-top: -50px; margin-left: -50px; height: 50px; width: 50px; position: fixed; left: 50%; top: 50%; z-index: 51; }

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions { float: right; width: auto; padding-left: 5px; margin-left: 5px; margin-top: 10px; text-align: right; }

.copyright { padding: 5px; text-align: center; }

.small { font-size: 0.9em !important; }

.titlespace { margin-bottom: 15px; }

.headerspace { margin-top: 20px; }

.error { font-weight: bold; font-size: 1em; }

div.rules { margin: 10px 0; font-size: 1.1em; padding: 5px 10px; border-radius: 7px; }

div.rules ul, div.rules ol { margin-left: 20px; }

p.post-notice { position: relative; padding: 5px; padding-left: 26px; min-height: 14px; margin-bottom: 1em; }

p.post-notice:before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; width: 28px; background: transparent none 50% 50% no-repeat; pointer-events: none; }

form > p.post-notice strong { line-height: 20px; }

#jumpbox { margin: 5px 0; }

.stat-block { clear: both; }

#top { position: absolute; top: -20px; }

.clear { display: block; clear: both; font-size: 1px; line-height: 1px; background: transparent; }

/* Inner box-model clearing */
.inner:after, ul.linklist:after, .action-bar:after, .notification_text:after, .tabs-container:after, #tabs > ul:after, #minitabs > ul:after, .postprofile .avatar-container:after { clear: both; content: ''; display: block; }

.hidden { display: none; }

.smilies { vertical-align: text-bottom; }

.icon-notification { position: relative; }

.member-search { float: left; margin: 0; padding: 6px 10px; }

.member-search strong { font-size: 0.95em; }

.dropdown-extended { display: none; z-index: 1; }

.dropdown-extended ul { max-height: 350px; overflow-y: auto; overflow-x: hidden; clear: both; }

.dropdown-extended ul li { padding: 0; margin: 0 !important; float: none; border-top: 1px solid; list-style-type: none; font-size: 0.95em; clear: both; position: relative; }

.dropdown-extended ul li:first-child { border-top: none; }

.dropdown-extended ul li.no_notifications { padding: 10px; }

.dropdown-extended .dropdown-contents { max-height: none; padding: 0; position: absolute; width: 340px; }

.nojs .dropdown-extended .dropdown-contents { position: relative; }

.dropdown-extended .header { padding: 0 10px; font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; text-align: left; text-shadow: 1px 1px 1px white; text-transform: uppercase; line-height: 3em; border-bottom: 1px solid; border-radius: 5px 5px 0 0; }

.dropdown-extended .header .header_settings { float: right; font-weight: normal; text-transform: none; }

.dropdown-extended .header:after { content: ''; display: table; clear: both; }

.dropdown-extended .footer { text-align: center; font-size: 1.1em; }

.dropdown-extended ul li a, .dropdown-extended ul li.no-url { padding: 8px; }

.dropdown-extended .footer > a { padding: 5px 0; }

.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a { display: block; text-decoration: none; }

.notification_list ul li img { float: left; max-height: 50px; max-width: 50px; width: auto !important; height: auto !important; margin-right: 5px; }

.notification_list ul li p { margin-bottom: 4px; font-size: 1em; }

.notification_list p.notification-reference, .notification_list p.notification-location, .notification_list li a p.notification-reason { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.notification_list p.notification-time { font-size: 0.9em; margin: 0; text-align: right; }

.notification_list div.notifications { margin-left: 50px; padding: 5px; }

.notification_list div.notifications a { display: block; }

.notification_list p.notifications_title { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em !important; }

.notification_list p.notifications_title strong { font-weight: bold; }

.notification_list p.notifications_time { font-size: 0.9em !important; }

.notification_text { margin-left: 58px; }

.badge { border-radius: 10px; opacity: 0.8; text-align: center; white-space: nowrap; font-size: 10px; line-height: 1; float: right; display: inline-block; margin-left: 3px; vertical-align: baseline; position: relative; top: 3px; padding: 4px 6px; }

.badge.hidden { display: none; }

/* Navbar specific list items
----------------------------------------*/
#quick-links { margin: 0 7px 0 0; }

#quick-links a.responsive-menu-link { display: block; font-size: inherit; line-height: inherit; margin: 0; width: auto; }

#quick-links a.responsive-menu-link:before { font-size: 1.455em; line-height: 16.5px; }

.compact #quick-links a.responsive-menu-link { width: 0; overflow: hidden; white-space: nowrap; }

.compact .icon-notification > a > span, .compact .icon-pm > a > span { display: none; }

.dropdown-page-jump .dropdown { top: 20px; }

.dropdown-page-jump.dropdown-up .dropdown { bottom: 20px; }

.dropdown-page-jump input.tiny { width: 50px; }

.dropdown .clone.hidden + li.separator { display: none; }

.dropdown .clone.hidden + li { border-top: none; }

/* Link Styles
---------------------------------------- */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
a { direction: ltr; unicode-bidi: embed; text-decoration: none; }

a:hover { text-decoration: underline; }

/* Coloured usernames */
.username-coloured { font-weight: bold; display: inline !important; padding: 0 !important; }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a { text-decoration: none; }

.forumbg .header a:hover, .forabg .header a:hover, th a:hover { text-decoration: underline; }

/* Navigation bar links */
li.breadcrumbs span:first-child > a { display: inline-block; padding-left: 17px; }

/* Notification mark read link */
.dropdown-extended a.mark_read { background-position: center center; background-repeat: no-repeat; border-radius: 3px 0 0 3px; display: none; margin-top: -20px; position: absolute; z-index: 2; right: 0; top: 50%; width: 30px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.dropdown-extended li:hover a.mark_read { display: block; }

.dropdown-extended a.mark_read:hover { width: 40px; }

/* Links for forum/topic lists */
a.forumtitle { font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; }

a.forumtitle:hover { text-decoration: underline; }

a.topictitle { font-family: "Trebuchet MS", Helvetica, Arial, Sans-serif; font-size: 1.2em; font-weight: bold; text-decoration: none; }

a.topictitle:hover { text-decoration: underline; }

a.lastsubject { font-weight: bold; text-decoration: none; }

a.lastsubject:hover { text-decoration: underline; }

/* Post body links */
.postlink { text-decoration: none; border-bottom: 1px solid transparent; padding-bottom: 0; }

.postlink:hover { text-decoration: none; }

.signature a, .signature a:hover { border: none; text-decoration: underline; }

/* Profile links */
.postprofile a, .postprofile dt.author a { font-weight: bold; text-decoration: none; }

.postprofile a:hover, .postprofile dt.author a:hover { text-decoration: underline; }

/* Profile searchresults */
.search .postprofile a { text-decoration: none; font-weight: normal; }

.search .postprofile a:hover { text-decoration: underline; }

/* Back to top of page */
.back2top { clear: both; height: 11px; text-align: right; }

a.top { background: none no-repeat top left; text-decoration: none; width: 11px; height: 11px; display: block; float: right; overflow: hidden; letter-spacing: 1000px; text-indent: 11px; }

a.top2 { background: none no-repeat 0 50%; text-decoration: none; padding-left: 15px; }

/* Arrow links  */
a.arrow-up { background: none no-repeat left center; }

a.arrow-down { background: none no-repeat right center; }

a.arrow-left { background: none no-repeat 3px 60%; }

a.arrow-right { background: none no-repeat 95% 60%; }

a.arrow-up { padding-left: 10px; text-decoration: none; border-bottom-width: 0; }

a.arrow-up:hover { background-position: left top; }

a.arrow-down { padding-right: 10px; }

a.arrow-down:hover { background-position: right bottom; text-decoration: none; }

a.arrow-left { padding-left: 12px; }

a.arrow-left:hover { text-decoration: none; background-position: 0 60%; }

a.arrow-right { padding-right: 12px; }

a.arrow-right:hover { text-decoration: none; background-position: 100% 60%; }

/* invisible skip link, used for accessibility  */
.skiplink { position: absolute; left: -999px; width: 990px; }

/* Feed icon in forumlist_body.html */
a.feed-icon-forum { float: right; margin: 3px; }

a.anchor { display: block; }

/* Content Styles
---------------------------------------- */
ul.topiclist { display: block; list-style-type: none; margin: 0; }

ul.forums { background: transparent none repeat-x 0 0; }

ul.topiclist li { display: block; list-style-type: none; margin: 0; }

ul.topiclist dl { position: relative; }

ul.topiclist li.row dl { padding: 2px 0; }

ul.topiclist dt, ul.topiclist dd { display: block; float: left; }

ul.topiclist dt { width: 100%; margin-right: -440px; font-size: 1.1em; }

ul.topiclist.missing-column dt { margin-right: -345px; }

ul.topiclist.two-long-columns dt { margin-right: -250px; }

ul.topiclist.two-columns dt { margin-right: -80px; }

ul.topiclist dt .list-inner { margin-right: 440px; padding-left: 5px; padding-right: 5px; }

ul.topiclist.missing-column dt .list-inner { margin-right: 345px; }

ul.topiclist.two-long-columns dt .list-inner { margin-right: 250px; }

ul.topiclist.two-columns dt .list-inner { margin-right: 80px; }

ul.topiclist dd { border-left: 1px solid transparent; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

ul.topiclist dfn { /* Labels for post/view counts */ position: absolute; left: -999px; width: 990px; }

ul.topiclist li.row dt a.subforum { background-image: none; background-position: 0 50%; background-repeat: no-repeat; position: relative; white-space: nowrap; padding: 0 0 0 12px; }

.forum-image { float: left; padding-top: 5px; margin-right: 5px; }

li.row { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

li.row strong { font-weight: normal; }

li.header dt, li.header dd { line-height: 1em; border-left-width: 0; margin: 2px 0 4px 0; padding-top: 2px; padding-bottom: 2px; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

li.header dt { font-weight: bold; width: 100%; margin-right: -440px; }

li.header dt .list-inner { margin-right: 440px; }

li.header dd { padding-left: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; }

li.header dl.icon dt, li.header dl.icon dd { min-height: 0; }

li.header dl.icon dt .list-inner { /* Tweak for headers alignment when folder icon used */ padding-left: 0; padding-right: 50px; }

/* Forum list column styles */
dl.icon { background-position: 10px 50%; /* Position of folder icon */ background-repeat: no-repeat; }

dl.icon dt { background-repeat: no-repeat; background-position: 5px 95%; /* Position of topic icon */ }

dl.icon dt .list-inner { padding-left: 45px; /* Space for folder icon */ }

dl.icon dt, dl.icon dd { min-height: 35px; }

dl a.icon-link { /* topic row icon links */ display: block; width: 30px; height: 30px; padding: 0; position: absolute; top: 50%; left: 0; margin-top: -15px; margin-left: 9px; }

dd.posts, dd.topics, dd.views, dd.extra, dd.mark { width: 80px; text-align: center; line-height: 2.2em; font-size: 1.2em; }

dd.posts, dd.topics, dd.views { width: 95px; }

/* List in forum description */
dl.icon dt ol, dl.icon dt ul { list-style-position: inside; margin-left: 1em; }

dl.icon dt li { display: list-item; list-style-type: inherit; }

dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info { width: 250px; font-size: 1.1em; }

dd.redirect { line-height: 2.5em; }

dd.time { line-height: 200%; }

dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span { display: block; padding-left: 5px; }

dd.extra, dd.mark { line-height: 200%; }

dd.option { width: 125px; line-height: 200%; text-align: center; font-size: 1.1em; }

/* Post body styles
----------------------------------------*/
.postbody { padding: 0; line-height: 1.48em; width: 76%; float: left; position: relative; }

.postbody .ignore { font-size: 1.1em; }

.postbody h3.first { /* The first post on the page uses this */ font-size: 1.7em; }

.postbody h3 { /* Postbody requires a different h3 format - so change it here */ float: left; font-size: 1.5em; padding: 2px 0 0 0; margin-top: 0 !important; margin-bottom: 0.3em !important; text-transform: none; border: none; font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; line-height: 125%; }

.postbody h3 img { vertical-align: bottom; }

.has-profile .postbody h3 { /* If there is a post-profile, we position the post-buttons differently */ float: none !important; margin-right: 180px; }

.postbody .content { font-size: 1.3em; overflow-x: auto; }

.postbody img.postimage { max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.search .postbody { width: 68%; }

/* Topic review panel
----------------------------------------*/
#review { margin-top: 2em; }

#topicreview { padding-right: 5px; overflow: auto; height: 300px; }

#topicreview .postbody { width: auto; float: none; margin: 0; height: auto; }

#topicreview .post { height: auto; }

#topicreview h2 { border-bottom-width: 0; }

.post-ignore .postbody { display: none; }

/* MCP Post details
----------------------------------------*/
#post_details { /* This will only work in IE7+, plus the others */ overflow: auto; max-height: 300px; }

/* Content container styles
----------------------------------------*/
.content { clear: both; min-height: 3em; overflow: hidden; line-height: 1.4em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1em; padding-bottom: 1px; }

.content h2, .panel h2 { font-weight: normal; border-bottom: 1px solid transparent; font-size: 1.6em; margin-top: 0.5em; margin-bottom: 0.5em; padding-bottom: 0.5em; }

.panel h3 { margin: 0.5em 0; }

.panel p { font-size: 1.2em; margin-bottom: 1em; line-height: 1.4em; }

.content p { font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em; margin-bottom: 1em; line-height: 1.4em; }

dl.faq { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; margin-top: 1em; margin-bottom: 2em; line-height: 1.4em; }

dl.faq dt { font-weight: bold; }

.content dl.faq { font-size: 1.2em; margin-bottom: 0.5em; }

.content li { list-style-type: inherit; }

.content ul, .content ol { margin-bottom: 1em; margin-left: 3em; }

.posthilit { padding: 0 2px 1px 2px; }

/* Post author */
p.author { margin-bottom: 0.6em; padding: 0 0 5px 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.2em; clear: both; }

/* Post signature */
.signature { margin-top: 1.5em; padding-top: 0.2em; font-size: 1.1em; border-top: 1px solid transparent; clear: left; line-height: 140%; overflow: hidden; width: 100%; }

.signature.standalone { border-top-width: 0; margin-top: 0; }

dd .signature { margin: 0; padding: 0; clear: none; border: none; }

.signature li { list-style-type: inherit; }

.signature ul, .signature ol { margin-bottom: 1em; margin-left: 3em; }

/* Post noticies */
.notice { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; width: auto; margin-top: 1.5em; padding-top: 0.2em; font-size: 1em; border-top: 1px dashed transparent; clear: left; line-height: 130%; }

/* Jump to post link for now */
ul.searchresults { list-style: none; text-align: right; clear: both; }

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote { background: transparent none 6px 8px no-repeat; border: 1px solid transparent; font-size: 0.95em; margin: 0.5em 1px 0 25px; overflow: hidden; padding: 5px; }

blockquote blockquote { /* Nested quotes */ font-size: 1em; margin: 0.5em 1px 0 15px; }

blockquote cite { /* Username/source of quoter */ font-style: normal; font-weight: bold; margin-left: 20px; display: block; font-size: 0.9em; }

blockquote cite cite { font-size: 1em; }

blockquote.uncited { padding-top: 25px; }

/* Code block */
.codebox { padding: 3px; border: 1px solid transparent; font-size: 1em; overflow-x: scroll; word-wrap: normal; }

.codebox p { text-transform: uppercase; border-bottom: 1px solid transparent; margin-bottom: 3px; font-size: 0.8em !important; font-weight: bold; display: block; }

blockquote .codebox { margin-left: 0; }

.codebox code { overflow: auto; display: block; height: auto; max-height: 200px; white-space: normal; padding-top: 5px; font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace; line-height: 1.3em; margin: 2px 0; }

/* Attachments
----------------------------------------*/
.attachbox { float: left; width: auto; max-width: 100%; margin: 5px 5px 5px 0; padding: 6px; border: 1px dashed transparent; clear: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.attachbox dt { font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }

.attachbox dd { margin-top: 4px; padding-top: 4px; clear: left; border-top: 1px solid transparent; overflow-x: auto; }

.attachbox dd dd { border: none; }

.attachbox p { line-height: 110%; font-weight: normal; clear: left; }

.attachbox p.stats { line-height: 110%; font-weight: normal; clear: left; }

.attach-image { margin: 3px 0; max-width: 100%; }

.attach-image img { border: 1px solid transparent; /*	cursor: move; */ cursor: default; }

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file { display: block; margin-bottom: 4px; }

div.inline-attachment p { font-size: 100%; }

dl.file { font-family: Verdana, Arial, Helvetica, sans-serif; display: block; }

dl.file dt { text-transform: none; margin: 0; padding: 0; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

dl.file dd { margin: 0; padding: 0; }

dl.thumbnail img { padding: 3px; border: 1px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

dl.thumbnail dd { font-style: italic; font-family: Verdana, Arial, Helvetica, sans-serif; }

.attachbox dl.thumbnail dd { font-size: 100%; }

dl.thumbnail dt a:hover img { border: 1px solid transparent; }

/* Post poll styles
----------------------------------------*/
fieldset.polls { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; }

fieldset.polls dl { margin-top: 5px; border-top: 1px solid transparent; padding: 5px 0 0 0; line-height: 120%; }

fieldset.polls dl.voted { font-weight: bold; }

fieldset.polls dt { text-align: left; float: left; display: block; width: 30%; border-right: none; padding: 0; margin: 0; font-size: 1.1em; }

fieldset.polls dd { float: left; width: 10%; border-left: none; padding: 0 5px; margin-left: 0; font-size: 1.1em; }

fieldset.polls dd.resultbar { width: 50%; }

fieldset.polls dd input { margin: 2px 0; }

fieldset.polls dd div { text-align: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 2px 2px 0 2px; overflow: visible; min-width: 8px; }

.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 { border-bottom: 1px solid transparent; border-right: 1px solid transparent; }

.vote-submitted { font-size: 1.2em; font-weight: bold; text-align: center; }

/* Poster profile block
----------------------------------------*/
.postprofile { margin: 5px 0 10px 0; min-height: 80px; border: 1px solid transparent; border-width: 0 0 0 1px; width: 22%; float: right; display: inline; }

.postprofile dd, .postprofile dt { line-height: 1.2em; margin-left: 8px; }

.postprofile dd { overflow: hidden; text-overflow: ellipsis; }

.postprofile strong { font-weight: normal; }

.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date { margin-bottom: 10px; }

/* Post-profile avatars */
.postprofile .has-avatar .avatar-container { margin-bottom: 3px; overflow: hidden; }

.postprofile .avatar { display: block; float: left; max-width: 100%; }

.postprofile .avatar img { display: block; height: auto !important; max-width: 100%; }

.postprofile .profile-posts a { font-weight: normal; }

dd.profile-warnings { font-weight: bold; }

dd.profile-contact { overflow: visible; }

.profile-contact .dropdown-container { display: inline-block; }

.profile-contact .icon_contact { vertical-align: middle; }

.profile-contact .dropdown { margin-right: -14px; }

.online { background-image: none; background-position: 100% 0; background-repeat: no-repeat; }

/* Poster profile used by search*/
.search .postprofile { width: 30%; }

/* Profile used on view-profile */
.profile-avatar img { max-width: 100%; }

/* pm list in compose message if mass pm is enabled */
dl.pmlist dt { width: 60% !important; }

dl.pmlist dt textarea { width: 95%; }

dl.pmlist dd { margin-left: 61% !important; margin-bottom: 2px; }

.action-bar div.dl_links { padding: 10px 0 0 10px; }

div.dl_links { display: inline-block; text-transform: none; }

.dl_links strong { font-weight: bold; }

.dl_links ul { list-style-type: none; margin: 0; display: inline-block; }

.dl_links li { display: inline-block; }

.attachment-filename { width: 100%; }

.ellipsis-text { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

table.fixed-width-table { table-layout: fixed; }

/* Show scrollbars for items with overflow on iOS devices
----------------------------------------*/
.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar { width: 8px; height: 8px; -webkit-appearance: none; background: rgba(0, 0, 0, 0.1); border-radius: 3px; }

.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); border-radius: 3px; }

#memberlist tr.inactive, #team tr.inactive { font-style: italic; }

/* Button Styles
---------------------------------------- */
.button { cursor: pointer; display: inline-block; height: 18px; font-size: 1.2em; white-space: nowrap; border: 1px solid transparent; border-radius: 4px; background: transparent none 0 0 repeat-x; padding: 2px 8px; font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica; position: relative; text-decoration: none !important; outline-style: none !important; vertical-align: bottom; }

.dropdown-select { padding-right: 24px; }

.icon-button:before { background: transparent 0 0 no-repeat; content: ''; display: inline-block; float: right; height: 12px; margin: 3px 0 0 2px; width: 12px; }

.dropdown-select.icon-button:before { margin-right: 4px; }

.dropdown-select:after { background-position: -103px 10px; border-left: 1px solid; content: ''; position: absolute; top: 0; right: 0; height: 22px; width: 16px; }

.dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after { background-position: -103px -10px; }

.buttons, .buttons .button { float: left; }

.buttons .button, .dropdown-select { margin-right: 5px; }

#jumpbox .dropdown-select { margin: 0; }

/* Big button images */
.reply-icon:before, .pmreply-icon:before { background-position: -20px 0; }

.reply-icon:hover:before, .pmreply-icon:hover:before { background-position: -20px -20px; }

.post-icon:before, .newpm-icon:before, .reply-all:before { background-position: 0 0; }

.post-icon:hover:before, .newpm-icon:hover:before, .reply-all:hover:before { background-position: 0 -20px; }

.locked-icon:before { background-position: -60px 0; }

.locked-icon:hover:before { background-position: -60px -20px; }

.forwardpm-icon:before { background-position: -40px 0; }

.forwardpm-icon:hover:before { background-position: -40px -20px; }

.modtools-icon { font-size: 0; }

.tools-icon:before, .modtools-icon:before, .search-icon:before, .search-adv-icon:before { background-position: -80px 0; height: 16px; margin-top: 2px; width: 16px; }

.dropdown-visible .tools-icon:before, .nojs .dropdown-container:hover .tools-icon:before { background-position: -80px -20px; }

.search-icon:before { background-position: -245px 0; }

.search-icon:hover:before { background-position: -245px -20px; }

.search-adv-icon:before { background-position: -265px 0; }

.search-adv-icon:hover:before { background-position: -265px -20px; }

.modtools-icon:before { background-position: -225px 0; }

.dropdown-visible .modtools-icon:before, .nojs .dropdown-container:hover .modtools-icon:before { background-position: -225px -20px; }

/* Icon images
---------------------------------------- */
.small-icon { background-position: 0 50%; background-repeat: no-repeat; background-image: none; }

.small-icon > a { display: inline-block; padding: 0 0 0 18px; }

ul.linklist.bulletin > li.small-icon:before { display: none; }

.dropdown .small-icon > a { display: block; }

/* Poster contact icons
----------------------------------------*/
.contact-icons.dropdown-contents { min-width: 0; padding: 0; font-size: 0; }

.contact-icon { background-repeat: no-repeat; display: block; height: 16px; width: 16px; }

.contact-icons a { border-bottom: 1px dotted; border-right: 1px dotted; display: block; float: left; padding: 8px; }

.contact-icons .last-cell { border-right: none; }

.contact-icons div:last-child a { border-bottom: none; }

.contact-icons div { clear: left; }

/* Profile icons */
.pm-icon { background-position: 0 0; }

.email-icon { background-position: -21px 0; }

.jabber-icon { background-position: -80px 0; }

.phpbb_icq-icon { background-position: -61px 0; }

.phpbb_wlm-icon { background-position: -182px 0; }

.phpbb_aol-icon { background-position: -244px 0; }

.phpbb_website-icon { background-position: -40px 0; }

.phpbb_youtube-icon { background-position: -98px 0; }

.phpbb_facebook-icon { background-position: -119px 0; }

.phpbb_googleplus-icon { background-position: -140px 0; }

.phpbb_skype-icon { background-position: -161px 0; }

.phpbb_twitter-icon { background-position: -203px 0; }

.phpbb_yahoo-icon { background-position: -224px 0; }

/* Post control buttons
--------------------------------------------- */
.post-buttons { float: right; list-style: none; margin-top: 2px; }

.has-profile .post-buttons { float: none; position: absolute; margin: 0; right: 0; top: 5px; }

.post-buttons > li { float: left; margin-right: 3px; }

.post-buttons .icon-button { padding: 0 5px; }

.hastouch .post-buttons .icon-button { padding: 2px 8px; }

.post-buttons .icon-button span { display: block; height: 0; overflow: hidden; position: absolute; width: 1px; }

.post-buttons .icon-button:before { margin-left: 0; }

.quote-icon:before { background-position: -122px 0; }

.quote-icon:hover:before { background-position: -122px -21px; }

.edit-icon:before { background-position: -137px 0; }

.edit-icon:hover:before { background-position: -137px -21px; }

.warn-icon:before { background-position: -208px 0; }

.warn-icon:hover:before { background-position: -208px -21px; }

.delete-icon:before { background-position: -152px 0; }

.delete-icon:hover:before { background-position: -152px -21px; }

.report-icon:before { background-position: -165px 0; }

.report-icon:hover:before { background-position: -165px -21px; }

.info-icon:before { background-position: -175px 0; }

.info-icon:hover:before { background-position: -175px -21px; }

.button.responsive-menu-link:before { background-position: -191px 0; }

.button.responsive-menu-link:hover:before { background-position: -191px -21px; }

/* Responsive buttons in post body */
.post-buttons .dropdown { top: 18px; }

.post-buttons .dropdown a { display: block; font-size: 1.2em; text-align: right; }

.hasjs .postbody .post-buttons { max-width: 40%; }

/* Browser-specific tweaks */
button::-moz-focus-inner { padding: 0; border: 0; }

/* Control Panel Styles
---------------------------------------- */
/* Main CP box
----------------------------------------*/
#cp-menu { float: left; width: 19%; margin-top: 1em; margin-bottom: 5px; }

#cp-main { float: left; width: 81%; }

#cp-main .content { padding: 0; }

.panel-container .panel p { font-size: 1.1em; }

.panel-container .panel ol { margin-left: 2em; font-size: 1.1em; }

.panel-container .panel li.row { border-bottom: 1px solid transparent; border-top: 1px solid transparent; }

ul.cplist { margin-bottom: 5px; border-top: 1px solid transparent; }

.panel-container .panel li.header dd, .panel-container .panel li.header dt { margin-bottom: 2px; }

.panel-container table.table1 { margin-bottom: 1em; }

.panel-container table.table1 thead th { font-weight: bold; border-bottom: 1px solid transparent; padding: 5px; }

.panel-container table.table1 tbody th { font-style: italic; background-color: transparent !important; border-bottom: none; }

#cp-main .pm-message { border: 1px solid transparent; margin: 10px 0; width: auto; float: none; }

.pm-message h2 { padding-bottom: 5px; }

#cp-main .postbody h3, #cp-main .box2 h3 { margin-top: 0; }

.panel-container .postbody p.author { font-size: 1.1em; }

#cp-main .buttons { margin-left: 0; }

#cp-main ul.linklist { margin: 0; }

/* MCP Specific tweaks */
.mcp-main .postbody { width: 100%; }

.tabs-container h2 { float: left; margin-bottom: 0px; }

/* CP tabs shared
----------------------------------------*/
#tabs, #minitabs { line-height: normal; }

#tabs > ul, #minitabs > ul { list-style: none; margin: 0; padding: 0; position: relative; }

#tabs .tab, #minitabs .tab { display: block; float: left; font-size: 1em; font-weight: bold; line-height: 1.4em; }

#tabs .tab > a, #minitabs .tab > a { display: block; padding: 5px 9px; position: relative; text-decoration: none; white-space: nowrap; cursor: pointer; }

/* CP tabbed menu
----------------------------------------*/
#tabs { margin: 20px 0 0 7px; }

#tabs .tab > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; margin: 1px 1px 0 0; }

#tabs .activetab > a { margin-top: 0; padding-bottom: 7px; }

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs { float: right; margin: 15px 7px 0 0; max-width: 50%; }

#minitabs .tab { float: right; }

#minitabs .tab > a { border-radius: 5px 5px 0 0; margin-left: 2px; }

#minitabs .tab > a:hover { text-decoration: none; }

/* Responsive tabs
----------------------------------------*/
.responsive-tab { position: relative; }

.responsive-tab > a.responsive-tab-link { display: block; font-size: 1.6em; position: relative; width: 16px; line-height: 0.9em; text-decoration: none; }

.responsive-tab .responsive-tab-link:before { content: ''; position: absolute; left: 10px; top: 7px; height: .125em; width: 14px; border-bottom: 0.125em solid transparent; border-top: 0.375em double transparent; }

#tabs .dropdown, #minitabs .dropdown { top: 20px; margin-right: -2px; font-size: 1.1em; font-weight: normal; }

#minitabs .dropdown { margin-right: -4px; }

#tabs .dropdown-up .dropdown, #minitabs .dropdown-up .dropdown { bottom: 20px; top: auto; }

#tabs .dropdown li { text-align: right; }

#minitabs .dropdown li { text-align: left; }

/* UCP navigation menu
----------------------------------------*/
/* Container for sub-navigation list */
#navigation { width: 100%; padding-top: 36px; }

#navigation ul { list-style: none; }

/* Default list state */
#navigation li { display: inline; font-weight: bold; margin: 1px 0; padding: 0; }

/* Link styles for the sub-section links */
#navigation a { display: block; padding: 5px; margin: 1px 0; text-decoration: none; }

#navigation a:hover { text-decoration: none; }

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 { border-bottom: none; padding: 0; margin-left: 10px; }

/* Friends list */
.cp-mini { margin: 10px 15px 10px 5px; max-height: 200px; overflow-y: auto; padding: 5px 10px; border-radius: 7px; }

dl.mini dt { font-weight: bold; }

dl.mini dd { padding-top: 4px; }

.friend-online { font-weight: bold; }

.friend-offline { font-style: italic; }

/* PM Styles
----------------------------------------*/
#pm-menu { line-height: 2.5em; }

/* Defined rules list for PM options */
ol.def-rules { padding-left: 0; }

ol.def-rules li { line-height: 180%; padding: 1px; }

/* PM marking colours */
.pmlist li.bg1 { padding: 0 3px; }

.pmlist li.bg2 { padding: 0 3px; }

.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color: transparent; border-right-color: transparent; }

.pmlist li.pm_marked_colour, .pm_marked_colour, .pmlist li.pm_replied_colour, .pm_replied_colour, .pmlist li.pm_friend_colour, .pm_friend_colour, .pmlist li.pm_foe_colour, .pm_foe_colour { padding: 0; border: solid 3px transparent; border-width: 0 3px; }

.pm-legend { border-left-width: 10px; border-left-style: solid; border-right-width: 0; margin-bottom: 3px; padding-left: 3px; }

/* Avatar gallery */
#gallery label { position: relative; float: left; margin: 10px; padding: 5px; width: auto; border: 1px solid transparent; text-align: center; }

/* Responsive *CP navigation
----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { .nojs #tabs a span, .nojs #minitabs a span { max-width: 40px; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.5px; }
  #cp-menu, #navigation, #cp-main { float: none; width: auto; margin: 0; }
  #navigation { padding: 0; margin: 0 auto; max-width: 320px; }
  #navigation a { background-image: none; }
  #navigation li:first-child a { border-top-left-radius: 5px; border-top-right-radius: 5px; }
  #navigation li:last-child a { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } }

/* Form Styles
---------------------------------------- */
/* General form styles
----------------------------------------*/
fieldset { border-width: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.1em; }

input { font-weight: normal; vertical-align: middle; padding: 0 3px; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; }

select { font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: normal; cursor: pointer; vertical-align: middle; border: 1px solid transparent; padding: 1px; font-size: 1em; }

select:focus { outline-style: none; }

option { padding-right: 1em; }

select optgroup option { padding-right: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; }

textarea { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; width: 60%; padding: 2px; font-size: 1em; line-height: 1.4em; }

label { cursor: default; padding-right: 5px; }

label input { vertical-align: middle; }

label img { vertical-align: middle; }

/* Definition list layout for forms
---------------------------------------- */
fieldset dl { padding: 4px 0; }

fieldset dt { float: left; width: 40%; text-align: left; display: block; }

fieldset dd { margin-left: 41%; vertical-align: top; margin-bottom: 3px; }

/* Specific layout 1 */
fieldset.fields1 dt { width: 15em; border-right-width: 0; }

fieldset.fields1 dd { margin-left: 15em; border-left-width: 0; }

fieldset.fields1 div { margin-bottom: 3px; }

/* Set it back to 0px for the reCaptcha divs: PHPBB3-9587 */
fieldset.fields1 #recaptcha_widget_div div, fieldset.fields1 .live-search div { margin-bottom: 0; }

/* Specific layout 2 */
fieldset.fields2 dt { width: 15em; border-right-width: 0; }

fieldset.fields2 dd { margin-left: 16em; border-left-width: 0; }

/* Form elements */
dt label { font-weight: bold; text-align: left; }

dd label { white-space: nowrap; }

dd input, dd textarea { margin-right: 3px; }

dd select { width: auto; }

dd select[multiple] { width: 100%; }

dd textarea { width: 85%; }

/* Hover effects */
#timezone { width: 95%; }

/* Quick-login on index page */
fieldset.quick-login { margin-top: 5px; }

fieldset.quick-login input { width: auto; }

fieldset.quick-login input.inputbox { width: 15%; vertical-align: middle; margin-right: 5px; }

fieldset.quick-login label { white-space: nowrap; padding-right: 2px; }

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options { text-align: center; margin: 3px 0 5px 0; }

fieldset.display-options label { white-space: nowrap; padding-right: 2px; }

fieldset.display-options a { margin-top: 3px; }

/* Display actions for ucp and mcp pages */
fieldset.display-actions { text-align: right; line-height: 2em; white-space: nowrap; padding-right: 1em; }

fieldset.display-actions label { white-space: nowrap; padding-right: 2px; }

fieldset.sort-options { line-height: 2em; }

/* MCP forum selection*/
fieldset.forum-selection { margin: 5px 0 3px 0; float: right; }

fieldset.forum-selection2 { margin: 13px 0 3px 0; float: right; }

/* Submit button fieldset */
fieldset.submit-buttons { text-align: center; vertical-align: middle; margin: 5px 0; }

fieldset.submit-buttons input { vertical-align: middle; padding-top: 3px; padding-bottom: 3px; }

/* Posting page styles
----------------------------------------*/
/* Buttons used in the editor */
#format-buttons { margin: 15px 0 2px 0; }

#format-buttons input, #format-buttons select { vertical-align: middle; }

/* Main message box */
#message-box { width: 80%; }

#message-box textarea { font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; width: 450px; height: 270px; min-width: 100%; max-width: 100%; font-size: 1.2em; resize: vertical; outline: 3px dashed transparent; outline-offset: -4px; -webkit-transition: all .5s ease; transition: all .5s ease; }

/* Emoticons panel */
#smiley-box { width: 18%; float: right; }

#smiley-box img { margin: 3px; }

/* Input field styles
---------------------------------------- */
.inputbox { border: 1px solid transparent; padding: 2px; }

.inputbox:hover, .inputbox:focus { border: 1px solid transparent; outline-style: none; }

input.inputbox { width: 85%; }

input.medium { width: 50%; }

input.narrow { width: 25%; }

input.tiny { width: 150px; }

textarea.inputbox { width: 85%; }

.autowidth { width: auto !important; }

input[type="number"] { -moz-padding-end: 0; }

input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

input[type="search"]::-webkit-search-cancel-button { cursor: pointer; }

/* Form button styles
---------------------------------------- */
input.button1, input.button2 { font-size: 1em; }

a.button1, input.button1, input.button3, a.button2, input.button2 { width: auto !important; padding-top: 1px; padding-bottom: 1px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; background: transparent none repeat-x top left; }

a.button1, input.button1 { font-weight: bold; border: 1px solid transparent; }

input.button3 { padding: 0; margin: 0; line-height: 5px; height: 12px; background-image: none; font-variant: small-caps; }

input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] { cursor: pointer; }

/* Alternative button */
a.button2, input.button2, input.button3 { border: 1px solid transparent; }

/* <a> button in the style of the form buttons */
a.button1, a.button1:link, a.button1:visited, a.button1:active, a.button2, a.button2:link, a.button2:visited, a.button2:active { text-decoration: none; padding: 2px 8px; line-height: 250%; vertical-align: text-bottom; background-position: 0 1px; }

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border: 1px solid transparent; background-position: 0 100%; }

input.disabled { font-weight: normal; }

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus { outline-style: none; }

/* Topic and forum Search */
.search-box { float: left; }

.search-box .inputbox { background-image: none; border-right-width: 0; border-radius: 4px 0 0 4px; float: left; height: 24px; padding: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.search-box button { float: left; }

.search-box button.search-icon { border-radius: 0; font-size: 0; height: 24px; margin: 0; padding: 3px 5px; }

.search-box a.button { border-left-width: 0; border-radius: 0 4px 4px 0; font-size: 0; margin: 0; padding: 2px 5px 2px 3px; }

/* Search box (header)
--------------------------------------------- */
.search-header { border-radius: 4px; display: block; float: right; margin-right: 5px; margin-top: 30px; }

.search-header .inputbox { border: 0; }

.search-header button { border-top: 0; border-bottom: 0; }

.search-header a.button { border: 0; border-left: 1px; padding: 3px 5px 3px 4px; }

input.search { background-image: none; background-repeat: no-repeat; background-position: left 1px; padding-left: 17px; }

.full { width: 95%; }

.medium { width: 50%; }

.narrow { width: 25%; }

.tiny { width: 10%; }

/* Responsive Design
---------------------------------------- */
.responsive-hide { display: none !important; }

.responsive-show { display: block !important; }

.responsive-show-inline { display: inline !important; }

.responsive-show-inline-block { display: inline-block !important; }

/* Content wrappers
----------------------------------------*/
html { height: auto; }

body { padding: 0; }

#wrap { border: none; border-radius: 0; margin: 0; min-width: 290px; padding: 0 5px; }

/* Common block wrappers
----------------------------------------*/
.headerbar, .navbar, .forabg, .forumbg, .post, .panel { border-radius: 0; margin-left: -5px; margin-right: -5px; }

#cp-main .forabg, #cp-main .forumdb, #cp-main .post, #cp-main .panel { border-radius: 7px; }

/* Logo block
----------------------------------------*/
#site-description { float: none; width: auto; text-align: center; }

.logo { /* change display value to inline-block to show logo */ display: none; float: none; padding: 10px; }

#site-description h1, #site-description p { text-align: inherit; float: none; margin: 5px; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; }

#site-description p, .search-header { display: none; }

/* Navigation
----------------------------------------*/
.headerbar + .navbar { margin-top: -5px; }

/* Search
----------------------------------------*/
.responsive-search { display: block !important; }

.responsive-search a { display: block; width: 16px; height: 22px; text-indent: 99px; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; text-decoration: none; }

/* .topiclist lists
----------------------------------------*/
li.header dt { text-align: center; text-transform: none; line-height: 1em; font-size: 1.2em; padding-bottom: 4px; }

ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner { margin-right: 0 !important; padding-right: 0; }

ul.topiclist li.header dd { display: none !important; }

ul.topiclist dt, ul.topiclist dt .list-inner, ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner, ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner, ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner { margin-right: 0; }

ul.topiclist dt .list-inner.with-mark { padding-right: 34px; }

ul.topiclist dt .list-inner { min-height: 28px; }

ul.topiclist li.header dt .list-inner { min-height: 0; }

ul.topiclist dd { display: none; }

ul.topiclist dd.mark { display: block; }

/* Forums and topics lists
----------------------------------------*/
ul.topiclist.forums dt { margin-right: -250px; }

ul.topiclist.forums dt .list-inner { margin-right: 250px; }

ul.topiclist.forums dd.lastpost { display: block; }

ul.topiclist dd.mark { display: block; position: absolute; right: 5px; top: 0; margin: 0; width: auto; min-width: 0; text-align: left; }

ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn { position: relative; left: 0; width: auto; display: inline; font-weight: normal; }

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) { ul.topiclist.forums dt { margin-right: 0; }
  ul.topiclist.forums dt .list-inner { margin-right: 0; }
  ul.topiclist.forums dd.lastpost { display: none; } }

li.row .responsive-show strong { font-weight: bold; color: inherit; }

ul.topiclist li.row dt a.subforum { display: inline-block; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; max-width: 100px; }

/* Notifications list
----------------------------------------*/
@media only screen and (max-width: 350px), only screen and (max-device-width: 350px) { .dropdown-extended .dropdown-contents { width: auto; } }

/* Pagination
----------------------------------------*/
.pagination > ul { margin: 5px 0 0; }

.row .pagination .ellipsis + li { display: none !important; }

/* Responsive tables
----------------------------------------*/
table.responsive, table.responsive tbody, table.responsive tr, table.responsive td { display: block; }

table.responsive thead, table.responsive th { display: none; }

table.responsive.show-header thead, table.responsive.show-header th:first-child { display: block; width: auto !important; text-align: left !important; }

table.responsive.show-header th:first-child span.rank-img { display: none; }

table.responsive tr { margin: 2px 0; }

table.responsive td { width: auto !important; text-align: left !important; padding: 4px; }

table.responsive td.empty { display: none !important; }

table.responsive td > dfn { display: inline-block !important; }

table.responsive td > dfn:after { content: ':'; padding-right: 5px; }

table.responsive span.rank-img { float: none; padding-right: 5px; }

table.responsive#memberlist td:first-child input[type="checkbox"] { float: right; }

/* Forms
----------------------------------------*/
fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt { width: auto; float: none; }

fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { margin-left: 20px; }

textarea, dd textarea, #message-box textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

dl.pmlist dt { width: auto !important; margin-bottom: 5px; }

dl.pmlist dd { display: inline-block; margin-left: 0 !important; }

dl.pmlist dd:first-of-type { padding-left: 20px; }

#smiley-box, #message-box { float: none; width: auto; }

#smiley-box { margin-top: 5px; }

.bbcode-status { display: none; }

.colour-palette, .colour-palette tbody, .colour-palette tr { display: block; }

.colour-palette td { display: inline-block; margin-right: 2px; }

.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) { display: none; }

.colour-palette a { display: inline-block !important; }

fieldset.quick-login label { display: block; margin-bottom: 5px; white-space: normal; }

fieldset.quick-login label > span { display: inline-block; min-width: 100px; }

fieldset.quick-login input.inputbox { width: 85%; max-width: 300px; margin-left: 20px; }

fieldset.quick-login label[for="autologin"] { display: inline-block; text-align: right; min-width: 50%; }

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { dd label { white-space: normal; }
  select, .inputbox { max-width: 260px; }
  .captcha-panel dd.captcha { margin-left: 0; }
  .captcha-panel dd.captcha-image img { width: 100%; }
  #recaptcha_challenge_image, #recaptcha_response_field, .recaptchatable #recaptcha_image { width: 100% !important; height: auto !important; }
  .recaptchatable tr td:last-child { display: none; }
  .captcha-panel .recaptcha-responsive { display: inline-block !important; margin-top: 10px; vertical-align: middle; } }

@media only screen and (max-width: 430px), only screen and (max-device-width: 430px) { .section-viewtopic .search-box .inputbox { width: 110px; } }

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) { select, .inputbox { max-width: 240px; } }

/* User profile
----------------------------------------*/
.column1, .column2, .left-box.profile-details { float: none; width: auto; }

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { dl.details dt, dl.details dd { width: auto; float: none; text-align: left; }
  dl.details dd { margin-left: 20px; } }

/* Polls
----------------------------------------*/
fieldset.polls dt { width: 90%; }

fieldset.polls dd.resultbar { padding-left: 20px; }

fieldset.polls dd.poll_option_percent { width: 20%; }

fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent { margin-top: 5px; }

/* Post
----------------------------------------*/
.postbody { position: inherit; }

.postprofile, .postbody, .search .postbody { display: block; width: auto; float: none; padding: 0; min-height: 0; }

.post .postprofile { width: auto; border-width: 0 0 1px 0; padding-bottom: 5px; margin: 0; margin-bottom: 5px; min-height: 40px; overflow: hidden; }

.postprofile dd { display: none; }

.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd { display: block; margin: 0; }

.postprofile .has-avatar .avatar-container { margin: 0; overflow: inherit; }

.postprofile .avatar-container:after { clear: none; }

.postprofile .avatar { margin-right: 5px; }

.postprofile .avatar img { width: auto !important; height: auto !important; max-height: 32px; }

.has-profile .postbody h3 { margin-left: 0 !important; margin-right: 0 !important; }

.has-profile .post-buttons { right: 20px; top: 15px; }

.online { background-size: 40px; }

/* Misc stuff
----------------------------------------*/
h2 { margin-top: .5em; }

p { margin-bottom: .5em; overflow: hidden; }

p.rightside { margin-bottom: 0; }

fieldset.display-options label { display: block; clear: both; margin-bottom: 5px; }

dl.mini dd.pm-legend { float: left; min-width: 200px; }

#topicreview { margin: 0 -5px; padding: 0 5px; }

fieldset.display-actions { white-space: normal; }

.phpbb_alert { width: auto; margin: 0 5px; }

.attach-comment dfn { width: 100%; }

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) { p.responsive-center { float: none; text-align: center; margin-bottom: 5px; }
  .action-bar > div { margin-bottom: 5px; }
  .action-bar > .pagination { float: none; clear: both; padding-bottom: 1px; text-align: center; }
  .action-bar > .pagination li.page-jump { margin: 0 2px; }
  p.jumpbox-return { display: none; }
  .display-options > label:nth-child(1) { display: block; margin-bottom: 5px; }
  .attach-controls { margin-top: 5px; width: 100%; } }

.imageset.site_logo { background: url("dist/images/libelle-mama-logo.svg") no-repeat; width: 200px; height: 30px; display: block; }

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
html, body { background-color: #FFF; }

h1 { color: #FFF; }

h2 { color: #6197da; }

h3 { border-bottom-color: #ccbeb5; color: #6197da; }

.headerspace h3 a { color: #6197da; }

hr { border-color: #FFF; border-top-color: #ccbeb5; }

/* Search box
--------------------------------------------- */
.search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus, .search-box .button:hover { border-color: #ccbeb5; }

.search-header { -webkit-box-shadow: 0 0 10px #6197da; box-shadow: 0 0 10px #6197da; }

/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap { background-color: #FFF; border-color: #ccbeb5; margin-left: auto; margin-right: auto; }

.headerbar { background-color: #FFF; color: #6197da; }

.navbar { background-color: #eee; }

.navbar .inner a { color: #6197da; }

.forabg { background-color: #6197da; }

.forumbg { background-color: #6197da; }

a.forumtitle, a.lastsubject { color: #6197da; }

a.topictitle { color: #6197da; }

.panel { background-color: #eee; color: #28313F; }

.post:target .content { color: #000; }

.post:target h3 a { color: #000; }

.logo { padding: 10px 0 0 0; display: block; }

.bg1, .b2 { background-color: #eee; }

table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) { background-color: #ECF3F7; }

table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) { background-color: #e1ebf2; }

.bg3 { background-color: #6197da; }

.ucprowbg { background-color: #DCDEE2; }

.fieldsbg { background-color: #E7E8EA; }

/* Horizontal lists
----------------------------------------*/
ul.navlinks { border-top-color: #FFF; }

/* Table styles
----------------------------------------*/
table.table1 thead th { color: #FFF; }

table.table1 tbody tr { border-color: #BFC1CF; }

table.table1 tbody tr:hover, table.table1 tbody tr.hover { background-color: #CFE1F6; color: #000; }

table.table1 td { color: #536482; }

table.table1 tbody td { border-top-color: #FAFAFA; }

table.table1 tbody th { border-bottom-color: #000; color: #333333; background-color: #FFF; }

table.info tbody th { color: #000; }

/* Misc layout styles
---------------------------------------- */
dl.details dt { color: #000; }

dl.details dd { color: #536482; }

.sep { color: #6197da; }

/* Pagination
---------------------------------------- */
.pagination li a { background-color: #ECEDEE; border-color: #B4BAC0; color: #5C758C; }

.pagination li.ellipsis span { background-color: transparent; color: #000; }

.pagination li.active span { background-color: #4692BF; border-color: #4692BF; color: #FFF; }

.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger { background-color: #6197da; border-color: #6197da; color: #FFF; }

.pagination li.next a, .pagination li.previous a, .pagination li.page-jump a { background-image: url("dist/images/icons_pagination.png"); }

/* Pagination in viewforum for multipage topics */
.row .pagination { background-image: url("dist/images/icon_pages.gif"); }

/* Miscellaneous styles
---------------------------------------- */
.copyright { color: #000; }

.error { color: #e74c3c; }

.reported { background-color: #F7ECEF; }

li.reported:hover { background-color: #ECD5D8 !important; }

.sticky, .announce { /* you can add a background for stickies and announcements*/ }

div.rules { background-color: #ECD5D8; color: #ff565e; }

p.post-notice { background-color: #ECD5D8; background-image: none; }

p.post-notice.deleted:before { background-image: url("dist/images/icon_topic_deleted.png"); }

p.post-notice.unapproved:before { background-image: url("dist/images/icon_topic_unapproved.gif"); }

p.post-notice.reported:before, p.post-notice.error:before { background-image: url("dist/images/icon_topic_reported.gif"); }

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a { color: #6197da; }

a:hover { color: #ff565e; }

/* Links on gradient backgrounds */
.forumbg .header a, .forabg .header a, th a { color: #FFF; }

.forumbg .header a:hover, .forabg .header a:hover, th a:hover { color: #95b8c9; }

/* Notification mark read link */
.dropdown-extended a.mark_read { background-color: #FFF; }

/* Post body links */
.postlink { border-bottom-color: #6197da; color: #6197da; }

.postlink:visited { border-bottom-color: #5D8FBD; color: #5D8FBD; }

.postlink:hover { background-color: #D0E4F6; color: #0D4473; }

.signature a, .signature a:hover { background-color: transparent; }

/* Back to top of page */
a.top { background-image: url("dist/images/icon_back_top.gif"); }

a.top2 { background-image: url("dist/images/icon_back_top.gif"); }

/* Arrow links  */
a.arrow-up { background-image: url("dist/images/arrow_up.gif"); }

a.arrow-down { background-image: url("dist/images/arrow_down.gif"); }

a.arrow-left { background-image: url("dist/images/arrow_left.gif"); }

a.arrow-right { background-image: url("dist/images/arrow_right.gif"); }

a.arrow-up:hover { background-color: transparent; }

a.arrow-left:hover { color: #6197da; }

a.arrow-right:hover { color: #6197da; }

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums { background-color: #FFF; }

ul.topiclist li { color: #4C5D77; }

ul.topiclist dd { border-left-color: #FFF; }

.rtl ul.topiclist dd { border-right-color: #fff; border-left-color: transparent; }

ul.topiclist li.row dt a.subforum.read { background-image: url("dist/images/subforum_read.gif"); }

ul.topiclist li.row dt a.subforum.unread { background-image: url("dist/images/subforum_unread.gif"); }

li.row { border-top-color: #FFF; border-bottom-color: #00608F; }

li.row strong { color: #000; }

li.row:hover { background-color: #eee; }

.row.bg2 { background-color: #eee; }

li.row:hover dd { border-left-color: #ccbeb5; }

.rtl li.row:hover dd { border-right-color: #ccbeb5; border-left-color: transparent; }

li.header dt, li.header dd { color: #FFF; }

/* Post body styles
----------------------------------------*/
.postbody { color: #333333; }

/* Content container styles
----------------------------------------*/
.content { color: #333333; }

.content h2, .panel h2 { color: #115098; border-bottom-color: #ccbeb5; }

dl.faq dt { color: #333333; }

.posthilit { background-color: #F3BFCC; color: #ff565e; }

.announce, .unreadpost { /* Highlight the announcements & unread posts box */ }

/* Post signature */
.signature { border-top-color: #ccbeb5; }

/* Post noticies */
.notice { border-top-color: #ccbeb5; }

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote { background-color: #EBEADD; background-image: url("dist/images/quote.gif"); border-color: #DBDBCE; }

.rtl blockquote { background-image: url("dist/images/quote_rtl.gif"); }

blockquote blockquote { /* Nested quotes */ background-color: #EFEED9; }

blockquote blockquote blockquote { /* Nested quotes */ background-color: #EBEADD; }

/* Code block */
.codebox { background-color: #FFF; border-color: #C9D2D8; }

.codebox p { border-bottom-color: #ccbeb5; }

.codebox code { color: #2E8B57; }

.syntaxbg { color: #FFF; }

.syntaxcomment { color: #FF8000; }

.syntaxdefault { color: #0000BB; }

.syntaxhtml { color: #000; }

.syntaxkeyword { color: #007700; }

.syntaxstring { color: #DD0000; }

/* Attachments
----------------------------------------*/
.attachbox { background-color: #FFF; border-color: #C9D2D8; }

.pm-message .attachbox { background-color: #F2F3F3; }

.attachbox dd { border-top-color: #C9D2D8; }

.attachbox p { color: #666666; }

.attachbox p.stats { color: #666666; }

.attach-image img { border-color: #999999; }

/* Inline image thumbnails */
dl.file dd { color: #666666; }

dl.thumbnail img { border-color: #666666; background-color: #FFF; }

dl.thumbnail dd { color: #666666; }

dl.thumbnail dt a:hover { background-color: #EEEEEE; }

dl.thumbnail dt a:hover img { border-color: #6197da; }

/* Post poll styles
----------------------------------------*/
fieldset.polls dl { border-top-color: #DCDEE2; color: #666666; }

fieldset.polls dl.voted { color: #000; }

fieldset.polls dd div { color: #FFF; }

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 { border-right-color: transparent; }

.pollbar1 { background-color: #AA2346; border-bottom-color: #74162C; border-right-color: #74162C; }

.rtl .pollbar1 { border-left-color: #74162C; }

.pollbar2 { background-color: #BE1E4A; border-bottom-color: #8C1C38; border-right-color: #8C1C38; }

.rtl .pollbar2 { border-left-color: #8C1C38; }

.pollbar3 { background-color: #D11A4E; border-bottom-color: #AA2346; border-right-color: #AA2346; }

.rtl .pollbar3 { border-left-color: #AA2346; }

.pollbar4 { background-color: #E41653; border-bottom-color: #BE1E4A; border-right-color: #BE1E4A; }

.rtl .pollbar4 { border-left-color: #BE1E4A; }

.pollbar5 { background-color: #F81157; border-bottom-color: #D11A4E; border-right-color: #D11A4E; }

.rtl .pollbar5 { border-left-color: #D11A4E; }

/* Poster profile block
----------------------------------------*/
.postprofile { color: #666666; border-color: #FFF; }

.pm .postprofile { border-color: #DDDDDD; }

.postprofile strong { color: #000; }

.online { background-image: url("./en/icon_user_online.gif"); }

dd.profile-warnings { color: #ff565e; }

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button { border-color: #ccbeb5; background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E9E9E9)); background-image: linear-gradient(to bottom, #FFF, #E9E9E9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='$white', EndColorStr='#E9E9E9')"; box-shadow: 0 0 0 1px #FFF inset; -webkit-box-shadow: 0 0 0 1px #FFF inset; color: #ff565e; }

.dropdown-select { color: #536482; }

.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select { border-color: #0a8ed0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FFF)); background-image: linear-gradient(to bottom, #E9E9E9, #FFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='$white')"; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px -1px 0 rgba(188, 42, 77, 0.2); }

.dropdown-select:after { border-color: #DADADA; }

.dropdown-select:hover { border-color: #ccbeb5; }

.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select { border-color: #A6B2BA; color: #105289; }

.contact-icons a { border-color: #DCDCDC; }

.contact-icons a:hover { background-color: #F2F6F9; }

/* Icon images
---------------------------------------- */
.icon-acp { background-image: url("dist/images/icon_acp.gif"); }

.icon-bookmark { background-image: url("dist/images/icon_bookmark.gif"); }

.icon-bump { background-image: url("dist/images/icon_bump.gif"); }

.icon-contact { background-image: url("dist/images/icon_pm.gif"); }

.icon-delete-cookies { background-image: url("dist/images/icon_delete_cookies.gif"); }

.icon-download { background-image: url("dist/images/icon_download.gif"); }

.icon-faq { background-image: url("dist/images/icon_faq.gif"); }

.icon-home { background-image: url("dist/images/icon_home.gif"); }

.icon-logout { background-image: url("dist/images/icon_logout.gif"); }

.icon-mark { background-image: url("dist/images/icon_mark.gif"); }

.icon-mcp { background-image: url("dist/images/icon_mcp.gif"); }

.icon-members { background-image: url("dist/images/icon_members.gif"); }

.icon-notification { background-image: url("dist/images/icon_notification.gif"); }

.icon-pages { background-image: url("dist/images/icon_pages.gif"); }

.icon-pm { background-image: url("dist/images/icon_pm.gif"); }

.icon-print { background-image: url("dist/images/icon_print.gif"); }

.icon-profile { background-image: url("dist/images/icon_profile.gif"); }

.icon-register { background-image: url("dist/images/icon_register.gif"); }

.icon-search, .responsive-search a { background-image: url("dist/images/icon_search.gif"); }

.icon-search-active { background-image: url("dist/images/subforum_read.gif"); }

.icon-search-new { background-image: url("dist/images/subforum_unread.gif"); }

.icon-search-self { background-image: url("dist/images/icon_topic_latest.gif"); }

.icon-search-unanswered { background-image: url("dist/images/icon_post_target.gif"); }

.icon-search-unread { background-image: url("dist/images/subforum_unread.gif"); }

.icon-sendemail { background-image: url("dist/images/icon_sendemail.gif"); }

.icon-subscribe { background-image: url("dist/images/icon_subscribe.gif"); }

.icon-team { background-image: url("dist/images/icon_team.gif"); }

.icon-ucp { background-image: url("dist/images/icon_ucp.gif"); }

.icon-unsubscribe { background-image: url("dist/images/icon_unsubscribe.gif"); }

/* Profile & navigation icons */
.contact-icon { background-image: url("dist/images/icons_contact.png"); }

.icon-button:before, .dropdown-select:after { background-image: url("dist/images/icons_button.png"); }

/* Forum icons & Topic icons */
.global_read { background-image: url("dist/images/announce_read.gif"); }

.global_read_mine { background-image: url("dist/images/announce_read_mine.gif"); }

.global_read_locked { background-image: url("dist/images/announce_read_locked.gif"); }

.global_read_locked_mine { background-image: url("dist/images/announce_read_locked_mine.gif"); }

.global_unread { background-image: url("dist/images/announce_unread.gif"); }

.global_unread_mine { background-image: url("dist/images/announce_unread_mine.gif"); }

.global_unread_locked { background-image: url("dist/images/announce_unread_locked.gif"); }

.global_unread_locked_mine { background-image: url("dist/images/announce_unread_locked_mine.gif"); }

.announce_read { background-image: url("dist/images/announce_read.gif"); }

.announce_read_mine { background-image: url("dist/images/announce_read_mine.gif"); }

.announce_read_locked { background-image: url("dist/images/announce_read_locked.gif"); }

.announce_read_locked_mine { background-image: url("dist/images/announce_read_locked_mine.gif"); }

.announce_unread { background-image: url("dist/images/announce_unread.gif"); }

.announce_unread_mine { background-image: url("dist/images/announce_unread_mine.gif"); }

.announce_unread_locked { background-image: url("dist/images/announce_unread_locked.gif"); }

.announce_unread_locked_mine { background-image: url("dist/images/announce_unread_locked_mine.gif"); }

.forum_link { background-image: url("dist/images/forum_link.gif"); }

.forum_read { background-image: url("dist/images/forum_read.gif"); }

.forum_read_locked { background-image: url("dist/images/forum_read_locked.gif"); }

.forum_read_subforum { background-image: url("dist/images/forum_read_subforum.gif"); }

.forum_unread { background-image: url("dist/images/forum_unread.gif"); }

.forum_unread_locked { background-image: url("dist/images/forum_unread_locked.gif"); }

.forum_unread_subforum { background-image: url("dist/images/forum_unread_subforum.gif"); }

.sticky_read { background-image: url("dist/images/sticky_read.gif"); }

.sticky_read_mine { background-image: url("dist/images/sticky_read_mine.gif"); }

.sticky_read_locked { background-image: url("dist/images/sticky_read_locked.gif"); }

.sticky_read_locked_mine { background-image: url("dist/images/sticky_read_locked_mine.gif"); }

.sticky_unread { background-image: url("dist/images/sticky_unread.gif"); }

.sticky_unread_mine { background-image: url("dist/images/sticky_unread_mine.gif"); }

.sticky_unread_locked { background-image: url("dist/images/sticky_unread_locked.gif"); }

.sticky_unread_locked_mine { background-image: url("dist/images/sticky_unread_locked_mine.gif"); }

.topic_moved { background-image: url("dist/images/topic_moved.gif"); }

.topic_read { background-image: url("dist/images/topic_read.gif"); }

.topic_read_mine { background-image: url("dist/images/topic_read_mine.gif"); }

.topic_read_hot { background-image: url("dist/images/topic_read_hot.gif"); }

.topic_read_hot_mine { background-image: url("dist/images/topic_read_hot_mine.gif"); }

.topic_read_locked { background-image: url("dist/images/topic_read_locked.gif"); }

.topic_read_locked_mine { background-image: url("dist/images/topic_read_locked_mine.gif"); }

.topic_unread { background-image: url("dist/images/topic_unread.gif"); }

.topic_unread_mine { background-image: url("dist/images/topic_unread_mine.gif"); }

.topic_unread_hot { background-image: url("dist/images/topic_unread_hot.gif"); }

.topic_unread_hot_mine { background-image: url("dist/images/topic_unread_hot_mine.gif"); }

.topic_unread_locked { background-image: url("dist/images/topic_unread_locked.gif"); }

.topic_unread_locked_mine { background-image: url("dist/images/topic_unread_locked_mine.gif"); }

.pm_read { background-image: url("dist/images/topic_read.gif"); }

.pm_unread { background-image: url("dist/images/topic_unread.gif"); }

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container h3, .panel-container hr, #cp-menu hr { border-color: #A4B3BF; }

.panel-container .panel li.row { border-bottom-color: #B5C1CB; border-top-color: #F9F9F9; }

ul.cplist { border-top-color: #B5C1CB; }

.panel-container .panel li.header dd, .panel-container .panel li.header dt { color: #000; }

.panel-container table.table1 thead th { color: #333333; border-bottom-color: #333333; }

#cp-main .pm-message { border-color: #DBDEE2; background-color: #FFF; }

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a { background: #BACCD9; color: #536482; }

#tabs .tab > a:hover { background: #DDEDFB; color: #ff565e; }

#tabs .activetab > a, #tabs .activetab > a:hover { background: #CADCEB; background: -webkit-gradient(linear, left top, left bottom, from(#E2F2FF), to(#CADCEB)); background: linear-gradient(to bottom, #E2F2FF 0%, #CADCEB 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2F2FF', endColorstr='#CADCEB', GradientType=0); border-color: #CADCEB; -webkit-box-shadow: 0 1px 1px #F2F9FF inset; box-shadow: 0 1px 1px #F2F9FF inset; color: #333333; }

#tabs .activetab > a:hover { color: #000; }

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a { background-color: #E1EBF2; }

#minitabs .activetab > a, #minitabs .activetab > a:hover { background-color: #F9F9F9; color: #333333; }

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before { border-color: #536482; }

.responsive-tab .responsive-tab-link:hover:before { border-color: #ff565e; }

/* UCP navigation menu
----------------------------------------*/
/* Link styles for the sub-section links */
#navigation a { color: #333; background: #B4C4D1; background: -webkit-gradient(left top, right top, color-stop(50%, #B4C4D1), color-stop(100%, #CADCEB)); background: -webkit-gradient(linear, left top, right top, color-stop(50%, #B4C4D1), to(#CADCEB)); background: linear-gradient(to right, #B4C4D1 50%, #CADCEB 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B4C4D1', endColorstr='#CADCEB', GradientType=1); }

.rtl #navigation a { background: #B4C4D1; background: -webkit-gradient(left top, right top, color-stop(0%, #CADCEB), color-stop(50%, #B4C4D1)); background: -webkit-gradient(linear, left top, right top, from(#CADCEB), color-stop(50%, #B4C4D1)); background: linear-gradient(to right, #CADCEB 0%, #B4C4D1 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CADCEB', endColorstr='#B4C4D1', GradientType=1); }

#navigation a:hover { background: #AABAC6; color: #ff565e; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

#navigation #active-subsection a { background: #F9F9F9; color: #ff565e; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

#navigation #active-subsection a:hover { color: #ff565e; }

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px) { #navigation a, .rtl #navigation a { background: #B2C2CF; } }

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 { color: #333333; }

.panel-container .panel { background-color: #F9F9F9; }

#cp-main .pm { background-color: #FFF; }

/* Friends list */
.cp-mini { background-color: #eef5f9; }

dl.mini dt { color: #878787; }

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current { color: #000 !important; }

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour { border-left-color: #ff565e; border-right-color: #ff565e; }

.pmlist li.pm_marked_colour, .pm_marked_colour { border-color: #FF6600; }

.pmlist li.pm_replied_colour, .pm_replied_colour { border-color: #A9B8C2; }

.pmlist li.pm_friend_colour, .pm_friend_colour { border-color: #5D8FBD; }

.pmlist li.pm_foe_colour, .pm_foe_colour { border-color: #000; }

/* Avatar gallery */
#gallery label { background: #FFF; border-color: #CCC; }

#gallery label:hover { background-color: #EEE; }

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select { border-color: #666666; background-color: #FAFAFA; color: #000; }

label, .quick-login a, p { color: #878787; }

option.disabled-option { color: graytext; }

/* Definition list layout for forms
---------------------------------------- */
dd label { color: #333; }

fieldset.fields1 { background-color: transparent; }

/* Hover effects */
fieldset dl:hover dt label { color: #000; }

fieldset.fields2 dl:hover dt label { color: inherit; }

/* Quick-login on index page */
fieldset.quick-login input.inputbox { background-color: #F2F3F3; }

/* Posting page styles
----------------------------------------*/
#message-box textarea { color: #333333; }

#message-box textarea.drag-n-drop { outline-color: rgba(102, 102, 102, 0.5); }

#message-box textarea.drag-n-drop-highlight { outline-color: rgba(17, 163, 234, 0.5); }

/* Input field styles
---------------------------------------- */
.inputbox { background-color: #FFF; border-color: #B4BAC0; color: #333333; }

.inputbox:-moz-placeholder { color: #333333; }

.inputbox::-webkit-input-placeholder { color: #333333; }

.inputbox:hover { border-color: #11A3EA; }

.inputbox:focus { border-color: #11A3EA; color: #0F4987; }

.inputbox:focus:-moz-placeholder { color: transparent; }

.inputbox:focus::-webkit-input-placeholder { color: transparent; }

/* Form button styles
---------------------------------------- */
a.button1, input.button1, input.button3, a.button2, input.button2 { color: #000; background-color: #FAFAFA; background-image: url("dist/images/bg_button.gif"); }

a.button1, input.button1 { border-color: #666666; }

input.button3 { background-image: none; }

/* Alternative button */
a.button2, input.button2, input.button3 { border-color: #666666; }

/* <a> button in the style of the form buttons */
a.button1, a.button2 { color: #000; }

/* Hover states */
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover { border-color: #ff565e; color: #ff565e; }

/* Focus states */
input.button1:focus, input.button2:focus, input.button3:focus { border-color: #6197da; color: #6197da; }

input.search { background-image: url("dist/images/icon_textbox_search.gif"); }

input.disabled { color: #666666; }

/* jQuery popups
---------------------------------------- */
.phpbb_alert { background-color: #FFF; border-color: #999999; }

.phpbb_alert .alert_close { background-image: url("dist/images/alert_close.png"); }

#darken { background-color: #000; }

#loading_indicator { background-color: #000; background-image: url("dist/images/loading.gif"); }

.dropdown-extended ul li { border-top-color: #B9B9B9; }

.dropdown-extended ul li:hover { background-color: #CFE1F6; color: #000; }

.dropdown-extended .header, .dropdown-extended .footer { border-color: #B9B9B9; color: #000; }

.dropdown-extended .footer { border-top-style: solid; border-top-width: 1px; }

.dropdown-extended .header { background: #F1F8FF; background: -webkit-gradient(linear, left top, left bottom, from(#F1F8FF), to(#CADCEB)); background: linear-gradient(to bottom, #F1F8FF 0%, #CADCEB 100%); }

.dropdown .pointer { border-color: #B9B9B9 transparent; }

.dropdown .pointer-inner { border-color: #FFF transparent; }

.dropdown-extended .pointer-inner { border-color: #F1F8FF transparent; }

ul.linklist li.responsive-menu a.responsive-menu-link:before { border-color: #6197da; }

ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before { border-color: #6197da; }

.dropdown .dropdown-contents { background: #FFF; border-color: #878787; -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); }

.dropdown-up .dropdown-contents { -webkit-box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2); box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2); }

.dropdown li, .dropdown li li { border-color: #DCDCDC; }

.dropdown li.separator { border-color: #DCDCDC; }

/* Notifications
---------------------------------------- */
.notification_list p.notification-time { color: #4C5D77; }

li.notification-reported strong, li.notification-disapproved strong { color: #ff565e; }

.badge { background-color: #ff565e; color: #ffffff; }

.overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 100001; opacity: 1; }

.lightbox-forum { display: none; position: relative; height: auto; z-index: 100002; top: 40%; }

.lightbox-caption { background: #FFF; color: #000; text-decoration: none; width: 100%; height: auto; display: block; line-height: 1.3; text-align: center; border: solid 2px #FFF; padding: 3px; font-size: 16px; }

.lightbox-content { width: 400px; max-width: 100%; margin: 0 auto; }

#profile-caption, #forum-caption { display: none; }

/* Ads
---------------------------------------- */
.ad-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 25px 0; text-align: center; }

.ad-wrapper .zappy-module__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ad-wrapper .zappy-module-thumb { width: 250px; margin-right: 15px; }

.ad-wrapper .zappy-module-thumb img { width: 250px; height: auto; }

.ad-wrapper .zappy-module-info { width: calc( 100% - 265px); text-align: left; }

.ad-wrapper .zappy-module__category p { margin-bottom: 10px; font-weight: bold; }

.ad-wrapper .zappy-module__title { border: 0; font-size: 18px; margin-top: 0; }

.ad-wrapper .zappy-module__cta { font-size: 14px; }

.ad-wrapper.multi .pebble { display: inline-block; }

.ad-wrapper.multi .pebble:first-child { margin-right: 20px; }

.ad-wrapper.multi .pebble.ad { width: 350px; }

.ad-wrapper.multi .pebble.native { width: calc( ( 100% - 350px ) - 20px); }

.ad-wrapper.grid { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.ad-wrapper.grid .pebble { width: calc( ( 100% / 3 ) - 30px); margin-bottom: 50px; }

.ad-wrapper.grid .pebble:nth-child(2), .ad-wrapper.grid .pebble:nth-child(5) { margin-left: 10px; margin-right: 10px; }

.ad-wrapper.grid .pebble.full { width: 100%; margin-left: 0; margin-right: 0; }

.ad-wrapper.grid .pebble .zappy-module__inner { display: block; }

.ad-wrapper.grid .pebble .zappy-module-thumb { width: 100%; margin: 0 0 15px 0; }

.ad-wrapper.grid .pebble .zappy-module-thumb img { width: 100%; height: auto; }

.ad-wrapper.grid .pebble .zappy-module-info { width: 100%; text-align: center; }

.ad-wrapper.grid .pebble .zappy-module__title { font-size: 16px; margin: 10px 0; }

#postform .bg3 { background-color: inherit; }