@charset "UTF-8";
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; }

*, *:before, *:after, input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size-adjust: auto; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body { font: 16px/1 sans-serif; line-height: 1; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; scroll-anchoring: auto; }

p, div, td, th { line-height: 1.4; }

/*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; }

tr, .tr, div { vertical-align: top; }

td, .td, th, .th { padding: 0.25em; }

th, .th { text-align: center; font-weight: bold; }

td img { vertical-align: top; }

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

article, main, div, section { outline: none !important; }

audio, canvas, progress, video { display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

[hidden], template { display: none; }

svg:not(:root) { overflow: hidden; }

a { background-color: transparent; }

a:hover { outline-width: 0; }

abbr { cursor: help; }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: inherit; }

b, strong { font-weight: bold; }

i, em { font-style: italic; }

dfn { font-style: italic; }

hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; overflow: visible; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img, video, svg { border-style: none; max-width: 100%; height: auto; vertical-align: bottom; aspect-ratio: attr(width)/attr(height); image-orientation: from-image; }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 40px; }

figure img { vertical-align: bottom; }

code, kbd, pre, samp { font-family: monospace, monospace; /* font-size: 1em; */ font-size: 0.9em; }

pre, textarea { overflow: hidden; }

pre { padding-bottom: 8px; white-space: pre-wrap; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; text-transform: none; }

optgroup { font-weight: bold; }

button, input, select { overflow: visible; }

button, input, select, textarea { margin: 0; }

select[multiple] { overflow-y: auto; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { overflow: visible; border: 0; font: inherit; -webkit-font-smoothing: inherit; letter-spacing: inherit; background: none; cursor: pointer; -webkit-appearance: button; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 1em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

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

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

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }

input[type=number] { -moz-appearance: textfield; }

::selection, ::-webkit-selection, ::-moz-selection { background-color: #444444; color: white; }

body { font-size: 87.5%; background-color: #e0e1e2; color: #000; font-family: system-ui, -apple-system, ".SFNSText-Regular", "San Francisco", "Helvetica Neue", "Lucida Grande", "Segoe UI", Roboto, sans-serif; position: relative; font-weight: 400; overflow-x: hidden; }
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: system-ui, -apple-system, ".SFNSText-Regular", "San Francisco", "Helvetica Neue", "Lucida Grande", "Segoe UI", Roboto, sans-serif; }

pre, tt, code { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; }

pre { overflow-x: auto; overflow-y: hidden; }

a, a:link, a:visited { color: #f84522; text-decoration-skip: ink; }

a:hover, a:active, a:focus { color: #ff6a3c; text-decoration: underline; text-decoration-skip: ink; }

a, button, nav li { color: inherit; transition: background 0.5s ease, color 0.5s ease, border 0.5s ease; }

body.ie nav li { transition: background 0; }

p, div, nav, table, tr, td, th, aside, h1, h2, h3, h4, h5, h6, .h1, .h2, ul, li, dl, dt, dd { text-rendering: auto; font-feature-settings: "kern" 1, "liga" 1, "clig" 1, "calt" 1, "lnum" 1; font-variant-ligatures: common-ligatures contextual; font-kerning: normal; }
p a, div a, nav a, table a, tr a, td a, th a, aside a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, ul a, li a, dl a, dt a, dd a { overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; }

p, blockquote, dl { padding: 0.5em 0; line-height: 1.5; }

li, td, th { line-height: 1.5; }

blockquote { padding: 0.5em 40px; font-style: italic; }

p:first-child { margin-top: 0; }

p:last-child { margin-bottom: 0; }

hr { height: 1px; border-width: 0; background-color: #e0e1e2; background-color: rgba(0, 0, 0, 0.2); width: 100%; margin: 1.5em 0; padding: 0; }

small { font-size: 0.8em; }

big { font-size: 1.5em; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.3; padding: 0.5em 0 0.25em 0; margin: 0; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { text-decoration: none; color: #000; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #f84522; text-decoration: underline; }

h1 { font-size: 3.375em; line-height: 1.2; padding-top: 0; margin: 0; }

h2 { font-size: 2.5em; }

h3 { font-size: 2em; }

h4 { font-size: 1.5em; }

h5 { font-size: 1em; }

h6 { font-size: 0.9em; }

@media (max-width: 450px) { h1 { font-size: 2em; }
  h2 { font-size: 1.75em; }
  h3 { font-size: 1.25em; }
  h4 { font-size: 1.125em; }
  h5 { font-size: 0.9em; }
  h6 { font-size: 0.8em; } }
article > h1:first-child, header > h1:first-child { margin-top: 0; }

h1 + h2, h2 + h3, h3 + h4 { padding-top: 0; margin-top: 0; }

.hgroup h1, .hgroup h2 { margin: 0; }
.hgroup h1 { padding-bottom: 0; }
.hgroup h2 { padding-top: 0; }

table, tr, td, th, .tr, .td, .th { border: 1px solid black; font-variant-numeric: lining-nums tabular-nums; }

table tr th { vertical-align: middle; }

th, td, .tr, .td { padding: 0.25em; }

th, .th { font-weight: bold; text-align: center; }

ol, ul { width: auto; overflow: hidden; padding: 0.5em 2em; margin: 0; }

ul li, ul ul li { list-style: disc; }

li { padding-left: 0.5em; }

dl dt { font-weight: bold; }
dl dd { padding-left: 2em; }

.body { clear: both; margin: 0 auto; padding: 0; width: 100%; max-width: 1400px; overflow: hidden; }

#content.body { overflow: visible; }

.centre, .center { text-align: center; }

.right { text-align: right; }

.left { text-align: left; }

.split { width: 50%; float: left; display: inline-block; zoom: 1; *display: inline; }
.split.left { padding-right: 1.5%; }
.split.right { text-align: left; padding-left: 1.5%; }

.split.third { width: 33.3%; }
.split.third.mid { padding-right: 1%; padding-left: 1%; }

.split.twothirds { width: 66.6%; }

.split.sixty { width: 60%; }

.split.forty { width: 40%; }

.split.seventy { width: 70%; }

.split.thirty { width: 30%; }

.split.alignright { text-align: right; }

.split.alignleft { text-align: left; }

.split.aligncenter, .split.aligncentre { text-align: center; }

.break { clear: both; padding: 0 !important; margin: 0 !important; height: 0; }

.system { padding: 15px; padding-top: 0; margin: 20px 0; position: relative; overflow: hidden; text-overflow: ellipsis; }
.system h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.system .image { float: left; width: 95px; height: 50px; text-align: center; position: absolute; top: 18px; left: 0; }
.system .text { margin-left: 80px; }
.system .text .explain { font-weight: bold; font-size: 1.1em; letter-spacing: -0.02em; }
.system.error { background-color: #ffcdd2; border: 1px solid #c62828; }
.system.error h3 { color: #c62828; }
.system.error a, .system.error a:visited { color: #c62828; }
.system.error a:hover, .system.error a:focus { color: #f44336; }
.system.error a:active { color: #f2b9b9; }
.system.error button, .system.error .button, .system.error button[type="submit"] { background: linear-gradient(to bottom, #f89991 0%, #f03322 41%, #b40a00 100%); background-color: #d50000; }
.system.error button:hover, .system.error .button:hover, .system.error button[type="submit"]:hover { background-color: #ff0909; }
.system.error button:focus, .system.error .button:focus, .system.error button[type="submit"]:focus { box-shadow: 0 0 5px #d50000; }
.system.warning { background-color: #ffe0b2; border: 1px solid #f57c00; }
.system.warning h3 { color: #f57c00; }
.system.warning a, .system.warning a:visited { color: #ef6c00; }
.system.warning a:hover, .system.warning a:focus { color: #ff9800; }
.system.warning a:active { color: #ffdba6; }
.system.warning button, .system.warning .button, .system.warning button[type="submit"] { background: linear-gradient(to bottom, #ffab91 0%, #ff5722 41%, #dc2300 100%); background-color: #f57c00; }
.system.warning button:hover, .system.warning .button:hover, .system.warning button[type="submit"]:hover { background-color: #ff9529; }
.system.warning button:focus, .system.warning .button:focus, .system.warning button[type="submit"]:focus { box-shadow: 0 0 5px #f57c00; }
.system.success, .system.action { background-color: #c8e6c9; border: 1px solid #388e3c; }
.system.success h3, .system.action h3 { color: #43a047; }
.system.success a, .system.success a:visited, .system.action a, .system.action a:visited { color: #2e7d32; }
.system.success a:hover, .system.success a:focus, .system.action a:hover, .system.action a:focus { color: #4caf50; }
.system.success a:active, .system.action a:active { color: #c0d960; }
.system.success button, .system.success .button, .system.success button[type="submit"], .system.action button, .system.action .button, .system.action button[type="submit"] { background: linear-gradient(to bottom, #a6d7a8 0%, #4caf50 41%, #286e28 100%); background-color: #4caf50; }
.system.success button:hover, .system.success .button:hover, .system.success button[type="submit"]:hover, .system.action button:hover, .system.action .button:hover, .system.action button[type="submit"]:hover { background-color: #6ec071; }
.system.success button:focus, .system.success .button:focus, .system.success button[type="submit"]:focus, .system.action button:focus, .system.action .button:focus, .system.action button[type="submit"]:focus { box-shadow: 0 0 5px #4caf50; }
.system.success svg .back, .system.action svg .back { fill: #4caf50; }
.system a.button, .system a.button:hover, .system a.button:visited { color: white !important; }
.system.action form .buttonline { text-align: right; }
.system.action form .buttonline button { text-align: center; }
.system.small { padding: 5px; }
.system.small .text { margin-left: 90px; }
.system.small h3 { padding: 0; margin: 0; }
.system.small p { padding-top: 0; }
.system.small .image { top: 10px; }

@media (max-width: 450px) { .system .image { width: 40px; left: 5px; }
  .system .text { margin-left: 40px; } }
.hidden { display: none; }

.clickable { cursor: pointer; }

.moveable { cursor: move; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.disable-hover, .disable-hover * { pointer-events: none !important; }

.disabled { color: #909192; }

.red, .warn { color: #f03322; }

.is_ok { color: green; }

.fade { color: #909192; }

.nobreak, .nowrap, a[href^="tel:"] { white-space: nowrap; }

.breakanywhere { word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-break: anywhere; text-wrap: balance; }

.skinny { font-weight: 300; }

.bold { font-weight: bold; }

.caps { font-variant-caps: small-caps; }

.smallcaps { font-variant-caps: all-small-caps; font-feature-settings: "c2sc", "smcp"; }

.image.noshow { display: none; }

ul.no_points, ul.no_points li { padding-left: 0; padding-right: 0; margin-left: 0; list-type: none; }

.spin { -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -ms-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; transition: all 1s linear; }

@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin { to { -moz-transform: rotate(360deg); } }
@-ms-keyframes spin { to { -ms-transform: rotate(360deg); } }
@-o-keyframes spin { to { -o-transform: rotate(360deg); } }
@keyframes spin { to { transform: rotate(360deg); } }
.padding, .less_padding, .less-padding, .some_padding, .more_padding { margin: 0; padding: 0; height: 0; border: 0; }

.more_padding { padding-top: 16px; }

.some_padding, .padding { padding-top: 16px; }

.less_padding, .less-padding { padding-top: 8px; }

@media (min-width: 900px) { .more_padding { padding-top: 32px; } }
table#date_of_birth, table#date_of_birth tr, table#date_of_birth td { border: 0; }
table#date_of_birth td { padding-left: 0; }
table#date_of_birth label { min-width: 0; }
@media (max-width: 750px) { table#date_of_birth, table#date_of_birth tr, table#date_of_birth td, table#date_of_birth tbody, table#date_of_birth thead, table#date_of_birth th { width: 100%; display: block; } }

hr + h1, hr + h2, hr + h3, hr + p { padding-top: 0; margin-top: 0; }

/* responsive YouTube videos etc., assuming a 16:9 aspect ratio */
/* comments here because I forgot it was in the style guide and spent ages looking */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 1024px; }
.embed-container iframe, .embed-container embed, .embed-container object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

table.sort th { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

table th.headerSortDown, table th.headerSortUp { background-color: #e0e1e2; background-color: rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-position: -2px 13px; }
table th.headerSortDown { background-image: url(/images/desc.gif); }
table th.headerSortUp { background-image: url(/images/asc.gif); }

@media (min-width: 1440px) { .body { box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2), -2px 0 2px rgba(0, 0, 0, 0.2); } }
::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999; }

::-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

input[type="search"], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], textarea, select, option { color: black !important; background-color: white; }

html input[disabled] { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e0e1e2; }

label { font-weight: 700; cursor: pointer; }

input, textarea, select, div.fakeinput, div.fakedropdown, div.faketextarea { font-size: 1.3em; }

input[type="search"], input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"], input[type="date"], textarea, select, div.fakeinput, div.fakedropdown, div.faketextarea { border-top: 2px solid #545556; border-left: 2px solid #909192; border-right: 2px solid #e0e1e2; border-bottom: 2px solid #e0e1e2; min-height: 31px; border-radius: 4px; -webkit-border-radius: 4px; max-width: 100%; }

input[type="color"] { height: 40px; width: 120px; padding: 0; border: 0; }

div.fakeinput, div.fakedropdown, article section.maintext div.fakeinput.fullwidth { padding: 4px 8px; background-color: #e0e1e2; color: #545556; border: 2px solid #909192; border-right: 2px solid #e0e1e2; border-bottom: 2px solid #e0e1e2; pointer-events: none; overflow: hidden; }

div.fakedropdown, div.faketextarea { display: inline-block; zoom: 1; *display: inline; }

div.faketextarea { min-height: 150px; }

input[type="file"] { border: none; max-width: 310px; overflow: hidden; }

input[type='text'].postcode, .fakeinput.postcode { max-width: 6em; }

input[type="text"].initial, .fakeinput.initial { width: 2em; }

input[type='tel'].phone, input[type='text'].number { max-width: 12em; }

input[type='text'].natins { max-width: 8em; }

input[type='text'].money { max-width: 6em; }

textarea.tall, .question textarea.tall, div.faketextarea.tall { height: 300px; }

textarea.mid, .question textarea.mid, div.faketextarea.mid { height: 190px; }

input.fullwidth, .question input.fullwidth, table.fullwidth, .fakeinput.fullwidth { width: 100%; }

button.wider { width: 50%; }

option { padding-right: 3px; }

.button { display: inline-block; zoom: 1; *display: inline; -ms-word-break: normal; overflow-wrap: normal; word-break: normal; word-wrap: normal; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }

a.button { color: white; text-decoration: none; }

button, .button { line-height: 1; padding: 0.4em 1.5em 0.6em 1.5em; margin-top: 5px; border: 0; cursor: pointer; font-size: 1.3em; color: white; background: linear-gradient(to bottom, #ffab91 0%, #ff5722 41%, #dc2300 100%); background-color: #ff5722; border-radius: 1em; will-change: transform; user-select: none; -webkit-user-select: none; /* Chrome/Safari/Opera */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE/Edge */ -webkit-touch-callout: none; /* iOS Safari */ }
button a, .button a { color: white; text-decoration: none; }
button:hover, .button:hover { background-color: #ff6a3c; }
button:active, .button:active { background-color: #d53300; border: none; }
button:focus, .button:focus { box-shadow: 0 0 5px #ff5722; border: none; }
button.fullwidth, .button.fullwidth { width: 100%; margin-left: 0; margin-right: 0; }
button.small, .button.small { padding: 0.3em 0.5em 0.5em 0.5em; font-size: 1.15em; }
button.nomargin, .button.nomargin { margin: 0; }
button.thin, .button.thin { padding: 0.5em 0.6em; }
button.primary, button[type="button"].primary, button[type="submit"], button.save, button.enable, .button.primary, .button[type="button"].primary, .button[type="submit"], .button.save, .button.enable { background: linear-gradient(to bottom, #a6d7a8 0%, #4caf50 41%, #286e28 100%); background-color: #4caf50; }
button.primary:hover, button[type="button"].primary:hover, button[type="submit"]:hover, button.save:hover, button.enable:hover, .button.primary:hover, .button[type="button"].primary:hover, .button[type="submit"]:hover, .button.save:hover, .button.enable:hover { background-color: #5cb860; }
button.primary:active, button[type="button"].primary:active, button[type="submit"]:active, button.save:active, button.enable:active, .button.primary:active, .button[type="button"].primary:active, .button[type="submit"]:active, .button.save:active, .button.enable:active { background-color: #357a38; }
button.primary:focus, button[type="button"].primary:focus, button[type="submit"]:focus, button.save:focus, button.enable:focus, .button.primary:focus, .button[type="button"].primary:focus, .button[type="submit"]:focus, .button.save:focus, .button.enable:focus { box-shadow: 0 0 5px #4caf50; }
button[type="button"], button.cancel, button.secondary, button[type="reset"], button.delete, button.disable, .button[type="button"], .button.cancel, .button.secondary, .button[type="reset"], .button.delete, .button.disable { background: linear-gradient(to bottom, #ffab91 0%, #ff5722 41%, #dc2300 100%); background-color: #ff5722; }
button[type="button"]:hover, button.cancel:hover, button.secondary:hover, button[type="reset"]:hover, button.delete:hover, button.disable:hover, .button[type="button"]:hover, .button.cancel:hover, .button.secondary:hover, .button[type="reset"]:hover, .button.delete:hover, .button.disable:hover { background-color: #ff6a3c; }
button[type="button"]:active, button.cancel:active, button.secondary:active, button[type="reset"]:active, button.delete:active, button.disable:active, .button[type="button"]:active, .button.cancel:active, .button.secondary:active, .button[type="reset"]:active, .button.delete:active, .button.disable:active { background-color: #d53300; }
button[type="button"]:focus, button.cancel:focus, button.secondary:focus, button[type="reset"]:focus, button.delete:focus, button.disable:focus, .button[type="button"]:focus, .button.cancel:focus, .button.secondary:focus, .button[type="reset"]:focus, .button.delete:focus, .button.disable:focus { box-shadow: 0 0 5px #ff5722; }
button.upload, button.tertiary, button.publish, button button[type="submit"].publish, button[type="submit"], .button.upload, .button.tertiary, .button.publish, .button button[type="submit"].publish, .button[type="submit"] { background: linear-gradient(to bottom, #90cbf9 0%, #2196f3 41%, #0064d7 100%); background-color: #2196f3; }
button.upload:hover, button.tertiary:hover, button.publish:hover, button button[type="submit"].publish:hover, button[type="submit"]:hover, .button.upload:hover, .button.tertiary:hover, .button.publish:hover, .button button[type="submit"].publish:hover, .button[type="submit"]:hover { background-color: #39a1f4; }
button.upload:active, button.tertiary:active, button.publish:active, button button[type="submit"].publish:active, button[type="submit"]:active, .button.upload:active, .button.tertiary:active, .button.publish:active, .button button[type="submit"].publish:active, .button[type="submit"]:active { background-color: #0a6ebd; }
button.upload:focus, button.tertiary:focus, button.publish:focus, button button[type="submit"].publish:focus, button[type="submit"]:focus, .button.upload:focus, .button.tertiary:focus, .button.publish:focus, .button button[type="submit"].publish:focus, .button[type="submit"]:focus { box-shadow: 0 0 5px #2196f3; }
button.quaternary, .button.quaternary { background: linear-gradient(to bottom, #ffce8f 0%, #ff9d1f 41%, #d26e00 100%); background-color: #ff9d1f; }
button.quaternary:hover, .button.quaternary:hover { background-color: #ffa839; }
button.quaternary:active, .button.quaternary:active { background-color: #d27600; }
button.quaternary:focus, .button.quaternary:focus { box-shadow: 0 0 5px #ff9d1f; }
button.grey, .button.grey { background: transparent; background-color: #909192; color: white; font-weight: normal; }
button.grey:hover, .button.grey:hover { background-color: #9d9e9f; }
button.grey:active, .button.grey:active { background-color: #6a6b6c; }
button.grey:focus, .button.grey:focus { box-shadow: 0 0 5px #909192; }
button.really_delete, .button.really_delete { background: transparent; background-color: #f00; font-weight: normal; }
button.really_delete:hover, .button.really_delete:hover { background-color: #e60000; }
button.really_delete:active, .button.really_delete:active { background-color: #b30000; }
button.really_delete:focus, .button.really_delete:focus { box-shadow: 0 0 5px       #f00; }
button.disabled, button[type="button"].disabled, button[type="submit"].disabled, button:disabled, button[disabled], .button.disabled, .button[type="button"].disabled, .button[type="submit"].disabled, .button:disabled, .button[disabled] { background: linear-gradient(to bottom, #d3d4d6 0%, #babbbc 41%, #adadad 100%); background-color: #b3b4b5 !important; color: #e0e1e2 !important; }
button.disabled:hover, button[type="button"].disabled:hover, button[type="submit"].disabled:hover, button:disabled:hover, button[disabled]:hover, .button.disabled:hover, .button[type="button"].disabled:hover, .button[type="submit"].disabled:hover, .button:disabled:hover, .button[disabled]:hover { background-color: #b3b4b5; }
button.disabled:active, button[type="button"].disabled:active, button[type="submit"].disabled:active, button:disabled:active, button[disabled]:active, .button.disabled:active, .button[type="button"].disabled:active, .button[type="submit"].disabled:active, .button:disabled:active, .button[disabled]:active { background-color: #b3b4b5; }
button.disabled:focus, button[type="button"].disabled:focus, button[type="submit"].disabled:focus, button:disabled:focus, button[disabled]:focus, .button.disabled:focus, .button[type="button"].disabled:focus, .button[type="submit"].disabled:focus, .button:disabled:focus, .button[disabled]:focus { box-shadow: 0 0 5px #909192; }
button.disabled a, button[type="button"].disabled a, button[type="submit"].disabled a, button:disabled a, button[disabled] a, .button.disabled a, .button[type="button"].disabled a, .button[type="submit"].disabled a, .button:disabled a, .button[disabled] a { color: #e0e1e2 !important; }
button.raised, .button.raised { box-shadow: 3px 3px 4px #909192; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25); }
button.raised.disabled, button.raised[type="button"].disabled, button.raised[type="submit"].disabled, .button.raised.disabled, .button.raised[type="button"].disabled, .button.raised[type="submit"].disabled { boxshadow: none; }

@keyframes clickin_animation { 0% { transform: scale(1); }
  50% { transform: scale(0.8); }
  100% { transform: scale(1); } }
button:active, .button:active { animation-name: clickin_animation; animation-duration: 500ms; transform-origin: 50% 50%; animation-iteration-count: 1; animation-timing-function: linear; }

button.disabled:active, .button.disabled:active { animation-name: none; }

input:focus, textarea:focus { box-shadow: 0 0 5px #ff5722; }

fieldset { width: 100%; border: 1px solid #e0e1e2; margin: 0 auto; padding: 0 3%; padding: 0 2vw; }

@media (min-width: 1260px) { fieldset { padding: 0 32px; } }
form .input, form .label { float: left; }
form .label { font-weight: bold; width: 30%; vertical-align: top; padding-top: 0.3em; }
form .input { width: 70%; margin-bottom: 1em; }
form .input input[type="search"], form .input input[type="text"], form .input input[type="password"], form .input input[type="email"], form .input input[type="tel"] { width: 100%; }
form .tickbox.input { width: 20%; }
form .tickbox.label { width: 80%; }

input[type='radio'], input[type='checkbox'] { margin-top: 0.3em; margin-bottom: 0.3em; margin-right: 0.3em; }

.formdata { margin: 1em 0; }

.buttonbar, form.label:before { clear: both; }

.buttonbar { text-align: center; padding: 16px; }
.buttonbar.card { text-align: left; padding: 8px 0 16px 0; }

.button_spacer { width: 1em; display: inline-block; zoom: 1; *display: inline; }

form.fullwidth .buttonbar { padding-left: 0; padding-right: 0; }
form.fullwidth input[type="search"], form.fullwidth input[type="text"], form.fullwidth input[type="password"], form.fullwidth input[type="email"], form.fullwidth input[type="tel"] { width: 100%; max-width: 100%; }
form.fullwidth input[type="text"].postcode { width: 6em; }
form.fullwidth input[type="text"].initial { width: 2em; }

.eheight { display: flex; }

.question_list { width: 54%; padding-right: 2vw; }

.split.question_list { width: 50%; }

.question { clear: both; margin-top: 12px; }
.question label, .question input[type='checkbox'], .question input[type='radio'] { position: relative; }
.question input[type='checkbox'], .question input[type='radio'] { margin-top: 10px; }
.question label, form .question div.label { font-weight: 700; display: block; padding-top: 4px; padding-bottom: 4px; min-width: 300px; font-size: 18px; line-height: 1.5; width: 100%; }
.question table label { min-width: 0; }
.question textarea { width: 100%; height: 100px; resize: vertical; }
.question textarea.smaller { height: 60px; }
.question textarea.larger { height: 200px; }
.question.radio input[type='radio'] { float: left; }
.question.radio label { width: 70%; min-width: 0; }
.question .hint, .question .tophint { clear: both; font-size: 0.8em; padding-top: 8px; line-height: 1.5; }
.question .tophint { clear: both; font-size: 0.8em; padding: 0; margin-top: 8px; line-height: 1.5; }
.question .tophint label { display: inline-block; padding: 0; margin: 0; min-width: 0; width: auto; }
.question .option { max-width: 128px; float: left; }
.question .option label { min-width: 50px; float: right; padding-top: 4px; }
.question .option.radio { max-width: 128px; width: 100%; }
.question .option.radio.small { max-width: 100px; }
.question .option.radio.small label { width: 70px; }
.question .option.radio label { width: 108px; font-weight: 400; }
.question .option.tickbox { max-width: 192px; width: 100%; }
.question .option.tickbox label { width: 170px; font-weight: 400; }
.question .error_text { display: none; }
.question.error_state { border-bottom: 1px solid #fbc2bd; background-color: #feebe9; box-shadow: 0 3px 0 rgba(233, 74, 70, 0.25), -8px 0 0 rgba(233, 74, 70, 0.1), 8px 0 0 rgba(233, 74, 70, 0.1); }
.question.error_state .error_text { display: block; padding: 8px 0; color: #f03322; font-style: italic; }
.question.error_state.qirish { margin-bottom: 12px; }

.question.float, .question.nonfloat { width: 100%; max-width: 500px; float: left; margin-bottom: 20px; margin-right: 12px; vertical-align: top; margin-top: 4px; font-weight: bold; line-height: 1.5; }

.question.nonfloat { float: none; max-width: 700px; margin-bottom: 0; }

.input.yesno { width: 150px; margin-bottom: 20px; vertical-align: top; }

@media (max-width: 725px) { .question.float { margin-bottom: 0px; }
  .input.yesno { width: 100%; } }
@media (max-width: 700px) { .question label, form .question div.label { min-width: 100%; } }
label.large { font-size: 18px; line-height: 1.5; }

.question .fake_error { height: 0; padding: 0; margin: 0; }

.question.error_state .fake_error { height: 8px; }

div.box .question:first-of-type { margin-top: 0; }

.information { float: right; width: 46%; border-left: 4px dotted #e0e1e2; padding: 0; font-size: 17px; order: 2; }
.information p, .information h2, .information h3 { padding-left: 2vw; padding-right: 0; }
.information h2 { font-size: 25px; }
.information h3 { font-size: 21px; }

@media (max-width: 450px) { .information p { font-size: 14px; }
  .information h3 { font-size: 18px; } }
@media (min-width: 900px) { .question_list { padding-right: 32px; }
  .question_list .question:first-child label { padding-top: 0; }
  .information p, .information h2, .information h3 { padding-left: 32px; padding-right: 0; }
  .information h2:first-child { padding-top: 0; }
  .information, .question_list { margin-top: 32px; } }
@media (max-width: 700px) { .eheight { display: block; }
  .question_list, .information { width: 100%; float: none; }
  .information { border: none; }
  .information p, .information h2, .information h3 { padding-left: 0; padding-right: 0; } }
@media (max-width: 500px) { .button_spacer, .small_button_spacer { display: none; } }
form fieldset.layout_H .question_list { width: 100%; max-width: 100%; padding-right: 0; }
form fieldset.layout_H .question .option.radio label { width: auto; max-width: 100%; min-width: 0; }
form fieldset.layout_H .question { width: auto; float: left; min-width: 0; max-width: 340px; padding-right: 16px; display: inline-block; zoom: 1; *display: inline; clear: none; }
form fieldset.layout_H .question .option.radio { width: auto; max-width: 100%; min-width: 0; padding-right: 16px; }
form fieldset.layout_H .question div.label, form fieldset.layout_H .question label { width: auto; min-width: 100%; }
form fieldset.layout_H .question_list .question:first-child { margin-top: 12px; }
form fieldset.layout_H .question_list .question:first-child label { padding-top: 4px; }

input.bigger { width: 100%; font-size: 2em; font-weight: bold; padding: 0 10px; vertical-align: middle; }
input.bigger#cost { width: 200px; }
input.bigger#postcode, input.bigger#town { width: 35%; }
input.bigger#bedrooms { width: 25%; }

input#searchinput { font-weight: normal; font-size: 24px; line-height: 48px; height: 48px; border-bottom-color: #e0e1e2; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }

a.skip_main { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; }

a.skip_main:active, a.skip_main:focus, a.skip_main:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; }

#banner { position: relative; background: #909192; background-size: cover; background-position: center center; background-repeat: no-repeat; color: white; padding-bottom: 50px; height: 400px; height: 30vw; max-height: 400px; min-height: 150px; overflow: visible; }
#banner h1 { font-size: 5em; font-size: 5vw; margin: 35px 0 0 1em; padding: 0; position: relative; display: inline-block; text-shadow: 2px 2px 3px #557799; text-shadow: 2px 2px 3px rgba(50, 75, 100, 0.5); }
#banner h1 .pre, #banner h1 .post { display: block; font-size: 0.375em; font-weight: normal; }
#banner h1 .pre { text-align: left; margin-bottom: -0.7em; }
#banner h1 .post { text-align: right; margin-top: -0.6em; }
#banner h1 a { text-decoration: none; }
#banner h2 { font-size: 40pt; }
#banner a, #banner a:visited { color: white; }
#banner a:active, #banner a:hover { text-decoration: none; color: #ff5722; }

#banner .bounding.has_logo h1 { width: 300px; height: 200px; text-indent: 200%; overflow: hidden; white-space: nowrap; background-size: contain; background-position: left center; background-repeat: no-repeat; }

@media (min-width: 1400px) { #banner h1 { font-size: 70px; } }
@media (max-width: 800px) { #banner h1.nologo { text-shadow: 2px 2px 5px #224466; }
  #banner h1.nologo .pre, #banner h1.nologo .post { text-shadow: 2px 2px 2px #000000; font-size: 0.5em; }
  #banner h1.nologo .pre { margin-bottom: -0.3em; }
  #banner h1.nologo .post { margin-top: -0.4em; } }
@media (max-width: 600px) { #banner .bounding { text-align: center; }
  #banner h1.nologo { font-size: 30px; padding: 35px 0 0 0; text-shadow: 2px 2px 5px #000000; }
  #banner h1.nologo .pre, #banner h1.nologo .post { text-shadow: 2px 2px 2px #000000; font-size: 0.5em; } }
@media (max-width: 400px) { #banner h1.nologo .pre, #banner h1.nologo .post { display: none; } }
@media (max-width: 900px) { #banner .bounding.has_logo { text-align: center; height: 100%; }
  #banner .bounding.has_logo h1 { margin-left: 0; background-position: center; max-height: 100%; max-width: 80%; } }
@media (max-width: 600px) { #banner .bounding.has_logo { height: 80%; } }
#loginout { background: white; background: rgba(255, 255, 255, 0.3); position: absolute; right: 0; top: 0; padding: 10px; padding-left: 1.5em; border-radius: 0 0 0 2em; }
#loginout a { font-weight: bold; }

@media (max-width: 400px) { #loginout .explain { display: none; } }
#avatar_edit .avatar { width: 75px; height: 75px; border-radius: 37px; display: inline-block; zoom: 1; *display: inline; border: 3px solid #545556; text-indent: 200%; overflow: hidden; white-space: nowrap; background-repeat: no-repeat; background-size: cover; background-position: center top; vertical-align: middle; }

#banner #toggle, #banner #t_label { display: none; }
#banner nav ul, #banner nav ul li { z-index: 2; }
#banner nav { position: absolute; left: 0; bottom: 0; padding: 0; overflow: visible; width: 100%; height: 41px; z-index: 2; display: block; background-color: #545556; background-color: rgba(0, 0, 0, 0.6); }
@supports (backdrop-filter: blur(5px)) { #banner nav { backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.4); } }
#banner nav ul { height: 0; position: absolute; bottom: 41px; left: 0; padding: 0; margin: 0; overflow: visible; width: 100%; }
#banner nav ul li { display: inline-block; zoom: 1; *display: inline; margin: 0; list-style: none; padding: 0; }
#banner nav ul li a { display: block; text-decoration: none; colour: white; padding: 4px 16px; }

/* --==oOo==-- */
@media (min-width: 1200px) { #banner nav ul li { border-bottom: 6px solid transparent; border-top: 6px solid transparent; }
  #banner nav ul li.indent { display: none; }
  #banner nav ul li.current { border-bottom: 6px solid #f84522; }
  #banner nav ul li:hover { border-bottom: 6px solid #fc941f; }
  #banner nav ul li.current:hover { border-bottom: 6px solid #fc941f; } }
@media (max-width: 1199px) { #banner nav { bottom: 0; width: 200px; background: none; }
  #banner nav ul { display: none; opacity: 0; top: 0; padding-top: 41px; }
  #banner nav ul li { width: 100%; display: block; background-color: #545556; background-color: rgba(0, 0, 0, 0.8); border-left: 6px solid transparent; }
  #banner nav ul li.current { border-left: 6px solid #f84522; }
  #banner nav ul li:hover { border-left: 6px solid white; }
  #banner nav ul li.current:hover { border-left: 6px solid #fc941f; }
  #banner nav ul li.indent { padding-left: 20px; }
  #banner nav ul li a { width: 200px; padding: 5px; padding-left: 16px; }
  #banner #t_label { z-index: 3; display: block; position: relative; height: 41px; width: 200px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
  #banner #toggle:checked + nav ul { display: block; opacity: 1; }
  #banner #toggle:checked + nav ul::after { content: ' '; width: 200px; height: 24px; border-radius: 0 0 2em 0; background: black; background-color: rgba(0, 0, 0, 0.9); display: block; }
  #banner #t_label:after { content: "Navigation"; display: block; position: absolute; bottom: 0; left: 0; width: 200px; height: 35px; padding: 0; padding-left: 20px; font-size: 20px; line-height: 1.5; font-weight: normal; background-image: url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='13.6pt' height='8.3pt' viewBox='0 0 13.6 8.3'%3E%3Cg id='Group' fill='%23ffffff'%3E%3Cpath d='M 0,1 L 0,0.3 C 0,0.1 0.1,0 0.3,0 L 13.2,0 C 13.4,0 13.5,0.1 13.5,0.3 L 13.5,1 C 13.5,1.2 13.4,1.4 13.2,1.4 L 0.3,1.4 C 0.1,1.4 0,1.2 0,1 Z'/%3E%3Cpath d='M 0,4.5 L 0,3.7 C 0,3.6 0.1,3.4 0.3,3.4 L 13.2,3.4 C 13.4,3.4 13.5,3.6 13.5,3.7 L 13.5,4.5 C 13.5,4.7 13.4,4.8 13.2,4.8 L 0.3,4.8 C 0.1,4.8 0,4.7 0,4.5 Z'/%3E%3Cpath d='M 0,8 L 0,7.2 C 0,7 0.1,6.9 0.3,6.9 L 13.2,6.9 C 13.4,6.9 13.5,7 13.5,7.2 L 13.5,8 C 13.5,8.1 13.4,8.3 13.2,8.3 L 0.3,8.3 C 0.1,8.3 0,8.1 0,8 Z'/%3E%3C/g%3E%3C/svg%3E"); background-color: rgba(0, 0, 0, 0.8); background-repeat: no-repeat; background-position: 7.5em 0.6em; color: white; border-radius: 0 2em 0 0; }
  #banner #t_label:hover:after { text-shadow: 0px 0px 6px white; } }
aside.rightside { display: none; position: absolute; width: 140px; right: 0; top: 30px; padding: 0; background: transparent; }
@media (min-width: 1350px) { aside.rightside { width: 200px; } }
@media (min-width: 1420px) { aside.rightside { width: 250px; } }
aside.rightside h2 { font-size: 1.5rem; padding-left: 0.5em; }
aside.rightside h3 { font-size: 1.2rem; }
aside.rightside .box { margin-bottom: 20px; }
aside.rightside .box header { border-radius: 2em 0 0 0; }
aside.rightside .box header h3 { padding: 0.1em 0 0.1em 0.8em; }
aside.rightside .box footer { border-radius: 0 0 0 2em; }

@media (min-width: 1280px) { aside.rightside { display: block; } }
#redir_list .numbers { text-align: right; }
#redir_list .status, #redir_list .tools { text-align: center; }
#redir_list .removed { background-color: #eee; }
#redir_list .removed .status { color: #f03322; font-weight: bold; }
#redir_list .removed a { color: #909192; }
#redir_list .removed a.button { color: white; }

#content { background: #fff; overflow: hidden; padding: 0; position: relative; display: block; z-index: 1; min-height: 630px; }

#dir-admin #content, #dir-user #content { padding: 2% 4%; }

#mainlightbox { max-width: 800px; display: none; position: fixed; top: 50%; left: 50%; padding: 10px 16px; box-shadow: 0 0 20px black; background-color: #545556; color: white; border: 1px solid black; z-index: 65536; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); *width: 360px; *margin-left: -180px; *top: 50px; }
#mainlightbox .system { color: black; }
#mainlightbox .toolbox { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#mainlightbox .toolbox h1, #mainlightbox .toolbox p, #mainlightbox .toolbox div { text-align: center; }
#mainlightbox .toolbox h1 { font-size: 32px; padding-bottom: 0; }
#mainlightbox .toolbox h2 { font-size: 24px; padding-bottom: 0; }
#mainlightbox .toolbox h3 { font-size: 18px; padding-bottom: 0; }
#mainlightbox .toolbox .scrollbox { max-height: 300px; overflow: auto; overflow-x: hidden; overflow-y: auto; }
#mainlightbox .toolbox .scrollbox.taller { height: 360px; max-height: auto; }
#mainlightbox .toolbox .scrollbox.language { height: 350px; }
#mainlightbox .toolbox .scrollbox.language .split { text-align: left; }
#mainlightbox .toolbox .scrollbox.tallest { height: 500px; max-height: 95vh; }
#mainlightbox .toolbox .scrollbox.big_auto { height: auto; max-height: 95vh; }
#mainlightbox .toolbox table.tool_list td { padding: 0; padding-bottom: 0.25em; }
#mainlightbox .toolbox table.tool_list td button { margin-top: 0; }
#mainlightbox .button_spacer { width: 8px; }

@media \0screen { #mainlightbox { width: 360px; margin-left: -180px; top: 50px; } }
#overlay { position: absolute; z-index: 2121; width: 100%; height: 100%; background-color: black; background-color: rgba(0, 0, 0, 0.7); display: none; cursor: pointer; }

body.utility #content > article, body.utility #content > div { padding: 2.5% 5%; }

article.bigbox { padding: 0; margin: 20px auto 30px auto; margin-top: 0; width: 90%; max-width: 600px; min-width: 285px; -webkit-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.33); }
article.bigbox > header { background-color: #545556; color: white; padding: 10px 0 20px 30px; padding: 1rem 0 1.5rem 2rem; margin: 0; }
article.bigbox h1 { font-weight: 300; font-size: 18pt; font-size: 3rem; padding: 0; }
article.bigbox > section { padding: 10px 30px; }

@media (min-width: 1400px) { body.utility #content { padding-top: 30px; }
  body.utility #content > article, body.utility #content > div { padding: 35px 70px; }
  body.utility #content article.bigbox { padding: 0; margin: 30px auto; margin-top: 0; } }
@media (max-width: 750px) { article.bigbox { padding: 0; margin: 0; width: 100%; max-width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  article.bigbox header, article.bigbox > section { padding: 10px; } }
@media (max-width: 550px) { article.bigbox header h1 { font-size: 2em; }
  article.bigbox > section h2 { font-size: 1.7em; }
  article.bigbox .system.error .image { display: none; }
  article.bigbox .system.error .text { margin-left: 0; } }
@media (max-width: 400px) { body.utility #content > article, body.utility #content > div { padding: 5px; }
  body.utility #content > article .button_spacer, body.utility #content > div .button_spacer { margin-left: 0; width: 0px; }
  article.bigbox { padding: 0; margin: 0; } }
#loginForm .label { width: 25%; max-width: 110px; }
#loginForm .input { width: 75%; max-width: 500px; }

@media (max-width: 620px) { #loginForm .label, #loginForm .input { width: 100%; max-width: 100%; } }
#create_list, .sidebar-list { padding-left: 10px; }
#create_list ul, .sidebar-list ul { padding: 0; padding-left: 5px; }
#create_list li, .sidebar-list li { list-style: none; }
#create_list .meta, .sidebar-list .meta { font-size: 0.8em; }
#create_list .indent, .sidebar-list .indent { padding-left: 20px; }

.sidebar-list { top: 30px; }
.sidebar-list .content ul li .sidenav_top { font-size: 1.2em; }
.sidebar-list ul ul { margin-top: 5px; }
.sidebar-list li { margin-bottom: 5px; transition: border 0.5s ease; }
.sidebar-list li a { text-decoration: none; }
.sidebar-list .d_0:hover { border-left: 4px solid #ff5722; }
.sidebar-list .d_10:hover { border-left: 4px solid #90cbf9; }

#create_list ul { padding: 0; padding-left: 20px; }
#create_list a { margin: 3px 0; display: inline-block; zoom: 1; *display: inline; }
#create_list li { clear: both; height: 28px; }
#create_list ul li:first-child::before { content: '.'; display: block; width: 30px; height: 0; border-top: 1px solid #e0e1e2; margin-left: -40px; }
#create_list span { float: right; }

.box { padding: 0; }
.box .content { border: 1px solid #e0e1e2; border-top: none; padding: 10px; }
.box header { border-radius: 0 2em 0 0; background-color: #909192; background: linear-gradient(to bottom, #a6a7a8 0%, #c7c8c9 20%, #909192 50%, #7a7a7a 100%); padding: 0; }
.box header h3 { padding: 0.1em 0 0.1em 10px; color: white; font-size: 18pt; font-size: 1.5rem; }
.box footer { border-radius: 0 0 2em 0; background-color: #909192; background: linear-gradient(to bottom, #a6a7a8 0%, #909192 45%, #6a6a6b 100%); padding: 0; height: 24px; }
.box footer p { padding: 0.1em 0 0 10px; color: white; }

.editor .box#summary_box .content, .editor .box#text_box .content { padding: 0; border: none; }
.editor .box#title_box .content { padding: 0; }

table.article_list { border: 1px solid #e0e1e2; width: 100%; }
table.article_list tr:nth-child(2n) { background-color: #e0e1e2; }
table.article_list tr, table.article_list td { border: none; }
table.article_list .date { font-size: 0.7em; color: #909192; }
table.article_list .id { text-align: right; white-space: nowrap; }

aside, blockquote { background-color: #f0f0f1; quotes: "“" "”" "‘" "’"; }
@media (max-width: 600px) { aside, blockquote { margin-left: -10px; padding-left: 10px; margin-right: -10px; padding-right: 10px; } }

aside.pullquote, blockquote { background-color: white; }

aside.pullquote { font-size: 1.5em; font-style: italic; padding-top: 16px; padding-bottom: 16px; padding-left: 32px; padding-right: 16px; margin-top: 12px; margin-bottom: 12px; }
aside.pullquote p { padding-left: 0; padding-right: 0; position: relative; line-height: 1.3; }

aside.pullquote.left, aside.pullquote.right, .highlight.left, .highlight.right { max-width: 280px; margin-top: 14px; }
aside.pullquote.left, .highlight.left { float: left; margin-right: 16px; }
aside.pullquote.right, .highlight.right { float: right; margin-left: 16px; }
aside.pullquote.centre, .highlight.centre { padding-top: 0; padding-bottom: 0; margin: 16px 0; }
aside.pullquote.left, aside.pullquote.right, aside.pullquote.centre, .highlight.left, .highlight.right, .highlight.centre { text-align: left; }
aside.pullquote.left.nomargin, aside.pullquote.right.nomargin, aside.pullquote.centre.nomargin, .highlight.left.nomargin, .highlight.right.nomargin, .highlight.centre.nomargin { margin-left: 0; margin-right: 0; }

aside.boxout { background-color: #e0e1e2; padding: 16px; margin-top: 14px; }
aside.boxout > h3 { padding: 0; margin-top: 0; margin-bottom: 0; }
aside.boxout p { padding-left: 0; padding-right: 0; position: relative; }
aside.boxout.left, aside.boxout.right { max-width: 280px; }
aside.boxout.left ul, aside.boxout.left ul ul, aside.boxout.right ul, aside.boxout.right ul ul { padding: 0.5em 0.5em 0.5em 1.25em; font-size: 12px; }
aside.boxout.left ul ul, aside.boxout.right ul ul { padding-right: 0; }
aside.boxout.left li, aside.boxout.right li { padding-left: 0.25em; }
aside.boxout.left { float: left; margin-right: 16px; }
aside.boxout.right { float: right; margin-left: 16px; text-align: left; }
aside.boxout.wider { width: 400px; max-width: 400px; }

.highlight, #feature_layout_container label#ftype4 { background-color: #fffddd; border: 2px solid #ff5722; }

.highlight { padding: 2.5% 5%; margin: 2% 0; }
.highlight h1, .highlight h2, .highlight h3, .highlight h4 { color: #ff5722; }
.highlight > h2:first-child { padding-top: 0; }

blockquote { padding: 0 32px; padding-top: 8px; margin: 20px 0; background-color: #f0f0f1; }
blockquote p { padding-left: 16px; padding-right: 0; font-style: italic; position: relative; }
blockquote p i, blockquote p em { font-style: normal; }
blockquote cite { display: block; text-align: right; font-style: normal; padding-bottom: 10px; font-size: 0.9em; }
blockquote cite a, blockquote cite a:link { color: black; text-decoration: none; border-bottom: 1px dotted #909192; }

aside.pullquote p:first-child:before, aside.pullquote p:last-of-type:after { font-size: 2em; line-height: 0.1; color: #909192; vertical-align: -0.2em; }
aside.pullquote p:first-child:before { content: open-quote; margin-left: -0.5em; margin-right: 0.1em; }
aside.pullquote p:last-of-type:after { content: close-quote; }

blockquote p:first-child:before, blockquote p:last-of-type:after { font-size: 52pt; line-height: 0.1; color: #c0c1c2; }
blockquote p:first-child:before { content: open-quote; margin-left: -0.5em; margin-right: 0.1em; vertical-align: -0.4em; }
blockquote p:last-of-type:after { content: close-quote; vertical-align: -0.4em; }

@media (max-width: 750px) { aside.pullquote.wider, aside.boxout.wider, .carousel.large { width: 100%; float: none; padding-top: 0; padding-bottom: 0; margin: 20px auto; }
  aside.boxout { margin-bottom: 10px; } }
@media (max-width: 500px) { aside.pullquote.left, aside.pullquote.right, aside.pullquote.alignleft, aside.pullquote.alignright, aside.boxout.left, aside.boxout.right, aside.boxout.alignleft, aside.boxout.alignright, .carousel.left, .carousel.right, .carousel.alignleft, .carousel.alignright { width: 100%; max-width: 100%; float: none; margin: 20px 0; }
  aside.pullquote { padding-top: 0; padding-bottom: 0; } }
.greybox, .pinkbox, .bluebox { background-color: #e0e1e2; border: 1px solid #e0e1e2; padding: 2.5% 5%; margin: 16px auto; }
.greybox > h2:first-child, .greybox > h3:first-child, .greybox > h4:first-child, .pinkbox > h2:first-child, .pinkbox > h3:first-child, .pinkbox > h4:first-child, .bluebox > h2:first-child, .bluebox > h3:first-child, .bluebox > h4:first-child { padding-top: 0; }

.greybox, #feature_layout_container label#ftype1 { background-color: #e0e1e2; border: 1px solid #e0e1e2; }

.pinkbox, #feature_layout_container label#ftype3 { background-color: #fceae9; border: 1px solid #f7bfbd; }

.bluebox, #feature_layout_container label#ftype2 { background-color: #deefff; border: 1px solid #b2dafb; }

.bluebox h2, .bluebox h3, .bluebox h4 { color: #3c6d94; }
.bluebox a, .bluebox a:visited { color: #5091c5; }
.bluebox a:hover, .bluebox a:focus { color: #64b5f6; }

figure, .wp-caption { padding: 0; margin: 0; }
figure.image img, figure.video video, figure.audio audio, .wp-caption.image img, .wp-caption.video video, .wp-caption.audio audio { margin: 0; }
figure.audio audio, .wp-caption.audio audio { width: 100%; }
figure.aligncenter, .wp-caption.aligncenter { margin: 1em auto; text-align: center; }
figure.alignleft, .wp-caption.alignleft { float: left; margin: 15px 20px 15px 0; }
figure.alignright, .wp-caption.alignright { float: right; margin: 15px 0 15px 20px; }
figure.alignleft video, figure.alignright video, .wp-caption.alignleft video, .wp-caption.alignright video { max-width: 440px; height: auto; }
figure .credit_contain, .wp-caption .credit_contain { position: relative; display: block; }
figure .credit_contain .credits, .wp-caption .credit_contain .credits { position: absolute; bottom: 0; right: 0; padding: 4px 8px; background-color: black; background-color: rgba(0, 0, 0, 0.4); color: white; line-height: 1; font-size: 12.5px; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='14.318pt' height='12pt' viewBox='0 0 14.318 12'%3E%3Cpath d='M 5.648%2C5.455 C 6.066%2C5.049 6.571%2C4.846 7.159%2C4.846 C 7.747%2C4.846 8.252%2C5.049 8.67%2C5.455 C 9.088%2C5.862 9.297%2C6.351 9.297%2C6.923 C 9.297%2C7.495 9.088%2C7.985 8.67%2C8.391 C 8.252%2C8.797 7.747%2C9 7.159%2C9 C 6.571%2C9 6.066%2C8.797 5.648%2C8.391 C 5.23%2C7.985 5.021%2C7.495 5.021%2C6.923 C 5.021%2C6.351 5.23%2C5.862 5.648%2C5.455 Z M 12.384%2C1.846 C 12.909%2C1.846 13.356%2C2.027 13.728%2C2.387 C 14.099%2C2.748 14.284%2C3.183 14.284%2C3.692 L 14.284%2C10.154 C 14.284%2C10.663 14.099%2C11.099 13.728%2C11.459 C 13.356%2C11.82 12.909%2C12 12.384%2C12 L 1.934%2C12 C 1.409%2C12 0.962%2C11.82 0.59%2C11.459 C 0.219%2C11.099 0.034%2C10.663 0.034%2C10.154 L 0.034%2C3.692 C 0.034%2C3.183 0.219%2C2.748 0.59%2C2.387 C 0.962%2C2.027 1.409%2C1.846 1.934%2C1.846 L 3.597%2C1.846 L 3.975%2C0.865 C 4.07%2C0.63 4.24%2C0.427 4.491%2C0.256 C 4.742%2C0.085 4.996%2C0 5.259%2C0 L 9.059%2C0 C 9.322%2C0 9.576%2C0.085 9.827%2C0.256 C 10.077%2C0.427 10.248%2C0.63 10.343%2C0.865 L 10.721%2C1.846 L 12.384%2C1.846 Z M 4.81%2C9.205 C 5.461%2C9.838 6.243%2C10.154 7.159%2C10.154 C 8.075%2C10.154 8.857%2C9.838 9.508%2C9.205 C 10.159%2C8.574 10.484%2C7.812 10.484%2C6.923 C 10.484%2C6.034 10.159%2C5.273 9.508%2C4.641 C 8.857%2C4.008 8.075%2C3.692 7.159%2C3.692 C 6.243%2C3.692 5.461%2C4.008 4.81%2C4.641 C 4.159%2C5.273 3.834%2C6.034 3.834%2C6.923 C 3.834%2C7.812 4.159%2C8.574 4.81%2C9.205 Z' fill='%23ffffff' fill-opacity='0.66'/%3E%3C/svg%3E"); background-position: 4px 4px; background-repeat: no-repeat; padding-left: 22px; background-size: 14px auto; }
figure .credit_contain .credits a, .wp-caption .credit_contain .credits a { color: white; text-decoration: none; }
figure .credit_contain .credits a:hover, figure .credit_contain .credits a:focus, figure .credit_contain .credits a:active, .wp-caption .credit_contain .credits a:hover, .wp-caption .credit_contain .credits a:focus, .wp-caption .credit_contain .credits a:active { text-decoration: underline; }
figure.rounded, .wp-caption.rounded { shape-outside: circle(47.5%); border: 8px solid white; border-radius: 50%; box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2), -1px -1px 2px rgba(0, 0, 0, 0.03); }
figure.rounded.alignleft.less_outside, .wp-caption.rounded.alignleft.less_outside { shape-outside: polygon(0px 0px, 100% 0px, 100% 60%, 80% 100%, 0px 100%); }
figure.rounded.alignright.less_outside, .wp-caption.rounded.alignright.less_outside { shape-outside: polygon(0px 0px, 100% 0px, 100% 100%, 25% 100%, 0px 60%); }
figure.rounded img, .wp-caption.rounded img { border-radius: 50%; display: inline-block; zoom: 1; *display: inline; }
figure.fading, .wp-caption.fading { background-color: #e0e1e2; }

div.scrollable-table { overflow-x: auto; }

figure.image > figcaption, figure.image .wp-caption-text { margin: 0; }
@media (max-width: 600px) { figure.image > figcaption, figure.image .wp-caption-text { margin: 0 auto; } }

@media (max-width: 600px) { figure.image-large.alignleft, figure.image-large.alignright { float: none; width: 100%; margin: 0 auto; text-align: center; }
  figure.alignleft, figure.alignright, .wp-caption.alignleft, .wp-caption.alignright { text-align: center; }
  figure.alignleft video, figure.alignright video, .wp-caption.alignleft video, .wp-caption.alignright video { max-width: 100%; } }
@media (max-width: 520px) { figure.alignleft, figure.alignright, .wp-caption.alignleft, .wp-caption.alignright { float: none; width: 100%; margin: 0 auto; } }
figcaption, .wp-caption-text { text-align: center; font-style: italic; font-family: "Avenir Next", Georgia, "Times New Roman", serif; background-color: #e0e1e2; padding: 10px; line-height: 1.25; }
figcaption i, figcaption em, .wp-caption-text i, .wp-caption-text em { font-style: normal; }

div.image-frame { clear: both; margin: 0; }
div.image-frame:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
div.image-frame .one-up, div.image-frame .two-up, div.image-frame .three-up, div.image-frame .four-up, div.image-frame .five-up, div.image-frame .six-up { float: left; text-align: center; border: 0; padding: 0; margin: 0; }
div.image-frame .one-up figure, div.image-frame .two-up figure, div.image-frame .three-up figure, div.image-frame .four-up figure, div.image-frame .five-up figure, div.image-frame .six-up figure { margin: 0 auto; }
div.image-frame .one-up { float: none; }
div.image-frame .two-up { width: 50%; }
div.image-frame .three-up { width: 33.3333333333%; }
div.image-frame .four-up { width: 25%; }
div.image-frame .five-up { width: 20%; }
div.image-frame .six-up { width: 16.6%; }
div.image-frame + p { margin-top: 1em; }

div.image-frame + figure { margin-top: 0; }

p + div.image-frame { margin-top: 1em; }

@media (max-width: 600px) { div.image-frame .two-up, div.image-frame .three-up { width: 100%; float: none; }
  div.image-frame .four-up { width: 50%; }
  div.image-frame .five-up, div.image-frame .six-up { width: 33%; } }
@media (max-width: 400px) { div.image-frame .four-up, div.image-frame .five-up, div.image-frame .six-up { width: 100%; float: none; }
  div.image-frame .tall img { max-width: 75%; } }
article.main section.maintext > div.carousel { padding: 0; }

.carousel { position: relative; padding: 0; max-width: 100%; }

.carousel figure { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 1.5s; padding: 0; margin: 0; pointer-events: none; }

.carousel figure figcaption { display: none; }

.carousel figure.current { position: relative; opacity: 1; transition: opacity 1.5s; pointer-events: auto; }

.carousel figure.current figcaption { display: block; width: 100%; position: absolute; bottom: 4.5px; background-color: black; background-color: rgba(0, 0, 0, 0.5); color: white; padding: 4px 8px; }

.carousel figure.current figcaption a { color: white; }

.carousel.center, .carousel.aligncenter { float: none; text-align: center; margin: 0 auto; }

.carousel.right, .carousel.alignright { float: right; text-align: center; margin-left: 30px; }

.carousel.left, .carousel.alignleft { float: left; text-align: center; margin-right: 30px; }

.carousel .carousel_nav a { color: white; text-decoration: none; }

.carousel .carousel_nav a.current { color: red; }

.carousel .carousel_nav { display: block; position: absolute; top: 0; color: white; padding: 4px 8px; margin: 0; background-color: black; background-color: rgba(0, 0, 0, 0.5); opacity: 0.5; transition: opacity 0.5s; }

.carousel .carousel_nav:hover { opacity: 1; transition: opacity 0.5s; }

.carousel .carousel_nav { bottom: 4.5px; right: 0; top: auto; }

.carousel .carousel_move { position: absolute; display: block; top: 0; bottom: 4.5px; width: 50px; margin: 0; opacity: 0; transition: opacity 0.5s; background-color: black; background-color: rgba(0, 0, 0, 0.2); background-repeat: no-repeat; background-position: center center; }

.carousel .carousel_move.forward { right: 0; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' width='36pt' height='36pt' viewBox='0 0 36 36'%3E%3Cpath d='M 7.776%2C6.234 L 7.775%2C29.766 C 7.776%2C31.716 9.146%2C32.507 10.835%2C31.532 L 31.215%2C19.766 C 32.904%2C18.791 32.904%2C17.208 31.215%2C16.233 L 10.835%2C4.467 C 9.147%2C3.492 7.776%2C4.283 7.776%2C6.234 Z' stroke-width='2.018' stroke='%23000000' fill='%23ffffff' stroke-linecap='round'/%3E%3C/svg%3E"); }

.carousel .carousel_move.backward { left: 0; background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' width='36pt' height='36pt' viewBox='0 0 36 36'%3E%3Cpath d='M 28.224%2C6.234 L 28.225%2C29.766 C 28.224%2C31.716 26.854%2C32.507 25.165%2C31.532 L 4.785%2C19.766 C 3.096%2C18.791 3.096%2C17.208 4.785%2C16.233 L 25.165%2C4.467 C 26.853%2C3.492 28.224%2C4.283 28.224%2C6.234 Z' stroke-width='2' stroke='%23000000' fill='%23ffffff' stroke-linecap='round'/%3E%3C/svg%3E"); }

.carousel.hasnav .carousel_move { opacity: 0.2; transition: opacity 0.5s; }

.carousel.hasnav:hover .carousel_move { opacity: 0.4; transition: opacity 0.5s; }

.carousel:hover .carousel_move { opacity: 1; transition: opacity 0.5s; }

article.main section.maintext fieldset.toolbox { background-color: #e0e1e2; }

article.main section.maintext fieldset.toolbox.thin { max-width: 500px; margin: 0 auto; text-align: center; }

figure.compare { position: relative; overflow: hidden; touch-action: none; -ms-touch-action: none; }
figure.compare img { display: block; }
figure.compare .second { position: absolute; left: 0; top: 0; width: 50%; height: 100%; overflow: hidden; background-size: cover; background-position: 0 0; background-repeat: no-repeat; }

hr.floatfix { clear: both; border: 0; height: 1px; background: none; color: white; margin: 10px 0; *zoom: 1; }
hr.floatfix:before, hr.floatfix:after { content: " "; display: table; }
hr.floatfix:after { clear: both; }

p.updated_line { font-size: 0.8em; }

table.lightborder { width: 100%; }
table.lightborder, table.lightborder tr, table.lightborder td, table.lightborder th { border: 1px solid #e0e1e2; }
table.lightborder.whitetd { /* lighten td, darken th for greyboxes */ }
table.lightborder.whitetd td { background-color: white; }
table.lightborder.whitetd th { background-color: #e0e1e2; }

table td.success, table td.fail, table td.target, table td.figure, table td.warn { font-weight: bold; text-align: center; width: 20%; }
table td.success { background-color: #b7dfb9; }
table td.success a { color: #2e6930; }
table td.fail { background-color: #f6857a; }
table td.fail a { color: #901f14; }
table td.warn { background-color: #ffe2bc; }
table td.warn a { color: #993414; }

table td.number, table th.number { text-align: right; padding-right: 0.5em; }

article.main section.maintext > table.centred { margin: 16px auto; }

.keyboard_button { border: 1px solid #999; border-radius: 5px; padding: 2px 4px; min-width: 25px; text-transform: uppercase; display: inline-block; text-align: center; }

a.fn_link_down { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.5em; text-decoration: none; font-weight: bold; }

dl.footnotes { clear: both; border-top: 1px dotted #b8b9ba; margin-top: 16px; padding-top: 16px; padding-bottom: 16px; }
dl.footnotes dt { clear: both; font-size: 1em; width: 3em; text-align: center; line-height: 1; float: left; }
dl.footnotes dt .fn_link_back { font-size: 75%; }
dl.footnotes dd { font-size: 14px; margin-left: 3em; min-height: 50px; }

pre.code { width: 100%; font-weight: bold; font-size: 0.9em; padding: 8px; line-height: 1.4; }
pre.code.perl { background-color: #000099; color: white; }
pre.code.perl span.comment { color: #909192; }
pre.code.perl span.function { color: #00cc00; }
pre.code.cli { background-color: #003300; color: #ccffcc; }
pre.code.html { background-color: #ccccff; color: #222244; font-weight: normal; }

div.paper { background-color: white; color: black; border: 1px solid #e0e1e2; border: 1px solid rgba(0, 0, 0, 0.2); padding: 3% 5%; box-shadow: 5px 5px 5px #e0e1e2; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); }
@media (min-width: 800px) { div.paper > p, div.paper > dl { font-size: 1.2em; }
  div.paper > blockquote p { font-size: 1.3em; } }
div.paper h2:first-child, div.paper h3:first-child { padding-top: 0; }

img.i_emote { height: 20px; width: auto; margin-bottom: -4px; vertical-align: baseline; }

span.review-comment { cursor: pointer; position: relative; background-color: #ffe6e6; border-top: 4px solid  #ffe6e6; border-bottom: 2px solid #ffcccc; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding-left: 4px; padding-right: 4px; display: inline-block; text-indent: 25px; overflow: visible; }
span.review-comment::before { position: absolute; left: 0; width: 25px; height: 20px; content: ' '; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 -36 36 36'%3E%3Cpath d='M10.086-10.841h-5.1a3.404 3.404 0 0 1-3.404-3.402v-17.26a3.405 3.405 0 0 1 3.404-3.404h26.589a3.405 3.405 0 0 1 3.404 3.404v17.26a3.404 3.404 0 0 1-3.404 3.402H17.626c-.669 3.095-.011 6.189 1.147 9.284-4.369-3.102-7.881-6.177-8.687-9.284z' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round' stroke='%23000' fill='%23fff'/%3E%3C/svg%3E"); background-size: 18px 18px; background-color: #ffe6e6; background-repeat: no-repeat; background-position: 6px center; }

span.review-comment-popup { display: block; font-size: 14px; position: absolute; top: 0; left: 0; padding: 10px 16px; max-width: 300px; min-width: 200px; background-color: #ffe6e6; border: 1px solid black; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); z-index: 2; text-indent: 0; }
span.review-comment-popup p { font-size: 14px !important; }
span.review-comment-popup header { padding-bottom: 4px; border-bottom: 1px solid #ffcccc; }
span.review-comment-popup .review-comment-close, span.review-comment-popup .remove-rc { display: inline-block; zoom: 1; *display: inline; float: right; margin-top: -2px; margin-right: -6px; color: #ff3333; text-decoration: none; font-weight: bold; cursor: pointer; }
span.review-comment-popup .review-comment-close { text-align: right; width: 6em; /* takes over float padding so remove link doesn't have name under it. */ }
span.review-comment-popup .remove-rc { right: 3em; position: absolute; }

span.review-comment.blue { background-color: #e6e6ff; border-top: 4px solid #e6e6ff; border-bottom: 2px solid #ccccff; }
span.review-comment.blue header { border-bottom: 1px solid #ccccff; }
span.review-comment.blue::before { background-color: #e6e6ff; }
span.review-comment.blue span.review-comment-popup { background-color: #e6e6ff; }
span.review-comment.blue span.review-comment-popup .review-comment-close, span.review-comment.blue span.review-comment-popup .remove-rc { color: #3333cc; }
span.review-comment.yellow { background-color: #ffffcc; border-top: 4px solid #ffffcc; border-bottom: 2px solid #dddd99; }
span.review-comment.yellow header { border-bottom: 1px solid #dddd99; }
span.review-comment.yellow::before { background-color: #ffffcc; }
span.review-comment.yellow span.review-comment-popup { background-color: #ffffcc; }
span.review-comment.yellow span.review-comment-popup .review-comment-close, span.review-comment.yellow span.review-comment-popup .remove-rc { color: #cc6600; }
span.review-comment.green { background-color: #ddffdd; border-top: 4px solid #ddffdd; border-bottom: 2px solid #ada; }
span.review-comment.green header { border-bottom: 1px solid #ada; }
span.review-comment.green::before { background-color: #ddffdd; }
span.review-comment.green span.review-comment-popup { background-color: #ddffdd; }
span.review-comment.green span.review-comment-popup .review-comment-close, span.review-comment.green span.review-comment-popup .remove-rc { color: #448844; }

/* single article pages (not list of articles) */
p.summary, div.summary, section.summary { font-size: 1.125rem; line-height: 1.375rem; padding-top: 0; }

article.main { position: relative; padding: 30px 0; }
article.main ul, article.main ol { overflow: visible; }
article.main > header h1 { padding: 0; margin-left: -2px; line-height: 1.3; }
article.main > header .summary { padding: 0; font-size: 1.5em; padding: 0.375rem 0; font-weight: normal; }
@media (max-width: 400px) { article.main > header .summary { font-size: 1.3em; line-height: 1.3; padding-top: 0; } }
article.main > header .summary a { color: #545556; }
article.main > header, article.main section.maintext, article.main section.updates, article.main > footer, article.main.list_article { width: 100%; max-width: 912px; margin-left: 220px; }
article.main > header form, article.main section.maintext form, article.main section.updates form, article.main > footer form, article.main.list_article form { padding: 16px 0; }
article.main > header form.nopad, article.main section.maintext form.nopad, article.main section.updates form.nopad, article.main > footer form.nopad, article.main.list_article form.nopad { padding: 0; }
article.main > header form.lesspad, article.main section.maintext form.lesspad, article.main section.updates form.lesspad, article.main > footer form.lesspad, article.main.list_article form.lesspad { padding: 0 0 8px 0; }
article.main > header .map div, article.main > header div.fullwidth, article.main > header > div.image-frame, article.main section.maintext .map div, article.main section.maintext div.fullwidth, article.main section.maintext > div.image-frame, article.main section.updates .map div, article.main section.updates div.fullwidth, article.main section.updates > div.image-frame, article.main > footer .map div, article.main > footer div.fullwidth, article.main > footer > div.image-frame, article.main.list_article .map div, article.main.list_article div.fullwidth, article.main.list_article > div.image-frame { padding: 0; }
article.main > header .attachments div, article.main section.maintext .attachments div, article.main section.updates .attachments div, article.main > footer .attachments div, article.main.list_article .attachments div { padding-left: 0; padding-right: 0; }
article.main section.maintext { border-top: 1px solid #e0e1e2; position: relative; }
article.main section.maintext > table { margin: 16px 0; }
article.main section.maintext > table, article.main section.maintext > table td, article.main section.maintext > table th { border: 1px solid #e0e1e2; }
article.main section.maintext td, article.main section.maintext th { padding: 5px 10px; }
article.main section.maintext th { background-color: #e0e1e2; }
article.main > footer { clear: both; border-top: 1px solid #e0e1e2; padding-top: 1em; }

body#page-home article.main section.maintext, body#page-search article.main section.maintext { border-top: none; }

article.main > section.meta { position: absolute; top: 0; padding: 0 20px; padding-bottom: 0.375rem; width: 200px; left: 0; }

section.meta, div.meta { color: #909192; font-size: 0.8em; line-height: 1.3; }
section.meta time, section.meta a, div.meta time, div.meta a { color: #545556; }
section.meta a:hover, section.meta a:active, div.meta a:hover, div.meta a:active { color: #ff5722; }
section.meta .sep, div.meta .sep { display: block; width: 100%; height: 0.5em; }
section.meta .bigsep, div.meta .bigsep { height: 1em; }

.pagination { text-align: center; margin: 20px 0; }
.pagination a { display: inline-block; zoom: 1; *display: inline; height: 44px; min-width: 44px; padding: 0 8px; color: black; border: 1px solid #909192; background-color: #e0e1e2; border-radius: 22px; overflow: hidden; font-size: 24px; line-height: 1.7; text-decoration: none; }
.pagination a svg { height: 20px; width: auto; fill: #434445; vertical-align: baseline; }
.pagination a.prev, .pagination a.next, .pagination a.start, .pagination a.end { padding-top: 2px; }
.pagination a.prev { padding-left: 7px; }
.pagination a.start { padding-left: 8px; }
.pagination a.next { padding-left: 11px; }
.pagination a.end { padding-left: 12px; }
.pagination a.current { border: 1px solid #ff5722; color: #ff5722; background-color: white; }
.pagination a:hover { background-color: #f0f0f1; text-decoration: none; border-color: #909192; text-decoration: none; }
.pagination a:hover svg { fill: #f84522; }
.pagination a.faded, .pagination a.faded:hover { color: #909192; background-color: #f0f0f1; border: 1px solid #e0e1e2; }
.pagination a.faded svg, .pagination a.faded:hover svg { fill: #e0e1e2; }

article.main h1 a, article.main h1 a:visited { color: black; }
article.main h1 a:hover, article.main h1 a:active, article.main h1 a:visited:hover, article.main h1 a:visited:active { color: #ff5722; }
article.main .draft h1, article.main .draft h1 a { color: #909192; }
article.main .removed h1, article.main .removed h1 a, article.main .expired h1, article.main .expired h1 a { color: #f03322; }
article.main .pending h1, article.main .pending h1 a { color: #4caf50; }
article.main .needs_vetting h1, article.main .needs_vetting h1 a { color: #ff5722; }

article.list_article { border-top: 1px solid #e0e1e2; clear: both; position: relative; }
article.list_article h1 { font-size: 2.4em; }
article.list_article figure.thumbnail { float: left; margin-right: 12px; }
article.list_article.d_0_1 h1 { font-size: 1.5em; }

body#dir-gallery .split.right.audio { padding-left: 0; }

@media (min-width: 1120px) { article.main > section.meta { padding-top: 55px; }
  article.main > section.meta .dept_fu { display: none; }
  article.main > section.meta .dept_tag { display: block; position: absolute; top: 0; left: 0; width: 200px; font-size: 20px; line-height: 1.1; padding: 5px 20px; height: 36px; background-color: white; background-color: rgba(255, 255, 255, 0.5); border-right: 1px solid #909192; border-bottom: 1px solid #909192; font-weight: bold; cursor: pointer; border-radius: 0 0 2em 0; padding-right: 1.5em; }
  article.main > section.meta .dept_tag a, article.main > section.meta .dept_tag a:link, article.main > section.meta .dept_tag a:hover, article.main > section.meta .dept_tag a:visited { text-decoration: none; } }
article.main > header > p, article.main section.maintext > p, article.main section.maintext div > p, article.main section.maintext aside > p, article.main section.maintext fieldset > p, article.main section.updates > p, article.main > footer > p { font-size: 1.2em; }
article.main > header > pre, article.main section.maintext > pre, article.main section.maintext div > pre, article.main section.maintext aside > pre, article.main section.maintext fieldset > pre, article.main section.updates > pre, article.main > footer > pre { font-size: 1.1em; }
article.main section.maintext > dl, article.main section.maintext > pre, article.main section.maintext div.split p { font-size: 1.2em; }
article.main section.maintext > blockquote p { font-size: 1.3em; }
article.main section.maintext li { font-size: 16.8px; margin-bottom: 0.33em; }
article.main section.maintext .contents_list h2 { font-size: 2em; padding-bottom: 0; }
article.main section.maintext .contents_list li { margin-bottom: 0; }

body#dir-gallery .split.right.audio { padding-left: 0; }

@media (min-width: 1120px) { article.main section.maintext { width: 100%; } }
@media (max-width: 1119px) { article.main > header, article.main section.maintext, article.main section.updates, article.main > footer { max-width: 100%; margin-left: 0; padding-left: 3%; padding-right: 3%; }
  article.main > header h1, article.main section.maintext h1, article.main section.updates h1, article.main > footer h1 { margin-left: 0; }
  article.main > header > div.image-frame, article.main section.maintext > div.image-frame, article.main section.updates > div.image-frame, article.main > footer > div.image-frame { padding: 0; }
  article.main > section.meta { position: relative; width: 100%; padding: 10px 3%; }
  article.main > section.meta .dept_fu, article.main > section.meta .explain { color: #909192; font-family: "Avenir Next", Georgia, "Times New Roman", serif; }
  article.main > section.meta .dept_tag { font-family: "Avenir Next", Georgia, "Times New Roman", serif; }
  article.main > section.meta .dept_tag::before, article.main > section.meta .dept_tag::after { content: '"'; }
  aside.rightside { display: none; }
  body#dir-gallery audio { margin-left: 3%; }
  #page-home article.main section.meta .dept_fu, #page-home article.main section.meta .explain, #page-home article.main section.meta .dept_tag { display: none; } }
.c25 { float: left; display: inline-block; zoom: 1; *display: inline; padding: 0; line-height: 1.6; }
.c25 h4 { padding-left: 0; }

.links_list .c25 { width: 25%; }

.split .c25 { width: 50%; }

body#dir-gallery article.main section.maintext div.split.right { padding: 0; }

@media (max-width: 650px) { .links_list .c25 { width: 50%; } }
@media (max-width: 1000px) { article.main { padding: 2% 0; } }
@media (max-width: 900px) { article.main h1 { font-size: 5.2vw; }
  body.admin #content h1 { font-size: 5.2vw; }
  body.admin #content h2 { font-size: 4vw; }
  body.admin #content h3 { font-size: 3.0vw; } }
@media (max-width: 600px) { figure.alignleft, figure.alignright { width: 100%; max-width: 100% !important; text-align: center; }
  figure.alignleft img, figure.alignright img { margin: 0 auto; }
  figure.alignleft.rounded, figure.alignright.rounded { max-width: auto !important; }
  figure.image img, figure.video video, figure.audio audio, .wp-caption.image img, .wp-caption.video video, .wp-caption.audio audio { display: inline-block; } }
@media (max-width: 660px) { article.main h1 { font-size: 32px; }
  article.main h2 { font-size: 28px; }
  article.main h3 { font-size: 24px; }
  article.main h4 { font-size: 18px; }
  body.admin #content h1 { font-size: 32px; }
  body.admin #content h2 { font-size: 22px; }
  body.admin #content h3 { font-size: 18px; } }
@media (max-width: 350px) { body#dir-gallery audio { margin: 0; } }
.tag_list a, .tag_list .tag, #tag_examples a, #tag_examples .tag { display: inline-block; zoom: 1; *display: inline; white-space: nowrap; padding: 6px 10px; margin: 0 5px 5px 0; text-transform: uppercase; font-size: 0.9em; border-radius: 14px; font-weight: bold; cursor: pointer; }
.tag_list a, .tag_list a:link, .tag_list a:visited, .tag_list .removable a, .tag_list .addable a, #tag_examples a, #tag_examples a:link, #tag_examples a:visited, #tag_examples .removable a, #tag_examples .addable a { border: 1px solid #909192; background-color: white; color: #545556; text-decoration: none; }
.tag_list .removable.removing, #tag_examples .removable.removing { opacity: 50%; }
.tag_list a.sizing1, .tag_list a:link.sizing1, .tag_list a:visited.sizing1, #tag_examples a.sizing1, #tag_examples a:link.sizing1, #tag_examples a:visited.sizing1 { font-size: 0.6em; color: #9b8b87; }
.tag_list a.sizing2, .tag_list a:link.sizing2, .tag_list a:visited.sizing2, #tag_examples a.sizing2, #tag_examples a:link.sizing2, #tag_examples a:visited.sizing2 { font-size: 0.7em; color: #a6857c; }
.tag_list a.sizing3, .tag_list a:link.sizing3, .tag_list a:visited.sizing3, #tag_examples a.sizing3, #tag_examples a:link.sizing3, #tag_examples a:visited.sizing3 { font-size: 0.8em; color: #b18070; }
.tag_list a.sizing4, .tag_list a:link.sizing4, .tag_list a:visited.sizing4, #tag_examples a.sizing4, #tag_examples a:link.sizing4, #tag_examples a:visited.sizing4 { font-size: 0.9em; color: #bc7a65; }
.tag_list a.sizing5, .tag_list a:link.sizing5, .tag_list a:visited.sizing5, #tag_examples a.sizing5, #tag_examples a:link.sizing5, #tag_examples a:visited.sizing5 { color: #d36e4f; }
.tag_list a.sizing6, .tag_list a:link.sizing6, .tag_list a:visited.sizing6, #tag_examples a.sizing6, #tag_examples a:link.sizing6, #tag_examples a:visited.sizing6 { font-size: 1.1em; color: #e3663e; }
.tag_list a.sizing7, .tag_list a:link.sizing7, .tag_list a:visited.sizing7, #tag_examples a.sizing7, #tag_examples a:link.sizing7, #tag_examples a:visited.sizing7 { font-size: 1.2em; color: #f45d2d; }
.tag_list a.sizing8, .tag_list a:link.sizing8, .tag_list a:visited.sizing8, #tag_examples a.sizing8, #tag_examples a:link.sizing8, #tag_examples a:visited.sizing8 { font-size: 1.3em; color: #f95a28; }
.tag_list a.sizing9, .tag_list a:link.sizing9, .tag_list a:visited.sizing9, #tag_examples a.sizing9, #tag_examples a:link.sizing9, #tag_examples a:visited.sizing9 { font-size: 1.4em; color: #ff5722; }
.tag_list a.explain, #tag_examples a.explain { background-color: #e0e1e2; }
.tag_list a:hover, #tag_examples a:hover { text-decoration: none; color: black; text-shadow: 0 0 10px #909192; }
.tag_list .removable, .tag_list .addable, .tag_list .dummy, #tag_examples .removable, #tag_examples .addable, #tag_examples .dummy { position: relative; padding: 0 0 0 10px; }
.tag_list .removable a, .tag_list .addable a, .tag_list .dummy a, #tag_examples .removable a, #tag_examples .addable a, #tag_examples .dummy a { border: 1px solid #909192; border-left: 0; border-radius: 0 14px 14px 0; padding-left: 2em; }
.tag_list .removable .tag_remove, .tag_list .removable .tag_adder, .tag_list .addable .tag_remove, .tag_list .addable .tag_adder, .tag_list .dummy .tag_remove, .tag_list .dummy .tag_adder, #tag_examples .removable .tag_remove, #tag_examples .removable .tag_adder, #tag_examples .addable .tag_remove, #tag_examples .addable .tag_adder, #tag_examples .dummy .tag_remove, #tag_examples .dummy .tag_adder { background-color: #909192; position: absolute; left: 0; top: 0; text-align: center; border-radius: 1em 0 0 1em; font-size: 1.2em; line-height: 1; padding-right: 6px; padding-top: 4px; padding-bottom: 8px; padding-left: 8px; }
.tag_list .removable .tag_remove:hover, .tag_list .removable .tag_adder:hover, .tag_list .addable .tag_remove:hover, .tag_list .addable .tag_adder:hover, .tag_list .dummy .tag_remove:hover, .tag_list .dummy .tag_adder:hover, #tag_examples .removable .tag_remove:hover, #tag_examples .removable .tag_adder:hover, #tag_examples .addable .tag_remove:hover, #tag_examples .addable .tag_adder:hover, #tag_examples .dummy .tag_remove:hover, #tag_examples .dummy .tag_adder:hover { background-color: #d50000; color: white; }
.tag_list .dummy, #tag_examples .dummy { padding: 0; }
.tag_list .dummy a, #tag_examples .dummy a { border: 1px solid #545556; background-color: #545556; color: white; }
.tag_list .addable:hover, #tag_examples .addable:hover { opacity: 0.8; }
.tag_list .addable a, .tag_list .addable a:hover, #tag_examples .addable a, #tag_examples .addable a:hover { background-color: #f48fb1; color: white; border: none; }
.tag_list .addable .tag_adder, .tag_list .addable .tag_adder:hover, #tag_examples .addable .tag_adder, #tag_examples .addable .tag_adder:hover { background-color: #e91e63; }

body.editor .box .tag_list a.tag_remove, body.editor .box .tag_list a.tag_adder { font-size: 1.2em; }
body.editor .box .tag_list a.tag_remove { padding-top: 7px; padding-bottom: 6px; padding-left: 9px; padding-right: 5px; }

#tag_examples { padding: 10px; }
#tag_examples .addable a { background-color: #d9eeda; border-color: #4caf50; }
#tag_examples .addable a:hover { background-color: #b5dfb7; color: #2e6930; }
#tag_examples .addable .tag_adder { background-color: #4caf50; color: #265828; border-color: #449e48; }
#tag_examples .addable .tag_adder:hover { background-color: #3d8c40; color: black; }

.map_container { padding-top: 10px; }
.map_container .map_text, .map_container .map_links { text-align: center; }
.map_container .map_text { /* , .map_text .tag_list */ padding-top: 10px; }
.map_container .map { width: 100%; height: 400px; }
.map_container .map.map_small { max-width: 160px; height: 160px; }
.map_container .map.map_medium { max-width: 280px; height: 280px; }
.map_container .map.map_large { max-width: 100%; height: 600px; }
.map_container a.google_maps { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2236pt%22%20height%3D%2236pt%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20d%3D%22M%200%2C7.244%20L%200%2C33.202%20C%200%2C34.747%201.254%2C36%202.799%2C36%20L%2028.772%2C36%20C%2030.317%2C36%2031.571%2C34.747%2031.571%2C33.202%20L%2031.571%2C7.244%20C%2031.571%2C5.699%2030.317%2C4.446%2028.772%2C4.446%20L%202.799%2C4.446%20C%201.254%2C4.446%200%2C5.699%200%2C7.244%20Z%22%20fill%3D%22%2320a360%22/%3E%3Cpath%20d%3D%22M%2031.149%2C34.59%20L%2017.078%2C20.519%20L%2031.377%2C6.221%20C%2031.502%2C6.538%2031.571%2C6.883%2031.571%2C7.244%20L%2031.571%2C33.202%20C%2031.571%2C33.72%2031.429%2C34.207%2031.182%2C34.623%20L%2031.149%2C34.59%20Z%22%20fill%3D%22%23c2c2c1%22/%3E%3Cpath%20d%3D%22M%201.708%2C35.78%20L%2016.136%2C21.352%20L%2030.28%2C35.498%20L%2030.318%2C35.535%20C%2029.875%2C35.829%2029.343%2C36%2028.772%2C36%20L%202.798%2C36%20C%202.411%2C36%202.043%2C35.921%201.708%2C35.78%20Z%22%20fill%3D%22%235385c4%22/%3E%3Cpath%20d%3D%22M%2028.313%2C36%20L%2013.568%2C21.266%20L%2016.832%2C18%20L%2031.571%2C32.729%20L%2031.571%2C33.202%20C%2031.571%2C34.746%2030.317%2C36%2028.772%2C36%20L%2028.313%2C36%20Z%22%20fill%3D%22%23ffffff%22/%3E%3Cpath%20d%3D%22M%200%2C33.202%20L%200%2C32.715%20L%2022.988%2C9.743%20L%2026.251%2C13.008%20L%203.243%2C36%20L%202.798%2C36%20C%201.254%2C36%200%2C34.746%200%2C33.202%20Z%22%20fill%3D%22%23ffda44%22/%3E%3Cpath%20d%3D%22M%202.916%2C11.782%20C%202.956%2C9.444%205.104%2C7.397%207.443%2C7.475%20C%208.563%2C7.423%209.615%2C7.911%2010.474%2C8.595%20C%2010.108%2C9.011%209.728%2C9.412%209.323%2C9.787%20C%208.292%2C9.075%206.826%2C8.871%205.794%2C9.694%20C%204.317%2C10.714%204.251%2C13.124%205.669%2C14.222%20C%207.05%2C15.475%209.66%2C14.853%2010.04%2C12.935%20C%209.176%2C12.923%208.309%2C12.935%207.444%2C12.907%20C%207.443%2C12.391%207.44%2C11.876%207.443%2C11.36%20C%208.887%2C11.355%2010.333%2C11.355%2011.78%2C11.364%20C%2011.867%2C12.578%2011.707%2C13.87%2010.961%2C14.873%20C%209.832%2C16.461%207.566%2C16.925%205.798%2C16.244%20C%204.024%2C15.568%202.767%2C13.694%202.916%2C11.782%20Z%22%20fill%3D%22%23f0efef%22/%3E%3Cpath%20d%3D%22M%2025.999%2C26.77%20C%2025.668%2C24.345%2025.015%2C22.187%2023.104%2C19.143%20C%2022.182%2C17.541%2020.898%2C15.957%2019.62%2C14.029%20C%2016.964%2C10.139%2017.074%2C5.547%2020.383%2C2.424%20C%2023.894%2C-0.888%2029.497%2C-0.794%2032.889%2C2.634%20C%2034.692%2C4.457%2035.512%2C6.678%2035.352%2C9.203%20C%2035.252%2C10.798%2034.502%2C12.338%2033.683%2C13.718%20C%2032.339%2C15.789%2030.966%2C17.455%2029.997%2C19.143%20C%2028.246%2C22.187%2027.265%2C24.737%2027.145%2C26.733%20C%2027.104%2C27.429%2026.93%2C27.712%2026.55%2C27.709%20C%2026.187%2C27.706%2026.046%2C27.105%2025.999%2C26.77%20Z%22%20fill%3D%22%23dc4b3e%22/%3E%3Cpath%20d%3D%22M%2024.414%2C6.238%20C%2025.654%2C5.07%2027.634%2C5.103%2028.833%2C6.313%20C%2030.032%2C7.522%2029.998%2C9.452%2028.757%2C10.621%20C%2027.517%2C11.789%2025.536%2C11.756%2024.338%2C10.546%20C%2023.139%2C9.337%2023.173%2C7.407%2024.414%2C6.238%20Z%22%20fill%3D%22%23802d28%22/%3E%3C/svg%3E%0A"); }
.map_container a.bing_maps { background: #0c8384 url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2236pt%22%20height%3D%2236pt%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20d%3D%22M%2012.128%2C7.339%20L%2012.128%2C26.243%20L%2016.299%2C28.66%20L%2026.992%2C22.535%20L%2026.992%2C17.602%20L%2017.591%2C14.39%20L%2019.378%2C19.059%20L%2022.258%2C20.317%20L%2016.333%2C23.76%20L%2016.333%2C8.862%20L%2012.128%2C7.339%20Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E"); }
.map_container a.google_maps, .map_container a.bing_maps { background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; width: 32px; height: 32px; display: inline-block; zoom: 1; *display: inline; text-indent: 200%; overflow: hidden; white-space: nowrap; border-radius: 2em; }

section.meta .map_container { max-width: 160px; width: 100%; display: inline-block; zoom: 1; *display: inline; }

section.meta #all_the_maps { text-align: center; }

.a_feature { width: 34px; height: 34px; display: inline-block; zoom: 1; *display: inline; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2248pt%22%20height%3D%2248pt%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M%202.349%2C19.388%20L%2014.806%2C29.402%20L%2010.645%2C44.835%20L%2024.019%2C36.081%20L%2037.409%2C44.808%20L%2033.217%2C29.383%20L%2045.654%2C19.344%20L%2029.69%2C18.565%20L%2023.986%2C3.634%20L%2018.311%2C18.577%20L%202.349%2C19.388%20Z%22%20stroke%3D%22%23cccccc%22%20fill%3D%22%23e5e5e5%22%20stroke-width%3D%221.76%22%20stroke-linejoin%3D%22miter%22/%3E%3C/svg%3E"); background-size: 100%; background-position: center center; background-repeat: no-repeat; vertical-align: top; margin-top: 3px; text-decoration: none; }
.a_feature.featured { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2248pt%22%20height%3D%2248pt%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22RadialGradient%22%20gradientUnits%3D%22userSpaceOnUse%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2224.713%22%20gradientTransform%3D%22translate%2824.009%2026.401%29%20rotate%2854.5324%29%20scale%281%200.99996%29%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffffff%22/%3E%3Cstop%20offset%3D%220.373271495103836%22%20stop-color%3D%22%23fffc00%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ff8200%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M%202.349%2C19.388%20L%2014.806%2C29.402%20L%2010.645%2C44.835%20L%2024.019%2C36.081%20L%2037.409%2C44.808%20L%2033.217%2C29.383%20L%2045.654%2C19.344%20L%2029.69%2C18.565%20L%2023.986%2C3.634%20L%2018.311%2C18.577%20L%202.349%2C19.388%20Z%22%20stroke-width%3D%221.76%22%20stroke%3D%22%23ff8200%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22url%28%23RadialGradient%29%22/%3E%3C/svg%3E"); }
.a_feature:hover { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2248pt%22%20height%3D%2248pt%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M%202.349%2C19.388%20L%2014.806%2C29.402%20L%2010.645%2C44.835%20L%2024.019%2C36.081%20L%2037.409%2C44.808%20L%2033.217%2C29.383%20L%2045.654%2C19.344%20L%2029.69%2C18.565%20L%2023.986%2C3.634%20L%2018.311%2C18.577%20L%202.349%2C19.388%20Z%22%20stroke%3D%22%23ffc17f%22%20fill%3D%22%23fffe7f%22%20stroke-width%3D%221.76%22%20stroke-linejoin%3D%22miter%22/%3E%3C/svg%3E"); text-decoration: none; }

@media (max-width: 1199px) { .meta .sharers { display: none; } }
@media (max-width: 500px) { .map_container { padding-top: 0; }
  .map_container .map.map_small { display: none; } }
.article_edit_tools { border-top: 1px solid #e0e1e2; border-bottom: 1px solid #e0e1e2; padding: 5px 0; text-align: center; }
.article_edit_tools a { font-size: 18px; color: #f84522; }
.article_edit_tools ul, .article_edit_tools li { padding: 0; list-style: none; display: inline-block; zoom: 1; *display: inline; }
.article_edit_tools a.tool { display: inline-block; zoom: 1; *display: inline; text-indent: 200%; overflow: hidden; white-space: nowrap; width: 40px; height: 40px; background-image: url("/images/edit_tools.png"); background-size: 80px 40px; background-repeat: no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.2), only screen and (min--moz-device-pixel-ratio: 1.2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 1.2), only screen and (min-resolution: 120dpi), only screen and (min-resolution: 1.2dppx) { .article_edit_tools a.tool { background-image: url("/images/edit_tools@2x.png"); } }
.article_edit_tools .view_total { display: inline-block; zoom: 1; *display: inline; height: 40px; }
.article_edit_tools .view_total a { text-decoration: none; color: black; line-height: 1; }
.article_edit_tools .edit_article { background-position: 0 0; }
.article_edit_tools .add { background-position: -40px 0; }

.list_article > header h1 { padding: 0; }
.list_article .meta p { padding: 0; line-height: 1.2; }
.list_article .meta .article_edit_tools { border: none; }
.list_article .meta .article_edit_tools a.tool { width: 20px; height: 20px; background-size: 40px 20px; margin-top: -5px; margin-bottom: -5px; }
.list_article .meta .article_edit_tools a.tool .edit_article { background-position: 0 0; }
.list_article .meta .article_edit_tools a.tool .add { background-position: -41px 0; }

@media (max-width: 1119px) { .article_edit_tools { border-bottom: 0; } }
@media (max-width: 450px) { article.list_article h1 { font-size: 1.8em; } }
#contact_form { padding: 0; }

.split.question_list.right { padding-right: 0 !important; }

td.icon_cell { width: 85px; text-align: center; font-size: 0.8em; }

td.soft_cell div.soft_title a { font-size: 1.2em; font-weight: bold; }
td.soft_cell span.soft_ver { font-weight: normal; font-size: 0.8em; }

.inline_attach_list li { line-height: 1.1; }

/* tinyMCE fixes */
body { /* Adding body to the front overrides the skin override */ }
body .mce-panel, body .mce-btn, body .mce-btn:hover, body .mce-menu-item.mce-disabled, body .mce-menu-item.mce-disabled:hover { background: #f0f0f0; }
body .mce-btn:hover { border: 1px solid transparent !important; }
body .mce-menubar .mce-menubtn:hover, body .mce-menubar .mce-menubtn.mce-active, body .mce-menubar .mce-menubtn:focus { background: #f0f0f0; }
body .mce-btn.mce-active { background: #ff9d1f; }
body .mce-menu-item:hover { background: #cccccc; }
body .mce-menu-item:hover .mce-text { color: black; }

.mce-branding { display: none !important; }

.mce-statusbar .mce-flow-layout-item.mce-wordcount { margin-right: 8px; }

article.main article.mini, article.main article.feature { margin-left: 0; width: 100%; max-width: 900px; min-height: 120px; }
article.main article.mini > p, article.main article.mini > div, article.main article.mini > h1, article.main article.mini > h2, article.main article.mini > h3, article.main article.mini > h4, article.main article.mini > .summary, article.main article.feature > p, article.main article.feature > div, article.main article.feature > h1, article.main article.feature > h2, article.main article.feature > h3, article.main article.feature > h4, article.main article.feature > .summary { padding-left: 16px; padding-right: 16px; }
article.main article.feature.tiny { padding: 0; margin: 0 12px 0 0; min-height: 0; height: 105px; overflow: hidden; border-bottom: 1px solid #e0e1e2; }
article.main article.feature.tiny .text { background-color: white; padding: 0; min-height: 0; top: 0; position: relative; }
article.main article.feature.tiny .text h1 { font-size: 15px; }
article.main article.feature.tiny .text p { font-size: 14px; }
article.main article.feature.tiny .more, article.main article.feature.tiny .meta, article.main article.feature.tiny .comment_count { display: none; }

article.mini.quicky { border: 1px solid #e0e1e2; }
article.mini.quicky .split section.summary, article.mini.quicky .split section.meta { padding: 0; }
article.mini.quicky .split section.summary p, article.mini.quicky .split section.meta p { margin-left: 0; }

div.section_articles { clear: both; }

@media (max-width: 1119px) { div.section_articles { max-width: 915px; margin-left: auto; margin-right: auto; } }
@media (max-width: 990px) { div.section_articles { max-width: 687px; margin-left: auto; margin-right: auto; } }
@media (max-width: 750px) { div.section_articles { max-width: 459px; margin-left: auto; margin-right: auto; } }
article.feature, article.mini, article.gallery_story { width: 100%; float: none; margin: 2% 0; padding-top: 8px; position: relative; margin-left: 0; }
article.feature .image, article.feature .empty, article.mini .image, article.mini .empty, article.gallery_story .image, article.gallery_story .empty { display: block; margin: 0 20px; float: left; }
article.feature .empty, article.mini .empty, article.gallery_story .empty { width: 100px; height: 100px; float: left; }
article.feature h1, article.mini h1, article.gallery_story h1 { padding-bottom: 0; font-size: 1.5em; }
article.feature .more, article.mini .more, article.gallery_story .more { text-align: right; padding-right: 10px; padding-bottom: 8px; }

article.feature.draft:after { content: 'DRAFT'; color: #000000; }
article.feature.removed:after, article.feature.disabled:after { content: 'REMOVED'; color: #ff0000; }
article.feature.pending:after { content: 'PENDING'; color: #009900; }
article.feature.draft, article.feature.pending, article.feature.removed, article.feature.disabled { opacity: 0.5; }
article.feature.draft:after, article.feature.pending:after, article.feature.removed:after, article.feature.disabled:after { font-size: 3em; font-weight: bold; opacity: 0.7; margin: 0 auto; position: absolute; bottom: 20%; transform: rotate(-12deg); }
article.feature.draft.huge:after, article.feature.pending.huge:after, article.feature.removed.huge:after, article.feature.disabled.huge:after { font-size: 5em; }

@media (min-width: 500px) { article.main article.feature { float: left; position: relative; padding-top: 0; width: 216px; padding-bottom: 319px; margin: 0 12px 12px 0; overflow: hidden; }
  article.main article.feature.alignright { float: right; margin-left: 12px; margin-right: 0; margin-top: 12px; }
  article.main article.feature.alignleft { margin-top: 12px; }
  article.main article.feature p { line-height: 1.3; -webkit-hyphens: auto; -webkit-hyphenate-limit-before: 4; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 4 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 4 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%; -ms-hyphens: auto; -ms-hyphenate-limit-chars: 6 4 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%; hyphens: auto; hyphenate-limit-chars: 6 4 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%; }
  article.main article.feature .image.noshow { display: none; }
  article.main article.feature .feature_image, article.main article.feature .empty { position: absolute; top: 0; left: 0; width: 100%; height: 1px; padding-bottom: 66.66%; margin: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }
  article.main article.feature h1 { margin-top: 0.5em; font-size: 1.6em; line-height: 1.2; }
  article.main article.feature .text { position: absolute; top: 150px; padding: 0 8px; width: 100%; }
  article.main article.feature .more { position: absolute; bottom: 0; right: 0; text-align: right; background-color: white; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 15%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border: 0; padding: 0 8px; padding-bottom: 6px; padding-left: 20px; }
  article.main article.feature .more p { padding-top: 0.25em; }
  article.main article.feature .feature_image.portrait { padding-bottom: 147.525%; }
  article.main article.feature .feature_image.square { padding-bottom: 100%; }
  article.main article.feature.square .text { position: absolute; bottom: 0; top: auto; padding-bottom: 20px; background: white; }
  article.main article.feature.portrait h1, article.main article.feature.portrait h1 a, article.main article.feature.portrait .meta, article.main article.feature.portrait section.meta time, article.main article.feature.portrait section.meta a { color: white; }
  article.main article.feature.portrait .text { position: absolute; bottom: 0; top: auto; padding-bottom: 20px; background-color: black; background-color: rgba(0, 0, 0, 0.5); color: white; backdrop-filter: blur(2px); }
  article.main article.feature.portrait .more { background: none; background-color: transparent; }
  article.main article.feature.small { padding-bottom: 151.5px; }
  article.main article.feature.small .text { top: 0; }
  article.main article.feature.medium { border-top: 0; }
  article.main article.feature.huge { border-top: 0; width: 444px; padding-bottom: 653px; }
  article.main article.feature.huge.landscape .text { top: 300px; }
  article.main article.feature.huge.square .text, article.main article.feature.huge.portrait .text { padding-bottom: 40px; }
  article.main article.feature.huge .text { padding: 20px 40px; }
  article.main article.feature.huge .text h1 { font-size: 30px; }
  article.main article.feature.huge .text p { font-size: 20px; } }
@media (min-width: 400px) { article.main article.gallery_story { margin: 0; padding-bottom: 8px; padding-top: 0; }
  article.main article.gallery_story .gallery_file { margin-right: 20px; }
  article.main article.gallery_story p { font-size: 16px; } }
@media (min-width: 900px) { article.feature .feature_image { transition: transform .5s; }
  body.ie article.feature .feature_image { transition: transform .2s; }
  article.feature:hover .feature_image { transform: scale(1.05) translate3d(0, 0, 0); }
  .magazine article.feature.huge:hover .feature_image { transform: scale(1.03) translate3d(0, 0, 0); }
  article.feature.property:hover .feature_image { transform: scale(1) translate3d(0, 0, 0); } }
@media (min-width: 650px) { article.main article.mini { float: left; position: relative; margin: 0 12px 12px 0; }
  article.main article.mini.alignright, article.main article.mini.alignleft { max-width: 350px; }
  article.main article.mini.alignright { float: right; margin-left: 12px; margin-right: 0; margin-top: 12px; }
  article.main article.mini.alignleft { margin-top: 12px; }
  article.main article.mini p { line-height: 1.3; -webkit-hyphens: auto; -webkit-hyphenate-limit-before: 4; -webkit-hyphenate-limit-after: 3; -webkit-hyphenate-limit-chars: 6 4 3; -webkit-hyphenate-limit-lines: 2; -webkit-hyphenate-limit-last: always; -webkit-hyphenate-limit-zone: 8%; -moz-hyphens: auto; -moz-hyphenate-limit-chars: 6 4 3; -moz-hyphenate-limit-lines: 2; -moz-hyphenate-limit-last: always; -moz-hyphenate-limit-zone: 8%; -ms-hyphens: auto; -ms-hyphenate-limit-chars: 6 4 3; -ms-hyphenate-limit-lines: 2; -ms-hyphenate-limit-last: always; -ms-hyphenate-limit-zone: 8%; hyphens: auto; hyphenate-limit-chars: 6 4 3; hyphenate-limit-lines: 2; hyphenate-limit-last: always; hyphenate-limit-zone: 8%; } }
/* make directory listings nicer */
@media (min-width: 1000px) { article.main article.feature.tiny { width: 216px; } }
@media (max-width: 1000px) { article.main article.feature.tiny { width: 31%; } }
@media (max-width: 700px) { article.main article.feature.tiny { width: 45%; } }
@media (max-width: 500px) { article.main article.feature.tiny { width: 100%; float: none; height: auto; min-height: 0; margin-bottom: 12px; } }
@media (min-width: 1200px) { div.image-frame.overscan, div.embed-container.overscan, .greybox.overscan, .bluebox.overscan, .pinkbox.overscan, .highlight.overscan, .pullquote.overscan, .boxout.overscan { margin-left: -44px; margin-right: -44px; }
  div.image-frame.overscan, .greybox.overscan, .pinkbox.overscan, .bluebox.overscan, .boxout.overscan, .highlight.overscan, aside.pullquote.centre.overscan { max-width: 1000px; } }
@media (min-width: 1200px) { article.main article.feature.alignright.overscan, article.main article.feature.alignright.less_overscan, article.main article.feature.alignright.more_overscan, article.main article.feature.alignright.full_overscan, article.main article.feature.right.overscan, article.main article.feature.right.less_overscan, article.main article.feature.right.more_overscan, article.main article.feature.right.full_overscan, article.main article.mini.alignright.overscan, article.main article.mini.alignright.less_overscan, article.main article.mini.alignright.more_overscan, article.main article.mini.alignright.full_overscan, article.main article.mini.right.overscan, article.main article.mini.right.less_overscan, article.main article.mini.right.more_overscan, article.main article.mini.right.full_overscan, figure.alignright.overscan, figure.alignright.less_overscan, figure.alignright.more_overscan, figure.alignright.full_overscan, figure.right.overscan, figure.right.less_overscan, figure.right.more_overscan, figure.right.full_overscan, div.embed-container.alignright.overscan, div.embed-container.alignright.less_overscan, div.embed-container.alignright.more_overscan, div.embed-container.alignright.full_overscan, div.embed-container.right.overscan, div.embed-container.right.less_overscan, div.embed-container.right.more_overscan, div.embed-container.right.full_overscan, div.carousel.alignright.overscan, div.carousel.alignright.less_overscan, div.carousel.alignright.more_overscan, div.carousel.alignright.full_overscan, div.carousel.right.overscan, div.carousel.right.less_overscan, div.carousel.right.more_overscan, div.carousel.right.full_overscan, aside.alignright.overscan, aside.alignright.less_overscan, aside.alignright.more_overscan, aside.alignright.full_overscan, aside.right.overscan, aside.right.less_overscan, aside.right.more_overscan, aside.right.full_overscan, div.alignright.overscan, div.alignright.less_overscan, div.alignright.more_overscan, div.alignright.full_overscan, div.right.overscan, div.right.less_overscan, div.right.more_overscan, div.right.full_overscan { margin-right: -44px; margin-left: 20px; }
  article.main article.feature.alignright.tiny_overscan, article.main article.feature.right.tiny_overscan, article.main article.mini.alignright.tiny_overscan, article.main article.mini.right.tiny_overscan, figure.alignright.tiny_overscan, figure.right.tiny_overscan, div.embed-container.alignright.tiny_overscan, div.embed-container.right.tiny_overscan, div.carousel.alignright.tiny_overscan, div.carousel.right.tiny_overscan, aside.alignright.tiny_overscan, aside.right.tiny_overscan, div.alignright.tiny_overscan, div.right.tiny_overscan { margin-right: -30px; margin-left: 20px; } }
@media (min-width: 1250px) { article.main article.feature.alignright.overscan, article.main article.feature.alignright.more_overscan, article.main article.feature.alignright.full_overscan, article.main article.feature.right.overscan, article.main article.feature.right.more_overscan, article.main article.feature.right.full_overscan, article.main article.mini.alignright.overscan, article.main article.mini.alignright.more_overscan, article.main article.mini.alignright.full_overscan, article.main article.mini.right.overscan, article.main article.mini.right.more_overscan, article.main article.mini.right.full_overscan, figure.alignright.overscan, figure.alignright.more_overscan, figure.alignright.full_overscan, figure.right.overscan, figure.right.more_overscan, figure.right.full_overscan, div.embed-container.alignright.overscan, div.embed-container.alignright.more_overscan, div.embed-container.alignright.full_overscan, div.embed-container.right.overscan, div.embed-container.right.more_overscan, div.embed-container.right.full_overscan, div.carousel.alignright.overscan, div.carousel.alignright.more_overscan, div.carousel.alignright.full_overscan, div.carousel.right.overscan, div.carousel.right.more_overscan, div.carousel.right.full_overscan, aside.alignright.overscan, aside.alignright.more_overscan, aside.alignright.full_overscan, aside.right.overscan, aside.right.more_overscan, aside.right.full_overscan, div.alignright.overscan, div.alignright.more_overscan, div.alignright.full_overscan, div.right.overscan, div.right.more_overscan, div.right.full_overscan { margin-right: -100px; margin-left: 20px; } }
@media (min-width: 1400px) { article.main article.feature.alignright.more_overscan, article.main article.feature.right.more_overscan, article.main article.mini.alignright.more_overscan, article.main article.mini.right.more_overscan, figure.alignright.more_overscan, figure.right.more_overscan, div.embed-container.alignright.more_overscan, div.embed-container.right.more_overscan, div.carousel.alignright.more_overscan, div.carousel.right.more_overscan, aside.alignright.more_overscan, aside.right.more_overscan, div.alignright.more_overscan, div.right.more_overscan { margin-right: -200px; margin-left: 20px; }
  article.main article.feature.alignright.full_overscan, article.main article.feature.right.full_overscan, article.main article.mini.alignright.full_overscan, article.main article.mini.right.full_overscan, figure.alignright.full_overscan, figure.right.full_overscan, div.embed-container.alignright.full_overscan, div.embed-container.right.full_overscan, div.carousel.alignright.full_overscan, div.carousel.right.full_overscan, aside.alignright.full_overscan, aside.right.full_overscan, div.alignright.full_overscan, div.right.full_overscan { margin-right: -250px; margin-left: 20px; } }
@media (min-width: 1120px) { article.main article.feature.alignleft.more_overscan, article.main article.feature.left.more_overscan, article.main article.mini.alignleft.more_overscan, article.main article.mini.left.more_overscan, figure.alignleft.more_overscan, figure.left.more_overscan, div.embed-container.alignleft.more_overscan, div.embed-container.left.more_overscan, div.carousel.alignleft.more_overscan, div.carousel.left.more_overscan, aside.alignleft.more_overscan, aside.left.more_overscan, div.alignleft.more_overscan, div.left.more_overscan { margin-left: -200px; margin-right: 20px; }
  article.main article.feature.alignleft.overscan, article.main article.feature.left.overscan, article.main article.mini.alignleft.overscan, article.main article.mini.left.overscan, figure.alignleft.overscan, figure.left.overscan, div.embed-container.alignleft.overscan, div.embed-container.left.overscan, div.carousel.alignleft.overscan, div.carousel.left.overscan, aside.alignleft.overscan, aside.left.overscan, div.alignleft.overscan, div.left.overscan { margin-left: -100px; margin-right: 20px; }
  article.main article.feature.alignleft.less_overscan, article.main article.feature.left.less_overscan, article.main article.mini.alignleft.less_overscan, article.main article.mini.left.less_overscan, figure.alignleft.less_overscan, figure.left.less_overscan, div.embed-container.alignleft.less_overscan, div.embed-container.left.less_overscan, div.carousel.alignleft.less_overscan, div.carousel.left.less_overscan, aside.alignleft.less_overscan, aside.left.less_overscan, div.alignleft.less_overscan, div.left.less_overscan { margin-left: -44px; margin-right: 20px; }
  article.main article.feature.alignleft.tiny_overscan, article.main article.feature.left.tiny_overscan, article.main article.mini.alignleft.tiny_overscan, article.main article.mini.left.tiny_overscan, figure.alignleft.tiny_overscan, figure.left.tiny_overscan, div.embed-container.alignleft.tiny_overscan, div.embed-container.left.tiny_overscan, div.carousel.alignleft.tiny_overscan, div.carousel.left.tiny_overscan, aside.alignleft.tiny_overscan, aside.left.tiny_overscan, div.alignleft.tiny_overscan, div.left.tiny_overscan { margin-right: -30px; margin-left: 20px; } }
@media (min-width: 1200px) { article.main article.feature.aligncenter.overscan, article.main article.feature.aligncentre.overscan, article.main article.feature.centre.overscan, article.main article.feature.center.overscan, article.main article.mini.aligncenter.overscan, article.main article.mini.aligncentre.overscan, article.main article.mini.centre.overscan, article.main article.mini.center.overscan, figure.aligncenter.overscan, figure.aligncentre.overscan, figure.centre.overscan, figure.center.overscan, div.embed-container.aligncenter.overscan, div.embed-container.aligncentre.overscan, div.embed-container.centre.overscan, div.embed-container.center.overscan, div.carousel.aligncenter.overscan, div.carousel.aligncentre.overscan, div.carousel.centre.overscan, div.carousel.center.overscan, aside.aligncenter.overscan, aside.aligncentre.overscan, aside.centre.overscan, aside.center.overscan, div.aligncenter.overscan, div.aligncentre.overscan, div.centre.overscan, div.center.overscan { margin-left: -44px; margin-right: -44px; } }

@media (min-width: 500px) { article.main article.feature.alignleft, article.main article.feature.alignright { box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); }
  article.main article.feature.alignleft .text, article.main article.feature.alignright .text { padding: 0; }
  article.main article.feature.alignleft .text p, article.main article.feature.alignright .text p { font-size: 16px; }
  article.main article.feature.alignleft .text h1, article.main article.feature.alignright .text h1 { font-size: 20px; }
  article.main article.feature.alignleft .text p, article.main article.feature.alignleft .text h1, article.main article.feature.alignright .text p, article.main article.feature.alignright .text h1 { padding-left: 20px; padding-right: 20px; }
  article.main article.feature.hybrid { padding-bottom: 142px; background-color: rgba(255, 255, 255, 0.7); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(255, 255, 255, 0.2); }
  article.main article.feature.hybrid .feature_image { z-index: -1; }
  article.main article.feature.hybrid .text { top: 0; }
  article.main article.feature.hybrid .text p { font-size: 15px; line-height: 1.2; }
  article.main article.feature.hybrid .more { background: none; background-color: transparent; }
  article.main article.feature.hybrid .more a:hover { color: #ee3900; } }
@media (min-width: 1120px) and (max-width: 1168px) { article.main section.maintext { max-width: 850px; }
  article.main article.feature { width: 23%; }
  article.main article.feature.huge { width: 48%; }
  article.main article.feature.huge .feature_image.portrait { padding-bottom: 160%; } }
.sharers .explain, .sharers .s-space, .sharers a { vertical-align: middle; display: inline-block; zoom: 1; *display: inline; }
.sharers a { color: white; }
.sharers .raised { box-shadow: 3px 3px 4px black; box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25); }
.sharers .raised:active { box-shadow: none; }
.sharers .s-space { width: 1em; }
.sharers .explain { margin-right: 1em; }
.sharers .s-twitter { background: #03b3ee url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='56.319pt' height='56.45pt' viewBox='0 0 56.319 56.45'%3E%3Cpath d='M 46.814,17.639 C 45.445,18.251 43.974,18.658 42.429,18.845 C 44.006,17.896 45.216,16.4 45.787,14.617 C 44.309,15.496 42.679,16.13 40.942,16.468 C 39.544,14.984 37.563,14.059 35.365,14.059 C 31.147,14.059 27.73,17.48 27.73,21.694 C 27.73,22.294 27.798,22.877 27.928,23.434 C 21.58,23.115 15.955,20.079 12.189,15.456 C 11.532,16.587 11.157,17.896 11.157,19.297 C 11.157,21.946 12.504,24.28 14.55,25.652 C 13.302,25.612 12.123,25.267 11.093,24.698 C 11.093,24.728 11.093,24.761 11.093,24.793 C 11.093,28.49 13.725,31.578 17.217,32.275 C 16.576,32.457 15.902,32.549 15.205,32.549 C 14.717,32.549 14.235,32.5 13.768,32.41 C 14.741,35.443 17.566,37.652 20.903,37.715 C 18.288,39.759 15,40.984 11.42,40.984 C 10.804,40.984 10.198,40.946 9.598,40.872 C 12.978,43.042 16.99,44.308 21.301,44.308 C 35.347,44.308 43.027,32.67 43.027,22.582 C 43.027,22.25 43.02,21.921 43.007,21.59 C 44.496,20.515 45.791,19.171 46.814,17.639 Z' fill='white'/%3E%3C/svg%3E") no-repeat center center; background-size: 30px 30px; }
.sharers .s-facebook { background: #005689 url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='56.319pt' height='56.45pt' viewBox='0 0 56.319 56.45'%3E%3Cpath d='M 36.426,21.719 L 30.133,21.719 L 30.133,17.534 C 30.593,13.577 37.128,14.329 37.128,14.329 L 37.13,14.058 L 37.128,14.028 L 37.128,7.529 L 37.127,7.529 L 37.127,7.527 L 37.122,7.527 C 36.898,7.475 24.122,4.443 21.585,14.165 C 21.585,14.168 21.585,14.171 21.583,14.173 C 21.577,14.194 21.572,14.216 21.566,14.237 C 21.166,15.452 21.195,21.02 21.198,21.719 L 15.745,21.719 L 15.745,29.163 L 21.538,29.163 L 21.538,49.411 L 29.973,49.411 L 29.973,29.163 L 36.424,29.163 L 37.152,21.719 L 36.426,21.719 Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center; background-size: 30px 30px; }
.sharers .s-linkedin { background: #0071a1 url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='56.319pt' height='56.45pt' viewBox='0 0 56.319 56.45'%3E%3Cpath d='M 11.965,24.318 L 18.907,24.318 L 18.907,46.652 L 11.965,46.652 L 11.965,24.318 Z M 15.438,13.217 C 17.657,13.217 19.461,15.019 19.461,17.24 C 19.461,19.462 17.657,21.265 15.438,21.265 C 13.213,21.265 11.412,19.462 11.412,17.24 C 11.413,15.02 13.213,13.217 15.438,13.217' fill='white'/%3E%3Cpath d='M 23.261,24.318 L 29.918,24.318 L 29.918,27.37 L 30.011,27.37 C 30.938,25.614 33.203,23.763 36.579,23.763 C 43.608,23.763 44.906,28.389 44.906,34.402 L 44.906,46.652 L 37.969,46.652 L 37.969,35.791 C 37.969,33.201 37.921,29.869 34.363,29.869 C 30.75,29.869 30.196,32.691 30.196,35.604 L 30.196,46.652 L 23.26,46.652 L 23.26,24.318 Z' fill='white'/%3E%3C/svg%3E%0A") center -2px no-repeat; background-size: 30px 30px; }
.sharers .s-email { background: #ff9d1f url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='56.319pt' height='56.45pt' viewBox='0 0 56.319 56.45'%3E%3Cpath fill='white' d='M 10.779,18.477 C 11.789,19.022 25.766,26.53 26.285,26.806 C 26.806,27.088 27.48,27.223 28.157,27.223 C 28.838,27.223 29.512,27.088 30.034,26.806 C 30.553,26.53 44.531,19.022 45.54,18.477 C 46.549,17.937 47.506,16.234 45.65,16.234 L 10.668,16.234 C 8.814,16.234 9.769,17.937 10.779,18.477 M 45.968,22.613 C 44.819,23.211 30.735,30.577 30.034,30.943 C 29.331,31.31 28.838,31.358 28.157,31.358 C 27.48,31.358 26.989,31.31 26.285,30.943 C 25.583,30.577 11.501,23.211 10.352,22.613 C 9.546,22.195 9.551,22.687 9.551,23.067 C 9.551,23.449 9.551,38.233 9.551,38.233 C 9.551,39.101 10.705,40.216 11.603,40.216 L 44.717,40.216 C 45.613,40.216 46.767,39.101 46.767,38.233 C 46.767,38.233 46.767,23.449 46.767,23.067 C 46.767,22.687 46.774,22.195 45.968,22.613 Z'/%3E%3C/svg%3E%0A") no-repeat center center; background-size: 30px 30px; }
.sharers .s-pinterest { background: #cc2127 url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='56.319pt' height='56.45pt' viewBox='0 0 56.319 56.45'%3E%3Cpath d='M 28.726,7.058 C 17.643,7.058 11.761,14.494 11.761,22.6 C 11.761,26.363 13.764,31.052 16.972,32.544 C 17.46,32.772 17.718,32.672 17.829,32.203 C 17.915,31.845 18.35,30.103 18.543,29.291 C 18.606,29.031 18.575,28.808 18.363,28.552 C 17.308,27.269 16.457,24.9 16.457,22.695 C 16.457,17.033 20.745,11.554 28.049,11.554 C 34.36,11.554 38.774,15.849 38.774,21.998 C 38.774,28.945 35.271,33.756 30.704,33.756 C 28.182,33.756 26.295,31.675 26.9,29.113 C 27.627,26.063 29.028,22.767 29.028,20.568 C 29.028,18.593 27.969,16.948 25.779,16.948 C 23.203,16.948 21.131,19.615 21.131,23.187 C 21.131,25.46 21.901,26.997 21.901,26.997 C 21.901,26.997 19.358,37.759 18.893,39.762 C 18.1,43.161 18.996,48.669 19.075,49.151 C 19.116,49.408 19.403,49.496 19.565,49.279 C 19.815,48.945 22.882,44.345 23.75,41.019 C 24.058,39.818 25.346,34.914 25.346,34.914 C 26.187,36.511 28.629,37.861 31.231,37.861 C 38.974,37.861 44.557,30.737 44.557,21.891 C 44.557,13.406 37.635,7.058 28.726,7.058' fill='white'/%3E%3C/svg%3E%0A") no-repeat center center; background-size: 30px 30px; }
.sharers .s-instagram { background: #b02bb5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 36 36'%3E%3Cpath d='M10.968 24.062c-3.339-3.881-2.899-9.743.983-13.082 3.881-3.338 9.743-2.898 13.082.984 3.338 3.881 2.898 9.742-.984 13.081-3.881 3.339-9.742 2.899-13.081-.983zm11.013-1.422a6.107 6.107 0 0 0 .647-8.608 6.107 6.107 0 0 0-8.608-.647 6.106 6.106 0 0 0-.647 8.609 6.106 6.106 0 0 0 8.608.646zM26.199 6.771a2.153 2.153 0 1 1 2.85 3.227 2.153 2.153 0 0 1-2.85-3.227z' fill='%23fff'/%3E%3Cpath d='M1.651 10.102v15.821a8.43 8.43 0 0 0 8.426 8.426h15.846a8.43 8.43 0 0 0 8.426-8.426V10.102a8.43 8.43 0 0 0-8.426-8.426H10.077a8.43 8.43 0 0 0-8.426 8.426z' fill='transparent' stroke='%23fff' stroke-width='3.3'/%3E%3C/svg%3E") no-repeat center center; background-size: 20px 20px; }
.sharers .s-youtube { background: #ff0000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='48' viewBox='0 0 42 36'%3E%3Cpath d='M3.345 5.008c-.391.204-1.145.797-1.415 1.265C.355 8.513.168 14.688.165 17.955c.003 3.267.19 9.442 1.765 11.682.178.253.733.967 1.29 1.355 2.029 1.492 12.472 1.654 17.717 1.657 5.246-.003 15.688-.165 17.717-1.657.391-.204 1.145-.797 1.415-1.265 1.575-2.24 1.762-8.415 1.765-11.682-.003-3.323-.196-9.655-1.847-11.794-.318-.468-1.025-1.122-1.208-1.243-2.029-1.492-12.472-1.654-17.717-1.657-5.246.003-15.688.165-17.717 1.657zm13.481 6.687l10.779 6.251-10.779 6.191V11.695z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: 20px 20px; }
.sharers .s-flickr { background: #e5e5e5 url("data:image/svg+xml,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' version='1.1' width='30pt' height='30pt' viewBox='0 0 30 30'%3E%3Cpath d='M 6.521,18.151 C 8.26,19.89 11.084,19.89 12.823,18.151 C 14.562,16.412 14.562,13.588 12.823,11.849 C 11.084,10.11 8.26,10.11 6.521,11.849 C 4.782,13.588 4.782,16.412 6.521,18.151 Z' fill='%230064dc'/%3E%3Cpath d='M 17.177,18.151 C 18.916,19.89 21.74,19.89 23.479,18.151 C 25.218,16.412 25.218,13.588 23.479,11.849 C 21.74,10.11 18.916,10.11 17.177,11.849 C 15.438,13.588 15.438,16.412 17.177,18.151 Z' fill='%23ff0084'/%3E%3C/svg%3E") no-repeat center center; background-size: 30px 30px; border-top: 1px solid white; border-bottom: 1px solid #e0e1e2; }
.sharers .s-flickr:hover { border: none; }
.sharers .s-reddit { background: #ff3f18 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 -36 36 36'%3E%3Cpath d='M11.738-5.323c-3.086-.978-6.314-3.102-7.778-5.949-.762-1.481-1.258-3.41-.916-5.383.013-.073.031-.222.004-.297-.04-.109-.135-.166-.199-.207-.233-.15-.942-.6-1.439-1.51a3.87 3.87 0 0 1 .556-4.435 3.723 3.723 0 0 1 4.289-.76l1.212.58c.129.07.253.072.369-.013 2.791-1.909 6.022-2.819 9.594-2.95h.014l-.004-.001c.163-.001.314-.068.354-.196l2.017-6.383c.177-.561 1.042-.834 1.618-.711l5.071 1.09c.253.055.521-.03.744-.212a2.837 2.837 0 0 1 4.155 3.861 2.837 2.837 0 0 1-4.711-.81l.001-.004c-.013-.027-.024-.057-.041-.103a1.822 1.822 0 0 1-.055-.156c-.1-.284-.236-.643-.6-.718l-4.399-.941c-.095-.02-.241.019-.27.111l-1.613 5.024c-.03.091.034.203.164.234 3.059.286 5.843 1.192 8.29 2.865.116.085.24.083.369.013l1.068-.672c1.406-.676 3.292-.33 4.433.852a3.87 3.87 0 0 1 .556 4.435c-.497.91-1.206 1.36-1.439 1.51-.064.041-.159.098-.199.207-.027.075-.009.224.004.297.342 1.973-.154 3.902-.916 5.383-1.464 2.847-4.692 4.971-7.778 5.949a21.62 21.62 0 0 1-5.71.963c-1.937.06-4.407-.201-6.815-.963zm11.781-4.876l-.003-.004a.861.861 0 0 0 .09-1.34.862.862 0 0 0-.978-.125l.002.003c-.002.002-.111.066-.16.102-2.907 1.855-5.928 1.962-9.078-.03-.031-.023-.109-.07-.111-.072l-.002.003.001-.003a.9.9 0 0 0-.268-.089h-.279a.852.852 0 0 0-.494.266.861.861 0 0 0 .056 1.213l.08.078c3.872 2.508 7.579 2.355 11.144-.002zm-9.144-5.356a2.347 2.347 0 0 0-3.377-3.256 2.347 2.347 0 0 0 3.377 3.256zm10.467 0a2.348 2.348 0 0 0-.06-3.317 2.347 2.347 0 1 0 .06 3.317z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: 24px 24px; }
.sharers .s-tumblr { background: #002244 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 -36 36 36'%3E%3Cpath d='M21.893-1.241c-5.053 0-8.797-2.587-8.797-8.796v-9.932H8.509v-5.388c5.05-1.303 7.152-5.639 7.385-9.408h5.241v8.525h6.104v6.251h-6.104v8.649c0 2.586 1.303 3.491 3.386 3.491h2.969v6.588h-5.597z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 3px center; background-size: 22px 22px; }
.sharers .s-www { background: #ff5722 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53' height='53' viewBox='0 0 39.75 39.75'%3E%3Cpath d='M6.923 33.142c7.324 7.15 19.072 7.008 26.221-.315 7.149-7.325 7.007-19.072-.317-26.22-7.324-7.15-19.07-7.008-26.22.315-7.15 7.325-7.007 19.072.316 26.22zm7.772 0c2.928 7.149 7.628 7.008 10.487-.315 2.859-7.324 2.802-19.071-.127-26.219-2.928-7.149-7.628-7.009-10.488.315-2.857 7.324-2.802 19.071.128 26.219zM1.339 19.876l37.073-.002M2.874 11.247l34.002-.004M3.21 28.507l33.666-.004' stroke='%23fff' stroke-width='2.672' fill='transparent'/%3E%3C/svg%3E") no-repeat center center; background-size: 22px 22px; }
.sharers .s-whatsapp { background: #25d366 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 -36 36 36'%3E%3Cpath d='M10.333-9.255C6.612-12.896 3.088-16.664.909-21.566-.277-24.235-.259-27.341.707-30.1c.539-1.537 1.766-3.035 3.128-3.98.308-.213.69-.364 1.064-.361l2.405.021c.581.004 1.159.204 1.542.819l2.937 7.107c.255.618.109 1.377-.128 2-.409 1.077-1.49 1.66-2.128 2.724-.273.456-.577 1.05-.298 1.574 1.408 2.241 3.103 4.495 5.15 6.257 2.109 1.816 4.658 3.337 7.164 4.29.554.211 1.422.306 1.797-.163l3.024-3.786c.328-.412 1.077-.527 1.552-.3l7.355 3.514c.764.365.795 1.611.68 2.451-.249 1.828-1.285 3.778-2.86 4.739-3.02 1.846-6.21 2.18-10.595.736-4.381-1.442-8.554-3.47-12.163-6.797z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: 20px 20px; }
.sharers .s-mix { background: #ff8126 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 -36 36 36'%3E%3Cg fill='%23fff' fill-opacity='0.95'%3E%3Cpath d='M27.38-15.419v-2.631c0-3.482-6.345-3.907-6.291 0l-.067-.86v-3.973c.047-5.077 5.996-10.445 12.573-10.59l.005 18.045c-.055 3.171-6.268 3.039-6.22.009z'/%3E%3Cpath d='M2.407-4.836l-.004-11.855c2.709.046 6.188-3.088 6.188-5.949v-.051L8.596-4.91c0 3.146-6.189 3.182-6.189.074z' fill-opacity='0.5'/%3E%3Cpath d='M15.072-25.638v12.912c0 3.109 5.95 3.146 5.95 0v-10.157c.047-5.077 5.996-10.445 12.573-10.59H2.401v16.782c2.708.048 6.19-3.087 6.19-5.949v-2.998c0-3.846 6.481-3.78 6.481 0z' fill-opacity='0.75'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center; background-size: 20px 20px; }
.sharers .s-pocket { background: #e83e52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 -36 36 36'%3E%3Cpath d='M31.276-34.714H4.726C2.115-34.714 0-32.581 0-29.953v14.975C0-7.418 8.058-1.286 18.001-1.286 27.942-1.286 36-7.418 36-14.977v-14.976c0-2.629-2.118-4.761-4.724-4.761zm-2.238 13.261l-9.298 9.294a2.509 2.509 0 01-1.711.7c-.637.003-1.322-.25-1.771-.7l-9.295-9.294c-.797-.799-.797-2.584 0-3.38.794-.798 2.583-.798 3.378 0l7.66 7.658 7.657-7.658c.796-.798 2.584-.798 3.38 0 .796.796.796 2.581 0 3.38z' fill='%23fff' stroke='none'/%3E%3C/svg%3E") no-repeat center center; background-size: 18px 18px; }
.sharers .s-flipboard { background: #cc0000 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='133' height='133' viewBox='0 0 100 100'%3E%3Cg shape-rendering='crispEdges' fill='%23fff'%3E%3Cpath opacity='.8' d='M40 40h20v20H40z'/%3E%3Cpath opacity='.9' d='M40 20h40v20H40z'/%3E%3Cpath d='M20 20h20v60H20z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center; background-size: 26px 26px; }
.sharers a:hover, .sharers a:active, .sharers a:focus { background-color: black; }
.sharers a { width: 30px; height: 30px; border-radius: 15px; text-indent: 100px; white-space: nowrap; overflow: hidden; cursor: pointer; }

@media (min-width: 1120px) { .sharers { text-align: center; }
  .sharers .explain { display: none; }
  .sharers .s-space { width: 0.5em; }
  .sharers a { margin-bottom: 0.5em; } }
body.article article section.maintext div.gallery_container { padding: 0; margin: 10px auto; }

@media (max-width: 1080px) { body.article article section.maintext div.gallery_container { width: 800px; } }
@media (max-width: 850px) { body.article article section.maintext div.gallery_container { width: 600px; } }
@media (max-width: 650px) { body.article article section.maintext div.gallery_container { width: 400px; } }
@media (max-width: 430px) { body.article article section.maintext div.gallery_container { width: 100%; }
  body.article article section.maintext div.gallery_container .gallery_file { float: none; margin: 0 auto; } }
.attachment, .gallery_file { text-align: center; float: left; position: relative; display: block; padding: 0; width: 150px; margin-bottom: 10px; height: 210px; background-color: white; background-color: rgba(255, 255, 255, 0.8); padding-top: 150px; }
.attachment.editable, .gallery_file.editable { height: 225px; padding-top: 155px; }
.attachment.editable .buttons, .gallery_file.editable .buttons { display: block; }
.attachment a, .gallery_file a { color: #545556; }
.attachment a:hover, .attachment a:active, .gallery_file a:hover, .gallery_file a:active { color: #ff5722; }
.attachment .buttons, .gallery_file .buttons { height: 40px; width: 100%; position: absolute; bottom: 0; background: white; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 33%, rgba(255, 255, 255, 0.8) 100%); }
.attachment .display, .attachment .attach_back, .attachment .overlay, .gallery_file .display, .gallery_file .attach_back, .gallery_file .overlay { width: 150px; height: 150px; position: absolute; padding: 0; margin: 0; top: 0; left: 0; }
.attachment .attach_back, .gallery_file .attach_back { background-size: cover; background-position: center center; }
.attachment .display, .gallery_file .display { background-position: center center; background-repeat: no-repeat; background-size: auto 150px; }
.attachment .overlay, .gallery_file .overlay { background-position: right bottom; background-repeat: no-repeat; background-size: 30px 30px; pointer-events: none; }
.attachment .display.has_anim:hover, .gallery_file .display.has_anim:hover { opacity: 0; }
.attachment .overlay.image, .gallery_file .overlay.image { background-image: url("/images/attachment_icons/overlay_image.png"); }
.attachment .overlay.jpg, .attachment .overlay.jpeg, .gallery_file .overlay.jpg, .gallery_file .overlay.jpeg { background-image: url("/images/attachment_icons/overlay_jpg.png"); }
.attachment .overlay.tif, .attachment .overlay.tiff, .gallery_file .overlay.tif, .gallery_file .overlay.tiff { background-image: url("/images/attachment_icons/overlay_tif.png"); }
.attachment .overlay.pdf, .gallery_file .overlay.pdf { background-image: url("/images/attachment_icons/overlay_pdf.png"); }
.attachment .overlay.png, .gallery_file .overlay.png { background-image: url("/images/attachment_icons/overlay_png.png"); }
.attachment .overlay.gif, .gallery_file .overlay.gif { background-image: url("/images/attachment_icons/overlay_gif.png"); }
.attachment .overlay.psd, .gallery_file .overlay.psd { background-image: url("/images/attachment_icons/overlay_psd.png"); }
.attachment .overlay.bmp, .gallery_file .overlay.bmp { background-image: url("/images/attachment_icons/overlay_bmp.png"); }
.attachment .overlay.eps, .gallery_file .overlay.eps { background-image: url("/images/attachment_icons/overlay_eps.png"); }
.attachment .overlay.ai, .gallery_file .overlay.ai { background-image: url("/images/attachment_icons/overlay_ai.png"); }
.attachment .overlay.xar, .gallery_file .overlay.xar { background-image: url("/images/attachment_icons/overlay_xar.png"); }
.attachment .overlay.audio, .gallery_file .overlay.audio { background-image: url("/images/attachment_icons/overlay_audio.png"); background-size: 34px 30px; }
.attachment .overlay.mp3, .gallery_file .overlay.mp3 { background-image: url("/images/attachment_icons/overlay_mp3.png"); background-size: 30px 30px; }
.attachment .overlay.wav, .attachment .overlay.wave, .gallery_file .overlay.wav, .gallery_file .overlay.wave { background-image: url("/images/attachment_icons/overlay_wav.png"); background-size: 30px 30px; }
.attachment .overlay.video, .gallery_file .overlay.video { background-image: url("/images/attachment_icons/overlay_video.png"); background-size: 32px 30px; }
.attachment .overlay.mp4, .gallery_file .overlay.mp4 { background-image: url("/images/attachment_icons/overlay_mp4.png"); background-size: 30px 30px; }
.attachment .overlay.mpg, .attachment .overlay.mpeg, .attachment .overlay.mjpeg, .attachment .overlay.mjpg, .gallery_file .overlay.mpg, .gallery_file .overlay.mpeg, .gallery_file .overlay.mjpeg, .gallery_file .overlay.mjpg { background-image: url("/images/attachment_icons/overlay_mpg.png"); background-size: 30px 30px; }
.attachment .overlay.wmv, .gallery_file .overlay.wmv { background-image: url("/images/attachment_icons/overlay_wmv.png"); background-size: 30px 30px; }
.attachment .overlay.avi, .gallery_file .overlay.avi { background-image: url("/images/attachment_icons/overlay_avi.png"); background-size: 30px 30px; }
.attachment .overlay.mp4, .gallery_file .overlay.mp4 { background-image: url("/images/attachment_icons/overlay_mp4.png"); background-size: 30px 30px; }
.attachment .attach_name, .attachment .attach_buttons, .gallery_file .attach_name, .gallery_file .attach_buttons { display: block; width: 150px; white-space: nowrap; overflow: hidden; }
.attachment .attach_buttons, .gallery_file .attach_buttons { margin-top: 0; margin-bottom: 4px; }
.attachment .attach_dimensions, .gallery_file .attach_dimensions { font-size: 0.8em; }

#attachment_bar { position: relative; }

.gallery_file { width: 200px; position: relative; margin-bottom: 0; text-overflow: ellipsis; overflow: hidden; height: 200px; }
.gallery_file .display, .gallery_file .attach_back, .gallery_file .overlay { width: 200px; height: 200px; }
.gallery_file.pano, .gallery_file.pano .display { width: 400px; max-width: 100%; }
.gallery_file .display { background-size: cover; }
.gallery_file .buttons { display: none; }
.gallery_file a.display_name { color: white; }
.gallery_file a.display_name.has_info::after { content: ''; position: absolute; bottom: 4px; left: 4px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='48' height='48' viewBox='0 0 36 36'%3E%3Cpath d='M7.145 5.042c7.152-5.992 17.82-5.05 23.812 2.103 5.992 7.152 5.05 17.82-2.102 23.812-7.153 5.992-17.821 5.05-23.813-2.102C-.95 21.702-.008 11.034 7.145 5.042z' stroke-opacity='.2' stroke-width='2' stroke='%23fff' fill='%23000' fill-opacity='0.3'/%3E%3Cpath d='M11.401 24.947c-.354-1.878.158-5.407 1.415-7.077-1.552.53-3.181.825-4.684.968-1.694-.754 4.185-1.977 6.95-4.746 1.009-1.235 2.052-1.946 3.129-2.135 1.093-.193 1.713.133 1.859.974.336 2.067-2.027 3.275-4.386 9.303a3.16 3.16 0 0 0-.36 2.138 2.088 2.088 0 0 0 1.009 1.487c.559.345 1.223.45 1.993.314.841-.146 1.574-.429 2.48-1.223.903-.798 2.042-2.018 3.414-3.66.634-.059.568 1.35.345 1.962-.82 2.238-3.2 5.491-5.96 6.112-3.147.71-6.465-.512-7.204-4.417zm7.62-19.732a2.392 2.392 0 0 1 3.3.701 2.392 2.392 0 0 1-.702 3.3 2.39 2.39 0 0 1-3.299-.702 2.39 2.39 0 0 1 .701-3.299z' fill='%23fff'/%3E%3C/svg%3E"); background-size: cover; }
.gallery_file:hover a.display_name, .gallery_file:focus a.display_name { color: white; background-color: black; background-color: rgba(0, 0, 0, 0.7); z-index: 2; position: absolute; display: block; width: 100%; padding-top: 8px; padding-bottom: 12px; overflow: hidden; bottom: 0; }
.gallery_file.hasdesc:hover { height: 300px; margin-bottom: -100px; }
.gallery_file.hasdesc:hover .fade { position: absolute; bottom: -1px; left: 0; width: 200px; height: 16px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.gallery_file a { color: black; }
.gallery_file a:hover, .gallery_file a:active { color: #ff5722; }

.attachment.pano, .attachment.pano .display, .attachment.pano .overlay { width: 300px; max-width: 100%; }

body.article article.main section.maintext .gallery_container .desc, body.article article.main section.maintext .gallery_container .desc p { font-size: 12px; width: 200px -10px; }
body.article article.main section.maintext .gallery_container .desc { padding: 0 5px; height: 75px; }

.attachment.inuse, .gallery_file.inuse { background-color: #e9eaeb; }
.attachment button, .gallery_file button { display: inline-block; zoom: 1; *display: inline; color: white; padding: 4px 8px; margin-top: 4px; padding-bottom: 8px; }
.attachment button.remove, .gallery_file button.remove { background-color: #767879; }
.attachment button.remove:hover, .gallery_file button.remove:hover { background-color: red; }
.attachment button.remove.faded, .gallery_file button.remove.faded { background-color: #c6c8c9; }
.attachment button.remove.faded:hover, .gallery_file button.remove.faded:hover { background-color: #e0e1e2; }

body.editor .attachment, body.editor .gallery_file { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='160' height='160' viewBox='0 0 120 120'%3E%3Cpath d='M0 120v-20h20v20H0zM40 120v-20h20v20H40zM80 120v-20h20v20H80z' fill='%23e5e5e5'/%3E%3Cpath d='M100 120v-20h20v20h-20z' fill='%23ccc'/%3E%3Cpath d='M100 100V80h20v20h-20z' fill='%23e5e5e5'/%3E%3Cpath d='M0 100V80h20v20H0zM40 100V80h20v20H40zM80 100V80h20v20H80z' fill='%23ccc'/%3E%3Cpath d='M0 80V60h20v20H0zM40 80V60h20v20H40zM80 80V60h20v20H80z' fill='%23e5e5e5'/%3E%3Cpath d='M100 80V60h20v20h-20z' fill='%23ccc'/%3E%3Cpath d='M100 60V40h20v20h-20z' fill='%23e5e5e5'/%3E%3Cpath d='M0 60V40h20v20H0zM40 60V40h20v20H40zM80 60V40h20v20H80z' fill='%23ccc'/%3E%3Cpath d='M0 40V20h20v20H0zM40 40V20h20v20H40zM80 40V20h20v20H80z' fill='%23e5e5e5'/%3E%3Cpath d='M100 40V20h20v20h-20z' fill='%23ccc'/%3E%3Cpath d='M100 20V0h20v20h-20z' fill='%23e5e5e5'/%3E%3Cpath d='M0 20V0h20v20H0zM40 20V0h20v20H40zM60 120v-20h20v20H60z' fill='%23ccc'/%3E%3Cpath d='M60 100V80h20v20H60z' fill='%23e5e5e5'/%3E%3Cpath d='M60 80V60h20v20H60z' fill='%23ccc'/%3E%3Cpath d='M60 60V40h20v20H60z' fill='%23e5e5e5'/%3E%3Cpath d='M60 40V20h20v20H60z' fill='%23ccc'/%3E%3Cpath d='M60 20V0h20v20H60z' fill='%23e5e5e5'/%3E%3Cpath d='M80 20V0h20v20H80zM20 120v-20h20v20H20z' fill='%23ccc'/%3E%3Cpath d='M20 100V80h20v20H20z' fill='%23e5e5e5'/%3E%3Cpath d='M20 80V60h20v20H20z' fill='%23ccc'/%3E%3Cpath d='M20 60V40h20v20H20z' fill='%23e5e5e5'/%3E%3Cpath d='M20 40V20h20v20H20z' fill='%23ccc'/%3E%3Cpath d='M20 20V0h20v20H20z' fill='%23e5e5e5'/%3E%3C/svg%3E"); background-repeat: no-repeat; }
body.editor .attachment .metadata, body.editor .gallery_file .metadata { background-color: white; }
body.editor .attachment.inuse .metadata, body.editor .gallery_file.inuse .metadata { background-color: #e9eaeb; }
body.editor .attachment { background-size: 150px; }

body.editor.darkmode .attachment, body.editor.darkmode .gallery_file { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' overflow='visible' width='160' height='160' viewBox='0 0 120 120'%3E%3Cpath d='M0 120v-20h20v20H0zM40 120v-20h20v20H40zM80 120v-20h20v20H80z' fill='%23222'/%3E%3Cpath d='M100 120v-20h20v20h-20z' fill='%23444'/%3E%3Cpath d='M100 100V80h20v20h-20z' fill='%23222'/%3E%3Cpath d='M0 100V80h20v20H0zM40 100V80h20v20H40zM80 100V80h20v20H80z' fill='%23444'/%3E%3Cpath d='M0 80V60h20v20H0zM40 80V60h20v20H40zM80 80V60h20v20H80z' fill='%23222'/%3E%3Cpath d='M100 80V60h20v20h-20z' fill='%23444'/%3E%3Cpath d='M100 60V40h20v20h-20z' fill='%23222'/%3E%3Cpath d='M0 60V40h20v20H0zM40 60V40h20v20H40zM80 60V40h20v20H80z' fill='%23444'/%3E%3Cpath d='M0 40V20h20v20H0zM40 40V20h20v20H40zM80 40V20h20v20H80z' fill='%23222'/%3E%3Cpath d='M100 40V20h20v20h-20z' fill='%23444'/%3E%3Cpath d='M100 20V0h20v20h-20z' fill='%23222'/%3E%3Cpath d='M0 20V0h20v20H0zM40 20V0h20v20H40zM60 120v-20h20v20H60z' fill='%23444'/%3E%3Cpath d='M60 100V80h20v20H60z' fill='%23222'/%3E%3Cpath d='M60 80V60h20v20H60z' fill='%23444'/%3E%3Cpath d='M60 60V40h20v20H60z' fill='%23222'/%3E%3Cpath d='M60 40V20h20v20H60z' fill='%23444'/%3E%3Cpath d='M60 20V0h20v20H60z' fill='%23222'/%3E%3Cpath d='M80 20V0h20v20H80zM20 120v-20h20v20H20z' fill='%23444'/%3E%3Cpath d='M20 100V80h20v20H20z' fill='%23222'/%3E%3Cpath d='M20 80V60h20v20H20z' fill='%23444'/%3E%3Cpath d='M20 60V40h20v20H20z' fill='%23222'/%3E%3Cpath d='M20 40V20h20v20H20z' fill='%23444'/%3E%3Cpath d='M20 20V0h20v20H20z' fill='%23222'/%3E%3C/svg%3E"); background-repeat: no-repeat; }
body.editor.darkmode .attachment .metadata, body.editor.darkmode .gallery_file .metadata { background-color: #444; }
body.editor.darkmode .attachment.inuse .metadata, body.editor.darkmode .gallery_file.inuse .metadata { background-color: #555; }

#copydown { background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20width%3D%2236pt%22%20height%3D%2236pt%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20d%3D%22M%2031.976%2C13.93%20C%2031.965%2C12.2%2031.288%2C9.856%2029.947%2C6.896%20C%2029.915%2C6.823%2029.86%2C6.698%2029.781%2C6.522%20C%2029.701%2C6.345%2029.63%2C6.19%2029.566%2C6.054%20C%2029.503%2C5.92%2029.435%2C5.805%2029.361%2C5.713%20C%2029.236%2C5.535%2029.089%2C5.448%2028.922%2C5.449%20C%2028.766%2C5.45%2028.644%2C5.503%2028.556%2C5.608%20C%2028.468%2C5.713%2028.425%2C5.843%2028.426%2C6%20C%2028.426%2C6.093%2028.44%2C6.231%2028.467%2C6.413%20C%2028.495%2C6.595%2028.508%2C6.717%2028.509%2C6.78%20C%2028.565%2C7.489%2028.595%2C8.128%2028.599%2C8.701%20C%2028.606%2C9.753%2028.521%2C10.697%2028.344%2C11.531%20C%2028.166%2C12.366%2027.919%2C13.089%2027.6%2C13.7%20C%2027.281%2C14.311%2026.868%2C14.841%2026.36%2C15.286%20C%2025.853%2C15.732%2025.305%2C16.098%2024.718%2C16.382%20C%2024.132%2C16.667%2023.44%2C16.893%2022.644%2C17.059%20C%2021.848%2C17.226%2021.048%2C17.343%2020.24%2C17.411%20C%2019.434%2C17.479%2018.52%2C17.516%2017.499%2C17.522%20L%2013.999%2C17.544%20L%2013.973%2C13.545%20C%2013.972%2C13.274%2013.871%2C13.04%2013.672%2C12.843%20C%2013.473%2C12.647%2013.238%2C12.549%2012.967%2C12.551%20C%2012.696%2C12.553%2012.463%2C12.653%2012.266%2C12.852%20L%204.317%2C20.903%20C%204.12%2C21.102%204.023%2C21.337%204.025%2C21.608%20C%204.026%2C21.879%204.127%2C22.112%204.326%2C22.309%20L%2012.377%2C30.258%20C%2012.576%2C30.455%2012.811%2C30.552%2013.082%2C30.551%20C%2013.353%2C30.549%2013.586%2C30.448%2013.783%2C30.249%20C%2013.979%2C30.05%2014.077%2C29.815%2014.075%2C29.544%20L%2014.05%2C25.544%20L%2017.55%2C25.522%20C%2024.977%2C25.475%2029.52%2C23.347%2031.181%2C19.138%20C%2031.724%2C17.739%2031.989%2C16.003%2031.976%2C13.93%20Z%22%20fill%3D%22%23ffffff%22/%3E%3C/svg%3E%0A"); background-size: 34px 34px; background-position: center center; background-repeat: no-repeat; text-indent: 200%; overflow: hidden; white-space: nowrap; text-indent: 200px; width: 40px; float: right; margin-top: -5px; }

#efi_name { width: 75%; text-align: right; margin-bottom: 10px; }

#efi_ext { font-size: 1.5em; font-weight: bold; }

#efi_dname { width: 100%; font-size: 2em; font-weight: bold; margin-bottom: 10px; }

#efi_loc { width: 100%; text-overflow: ellipsis; }

.summary .prev_next { text-align: center; }
.summary .prev_next .prev, .summary .prev_next .next { display: inline-block; zoom: 1; *display: inline; text-indent: 200%; overflow: hidden; white-space: nowrap; width: 48px; height: 48px; border-radius: 24px; background-color: #e0e1e2; background-size: 36px auto; background-repeat: no-repeat; background-position: 4px 4px; border: 2px solid black; }
.summary .prev_next .prev { margin-right: 10px; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236pt%22%20height%3D%2236pt%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20d%3D%22M%2028.224%2C6.234%20L%2028.225%2C29.766%20C%2028.224%2C31.716%2026.854%2C32.507%2025.165%2C31.532%20L%204.785%2C19.766%20C%203.096%2C18.791%203.096%2C17.208%204.785%2C16.233%20L%2025.165%2C4.467%20C%2026.853%2C3.492%2028.224%2C4.283%2028.224%2C6.234%20Z%22%20stroke-width%3D%222%22%20stroke%3D%22%23000000%22%20fill%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E"); background-position: 3px 4px; }
.summary .prev_next .next { margin-left: 10px; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236pt%22%20height%3D%2236pt%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cpath%20d%3D%22M%207.776%2C6.234%20L%207.775%2C29.766%20C%207.776%2C31.716%209.146%2C32.507%2010.835%2C31.532%20L%2031.215%2C19.766%20C%2032.904%2C18.791%2032.904%2C17.208%2031.215%2C16.233%20L%2010.835%2C4.467%20C%209.147%2C3.492%207.776%2C4.283%207.776%2C6.234%20Z%22%20stroke-width%3D%222.018%22%20stroke%3D%22%23000000%22%20fill%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E"); background-position: 5px 4px; }
.summary .prev_next .disabled { opacity: 0.25; filter: alpha(opacity=25); /* For IE8 and earlier */ }

.searchscore { position: absolute; right: 0; top: 0; color: #eee; font-weight: bold; font-size: 4em; z-index: 0; }

article#searchtop article.list_article h1 { position: relative; z-index: 1; }

.spacer { position: relative; z-index: 1; height: 6px; width: 100%; padding: 0; }
.spacer .box { width: 572px; background: white; height: 6px; margin: 0 auto; padding: 0; }

#footer { background: #909192; text-align: center; padding: 20px; padding: 1vw; color: black; }
#footer .split { text-align: center; }
#footer a { color: white; text-decoration: none; }
#footer a:hover { color: white; }
#footer #the_grey_logos { height: 64px; position: relative; }
#footer #the_grey_logos img { margin: 0 8px; }
#footer #the_grey_logos img:hover { cursor: pointer; }
#footer #the_grey_logos #logo-dl, #footer #the_grey_logos #logo-dhs { margin-bottom: 6px; }
#footer hr { border: 0; height: 1px; width: 60%; margin: 20px auto; }
#footer .apportion_the_blame { text-transform: uppercase; padding-bottom: 20px; font-size: 1.2em; }
#footer .apportion_the_blame a { font-weight: bold; }
#footer .sitename { font-size: 1.2em; font-weight: bold; }
#footer .smallprint { font-size: 0.8em; }
#footer .bigger { font-size: 1.2em; }

.d_0 a, .dept_tag.dt_0 > a { color: #e91e63; }

.d_1 a, .dept_tag.dt_1 > a { color: #cc2127; }

.d_2 a, .dept_tag.dt_2 > a { color: #e91e63; }

.d_7 a, .dept_tag.dt_7 > a { color: #ffc71c; }

.d_3 a, .dept_tag.dt_3 > a { color: #ffab1e; }

.d_8 a, .dept_tag.dt_8 > a { color: #ff5722; }

.d_8_1 a, .dept_tag.dt_8_1 > a { color: #ff8120; }

.d_9 a, .dept_tag.dt_9 > a { color: #4caf50; }

.d_9_6 a, .dept_tag.dt_9_6 > a { color: #92a526; }

.d_9_7 a, .dept_tag.dt_9_7 > a { color: #769d2f; }

.d_10 a, .dept_tag.dt_10 > a { color: #2196f3; }

.d_x a:hover, .d_x a:active, .d_x h1 a:hover { color: #993414; }

.d_0 a:hover, .d_0 a:active, .d_0 h1 a:hover { color: #f278a1; }

.d_1 a:hover, .d_1 a:active, .d_1 h1 a:hover { color: #e07a7d; }

.d_2 a:hover, .d_2 a:active, .d_2 h1 a:hover { color: #f278a1; }

.d_7 a:hover, .d_7 a:active, .d_7 h1 a:hover { color: #ffdd77; }

.d_3 a:hover, .d_3 a:active, .d_3 h1 a:hover { color: #ffcd78; }

.d_8 a:hover, .d_8 a:active, .d_8 h1 a:hover { color: #ff9a7a; }

.d_8_1 a:hover, .d_8_1 a:active, .d_8_1 h1 a:hover { color: #ffb379; }

.d_9 a:hover, .d_9 a:active, .d_9 h1 a:hover { color: #94cf96; }

.d_9_6 a:hover, .d_9_6 a:active, .d_9_6 h1 a:hover { color: #d4e283; }

.d_9_7 a:hover, .d_9_7 a:active, .d_9_7 h1 a:hover { color: #bfdc89; }

.d_10 a:hover, .d_10 a:active, .d_10 h1 a:hover { color: #7ac0f8; }

li.d_x { border-left: 4px solid white; }

li.d_x:hover { border-left: 4px solid #ff5722; }

li.d_0 { border-left: 4px solid #e91e63; }

li.d_1 { border-left: 4px solid #cc2127; }

li.d_2 { border-left: 4px solid #e91e63; }

li.d_7 { border-left: 4px solid #ffc71c; }

li.d_3 { border-left: 4px solid #ffab1e; }

li.d_8 { border-left: 4px solid #ff5722; }

li.d_8:hover { border-left: 4px solid #ff9a7a; }

li.d_8_1 { border-left: 4px solid #ff8120; }

li.d_9 { border-left: 4px solid #4caf50; }

li.d_9_6 { border-left: 4px solid #b7ce30; }

li.d_9_7 { border-left: 4px solid #94c43b; }

li.d_10 { border-left: 4px solid #2196f3; }

article.feature.d_0, article.mini.d_0 { border-bottom: 4px solid #e91e63; border-top: 1px solid #e91e63; }
article.feature.d_1, article.mini.d_1 { border-bottom: 4px solid #cc2127; border-top: 1px solid #cc2127; }
article.feature.d_2, article.mini.d_2 { border-bottom: 4px solid #e91e63; border-top: 1px solid #e91e63; }
article.feature.d_7, article.mini.d_7 { border-bottom: 4px solid #ffc71c; border-top: 1px solid #ffc71c; }
article.feature.d_3, article.mini.d_3 { border-bottom: 4px solid #ffab1e; border-top: 1px solid #ffab1e; }
article.feature.d_8, article.mini.d_8 { border-bottom: 4px solid #ff5722; border-top: 1px solid #ff5722; }
article.feature.d_8_1, article.mini.d_8_1 { border-bottom: 4px solid #ff8120; border-top: 1px solid #ff8120; }
article.feature.d_9, article.mini.d_9 { border-bottom: 4px solid #4caf50; border-top: 1px solid #4caf50; }
article.feature.d_9_6, article.mini.d_9_6 { border-bottom: 4px solid #b7ce30; border-top: 1px solid #b7ce30; }
article.feature.d_9_7, article.mini.d_9_7 { border-bottom: 4px solid #94c43b; border-top: 1px solid #94c43b; }
article.feature.d_10, article.mini.d_10 { border-bottom: 4px solid #2196f3; border-top: 1px solid #2196f3; }
article.feature.d_0 .empty, article.mini.d_0 .empty { background-color: #e91e63; }
article.feature.d_1 .empty, article.mini.d_1 .empty { background-color: #cc2127; }
article.feature.d_2 .empty, article.mini.d_2 .empty { background-color: #e91e63; }
article.feature.d_7 .empty, article.mini.d_7 .empty { background-color: #ffc71c; }
article.feature.d_3 .empty, article.mini.d_3 .empty { background-color: #ffab1e; }
article.feature.d_8 .empty, article.mini.d_8 .empty { background-color: #ff5722; }
article.feature.d_8_1 .empty, article.mini.d_8_1 .empty { background-color: #ff8120; }
article.feature.d_9 .empty, article.mini.d_9 .empty { background-color: #4caf50; }
article.feature.d_9_6 .empty, article.mini.d_9_6 .empty { background-color: #b7ce30; }
article.feature.d_9_7 .empty, article.mini.d_9_7 .empty { background-color: #94c43b; }
article.feature.d_10 .empty, article.mini.d_10 .empty { background-color: #2196f3; }

.article.gallery .pagination a.current { border: 1px solid #4caf50; color: #4caf50; }

@media (min-width: 1120px) { body.article section.meta .dept_tag.dt_0 { border-right: 1px solid #e91e63; border-bottom: 1px solid #e91e63; }
  body.article section.meta .dept_tag.dt_0 a:hover, body.article section.meta .dept_tag.dt_0 a:active { color: #f278a1; }
  body.article section.meta .dept_tag.dt_1 { border-right: 1px solid #cc2127; border-bottom: 1px solid #cc2127; }
  body.article section.meta .dept_tag.dt_1 a:hover, body.article section.meta .dept_tag.dt_1 a:active { color: #e07a7d; }
  body.article section.meta .dept_tag.dt_2 { border-right: 1px solid #e91e63; border-bottom: 1px solid #e91e63; }
  body.article section.meta .dept_tag.dt_2 a:hover, body.article section.meta .dept_tag.dt_2 a:active { color: #f278a1; }
  body.article section.meta .dept_tag.dt_3 { border-right: 1px solid #ffab1e; border-bottom: 1px solid #ffab1e; }
  body.article section.meta .dept_tag.dt_3 a:hover, body.article section.meta .dept_tag.dt_3 a:active { color: #ffcd78; }
  body.article section.meta .dept_tag.dt_7 { border-right: 1px solid #ffc71c; border-bottom: 1px solid #ffc71c; }
  body.article section.meta .dept_tag.dt_7 a:hover, body.article section.meta .dept_tag.dt_7 a:active { color: #ffdd77; }
  body.article section.meta .dept_tag.dt_8 { border-right: 1px solid #ff5722; border-bottom: 1px solid #ff5722; }
  body.article section.meta .dept_tag.dt_8 a:hover, body.article section.meta .dept_tag.dt_8 a:active { color: #ff9a7a; }
  body.article section.meta .dept_tag.dt_8_1 { border-right: 1px solid #ff8120; border-bottom: 1px solid #ff8120; }
  body.article section.meta .dept_tag.dt_8_1 a:hover, body.article section.meta .dept_tag.dt_8_1 a:active { color: #ffb379; }
  body.article section.meta .dept_tag.dt_9 { border-right: 1px solid #4caf50; border-bottom: 1px solid #4caf50; }
  body.article section.meta .dept_tag.dt_9 a:hover, body.article section.meta .dept_tag.dt_9 a:active { color: #94cf96; }
  body.article section.meta .dept_tag.dt_10 { border-right: 1px solid #2196f3; border-bottom: 1px solid #2196f3; }
  body.article section.meta .dept_tag.dt_10 a:hover, body.article section.meta .dept_tag.dt_10 a:active { color: #7ac0f8; } }
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper { max-width: none; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: url(/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity=90); }

#colorbox { outline: 0; }

#cboxTopLeft { width: 21px; height: 21px; background: url(/images/controls.png) no-repeat -101px 0; }

#cboxTopRight { width: 21px; height: 21px; background: url(/images/controls.png) no-repeat -130px 0; }

#cboxBottomLeft { width: 21px; height: 21px; background: url(/images/controls.png) no-repeat -101px -29px; }

#cboxBottomRight { width: 21px; height: 21px; background: url(/images/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft { width: 21px; background: url(/images/controls.png) left top repeat-y; }

#cboxMiddleRight { width: 21px; background: url(/images/controls.png) right top repeat-y; }

#cboxTopCenter { height: 21px; background: url(/images/border.png) 0 0 repeat-x; }

#cboxBottomCenter { height: 21px; background: url(/images/border.png) 0 -29px repeat-x; }

#cboxContent { background-color: #fff; overflow: hidden; }

.cboxIframe { background-color: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { margin-bottom: 28px; }

#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }

#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }

#cboxLoadingOverlay { background: url(/images/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic { background: url(/images/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }

#cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(/images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; }

#cboxClose { position: absolute; bottom: 0; right: 0; background: url(/images/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; }

/* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

.cboxContent .audio { margin-top: 20px; }

/* required styles */
.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; }

.leaflet-container { overflow: hidden; }

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; }

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection { background: transparent; }

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; }

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; }

.leaflet-marker-icon, .leaflet-marker-shadow { display: block; }

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; }

.leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; }

.leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; }

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; }

.leaflet-container { -webkit-tap-highlight-color: transparent; }

.leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); }

.leaflet-tile { filter: inherit; visibility: hidden; }

.leaflet-tile-loaded { visibility: inherit; }

.leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; }

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg { -moz-user-select: none; }

.leaflet-pane { z-index: 400; }

.leaflet-tile-pane { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane { z-index: 500; }

.leaflet-marker-pane { z-index: 600; }

.leaflet-tooltip-pane { z-index: 650; }

.leaflet-popup-pane { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg { z-index: 200; }

.leaflet-vml-shape { width: 1px; height: 1px; }

.lvml { behavior: url(#default#VML); display: inline-block; position: absolute; }

/* control positioning */
.leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

.leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; }

.leaflet-top { top: 0; }

.leaflet-right { right: 0; }

.leaflet-bottom { bottom: 0; }

.leaflet-left { left: 0; }

.leaflet-control { float: left; clear: both; }

.leaflet-right .leaflet-control { float: right; }

.leaflet-top .leaflet-control { margin-top: 10px; }

.leaflet-bottom .leaflet-control { margin-bottom: 10px; }

.leaflet-left .leaflet-control { margin-left: 10px; }

.leaflet-right .leaflet-control { margin-right: 10px; }

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile { will-change: opacity; }

.leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; }

.leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }

.leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; }

.leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); }

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; }

.leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; }

/* cursors */
.leaflet-interactive { cursor: pointer; }

.leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; }

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; }

.leaflet-popup-pane, .leaflet-control { cursor: auto; }

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; }

/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; }

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; }

/* visual tweaks */
.leaflet-container { background-color: #ddd; outline: 0; }

.leaflet-container a { color: #0078A8; }

.leaflet-container a.leaflet-active { outline: 2px solid orange; }

.leaflet-zoom-box { border: 2px dotted #38f; background-color: rgba(255, 255, 255, 0.5); }

/* general typography */
.leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; }

/* general toolbar styles */
.leaflet-bar { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); border-radius: 4px; }

.leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; }

.leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; }

.leaflet-bar a:hover { background-color: #f4f4f4; }

.leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }

.leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; }

.leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; }

.leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; }

.leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; }

.leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

/* zoom control */
.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; }

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; }

/* layers control */
.leaflet-control-layers { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); background-color: #fff; border-radius: 5px; }

.leaflet-control-layers-toggle { background-image: url(/images/mapping/layers.png); width: 36px; height: 36px; }

.leaflet-retina .leaflet-control-layers-toggle { background-image: url(/images/mapping/layers-2x.png); background-size: 26px 26px; }

.leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; }

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; }

.leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; }

.leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background-color: #fff; }

.leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; }

.leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; }

.leaflet-control-layers label { display: block; }

.leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; }

/* Default icon URLs */
.leaflet-default-icon-path { background-image: url(/images/mapping/marker-icon.png); }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution { background-color: #fff; background-color: rgba(255, 255, 255, 0.7); margin: 0; }

.leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; }

.leaflet-control-attribution a { text-decoration: none; }

.leaflet-control-attribution a:hover { text-decoration: underline; }

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; }

.leaflet-left .leaflet-control-scale { margin-left: 5px; }

.leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; }

.leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); }

.leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; }

.leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; }

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; }

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; }

/* popup */
.leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; }

.leaflet-popup-content-wrapper { padding: 1px !important; text-align: left; border-radius: 12px; }

.leaflet-popup-content { margin: 13px 19px; line-height: 1.4; }

.leaflet-popup-content p { margin: 18px 0; }

.leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; }

.leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.leaflet-popup-content-wrapper, .leaflet-popup-tip { background-color: white; color: #333; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); }

.leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; }

.leaflet-container a.leaflet-popup-close-button:hover { color: #999; }

.leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; }

.leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); }

.leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; }

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; }

/* div icon */
.leaflet-div-icon { background-color: #fff; border: 1px solid #666; }

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; }

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; }

/* Directions */
.leaflet-tooltip-bottom { margin-top: 6px; }

.leaflet-tooltip-top { margin-top: -6px; }

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; }

.leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; }

.leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; }

.leaflet-tooltip-left { margin-left: -6px; }

.leaflet-tooltip-right { margin-left: 6px; }

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; }

.leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; }

.leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; }

#size_report { position: fixed; top: 0px; left: 0px; background: none repeat scroll 0% 0% rgba(240, 240, 240, 0.7); color: #000; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; padding: 2px 5px; z-index: 1000; }

body.testsite { background-color: #cccdeb; }

.mobileonly { display: none; }

.desktoponly { display: inline-block; zoom: 1; *display: inline; }

@media (max-width: 799px) { .split, .split.forty, .split.sixty, .split.thirty, .split.seventy, .split.question_list { width: 100%; float: none; }
  .split.left, .split.right, .split.forty.left, .split.forty.right, .split.sixty.left, .split.sixty.right, .split.thirty.left, .split.thirty.right, .split.seventy.left, .split.seventy.right, .split.question_list.left, .split.question_list.right { padding: 0; }
  .split.third { width: 33%; float: left; } }
@media (max-width: 550px) { .system { margin: 0; } }
@media (max-width: 600px) { form .label, form .input { width: 100%; float: none; } }
@media (max-width: 650px) { .split, .split.third, .split.twothirds { width: 100%; float: none; } }
@media (max-width: 900px) { .mobileonly { display: inline-block; zoom: 1; *display: inline; }
  .desktoponly { display: none; } }
@media (min-width: 1120px) { .not_desktop { display: none; } }
body#page-test .maintext div p { font-size: 1.2em; }
body#page-test span.bold { display: inline-block; zoom: 1; *display: inline; min-width: 120px; }

table.bargraphs th.label { max-width: 140px; text-align: left; }
table.bargraphs td.graph { width: 75%; white-space: nowrap; }
table.bargraphs td.graph div { display: inline-block; zoom: 1; *display: inline; height: 32px; background-color: #009900; }
table.bargraphs td.graph div.colour-light_green { background-color: #80be0e; }
table.bargraphs td.graph div.colour-yellow { background-color: #ffc71c; }
table.bargraphs td.graph div.colour-orange { background-color: #ff5722; }
table.bargraphs td.graph div.colour-red { background-color: #f03322; }
table.bargraphs td.graph div.neg { background-color: white; }

/*# sourceMappingURL=style.css.map */