/*======== IMPORT STYLES ========*/
/*==== 01-Framework ====*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C""\201D""\2018""\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #3f3f3f;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/*---- The LESS Toolbox contains all of the repeated styles and colour variables ----*/
/*---- Border-box Model Reset ----*/
/* Apply a natural box layout model to some elements */
.box-sizing-reset {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*---- Box model reset ----*/
.box-model-reset {
margin: 0;
padding: 0;
}
.list-reset {
margin: 0;
padding: 0;
list-style-type: none;
}
/*---- Standard Moble View reset: remove float, and set an automatic width; remove all margins ----*/
.mobile-reset {
float: none;
width: auto;
margin: 0;
}
.inline-block {
display: inline-block;
}
.ie7 .inline-block {
*display: inline;
zoom: 1;
}
/*---------------------------------------------------
LESS Elements 0.6: http://lesselements.com
-----------------------------------------------------*/
/*---- Gradients ----*/
/*---- Text shadows ----*/
/*---- Box shadows ----*/
/*---- Borders ----*/
/*---- Opacity ----*/
/*---- Transitions ----*/
/*---- Transforms ----*/
/*---- Column layout ----*/
/*---- End LESS Elements ----*/
.mejs-container {
position: relative;
background: #000;
font-family: Helvetica, Arial;
margin: 0 -2em;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
/* Start: LAYERS */
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(../images/media-manager/bigplay.png) top left no-repeat;
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: #333;
background: url(../images/media-manager/background.png);
background: rgba(0, 0, 0, 0.9);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(50, 50, 50, 0.9)),
to(rgba(0, 0, 0, 0.9))
);
background: -moz-linear-gradient(
top,
rgba(50, 50, 50, 0.9),
rgba(0, 0, 0, 0.9)
);
background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: transparent url(../images/media-manager/loading.gif) center center
no-repeat;
}
/* End: LAYERS */
/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
position: absolute;
background: none;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: url(../images/media-manager/background.png);
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(50, 50, 50, 0.7)),
to(rgba(0, 0, 0, 0.7))
);
background: -moz-linear-gradient(
top,
rgba(50, 50, 50, 0.7),
rgba(0, 0, 0, 0.7)
);
background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
height: 30px;
width: 100%;
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
font-family: Helvetica, Arial;
}
.mejs-controls .mejs-button span {
cursor: pointer;
display: block;
font-size: 0px;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
height: 16px;
width: 16px;
background: transparent url(../images/media-manager/controls.png) 0 0
no-repeat;
}
/* End: CONTROL BAR */
/* Start: Time (current / duration) */
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 8px 3px 0 3px;
overflow: hidden;
text-align: center;
padding: auto 4px;
}
.mejs-container .mejs-controls .mejs-time span {
font-size: 11px;
color: #fff;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}
/* End: Time (current / duration) */
/* Start: Play/pause */
.mejs-controls .mejs-play span {
background-position: 0 0;
}
.mejs-controls .mejs-pause span {
background-position: 0 -16px;
}
/* End: Play/pause */
/* Stop */
.mejs-controls .mejs-stop span {
background-position: -112px 0;
}
/* End: Play/pause */
/* Start: Progress bar */
.mejs-controls div.mejs-time-rail {
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50, 50, 50, 0.8);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(30, 30, 30, 0.8)),
to(rgba(60, 60, 60, 0.8))
);
background: -moz-linear-gradient(
top,
rgba(30, 30, 30, 0.8),
rgba(60, 60, 60, 0.8)
);
background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#1e1e1e, endColorstr=#3c3c3c);
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3caac8;
background: rgba(60, 170, 200, 0.8);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(44, 124, 145, 0.8)),
to(rgba(78, 183, 212, 0.8))
);
background: -moz-linear-gradient(
top,
rgba(44, 124, 145, 0.8),
rgba(78, 183, 212, 0.8)
);
background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#2c7c91, endColorstr=#4eb7d4);
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
width: 0;
background: #fff;
background: rgba(255, 255, 255, 0.8);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 255, 255, 0.9)),
to(rgba(200, 200, 200, 0.8))
);
background: -moz-linear-gradient(
top,
rgba(255, 255, 255, 0.9),
rgba(200, 200, 200, 0.8)
);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#c8c8c8);
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
visibility: hidden;
position: absolute;
display: block;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail:hover .mejs-time-float {
visibility: visible;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}
/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
visibility:visible;
}
*/
/* End: Progress bar */
/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button span {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen span {
background-position: -32px -16px;
}
/* End: Fullscreen */
/* Start: Mute/Volume */
.mejs-controls .mejs-mute span {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute span {
background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: url(../images/media-manager/background.png);
background: rgba(50, 50, 50, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
display: block;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.5);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0;
}
/* End: Mute/Volume */
/* Start: TRACK (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button span {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(../images/media-manager/background.png);
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
visibility: visible;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0px 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(50, 50, 50, 0.7)),
to(rgba(0, 0, 0, 0.7))
);
background: -moz-linear-gradient(
top,
rgba(50, 50, 50, 0.7),
rgba(0, 0, 0, 0.7)
);
background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
/*background: #333;*/
background: #666;
background: rgba(102, 102, 102, 0.7);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(102, 102, 102, 0.7)),
to(rgba(50, 50, 50, 0.6))
);
background: -moz-linear-gradient(
top,
rgba(102, 102, 102, 0.7),
rgba(50, 50, 50, 0.6)
);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align: center;
/*font-weight: bold;*/
line-height: 22px;
font-size: 12px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang="ar"] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 45px;
}
.mejs-captions-text {
padding: 3px 5px;
background: url(../images/media-manager/background.png);
background: rgba(20, 20, 20, 0.8);
}
/* End: TRACK (Captions and Chapters) */
.mejs-clear {
clear: both;
}
/* Start: ERROR */
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
/* End: ERROR */
/* Start: Loop */
.mejs-controls .mejs-loop-off span {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on span {
background-position: -64px 0;
}
/* End: Loop */
/* Start: backlight */
.mejs-controls .mejs-backlight-off span {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on span {
background-position: -80px 0;
}
/* End: backlight */
/* Start: picture controls */
.mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
/* End: picture controls */
#style-guide .underlined {
border-bottom: 1px solid #3f3f3f;
padding-bottom: 0.5em;
clear: left;
}
#style-guide .swatch-row {
*zoom: 1;
}
#style-guide .swatch-row:before,
#style-guide .swatch-row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#style-guide .swatch-row:after {
clear: both;
}
#style-guide .colour-swatch {
width: 75px;
height: 75px;
float: left;
}
#style-guide .near-black {
background: #111111;
}
#style-guide .grey-black {
background: #212121;
}
#style-guide .darkest-grey {
background: #404041;
}
#style-guide .darker-grey {
background: #3f3f3f;
}
#style-guide .dark-grey {
background: #58595b;
}
#style-guide .grey {
background: #999999;
}
#style-guide .light-grey {
background: #bcbdc0;
}
#style-guide .lighter-grey {
background: #dddddd;
}
#style-guide .lightest-grey {
background: #eeeeee;
}
#style-guide .off-white {
background: #f5f5f5;
}
#style-guide p {
clear: both;
}
/*==== 02-site-variables ====*/
/* !Headings */
h1,
h2,
h3,
h4,
h5 {
font-weight: 600;
line-height: normal;
margin: 1em 0 0.5em 0;
line-height: 0.9em;
}
h2 {
font-size: 250%;
}
h3 {
font-size: 140%;
}
h4 {
font-size: 120%;
}
h5 {
font-size: 100%;
}
h6 {
font-size: 90%;
margin: 0.5em 0;
}
.col h1,
.col h2,
.col h3,
.col h4,
.col h5 {
margin: 0.5em 0;
}
p {
margin: 0.5em 0;
line-height: normal;
}
/* !Blockquote ----*/
blockquote {
background-color: #c70280;
color: #ffffff;
text-transform: uppercase;
padding: 2em;
margin: 0 -0.8em;
font-size: 250%;
}
blockquote p {
margin: 0;
}
/* !List Styles ----*/
ul,
ol {
margin: 0.1em 0;
padding: 0 2em;
}
ul li,
ol li {
margin: 0.2em 0;
}
/*---- Default position values ----*/
/*--- Default size variables (mainly for image-containing elements) ----*/
/* ! Standard image styles ----*/
.content-image-aligned-left,
.content-image-aligned-right {
max-width: 100%;
height: auto;
}
.content-image-aligned-left {
float: left;
margin: 0.5em 2.5em 1em 0;
}
.content-image-aligned-right {
float: right;
margin: 0.5em 0 1em 2.5em;
}
img,
video,
iframe,
audio {
max-width: 100%;
}
table img {
max-width: none;
}
.map-wrapper-inner img {
max-width: none !important;
}
.large-image {
width: 100%;
height: auto;
margin: 0 -2em;
}
a {
text-decoration: none;
color: #c70280;
}
a:hover,
a:focus {
text-decoration: underline;
}
#container table {
width: 100%;
table-layout: fixed;
}
#container table caption {
text-align: left;
font-size: 120%;
margin-bottom: 0.2em;
}
#container table th,
#container table td {
padding: 0.5em;
word-wrap: break-word;
vertical-align: top;
text-align: left;
}
#container table thead th {
border-top: 5px solid #dddddd;
border-bottom: 2px solid #dddddd;
font-weight: normal;
}
#container table thead th input[type="submit"] {
color: #ffffff !important;
}
#container table tr:nth-child(odd) td {
background: #f5f5f5;
}
#container .main-content form table caption {
color: #ffffff;
}
#container .main-content form table tr td {
color: #3f3f3f;
}
#container .main-content form table tr td label {
color: #3f3f3f;
}
#container .main-content form table tr:nth-child(even) td {
background-color: #ffffff;
}
#container .main-content form table tr:nth-child(odd) td {
background-color: #f5f5f5;
}
#container .main-content form table th {
background-color: #f8991d;
}
#container .main-content form table th input[type="submit"] {
padding: 0.1em 3em 0.1em 1em;
background-position: 96% top;
}
@media only screen and (max-width: 770px) {
.middle .form {
overflow-x: scroll;
}
.middle .pinned {
display: none;
}
.middle .pinned td {
display: none;
}
.middle .table-wrapper {
position: relative;
overflow: hidden;
}
.middle .table-wrapper .scrollable {
overflow: scroll;
overflow-y: hidden;
}
.middle .table-wrapper table {
table-layout: auto !important;
}
.middle .table-wrapper table td,
.middle .table-wrapper table th {
position: relative;
white-space: nowrap;
overflow: hidden;
}
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
input[type="search"] {
-webkit-appearance: textfield;
}
/*----- Form Mixins -----*/
/*----- Apply styles -----*/
#container {
/*- Labels -*/
/*- Text inputs -*/
/*- Textarea -*/
/*- Buttons and Submits -*/
/*- Checks and Radios -*/
/*- Placeholder text -*/
}
#container input[type="text"],
#container input[type="password"],
#container input[type="tel"],
#container input[type="url"],
#container input[type="email"],
#container input[type="search"],
#container textarea {
font-family: "nimbus-sans", arial, Helvetica, sans-serif;
width: 100%;
}
#container input[type="text"]::-webkit-input-placeholder,
#container input[type="password"]::-webkit-input-placeholder,
#container input[type="tel"]::-webkit-input-placeholder,
#container input[type="url"]::-webkit-input-placeholder,
#container input[type="email"]::-webkit-input-placeholder,
#container input[type="search"]::-webkit-input-placeholder,
#container textarea::-webkit-input-placeholder {
font-family: "nimbus-sans", arial, Helvetica, sans-serif;
color: #3f3f3f;
}
#container input[type="text"]:-moz-placeholder,
#container input[type="password"]:-moz-placeholder,
#container input[type="tel"]:-moz-placeholder,
#container input[type="url"]:-moz-placeholder,
#container input[type="email"]:-moz-placeholder,
#container input[type="search"]:-moz-placeholder,
#container textarea:-moz-placeholder {
font-family: "nimbus-sans", arial, Helvetica, sans-serif;
color: #3f3f3f;
}
#container input[type="text"]::-moz-placeholder,
#container input[type="password"]::-moz-placeholder,
#container input[type="tel"]::-moz-placeholder,
#container input[type="url"]::-moz-placeholder,
#container input[type="email"]::-moz-placeholder,
#container input[type="search"]::-moz-placeholder,
#container textarea::-moz-placeholder {
font-family: "nimbus-sans", arial, Helvetica, sans-serif;
color: #3f3f3f;
}
#container input[type="text"]:-ms-input-placeholder,
#container input[type="password"]:-ms-input-placeholder,
#container input[type="tel"]:-ms-input-placeholder,
#container input[type="url"]:-ms-input-placeholder,
#container input[type="email"]:-ms-input-placeholder,
#container input[type="search"]:-ms-input-placeholder,
#container textarea:-ms-input-placeholder {
font-family: "nimbus-sans", arial, Helvetica, sans-serif;
color: #3f3f3f;
}
.ie7 #container input[type="text"],
.ie7 #container input[type="password"],
.ie7 #container input[type="tel"],
.ie7 #container input[type="url"],
.ie7 #container input[type="email"],
.ie7 #container input[type="search"],
.ie7 #container textarea {
width: 92%;
}
#container .col input[type="text"],
#container .col input[type="password"],
#container .col input[type="tel"],
#container .col input[type="url"],
#container .col input[type="email"],
#container .col input[type="search"],
#container .col textarea {
background-color: #dddddd;
}
#container label {
margin: 0.5em 0 0.2em 0;
display: block;
}
#container input[type="text"],
#container input[type="search"],
#container input[type="password"],
#container input[type="tel"],
#container input[type="url"],
#container input[type="email"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ffffff;
padding: 0.5em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#container input[type="text"]:hover,
#container input[type="search"]:hover,
#container input[type="password"]:hover,
#container input[type="tel"]:hover,
#container input[type="url"]:hover,
#container input[type="email"]:hover,
#container input[type="text"]:focus,
#container input[type="search"]:focus,
#container input[type="password"]:focus,
#container input[type="tel"]:focus,
#container input[type="url"]:focus,
#container input[type="email"]:focus {
outline: none;
}
#container textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ffffff;
padding: 0.5em;
min-height: 8em;
resize: vertical;
}
#container textarea:hover,
#container textarea:focus {
outline: none;
}
#container button,
#container input[type="submit"] {
border: none;
}
#container .main-content button,
#container .main-content input[type="submit"] {
background-color: transparent;
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
}
.ie7 #container .main-content button,
.ie7 #container .main-content input[type="submit"] {
padding: 1em 2em 1em 0;
}
#container .main-content button:hover,
#container .main-content input[type="submit"]:hover,
#container .main-content button:focus,
#container .main-content input[type="submit"]:focus {
text-decoration: underline;
}
#container .main-content .col button,
#container .main-content .col input[type="submit"] {
float: right;
padding-right: 2em;
background-position: right 1em;
}
#container input[type="checkbox"],
#container input[type="radio"] {
clear: left;
float: left;
margin: 0.2em 0.7em;
}
#container input[type="checkbox"]:focus,
#container input[type="radio"]:focus {
outline: 1px solid #212121;
}
#container .checkbox_label {
margin: 0;
float: left;
}
#container ::-webkit-input-placeholder {
color: #999999;
font-family: Helvetica;
font-size: 1em;
}
#container :-moz-placeholder {
/* Firefox 18- */
color: #999999;
font-family: Helvetica;
font-size: 1em;
}
#container ::-moz-placeholder {
/* Firefox 19+ */
color: #999999;
font-family: Helvetica;
font-size: 1em;
}
#container :-ms-input-placeholder {
color: #999999;
font-family: Helvetica;
font-size: 1em;
}
ul.ui-autocomplete {
margin: 0;
list-style-type: none;
background: #ffffff;
border: 1px solid #bcbdc0;
width: 250px;
margin: 1em 0;
padding: 0;
}
ul.ui-autocomplete li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul.ui-autocomplete a {
display: block;
padding: 0.5em;
}
ul.ui-autocomplete a:hover,
ul.ui-autocomplete a:focus {
background: #f5f5f5;
}
@media only screen and (min-width: 701px) {
#container .middle .placement-row-1-up button,
#container .middle .placement-row-1-up input[type="submit"] {
width: auto;
}
}
.ie7 #container .middle .placement-row-1-up button,
.ie8 #container .middle .placement-row-1-up button,
.ie7 #container .middle .placement-row-1-up input[type="submit"],
.ie8 #container .middle .placement-row-1-up input[type="submit"] {
width: auto;
}
.dropdown {
position: relative;
float: left;
margin-right: 1.2em;
}
.ie7 .dropdown {
margin: 0;
}
@media only screen and (max-width: 1025px) {
.dropdown {
margin-left: 0;
}
}
@media only screen and (max-width: 770px) {
.dropdown {
display: none;
}
}
.dropdown a {
transition: 0.4s all;
}
@media only screen and (max-width: 700px) {
.dropdown a {
display: none;
}
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
margin: 0;
padding: 0;
list-style-type: none;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
display: none;
float: left;
min-width: 80px;
font-size: 90%;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #f5f5f5;
border: 1px solid #dddddd;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
float: left;
padding: 2px 0 5px 20px !important;
font-size: 12px;
line-height: 1.42857143;
color: #999999;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
#access-dropdown {
position: relative;
z-index: 9999;
}
/*==== 03-sandbox ====*/
/*------------------- Setup -------------------*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content-container {
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
@media only screen and (max-width: 1025px) {
.content-container {
width: 92%;
}
}
@media only screen and (max-width: 770px) {
.content-container {
width: 94%;
}
}
.ie7 .content-container {
overflow: hidden;
}
.left .layout_col_inner {
padding-right: 0.5em;
}
.right .layout_col_inner {
padding-left: 0.5em;
}
.col {
float: left;
}
.left {
margin-left: -100%;
}
.wrapper {
width: 100%;
float: left;
}
@media only screen and (max-width: 700px) {
.wrapper {
float: none;
width: auto;
}
}
/*------------------- 2 column layouts -------------------*/
/*---------- Left and middle */
.layout_1_0 .left {
width: 29.166666666666668%;
}
.layout_1_0 .middle {
margin-left: 29.166666666666668%;
}
/*---------- Middle and right */
.layout_0_1 .right {
width: 29.166666666666668%;
margin-left: -29.166666666666668%;
}
.layout_0_1 .middle {
margin-right: 29.166666666666668%;
}
/*----------- 2 column breaks */
@media only screen and (max-width: 1100px) {
.layout_0_1 .left .page-placement,
.layout_1_0 .left .page-placement,
.layout_0_1 .right .page-placement,
.layout_1_0 .right .page-placement {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 920px) {
.layout_0_1 .left,
.layout_1_0 .left,
.layout_0_1 .right,
.layout_1_0 .right {
width: 33.33333333333333%;
}
.layout_0_1 .middle .page-placement,
.layout_1_0 .middle .page-placement {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
}
.layout_0_1 .right {
margin-left: -33.33333333333333%;
}
.layout_0_1 .middle {
margin-right: 33.33333333333333%;
}
.layout_1_0 .middle {
margin-left: 33.33333333333333%;
}
}
/*------------------- 3 column layouts -------------------*/
.layout_1_1 .left,
.layout_1_1 .right {
width: 25%;
}
.layout_1_1 .middle {
margin: 0 25%;
}
.layout_1_1 .right {
margin-left: -25%;
}
@media only screen and (max-width: 1200px) {
.layout_1_1 .left .page-placement,
.layout_1_1 .right .page-placement {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 1050px) {
.layout_1_1 .left,
.layout_1_1 .right {
width: 25%;
}
.layout_1_1 .middle {
margin: 0 25%;
}
.layout_1_1 .middle .page-placement {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
}
.layout_1_1 .right {
margin-left: -25%;
}
}
/*------------------- Mobile views -------------------*/
@media only screen and (max-width: 700px) {
.left .layout_col_inner {
padding-right: 0;
}
.right .layout_col_inner {
padding-left: 0;
}
.layout_1_0 .middle,
.layout_0_1 .middle,
.layout_1_1 .middle {
margin: 0;
}
#container .page-placement {
float: none;
width: auto;
margin-left: 0;
margin-right: 0;
}
#container .left,
#container .right {
margin: 0;
float: none;
width: auto;
}
}
@media only screen and (max-width: 770px) {
.left .layout_col_inner {
padding-right: 0;
}
.right .layout_col_inner {
padding-left: 0;
}
.layout_1_0 .middle,
.layout_0_1 .middle,
.layout_1_1 .middle {
margin: 0;
}
#container .left,
#container .right {
margin: 0;
float: none;
width: auto;
}
}
/*------------------- IE6 Fixes -------------------*/
/*-- IE6 Fix LESS Column Definitions (IE6 does not calculate percentages accurately) --*/
.ie6 .middle {
padding: 0;
margin: 0;
}
.ie6 .left {
margin-left: -980px;
padding: 0;
}
.ie6 .right {
margin-left: -206px;
padding: 0;
}
.ie6 .layout_0_0 .middle {
width: 980px;
}
.ie6 .layout_1_1 .left {
width: 200px;
}
.ie6 .layout_1_1 .middle {
margin: 0 210px;
}
.ie6 .layout_1_1 .right {
width: 200px;
}
.ie6 .layout_1_0 {
width: 980px;
}
.ie6 .layout_1_0 .left {
width: 240px;
}
.ie6 .layout_1_0 .middle {
margin-left: 240px;
}
.ie6 .layout_0_1 .middle {
margin-right: 240px;
}
.ie6 .layout_0_1 .right {
width: 240px;
margin-left: -250px;
}
/*==== PLACEMENT VARIABLES ====*/
.page-placement {
float: left;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
#main-content .page-placement {
padding-top: 1em;
padding-bottom: 1em;
}
.placement-inner {
margin: 0 1em;
}
.placement-row-1-up .page-placement {
width: 100%;
}
.placement-row-2-up .page-placement {
width: 50%;
}
.placement-row-3-up .page-placement {
width: 33.333333333333336%;
}
.placement-row-4-up .page-placement {
width: 25%;
}
.placement-row-5-up .page-placement {
width: 20%;
}
.placement-row-6-up .page-placement {
width: 16.666666666666668%;
}
.placement-row-7-up .page-placement {
width: 14.285714285714286%;
}
.placement-row-8-up .page-placement {
width: 12.5%;
}
.placement-row-9-up .page-placement {
width: 11.11111111111111%;
}
.placement-row-10-up .page-placement {
width: 10%;
}
.placement-row-11-up .page-placement {
width: 9.090909090909092%;
}
.placement-row-12-up .page-placement {
width: 8.333333333333334%;
}
/*------------------- IE7 Fixes -------------------*/
.ie7 .col .placement-row-2-up .page-placement {
width: 49%;
}
.ie7 .col .placement-row-3-up .page-placement {
width: 31%;
}
/*==== 04-structure ====*/
html,
body {
min-height: 100%;
padding: 0;
margin: 0;
}
html {
font-size: 62.5%;
}
body {
font-family: "nimbus-sans", arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
line-height: 140%;
}
#main-content {
background-color: #e9ebed;
}
#main-content .main-wrapper {
width: auto;
max-width: none;
}
#main-content .main-wrapper #content-wrapper {
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
@media only screen and (max-width: 1025px) {
#main-content .main-wrapper #content-wrapper {
width: 92%;
}
}
@media only screen and (max-width: 770px) {
#main-content .main-wrapper #content-wrapper {
width: 94%;
}
}
#main-content .main-wrapper #content-wrapper.layout_0_0 .middle {
margin: 1em 1em 0 1em;
}
#main-content .main-wrapper #content-wrapper.layout_0_1 .middle {
margin-left: 1em;
}
#main-content .main-wrapper #content-wrapper.layout_1_0 .middle {
margin-right: 1em;
}
#main-content .main-wrapper #content-wrapper .middle {
background-color: #ffffff;
border-top: 20px solid #c70280;
margin-top: 1em;
}
@media only screen and (max-width: 770px) {
#main-content .main-wrapper #content-wrapper .middle {
margin: 1em;
}
}
@media only screen and (max-width: 700px) {
#main-content .main-wrapper #content-wrapper .middle {
margin: 0;
}
}
#main-content .main-wrapper #content-wrapper .middle .layout_col_inner {
padding: 0 2em 2em 2em;
}
.home-page
#main-content
.main-wrapper
#content-wrapper
.middle
.layout_col_inner {
padding: 0;
}
.home-page #main-content .main-wrapper #content-wrapper .middle {
border: none;
}
.orange-border #main-content .main-wrapper #content-wrapper .middle {
border-color: #f8991d;
}
.red-border #main-content .main-wrapper #content-wrapper .middle {
border-color: #ed1c2e;
}
.dark-red-border #main-content .main-wrapper #content-wrapper .middle {
border-color: #9e003d;
}
.home-page #main-content .main-wrapper #content-wrapper .middle {
background-color: transparent;
margin: 0;
}
#main-content
.main-wrapper
#content-wrapper
.middle
.placement-row-1
.page-placement.image-placement {
padding-top: 0;
}
#main-content
.main-wrapper
#content-wrapper
.middle
.placement-row-1
.page-placement.image-placement:first-child {
padding-top: 0;
}
#main-content
.main-wrapper
#content-wrapper
.middle
.placement-row-1.placement-row-1-up
.page-placement {
padding-top: 0;
}
#main-content
.main-wrapper
#content-wrapper
.middle
.placement-row-1.placement-row-1-up
.page-placement
.content-headline
h2,
#main-content
.main-wrapper
#content-wrapper
.middle
.placement-row-1.placement-row-1-up
.page-placement
.content-headline
h3 {
margin-top: 0.5em;
}
#main-content
.main-wrapper
#content-wrapper
.middle
.page-placement
.placement-inner {
margin: 0;
}
.home-page
#main-content
.main-wrapper
#content-wrapper
.middle
.page-placement
.placement-inner {
margin: 0 1em;
}
@media only screen and (max-width: 770px) {
#container #main-content .col {
clear: both;
}
#container #main-content .col .placement-row-wrapper {
width: 50%;
float: left;
}
#container #main-content .col .page-placement .placement-inner {
margin: 0 1em;
}
}
@media only screen and (max-width: 700px) {
#container #main-content .col .placement-row-wrapper {
width: 100%;
float: none;
}
#container #main-content .col .page-placement .placement-inner {
margin: 0;
}
}
/*
@media @ipad-thin {
.col {
clear: both;
&.right {
.placement-row-wrapper {
//.home-page & {
width: 50%;
float: left;
//}
&:last-child {
width: auto;
clear: both;
float: none;
}
}
}
.page-placement {
.placement-inner {
margin: 0;
}
}
}
}
*/
/*
@media @mobile {
.col {
&.right {
.placement-row-wrapper {
float: none;
width: auto;
&:last-child {
width: auto;
clear: both;
float: none;
}
}
}
}
}
*/
/*---- Accessibility Images ----*/
#fontsizedown {
background-image: url("../images/access-bar/textdown.png");
background-position: center center;
background-repeat: no-repeat;
}
#fontsizeup {
background-image: url("../images/access-bar/textup.png");
background-position: center center;
background-repeat: no-repeat;
}
#webpagecontrast0 {
background-image: url("../images/access-bar/contrast-normal.png");
background-position: center center;
background-repeat: no-repeat;
}
#webpagecontrast1 {
background-image: url("../images/access-bar/contrast-soft.png");
background-position: center center;
background-repeat: no-repeat;
}
#webpagecontrast2 {
background-image: url("../images/access-bar/contrast-high.png");
background-position: center center;
background-repeat: no-repeat;
}
/*==== Accessibility bar ====*/
#accessibility-controls {
background-color: #c70280;
color: #ffffff;
padding: 0.5em 0;
}
@media only screen and (max-width: 1025px) {
#accessibility-controls {
font-size: 90%;
}
}
@media only screen and (max-width: 770px) {
#accessibility-controls {
padding-bottom: 1em;
}
}
@media only screen and (max-width: 700px) {
#accessibility-controls {
display: none;
background: #fefefe;
}
#accessibility-controls .accessibility-bar-links a {
color: #3f3f3f;
}
}
#accessibility-controls a {
color: #ffffff;
}
#accessibility-controls .placement-row-wrapper {
float: left;
}
@media only screen and (max-width: 770px) {
#accessibility-controls .placement-row-wrapper {
float: none;
}
}
.ie7 #accessibility-controls .placement-row-wrapper {
width: 80%;
}
#accessibility-controls .placement-row-wrapper .page-placement {
padding: 0;
width: auto;
}
#accessibility-controls .placement-row-wrapper .page-placement p {
margin: 0.6em 0;
}
#accessibility-controls
.placement-row-wrapper
.page-placement.last-child
.placement-inner {
margin-right: 1em;
}
#accessibility-controls
.placement-row-wrapper
.page-placement.type-general[data-placement-class="SiteSearch"]
.site-search
#site-search-form
input[type="search"],
#accessibility-controls
.placement-row-wrapper
.page-placement.type-general[data-placement-class="SiteSearch"]
.site-search
#site-search-form
input[type="text"] {
width: 240px;
}
@media only screen and (max-width: 770px) {
#accessibility-controls
.placement-row-wrapper
.page-placement.type-general[data-placement-class="SiteSearch"]
.site-search
#site-search-form
input[type="search"],
#accessibility-controls
.placement-row-wrapper
.page-placement.type-general[data-placement-class="SiteSearch"]
.site-search
#site-search-form
input[type="text"] {
width: 200px;
}
}
@media only screen and (max-width: 700px) {
#accessibility-controls
.placement-row-wrapper
.page-placement.type-general[data-placement-class="SiteSearch"]
.site-search
#site-search-form
input[type="search"],
#accessibility-controls
.placement-row-wrapper
.page-placement.type-general[data-placement-class="SiteSearch"]
.site-search
#site-search-form
input[type="text"] {
width: 95%;
border: 1px solid #ddd;
}
}
#accessibility-controls .content-headline {
display: none;
}
#accessibility-controls .access-controls-wrapper {
*zoom: 1;
padding: 0.5em 1em;
float: right;
}
#accessibility-controls .access-controls-wrapper:before,
#accessibility-controls .access-controls-wrapper:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#accessibility-controls .access-controls-wrapper:after {
clear: both;
}
@media only screen and (max-width: 770px) {
#accessibility-controls .access-controls-wrapper {
display: none;
}
}
.ie7 #accessibility-controls .access-controls-wrapper {
width: 15%;
}
#accessibility-controls .access-controls-wrapper ol,
#accessibility-controls .access-controls-wrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
float: right;
}
#accessibility-controls .access-controls-wrapper ol li,
#accessibility-controls .access-controls-wrapper ul li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
margin-left: 1em;
}
.ie7 #accessibility-controls .access-controls-wrapper .skip-nav-link {
display: none;
}
@media only screen and (max-width: 700px) {
#accessibility-controls .access-controls-wrapper {
display: none;
}
}
#accessibility-controls .dropdown .dropdown-menu {
padding: 0.5em;
}
#accessibility-controls .dropdown .dropdown-menu li {
margin: 0;
}
#accessibility-controls .dropdown form {
float: left;
}
#accessibility-controls .dropdown input[type="submit"] {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
display: inline-block;
width: 18px;
height: 18px;
text-indent: -9999px;
}
#accessibility-controls .dropdown input[type="submit"]:before {
content: "";
display: block;
width: 0;
height: 100%;
}
.ie7 #accessibility-controls .dropdown input[type="submit"] {
*display: inline;
zoom: 1;
}
.ie7 #accessibility-controls .dropdown input[type="submit"] {
float: left;
text-transform: capitalize;
margin-right: 0.2em;
}
#accessibility-controls .dropdown input[type="submit"]:focus {
outline: 1px solid #bcbdc0;
}
#accessibility-controls .access-options-label {
float: left;
margin-right: 0.2em;
}
.logo-container {
float: right;
margin: 0 1em 0 0.5em;
}
.logo-container #logo {
/* width: 268px; */
/* display: block; */
}
.logo-container #logo img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 700px) {
.logo-container {
float: none;
text-align: center;
}
.logo-container #logo {
/* margin: 0 auto;
float: right;
width: 180px; */
}
}
#site-header-row {
padding: 1em 0 0 0;
}
@media only screen and (max-width: 770px) {
#site-header-row {
padding-bottom: 1em;
}
}
#site-header-row .placement-row-1 {
margin-left: 280px;
width: auto;
}
@media only screen and (max-width: 700px) {
#site-header-row .placement-row-1 {
margin: 0;
}
}
/*==== BOTTOM ROW ====*/
.content-datetime-meta .first-published {
margin: 0.5em;
}
.content-datetime-meta .first-published time,
.content-datetime-meta .first-published .content-author {
font-weight: bold;
}
#footer-links {
border-top: 1px solid #bcbdc0;
font-size: 80%;
margin: 0.5em;
display: none;
}
#footer-links p {
margin: 0.5em;
}
#footer-links p a {
padding: 2px 1em 2px 20px;
background-position: left center;
background-repeat: no-repeat;
}
#footer-links p a.ref-page-top {
background-image: url("../images/page-utils/page-top-k.png");
}
#footer-links p a.ref-page-top:hover {
background-image: url("../images/page-utils/page-top.png");
}
#footer-links p a.ref-contact {
background-image: url("../images/page-utils/contact-k.png");
}
#footer-links p a.ref-contact:hover {
background-image: url("../images/page-utils/contact.png");
}
#footer-links p a.ref-print {
background-image: url("../images/page-utils/print-k.png");
}
#footer-links p a.ref-print:hover {
background-image: url("../images/page-utils/print.png");
}
#footer-links p a.ref-email {
background-image: url("../images/page-utils/email-k.png");
}
#footer-links p a.ref-email:hover {
background-image: url("../images/page-utils/email.png");
}
#footer-links p a.ref-sitemap {
background-image: url("../images/page-utils/sitemap-k.png");
}
#footer-links p a.ref-sitemap:hover {
background-image: url("../images/page-utils/sitemap.png");
}
@media only screen and (max-width: 500px) {
#footer-links p a {
float: left;
width: 50%;
padding-bottom: 0.2em;
}
}
#site-footer-row {
background-color: #404041;
color: #ffffff;
padding: 2em 0 4em 0;
font-size: 120%;
font-weight: 600;
}
@media only screen and (max-width: 700px) {
#site-footer-row .type-menuplacement {
display: none;
}
}
@media only screen and (max-width: 700px) {
#site-footer-row .content-headline {
display: none;
}
}
#site-footer-row h2,
#site-footer-row h3,
#site-footer-row h4,
#site-footer-row h5,
#site-footer-row h6 {
line-height: normal;
}
#site-footer-row .content-headline h2 {
font-size: 100%;
}
#site-footer-row h3 {
color: #bcbdc0;
margin: 0;
font-size: 100%;
}
#site-footer-row h4 {
margin: 0;
font-size: 100%;
}
#site-footer-row ul,
#site-footer-row ol {
margin: 0;
padding: 0;
list-style-type: none;
}
#site-footer-row ul li,
#site-footer-row ol li {
margin: 0;
padding: 0;
list-style-type: none;
}
#site-footer-row .last-child p {
margin-top: 0;
}
#site-footer-row a {
color: #ffffff;
}
#site-footer-row a:hover,
#site-footer-row a:focus {
text-decoration: underline;
}
#site-footer-row .client-credits,
#site-footer-row #verseone-credits {
width: 50%;
float: left;
font-size: 80%;
padding: 0 0.5em;
}
#site-footer-row #verseone-credits {
text-align: right;
}
#site-footer-row .type-menuplacement .content-headline h2 {
color: #bcbdc0;
margin: 0 0 0.2em 0;
}
#site-footer-row .type-menuplacement .standard-list .menu-item {
float: none;
margin: 0.2em 0;
}
#site-footer-row .type-menuplacement .standard-list .menu-item a {
text-align: left;
}
@media only screen and (max-width: 500px) {
#site-footer-row .client-credits,
#site-footer-row #verseone-credits {
padding: 0 1em;
float: none;
width: auto;
text-align: left;
}
}
@media only screen and (max-width: 770px) {
.site-footer .page-placement {
width: auto;
float: none;
}
}
.ie7 #site-footer-row .client-credits,
.ie7 #site-footer-row #verseone-credits {
width: auto;
}
.ie7 #site-footer-row #verseone-credits {
float: right;
}
/*==== 05-navigation ====*/
.top-navigation ol,
.top-navigation li {
margin: 0;
padding: 0;
list-style-type: none;
}
.top-navigation #top-nav li {
float: left;
}
.top-navigation #top-nav a {
display: block;
text-align: center;
text-decoration: none;
}
.top-navigation a {
color: #3f3f3f;
font-weight: 600;
}
.top-navigation a.current,
.top-navigation a:hover,
.top-navigation a:focus {
color: #c70280;
}
#site-nav-row {
padding: 1em 0;
background-color: #ffffff;
}
@media only screen and (max-width: 1025px) {
#site-nav-row {
font-size: 90%;
}
}
@media only screen and (max-width: 770px) {
#site-nav-row {
padding: 0;
}
}
#site-nav-row .nav-toggle {
background-color: #f8991d;
display: none;
}
#site-nav-row .nav-toggle a {
padding: 0.75em 0;
background: url("../images/_site/icons/menu-icon.png") no-repeat left center;
font-size: 200%;
display: block;
text-align: center;
color: #ffffff;
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
#site-nav-row .nav-toggle a.open {
background: url("../images/_site/icons/menu-close.png") no-repeat left center;
}
#site-nav-row .nav-toggle a:hover,
#site-nav-row .nav-toggle a:focus {
text-decoration: none;
}
@media only screen and (max-width: 770px) {
#site-nav-row .nav-toggle {
display: block;
}
}
@media only screen and (max-width: 770px) {
#site-nav-row .content-container {
display: none;
}
}
#site-nav-row #top-nav {
font-size: 120%;
margin: 0 0.8em;
}
#site-nav-row #top-nav a {
position: relative;
margin-right: 2em;
}
@media only screen and (max-width: 1025px) {
#site-nav-row #top-nav a {
margin-right: 1em;
}
}
#site-nav-row #top-nav a .nav-item-cap {
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 5px;
height: 5px;
position: absolute;
top: -8px;
left: 0;
}
#site-nav-row #top-nav a.current .nav-item-cap,
#site-nav-row #top-nav a:hover .nav-item-cap,
#site-nav-row #top-nav a:focus .nav-item-cap {
background-color: #c70280;
}
.navbar-fixed-top {
top: 0;
position: fixed;
width: 100%;
z-index: 99999;
}
@media only screen and (max-width: 770px) {
.navbar-fixed-top {
position: static;
}
}
/*
.navbar-is-fixed {
#main-content {
margin-top: 86px;
}
}
*/
.content-container.breadcrumb {
width: auto;
padding: 0.5em 1em 1.5em 1em;
}
@media only screen and (max-width: 700px) {
.content-container.breadcrumb {
padding-bottom: 0;
}
}
.content-container.breadcrumb #breadcrumbs {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}
.content-container.breadcrumb #breadcrumbs li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
margin-right: 0.3em;
}
.content-container.breadcrumb #breadcrumbs li.now_viewing {
display: none;
}
.sidemenu {
background-color: #ffffff;
border-top: 20px solid #c70280;
font-size: 120%;
margin: 0.5em 1em 1em 1em;
}
.sidemenu .sidemenu-parent {
display: none;
}
.sidemenu .menu li {
float: none;
display: block;
position: relative;
border-top: 1px solid #eeeeee;
width: auto;
}
.sidemenu .menu li:first-child {
border: none;
}
.sidemenu .menu a {
display: block;
text-decoration: none;
text-align: left;
padding: 0.5em 1em;
color: #3f3f3f;
font-weight: 700;
}
.sidemenu .menu a:hover,
.sidemenu .menu a:focus,
.sidemenu .menu a:active,
.sidemenu .menu a.current {
color: #c70280;
}
.sidemenu .menu ol a {
padding-left: 20px;
}
.sidemenu .menu ol ol a {
padding-left: 30px;
}
.sidemenu .menu ol ol ol a {
padding-left: 40px;
}
.state-submenu {
display: none;
}
.menu,
.menu li,
.menu ol {
margin: 0;
padding: 0;
list-style-type: none;
}
.standard-list li,
.description-list li {
float: left;
}
.standard-list a,
.description-list a {
display: block;
text-align: center;
text-decoration: none;
}
.standard-list .icon-display .menu-item-img,
.description-list .icon-display .menu-item-img {
display: inline-block;
width: 30px;
margin-right: 0.2em;
}
.ie7 .standard-list .icon-display .menu-item-img,
.ie7 .description-list .icon-display .menu-item-img {
*display: inline;
zoom: 1;
}
.standard-list .thumbnail-display .menu-item-img,
.description-list .thumbnail-display .menu-item-img {
display: inline-block;
width: 30px;
margin-right: 0.2em;
}
.ie7 .standard-list .thumbnail-display .menu-item-img,
.ie7 .description-list .thumbnail-display .menu-item-img {
*display: inline;
zoom: 1;
}
@media only screen and (max-width: 770px) {
#accessibility-controls .type-menuplacement {
float: right;
}
}
@media only screen and (max-width: 700px) {
#accessibility-controls .type-menuplacement {
float: none;
margin-top: 0.5em;
}
}
#accessibility-controls .type-menuplacement .standard-list .menu-item {
margin: 0.5em 0 0 1em;
}
#accessibility-controls
.type-menuplacement
.standard-list
.menu-item.menu-item-1 {
margin-left: 0;
}
@media only screen and (max-width: 700px) {
#accessibility-controls .type-menuplacement .standard-list .menu-item {
float: none;
border-bottom: 1px solid #ddd;
margin-left: 0;
}
#accessibility-controls .type-menuplacement .standard-list .menu-item a {
text-align: left;
}
#accessibility-controls
.type-menuplacement
.standard-list
.menu-item
a:hover {
color: #c70280;
}
}
@media only screen and (max-width: 770px) {
#site-nav-row {
background-color: #eeeeee;
}
}
#site-nav-row .menu {
padding: 0.5em 0;
}
@media only screen and (max-width: 770px) {
#site-nav-row .menu {
padding: 0.5em 1em;
}
}
@media only screen and (max-width: 770px) {
#site-nav-row .menu .menu-item {
border-top: 1px solid #ffffff;
float: none;
}
#site-nav-row .menu .menu-item:first-child {
border: none;
}
}
@media only screen and (max-width: 770px) {
#site-nav-row .menu .menu-item a {
margin: 0;
padding: 0.5em 0;
text-align: left;
}
#site-nav-row .menu .menu-item a .nav-item-cap {
display: none;
}
}
.middle .standard-list .menu-item,
.middle .description-list .menu-item {
float: none;
overflow: hidden;
margin-bottom: 0.5em;
padding-top: 0.5em;
border-top: 1px solid #bcbdc0;
}
.middle .standard-list .menu-item a,
.middle .description-list .menu-item a {
text-align: left;
color: #3f3f3f;
}
.middle .standard-list .menu-item a .main-image-wrapper,
.middle .description-list .menu-item a .main-image-wrapper {
margin-left: 1em;
float: right;
width: 40%;
}
.middle .standard-list .menu-item a .main-image-wrapper img,
.middle .description-list .menu-item a .main-image-wrapper img {
width: 100%;
height: auto;
}
.middle .standard-list .menu-item a .main-link-text,
.middle .description-list .menu-item a .main-link-text {
background: url("../images/_site/icons/pod-arrow.png") no-repeat left 2px;
display: block;
min-height: 23px;
padding-left: 2em;
font-size: 140%;
font-weight: 600;
}
.middle .description-list .menu-item {
float: none;
overflow: hidden;
margin-bottom: 0.5em;
padding-top: 0.5em;
border: none;
}
#site-nav-row .type-menuplacement .placement-inner {
margin: 0 0.8em;
font-size: 120%;
}
@media only screen and (max-width: 770px) {
#site-nav-row .type-menuplacement .placement-inner {
margin: 0;
}
}
#site-nav-row .type-menuplacement .placement-inner .menu-item a {
margin-right: 1.2em;
position: relative;
}
.ie7 #site-nav-row .type-menuplacement .placement-inner .menu-item a {
margin-right: 1.5em;
}
@media only screen and (max-width: 1025px) {
#site-nav-row .type-menuplacement .placement-inner .menu-item a {
margin-right: 0.8em;
}
}
#site-nav-row .type-menuplacement .placement-inner .menu-item a .nav-item-cap {
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
width: 5px;
height: 5px;
position: absolute;
top: -8px;
left: 0;
}
#site-nav-row
.type-menuplacement
.placement-inner
.menu-item
a.current
.nav-item-cap,
#site-nav-row
.type-menuplacement
.placement-inner
.menu-item
a:hover
.nav-item-cap,
#site-nav-row
.type-menuplacement
.placement-inner
.menu-item
a:focus
.nav-item-cap {
background-color: #c70280;
}
.col.left .menu-headline {
display: none;
}
@media only screen and (max-width: 770px) {
.col.left .menu-headline {
display: block;
}
}
.col .type-menuplacement .standard-list {
background-color: #ffffff;
border-top: 20px solid #c70280;
font-size: 120%;
}
.dark-red-border .col .type-menuplacement .standard-list {
border-color: #9e003d;
}
.red-border .col .type-menuplacement .standard-list {
border-color: #ed1c2e;
}
.orange-border .col .type-menuplacement .standard-list {
border-color: #f8991d;
}
.col .type-menuplacement .standard-list .menu-item {
float: none;
display: block;
position: relative;
border-top: 1px solid #eeeeee;
width: auto;
}
.col .type-menuplacement .standard-list .menu-item:first-child {
border: none;
}
.col .type-menuplacement .standard-list .menu-item ol a {
padding-left: 40px;
}
.col .type-menuplacement .standard-list .menu-item ol ol a {
padding-left: 80px;
}
.col .type-menuplacement .standard-list .menu-item ol ol ol a {
padding-left: 120px;
}
.col .type-menuplacement .standard-list a {
display: block;
text-decoration: none;
text-align: left;
padding: 0.5em;
color: #3f3f3f;
font-weight: 700;
}
.col .type-menuplacement .standard-list a:hover,
.col .type-menuplacement .standard-list a:focus,
.col .type-menuplacement .standard-list a:active,
.col .type-menuplacement .standard-list a.current {
color: #c70280;
}
.dark-red-border .col .type-menuplacement .standard-list a:hover,
.dark-red-border .col .type-menuplacement .standard-list a:focus,
.dark-red-border .col .type-menuplacement .standard-list a:active,
.dark-red-border .col .type-menuplacement .standard-list a.current {
color: #9e003d;
}
.red-border .col .type-menuplacement .standard-list a:hover,
.red-border .col .type-menuplacement .standard-list a:focus,
.red-border .col .type-menuplacement .standard-list a:active,
.red-border .col .type-menuplacement .standard-list a.current {
color: #ed1c2e;
}
.orange-border .col .type-menuplacement .standard-list a:hover,
.orange-border .col .type-menuplacement .standard-list a:focus,
.orange-border .col .type-menuplacement .standard-list a:active,
.orange-border .col .type-menuplacement .standard-list a.current {
color: #f8991d;
}
.detached-menu-placement.type-menuplacement {
float: none;
}
.detached-menu-placement.type-menuplacement .placement-inner {
margin: 0;
}
.detached-menu-placement.type-menuplacement .placement-inner .menu-headline {
display: none;
background-color: #c70280;
text-align: center;
}
@media only screen and (max-width: 770px) {
.detached-menu-placement.type-menuplacement .placement-inner .menu-headline {
display: block;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.menu-headline
h2 {
font-size: 140%;
font-weight: normal;
background: url("../images/_site/icons/white-plus.png") no-repeat left
center;
padding: 1em;
color: #ffffff;
display: block;
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.menu-headline.open
h2 {
background: url("../images/_site/icons/white-minus.png") no-repeat left
center;
}
}
.detached-menu-placement.type-menuplacement
.placement-inner
.content-wrapper-inner {
display: none;
}
.detached-menu-placement.type-menuplacement .placement-inner .standard-list {
background-color: #ffffff;
font-size: 120%;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
.menu-item {
float: none;
display: block;
position: relative;
border-top: 1px solid #eeeeee;
width: auto;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
.menu-item:first-child {
border: none;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
.menu-item
ol
a {
padding-left: 40px;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
.menu-item
ol
ol
a {
padding-left: 80px;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
.menu-item
ol
ol
ol
a {
padding-left: 120px;
}
.detached-menu-placement.type-menuplacement .placement-inner .standard-list a {
display: block;
text-decoration: none;
text-align: left;
padding: 0.5em 1em;
color: #3f3f3f;
font-weight: 700;
}
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
a:hover,
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
a:focus,
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
a:active,
.detached-menu-placement.type-menuplacement
.placement-inner
.standard-list
a.current {
color: #c70280;
}
#main-content #content-wrapper .useful-info-menu .placement-inner {
position: relative;
}
#main-content #content-wrapper .useful-info-menu .placement-inner:before {
background: url("../images/_site/textures/binder.png") no-repeat center top;
position: absolute;
top: -1.5em;
content: "";
width: 100%;
height: 43px;
text-align: center;
z-index: 99;
}
.ie8 #main-content #content-wrapper .useful-info-menu .placement-inner:before {
display: none;
}
#main-content #content-wrapper .useful-info-menu .placement-inner .binder {
background: url("../images/_site/textures/binder.png") no-repeat center top;
position: absolute;
top: 0;
content: "";
width: 100%;
height: 43px;
text-align: center;
z-index: 99;
}
.ie8 #main-content #content-wrapper .useful-info-menu .placement-inner .binder {
top: -1.5em;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item {
overflow: hidden;
background: #ffffff;
margin-top: 22px;
border-bottom: 20px solid #9e003d;
padding: 2em 1em 1.6em 1em;
min-height: 397px;
}
@media only screen and (max-width: 1025px) {
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item {
height: 437px;
}
}
@media only screen and (max-width: 770px) {
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item {
height: 427px;
}
}
.ie7
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item {
position: relative;
top: 1.6em;
}
.ie8
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item {
min-height: 0;
padding-bottom: 3em;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.content-headline {
text-align: center;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.content-headline
h2 {
margin-top: 0.3em;
font-size: 180%;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item {
border-top: 1px solid #bcbdc0;
float: none;
overflow: hidden;
margin: 0;
padding: 0.5em 0;
font-size: 120%;
color: #3f3f3f;
font-weight: 700;
}
@media only screen and (max-width: 1025px) {
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item {
font-size: 95%;
}
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a {
color: #3f3f3f;
text-align: left;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a:hover,
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a:focus {
color: #9e003d;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a
.main-image-wrapper {
text-align: center;
display: block;
float: left;
overflow: hidden;
margin: 0 1em 0 0;
width: 36px;
height: 31px;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a
.main-image-wrapper
img {
width: auto;
}
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a
.main-link-text {
line-height: 1.8em;
background: none;
min-height: 0;
padding: 0;
font-size: 100%;
font-weight: 700;
}
@media only screen and (max-width: 770px) {
#main-content
#content-wrapper
.useful-info-menu
.placement-inner
.content-item
.menu-item
a
.main-link-text {
font-size: 140%;
}
}
#main-content
#content-wrapper
.col
.useful-info-menu
.placement-inner
.content-item {
min-height: 0;
}
#main-content
#content-wrapper
.col
.useful-info-menu
.placement-inner
.content-item
.menu-item
a
.main-link-text {
line-height: normal;
}
.col .description-list .menu-item-desc {
text-align: left;
padding-left: 10px;
}
.col .description-list .output-level-2 .menu-item-desc {
padding-left: 20px;
}
.col .description-list .output-level-3 .menu-item-desc {
padding-left: 30px;
}
.col .description-list .output-level-4 .menu-item-desc {
padding-left: 40px;
}
.pod-menu {
margin: 0 -1em;
}
.pod-menu .menu-pod {
width: 25%;
float: left;
}
.pod-menu .menu-pod .content-item-container {
margin: 0 1em 1em 1em;
padding-bottom: 1em;
background-color: #ffffff;
border-top: 20px solid;
position: relative;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.pod-menu .menu-pod .content-item-container .content-headline {
position: absolute;
left: 1em;
top: 8em;
}
.pod-menu .menu-pod .content-item-container .content-headline h2,
.pod-menu .menu-pod .content-item-container .content-headline h3 {
color: #ffffff;
margin: 0;
font-size: 360%;
}
@media only screen and (max-width: 1025px) {
.pod-menu .menu-pod .content-item-container .content-headline h2,
.pod-menu .menu-pod .content-item-container .content-headline h3 {
font-size: 300%;
}
}
.pod-menu .menu-pod .content-item-container .content-headline h2 a,
.pod-menu .menu-pod .content-item-container .content-headline h3 a {
color: #ffffff;
}
.pod-menu .menu-pod.pod-1 .content-item-container {
border-color: #f8991d;
}
.pod-menu .menu-pod.pod-1 .content-item-container .menu-item-desc {
color: #f8991d;
}
.pod-menu .menu-pod.pod-2 .content-item-container {
border-color: #c70280;
}
.pod-menu .menu-pod.pod-2 .content-item-container .menu-item-desc {
color: #c70280;
}
.pod-menu .menu-pod.pod-3 .content-item-container {
border-color: #ed1c2e;
}
.pod-menu .menu-pod.pod-3 .content-item-container .menu-item-desc {
color: #ed1c2e;
}
.pod-menu .menu-pod.pod-4 .content-item-container {
border-color: #9e003d;
}
.pod-menu .menu-pod.pod-4 .content-item-container .menu-item-desc {
color: #9e003d;
}
.pod-menu .pod-content .menu-item-desc {
min-height: 70px;
padding: 0 0.7em;
font-size: 150%;
font-weight: 600;
}
.pod-menu .pod-content .menu-item-desc p {
line-height: 1em;
font-size: 115%;
}
.pod-menu .pod-content .main-image-wrapper img {
width: 100%;
height: auto;
}
.pod-menu .menu-pod-children {
padding: 0;
}
.pod-menu .menu-pod-children a {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
border-top: 1px solid #dddddd;
display: block;
color: #3f3f3f;
padding: 1em 5.2em 0 1em;
}
.ie7 .pod-menu .menu-pod {
width: 30.666666666666668%;
float: left;
}
.ie7 .col .pod-menu .menu-pod {
float: none;
width: auto;
}
.col .pod-menu,
.col .menu-pod {
display: block;
}
/*==== 06-standard-elements ====*/
.sitemap {
margin: 0;
padding: 0;
list-style-type: none;
-moz-column-width: auto;
-moz-column-count: 3;
-moz-column-gap: 2em;
-moz-column-rule-color: #dddddd;
-moz-column-rule-style: solid;
-moz-column-rule-width: 1px;
-webkit-column-width: auto;
-webkit-column-count: 3;
-webkit-column-gap: 2em;
-webkit-column-rule-color: #dddddd;
-webkit-column-rule-style: solid;
-webkit-column-rule-width: 1px;
column-width: auto;
column-count: 3;
column-gap: 2em;
column-rule-color: #dddddd;
column-rule-style: solid;
column-rule-width: 1px;
margin-top: 1em;
}
.sitemap ol,
.sitemap li {
margin: 0;
padding: 0;
list-style-type: none;
}
.sitemap li {
padding-bottom: 0.3em;
}
.sitemap li .top-level {
margin-bottom: 0.5em;
}
.sitemap li ol {
padding-left: 1.5em;
}
@media only screen and (max-width: 900px) {
.sitemap {
-moz-column-width: auto;
-moz-column-count: 2;
-moz-column-gap: 2em;
-moz-column-rule-color: #dddddd;
-moz-column-rule-style: solid;
-moz-column-rule-width: 1px;
-webkit-column-width: auto;
-webkit-column-count: 2;
-webkit-column-gap: 2em;
-webkit-column-rule-color: #dddddd;
-webkit-column-rule-style: solid;
-webkit-column-rule-width: 1px;
column-width: auto;
column-count: 2;
column-gap: 2em;
column-rule-color: #dddddd;
column-rule-style: solid;
column-rule-width: 1px;
}
}
@media only screen and (max-width: 600px) {
.sitemap {
-moz-column-width: auto;
-moz-column-count: 1;
-moz-column-gap: 2em;
-moz-column-rule-color: #dddddd;
-moz-column-rule-style: solid;
-moz-column-rule-width: 1px;
-webkit-column-width: auto;
-webkit-column-count: 1;
-webkit-column-gap: 2em;
-webkit-column-rule-color: #dddddd;
-webkit-column-rule-style: solid;
-webkit-column-rule-width: 1px;
column-width: auto;
column-count: 1;
column-gap: 2em;
column-rule-color: #dddddd;
column-rule-style: solid;
column-rule-width: 1px;
}
}
/*------------- Applies to all content lists ----------------*/
.content-items-list,
.list-content-item {
margin: 0;
padding: 0;
list-style-type: none;
}
#container .content-wrapper-paginator-options select {
width: auto;
}
#content-wrapper .page-placement.type-listtextcontent .back-to-list {
display: block;
color: #3f3f3f;
background-position: left top;
padding: 0;
margin: 2em 0 2em 0;
}
#content-wrapper
.page-placement.type-listtextcontent
.single-content
.headline-image-wrapper
.content-main-image {
margin: -5.4em -2em 0 0;
width: 40%;
}
#content-wrapper
.page-placement.type-listtextcontent
.single-content
.content-headline
h2 {
color: #c70280;
font-size: 180%;
font-weight: normal;
margin: 0 45% 3em 0;
}
#content-wrapper
.page-placement.type-listtextcontent
.headline-image-wrapper
.content-main-image {
float: right;
margin: 0;
}
#content-wrapper .page-placement.type-listtextcontent .list-content-item {
padding: 1em 0 0.5em 0;
border-top: 1px solid #bcbdc0;
}
#content-wrapper
.page-placement.type-listtextcontent
.list-content-item
.content-main-image {
float: right;
width: 25%;
margin: 0 0 0 2em;
}
#content-wrapper
.page-placement.type-listtextcontent
.list-content-item
.content-main-image
img {
width: 100%;
height: auto;
}
#content-wrapper .page-placement.type-listtextcontent .list-content-item h3 {
margin-top: 0;
}
.type-listdocuments #rss_gif {
float: right;
}
/*------------- Applies to both Large and Mini site search placements ----------------*/
#container .site-search .content-headline {
display: none;
}
#container .site-search input[type="submit"],
#container .site-search input[type="search"],
#container .site-search input[type="text"] {
width: auto;
}
#container .site-search input[type="submit"] {
text-indent: -9999em;
text-transform: capitalize;
}
#accessibility-controls .site-search #site-search-form,
#site-content-top-row .site-search #site-search-form,
#site-header-row .site-search #site-search-form,
#site-footer-row .site-search #site-search-form {
position: relative;
top: 3px;
}
#accessibility-controls .site-search #site-search-form .input-label,
#site-content-top-row .site-search #site-search-form .input-label,
#site-header-row .site-search #site-search-form .input-label,
#site-footer-row .site-search #site-search-form .input-label,
#accessibility-controls .site-search #site-search-form .advanced-search,
#site-content-top-row .site-search #site-search-form .advanced-search,
#site-header-row .site-search #site-search-form .advanced-search,
#site-footer-row .site-search #site-search-form .advanced-search {
display: none;
}
#accessibility-controls .site-search #site-search-form input[type="search"],
#site-content-top-row .site-search #site-search-form input[type="search"],
#site-header-row .site-search #site-search-form input[type="search"],
#site-footer-row .site-search #site-search-form input[type="search"],
#accessibility-controls .site-search #site-search-form input[type="text"],
#site-content-top-row .site-search #site-search-form input[type="text"],
#site-header-row .site-search #site-search-form input[type="text"],
#site-footer-row .site-search #site-search-form input[type="text"] {
padding: 0.3em 2em 0.3em 0.3em;
width: 240px;
background-color: transparent;
border-color: #ffffff;
color: #ffffff;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder {
color: #ffffff;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]:-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]:-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]:-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]:-moz-placeholder {
color: #ffffff;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]::-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]::-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]::-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]::-moz-placeholder {
color: #ffffff;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder {
color: #ffffff;
}
@media only screen and (max-width: 700px) {
#accessibility-controls .site-search #site-search-form input[type="search"],
#site-content-top-row .site-search #site-search-form input[type="search"],
#site-header-row .site-search #site-search-form input[type="search"],
#site-footer-row .site-search #site-search-form input[type="search"],
#accessibility-controls .site-search #site-search-form input[type="text"],
#site-content-top-row .site-search #site-search-form input[type="text"],
#site-header-row .site-search #site-search-form input[type="text"],
#site-footer-row .site-search #site-search-form input[type="text"] {
color: #ccc;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]::-webkit-input-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]::-webkit-input-placeholder {
color: #ddd;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]:-moz-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]:-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]:-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]:-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]:-moz-placeholder {
color: #ccc;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]::-moz-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]::-moz-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]::-moz-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]::-moz-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]::-moz-placeholder {
color: #ccc;
}
#accessibility-controls
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="search"]:-ms-input-placeholder,
#accessibility-controls
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder,
#site-content-top-row
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder,
#site-header-row
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder,
#site-footer-row
.site-search
#site-search-form
input[type="text"]:-ms-input-placeholder {
color: #ccc;
}
}
#accessibility-controls .site-search #site-search-form input[type="submit"],
#site-content-top-row .site-search #site-search-form input[type="submit"],
#site-header-row .site-search #site-search-form input[type="submit"],
#site-footer-row .site-search #site-search-form input[type="submit"] {
position: absolute;
right: 0.8em;
top: 0.5em;
background: url("../images/_site/icons/magnify-small.png") no-repeat center
center;
width: 15px;
height: 15px;
}
@media only screen and (max-width: 700px) {
#accessibility-controls .site-search #site-search-form input[type="submit"],
#site-content-top-row .site-search #site-search-form input[type="submit"],
#site-header-row .site-search #site-search-form input[type="submit"],
#site-footer-row .site-search #site-search-form input[type="submit"] {
width: 25px;
height: 25px;
top: 0;
background: url("../images/_site/icons/access-mag.png") no-repeat center
center;
background-color: #c70280;
padding: 0 18px;
right: 0;
}
}
/*------------- Mini site search template ----------------*/
.advanced-search {
font-size: 80%;
}
#container
#main-content
#content-wrapper
.middle
.type-general[data-placement-class="SiteSearch"] {
padding: 0;
margin-bottom: -2em;
}
.ie7
#container
#main-content
#content-wrapper
.middle
.type-general[data-placement-class="SiteSearch"] {
margin-bottom: 2em;
}
#container
#main-content
#content-wrapper
.middle
.type-general[data-placement-class="SiteSearch"]
.placement-inner {
padding-bottom: 0;
}
#container
#main-content
#content-wrapper
.middle
.type-general[data-placement-class="SiteSearch"]
.placement-inner
form {
padding: 1em 2em 3em 2em;
}
#container
#main-content
#content-wrapper
.middle
.type-general[data-placement-class="SiteSearch"]
.placement-inner
form.global-pagination {
padding: 0 0 2em 0;
}
@media only screen and (max-width: 1025px) {
#container
#main-content
#site-content-top-row
.site-search
.content-headline
h2,
#container
#main-content
#site-content-top-row
.site-search
.content-headline
h3 {
font-size: 210%;
}
}
#container #main-content .site-search .input-name-site-search-index-search,
#container #main-content .site-search .advanced-search {
display: none;
}
#container #main-content .site-search .content-headline {
display: block;
margin: 0 -2em;
padding: 1.1em 2em 1em 2em;
background: #58595b url("../images/_site/icons/mouse.png") no-repeat 97.5% top;
color: #ffffff;
}
.ie7 #container #main-content .site-search .content-headline {
margin: 0;
}
.home-page #container #main-content .site-search .content-headline {
background: none;
padding: 0;
margin: 0;
}
#container #main-content .site-search .content-headline h2,
#container #main-content .site-search .content-headline h3 {
font-size: 250%;
margin: 0.5em 0;
}
.home-page #container #main-content .site-search .content-headline h2,
.home-page #container #main-content .site-search .content-headline h3 {
margin: 0;
}
#container #main-content .site-search .type-select-buttons {
margin-top: 1em;
}
#container #main-content .site-search .search-inputs {
position: relative;
}
#container #main-content .site-search .search-inputs input[type="search"],
#container #main-content .site-search .search-inputs input[type="text"] {
width: 100%;
padding: 1em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: transparent;
color: #ffffff;
}
#container
#main-content
.site-search
.search-inputs
input[type="search"]::-webkit-input-placeholder,
#container
#main-content
.site-search
.search-inputs
input[type="text"]::-webkit-input-placeholder {
color: #ffffff;
}
#container
#main-content
.site-search
.search-inputs
input[type="search"]:-moz-placeholder,
#container
#main-content
.site-search
.search-inputs
input[type="text"]:-moz-placeholder {
color: #ffffff;
}
#container
#main-content
.site-search
.search-inputs
input[type="search"]::-moz-placeholder,
#container
#main-content
.site-search
.search-inputs
input[type="text"]::-moz-placeholder {
color: #ffffff;
}
#container
#main-content
.site-search
.search-inputs
input[type="search"]:-ms-input-placeholder,
#container
#main-content
.site-search
.search-inputs
input[type="text"]:-ms-input-placeholder {
color: #ffffff;
}
@media only screen and (max-width: 700px) {
#container #main-content .site-search .search-inputs input[type="search"],
#container #main-content .site-search .search-inputs input[type="text"] {
width: 92%;
}
}
.ie7 #container #main-content .site-search .search-inputs input[type="search"],
.ie7 #container #main-content .site-search .search-inputs input[type="text"] {
width: 92%;
}
#container #main-content .site-search .submit-wrap input[type="submit"] {
position: absolute;
right: 0.8em;
top: 0.8em;
background: url("../images/_site/icons/magnify.png") no-repeat center center;
width: 23px;
height: 23px;
padding: 0 0 0.6em 0;
}
#container #main-content .site-search .type-select-buttons .search-type-options,
#container
#main-content
.site-search
.type-select-buttons
.category-search-filter {
display: block;
float: left;
color: #ffffff;
padding: 0.3em;
margin: 0 0 0.5em 0;
font-size: 90%;
}
@media only screen and (max-width: 700px) {
#container
#main-content
.site-search
.type-select-buttons
.search-type-options,
#container
#main-content
.site-search
.type-select-buttons
.category-search-filter {
float: none;
margin-right: 0;
}
}
#container
#main-content
.site-search
.type-select-buttons
.category-search-filter {
margin-right: 0;
}
#container #main-content .site-search input[type="checkbox"] {
margin: 0.2em 0.4em;
}
#container #main-content .site-search .type-select-buttons input[type="radio"] {
float: none;
margin: 0 0.4em;
}
#container #main-content .site-search .type-select-buttons label {
display: inline;
margin-right: 0.7em;
}
#container #main-content .site-search .user-feedback.no-results {
color: #ed1c2e;
}
#container .global-pagination {
padding: 0 0 0 0.1em;
margin: 0;
font-size: 90%;
background: none;
}
#container .global-pagination .pagination-row,
#container .global-pagination .pagination-button {
display: inline-block;
margin-right: 0.5em;
}
.ie7 #container .global-pagination .pagination-row,
.ie7 #container .global-pagination .pagination-button {
*display: inline;
zoom: 1;
}
#container .global-pagination .pagination-row input[type="submit"],
#container .global-pagination .pagination-button input[type="submit"] {
padding: 0.2em 3em 0.2em 0.5em;
background-position: right top;
text-indent: 0;
min-height: 20px;
}
#container .site-search-results-container .global-pagination .per-page-label {
margin-left: 0.5em;
font-size: 90%;
padding: 0.3em;
}
#container
.site-search-results-container
.global-pagination
input[type="submit"] {
font-size: 90%;
}
#container .site-search-results-container .global-pagination select {
width: auto;
}
#container .site-search-results-container .site-search-results,
#container .site-search-results-container .search-result-item,
#container .site-search-results-container .page-url-list,
#container .site-search-results-container .page-url-list li {
margin: 0;
padding: 0;
list-style-type: none;
}
#container .site-search-results-container .search-result-item {
position: relative;
padding: 1em 0 0.5em 0;
margin-top: 1em;
border-top: 1px solid #bcbdc0;
}
#container .site-search-results-container .search-result-item:first-child {
margin-top: 0;
border: none;
}
#container .site-search-results-container .search-result-item h3 {
margin-top: 0;
}
#container .site-search-results-container .entity-type {
float: right;
font-size: 80%;
text-transform: capitalize;
margin-right: 115px;
}
#container .site-search-results-container .search-ranking-bar {
position: absolute;
top: 1.3em;
right: 0;
overflow: hidden;
width: 100px;
border: 1px solid #c70280;
}
#container
.site-search-results-container
.search-ranking-bar
.search-ranking-score {
height: 10px;
background: #c70280;
}
#container .site-search-results-container .page-url-list {
font-size: 90%;
}
@media only screen and (max-width: 500px) {
#container .site-search-results-container .global-pagination .per-page-label,
#container
.site-search-results-container
.global-pagination
input[type="submit"] {
margin-left: 0;
}
#container .site-search-results-container .global-pagination select {
width: 100%;
margin-bottom: 0.7em;
}
#container .site-search-results-container .search-ranking-bar {
margin-top: 0.7em;
position: static;
width: 100%;
}
#container .site-search-results-container .entity-type {
margin-right: 0;
}
}
/*==== 07-modules ====*/
.a-to-z-letters,
.a-to-z-letters li,
.a-to-z-pages,
.a-to-z-pages li {
margin: 0;
padding: 0;
list-style-type: none;
}
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner {
background: #ffffff url("../images/_site/photos/a-z.png") no-repeat center top;
-webkit-border-radius: 0 0 18px 18px;
-moz-border-radius: 0 0 18px 18px;
border-radius: 0 0 18px 18px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
}
@media only screen and (max-width: 770px) {
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner {
background-size: 100%;
}
}
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h2,
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h3 {
padding-top: 1.7em;
font-size: 360%;
color: #ffffff;
margin: 0.2em 0 0.3em 0;
}
@media only screen and (max-width: 1025px) {
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h2,
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h3 {
font-size: 300%;
padding-top: 2.3em;
margin-bottom: 0.6em;
}
}
@media only screen and (max-width: 770px) {
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h2,
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h3 {
padding-top: 3.3em;
}
}
@media only screen and (max-width: 700px) {
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h2,
.home-page
#content-wrapper
.type-general[data-placement-class="AtoZ"]
.placement-inner
.content-headline
h3 {
padding-top: 2.3em;
}
}
.general-a-to-z .content-headline h2 {
font-size: 250%;
color: #f8991d;
}
.general-a-to-z .content-item-inner {
padding-bottom: 1.2em;
}
.ie8 .general-a-to-z .content-item-inner {
padding-bottom: 2.4em;
}
.ie7 .general-a-to-z .content-item-inner {
padding-bottom: 4.2em;
}
@media only screen and (max-width: 1025px) {
.general-a-to-z .content-item-inner {
padding-bottom: 1.5em;
}
}
@media only screen and (max-width: 770px) {
.general-a-to-z .content-item-inner {
padding-bottom: 0.2em;
}
}
.home-page .general-a-to-z .content-item-inner {
border-bottom: 1px solid #dddddd;
margin: 0 -1em;
}
.general-a-to-z .content-item-inner .a-to-z-letters {
*zoom: 1;
padding: 0;
}
.general-a-to-z .content-item-inner .a-to-z-letters:before,
.general-a-to-z .content-item-inner .a-to-z-letters:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.general-a-to-z .content-item-inner .a-to-z-letters:after {
clear: both;
}
.home-page .general-a-to-z .content-item-inner .a-to-z-letters {
padding: 0 1em;
}
.general-a-to-z .content-item-inner .a-to-z-letters li {
float: left;
width: 27px;
height: 27px;
line-height: 27px;
font-size: 110%;
text-align: center;
background-color: #f8991d;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
margin: 0.2em;
overflow: hidden;
color: #ffffff;
font-weight: 700;
}
@media only screen and (max-width: 1025px) {
.general-a-to-z .content-item-inner .a-to-z-letters li {
height: 21px;
width: 21px;
font-size: 100%;
line-height: 21px;
}
}
@media only screen and (max-width: 770px) {
.general-a-to-z .content-item-inner .a-to-z-letters li {
font-size: 110%;
height: 26px;
line-height: 26px;
width: 26px;
}
}
.general-a-to-z .content-item-inner .a-to-z-letters li a {
color: #ffffff;
display: block;
text-decoration: none;
}
.general-a-to-z .content-item-inner .a-to-z-letters li a:hover,
.general-a-to-z .content-item-inner .a-to-z-letters li a:focus {
background: #c70280;
}
.a-to-z-pages {
padding: 0.5em 1em;
margin: 0;
}
.a-to-z-pages li {
margin: 0.1em 0;
}
#container .faq-list .results-totals-count {
display: none;
}
#container .faq-list .template-index-display .index-list {
margin: 0;
padding: 0;
list-style-type: none;
padding: 1em 0 0 0;
}
.ie7 #container .faq-list .template-index-display .index-list {
overflow: hidden;
}
#container .faq-list .template-index-display .index-list .index-item {
background-color: #f5f5f5;
display: inline-block;
border: 1px solid #f5f5f5;
margin: 0 0.5em 0.5em 0;
padding: 0.5em 1em 0.5em 2.9em;
position: relative;
overflow: hidden;
}
.ie7 #container .faq-list .template-index-display .index-list .index-item {
float: left;
display: block;
padding-left: 1em;
}
@media only screen and (max-width: 700px) {
#container .faq-list .template-index-display .index-list .index-item {
display: block;
margin-right: 0;
}
}
#container
.faq-list
.template-index-display
.index-list
.index-item
.faq-decoration {
content: "?";
background-color: #f8991d;
color: #ffffff;
font-size: 170%;
position: absolute;
text-align: center;
width: 32px;
height: 100%;
padding-top: 0.3em;
left: -1px;
top: -1px;
}
#container .faq-list .template-index-display .index-list .index-item:before {
content: "?";
background-color: #f8991d;
color: #ffffff;
font-size: 170%;
position: absolute;
text-align: center;
width: 32px;
height: 100%;
padding-top: 0.3em;
left: -1px;
top: -1px;
}
#container .faq-list .template-index-display .index-list .index-item:hover,
#container .faq-list .template-index-display .index-list .index-item:focus {
background-color: transparent;
}
#container .faq-list .template-index-display .index-list .index-item:hover a,
#container .faq-list .template-index-display .index-list .index-item:focus a {
text-decoration: none;
}
#container .faq-list .template-index-display.category-index-list .index-list {
list-style-type: none;
margin: 0;
}
#container
.faq-list
.template-index-display.category-index-list
.index-list
.index-item {
list-style-type: none;
padding-left: 24px;
}
#container .faq-list .content-items-list {
margin: 0;
padding: 0;
list-style-type: none;
}
#container .faq-list .content-items-list .list-content-item {
border-top: 1px dotted #dddddd;
margin-top: 1em;
overflow: hidden;
}
#container .faq-list .content-items-list .list-content-item:first-child {
margin: 0;
border-top: none;
}
#container
.faq-list
.content-items-list
.list-content-item
.content-item-container {
margin: 0;
padding: 0;
list-style-type: none;
*zoom: 1;
}
#container
.faq-list
.content-items-list
.list-content-item
.content-item-container:before,
#container
.faq-list
.content-items-list
.list-content-item
.content-item-container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#container
.faq-list
.content-items-list
.list-content-item
.content-item-container:after {
clear: both;
}
#container .faq-list .faq-category-list {
display: none;
}
#container .faq-list .category-faq-container .faq-category-title {
font-size: 110%;
color: #999999;
}
#container .faq-list .back-to-top {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
font-size: 80%;
padding-left: 0;
}
.ie7 #container .faq-list .back-to-top {
padding: 1em 2em 1em 0;
}
#container .faq-list .back-to-top:hover,
#container .faq-list .back-to-top:focus {
text-decoration: underline;
}
.ie7 #container .faq-list .back-to-top {
height: 21px;
line-height: 21px;
float: left;
}
#container .col.left .faq-list .content-items-list .list-content-item {
border-color: #ffffff;
}
#container .col.left .faq-list .content-items-list .list-content-item h3 a {
color: #ffffff;
}
#container .col .faq-list .template-index-display {
border-bottom: none;
}
#container .col .faq-list .template-index-display .index-list {
padding: 0;
}
#container .col .faq-list .template-index-display .index-list .index-item {
display: block;
margin: 0.5em 0 0 0;
}
#container
.col
.faq-list
.template-index-display
.index-list
.index-item:hover
a,
#container
.col
.faq-list
.template-index-display
.index-list
.index-item:focus
a {
color: #ffffff;
}
#container .col .faq-list .template-index-display .index-list .index-item a {
color: #ed1c2e;
}
#container .col .faq-list .content-items-list .list-content-item {
border-color: #3f3f3f;
}
#container .col .faq-list .content-items-list .list-content-item h3 a {
color: #3f3f3f;
}
#container .col .faq-list .content-items-list .list-content-item .back-to-top {
color: #ed1c2e;
}
#container
.col
.faq-list
.content-items-list
.list-content-item
.back-to-top:hover,
#container
.col
.faq-list
.content-items-list
.list-content-item
.back-to-top:focus {
color: #ffffff;
}
.job-list .list-content-item {
border-top: 1px solid #dddddd;
margin-top: 1em;
}
.job-list .list-content-item li {
list-style-type: disc;
}
.job-list .list-content-item:first-child {
border: none;
margin-top: 0;
}
.event-list-wrap .totals-count {
display: none;
}
.events-calendar-top {
*zoom: 1;
padding-bottom: 1em;
text-align: center;
}
.events-calendar-top:before,
.events-calendar-top:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.events-calendar-top:after {
clear: both;
}
@media only screen and (max-width: 700px) {
.events-calendar-top {
padding: 0;
}
}
.events-calendar-top ol {
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
}
@media only screen and (max-width: 700px) {
.events-calendar-top ol {
display: block;
}
}
.events-calendar-top ol li {
float: left;
padding: 0 0.5em;
position: relative;
}
@media only screen and (max-width: 700px) {
.events-calendar-top ol li {
float: none;
margin: 0 0 1.5em 0;
}
}
.events-calendar-top ol li:hover,
.events-calendar-top ol li:focus {
text-decoration: none;
}
.events-calendar-top ol li a {
padding-left: 30px;
font-size: 90%;
background-position: left center;
background-repeat: no-repeat;
color: #ffffff;
}
.events-calendar-top ol li a.month-view {
background-image: url("../images/_site/icons/month.png");
}
.events-calendar-top ol li a.week-view {
background-image: url("../images/_site/icons/week.png");
}
.events-calendar-top ol li a.day-view,
.events-calendar-top ol li a.today-view {
background-image: url("../images/_site/icons/day.png");
}
.events-calendar-top ol li a.all-types-view {
background-image: url("../images/_site/icons/view-types.png");
}
.events-calendar-top ol li a.all-events-view {
background-image: url("../images/_site/icons/calendar-view.png");
}
.event-key {
*zoom: 1;
margin-top: 1em;
}
.event-key:before,
.event-key:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.event-key:after {
clear: both;
}
.event-key .event-key-table {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style-type: none;
}
.event-key .event-key-table li {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
margin-right: 1em;
}
.event-key .event-key-table span {
display: inline-block;
height: 12px;
width: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
vertical-align: middle;
}
.ie7 .event-key .event-key-table span {
*display: inline;
zoom: 1;
}
#container .activity-calendar .events-calendar-top {
background-color: #3f3f3f;
position: relative;
margin: 0 -2em 2em -2em;
padding: 2em 0;
}
#container .activity-calendar .events-calendar-top:before {
background: url("../images/_site/textures/event-nuggets.png") no-repeat center
bottom;
position: absolute;
width: 100%;
height: 104px;
bottom: -2em;
}
#container .activity-calendar .days-head tr th {
text-align: center;
}
#container .activity-calendar .days-head tr th,
#container .activity-calendar .days-head tr td {
border-top: none;
border-bottom: 1px solid #dddddd;
background: transparent !important;
}
#container .activity-calendar .days-head tr td {
border-left: 1px solid #dddddd;
}
#container .activity-calendar .days-head tr td:first-child {
border-left: none;
}
/*------------- Month View ----------------*/
.activity-calendar .content-headline h2 {
margin: 0 0 0.5em 0;
text-align: center;
}
.activity-calendar .prev-year {
float: left;
margin-right: 1em;
}
.activity-calendar .prev-year:before {
content: "<<";
}
.activity-calendar .next-year {
float: right;
margin-left: 1em;
}
.activity-calendar .next-year:after {
content: ">>";
}
.activity-calendar .prev-month {
float: left;
}
.activity-calendar .prev-month:before {
content: "<";
}
.activity-calendar .next-month {
float: right;
}
.activity-calendar .next-month:after {
content: ">";
}
.activity-calendar .ac-calendar {
margin: 0.8em 0;
}
.activity-calendar .days-head,
.activity-calendar .ac-month-list {
margin: 0;
padding: 0;
list-style-type: none;
*zoom: 1;
}
.activity-calendar .days-head:before,
.activity-calendar .ac-month-list:before,
.activity-calendar .days-head:after,
.activity-calendar .ac-month-list:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.activity-calendar .days-head:after,
.activity-calendar .ac-month-list:after {
clear: both;
}
.activity-calendar .days-head li,
.activity-calendar .ac-month-list li {
margin: 0;
padding: 0;
list-style-type: none;
width: 14.285714285714286%;
float: left;
padding: 0 0.4em;
}
.activity-calendar .days-head .ac-day-inner p,
.activity-calendar .ac-month-list .ac-day-inner p {
margin-top: 0;
}
.activity-calendar .days-head td,
.activity-calendar .ac-month-list td {
vertical-align: top;
}
.activity-calendar .days-head {
text-align: center;
}
.activity-calendar .ac-month-list {
border-right: 1px solid #dddddd;
}
.activity-calendar .ac-month-list li {
height: 80px;
border: 1px solid #dddddd;
border-right: 0;
border-top: 0;
}
.activity-calendar .ac-month-list li p {
margin: 0;
}
.activity-calendar .ac-calendar-lead {
background: #f5f5f5;
}
.activity-calendar .today {
background: #f5f5f5;
}
.activity-calendar .month-wrapper {
overflow: hidden;
position: relative;
}
.ie7 .activity-calendar .month-wrapper {
overflow: visible;
}
.activity-calendar .event-nugget {
position: absolute;
top: 8px;
left: 0;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.activity-calendar .ac-activity {
float: left;
border: 0;
margin: 0.2em 0.2em 0 0;
text-align: center;
color: #ffffff;
height: 20px;
width: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.activity-calendar .ac-activity.event-name {
display: block;
float: none;
text-align: left;
padding-top: 0.2em;
border-top: 1px solid #bcbdc0 !important;
color: #c70280;
width: auto;
height: auto;
font-size: 90%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ie7 .activity-calendar .ac-activity.event-name {
font-size: 100%;
}
/*------------- Week view ----------------*/
.no-events {
text-align: center;
}
.basic-event-details,
.event-details {
margin: 0;
padding: 0;
list-style-type: none;
}
.basic-event-details li,
.event-details li {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}
.basic-event-details li span,
.event-details li span {
padding: 0.25em 0.2em 0.25em 0;
}
.basic-event-details li .event-label,
.event-details li .event-label {
display: block;
float: left;
color: #3f3f3f;
}
.basic-event-details li .event-label:after,
.event-details li .event-label:after {
content: ": ";
}
.basic-event-details li .event-detail,
.event-details li .event-detail {
display: block;
float: left;
}
.event-type-colour {
display: inline-block;
height: 12px;
width: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.ie7 .event-type-colour {
*display: inline;
zoom: 1;
}
.event-calendar-time-navigation {
margin: 1em 0;
}
@media only screen and (max-width: 700px) {
.event-calendar-time-navigation {
margin-top: 0;
}
}
.event-calendar-time-navigation .content-headline {
margin-bottom: -2.3em;
}
.event-week-view .event-calendar-time-navigation .content-headline {
margin: 4em 0 -3.3em 0;
}
@media only screen and (max-width: 700px) {
.event-calendar-time-navigation .content-headline {
margin: 0;
}
}
.event-calendar-time-navigation .content-headline h2,
.event-calendar-time-navigation .content-headline h3 {
border: none;
}
/*------------- Day View----------------*/
.event-list-wrap p {
text-align: center;
}
.event-list-wrap .single-event-wrap .content-headline {
margin-bottom: 0.3em;
}
.event-list-wrap .list-event-item > h3,
.event-list-wrap .single-event-wrap > h3 {
border-bottom: 2px solid #eeeeee;
padding-bottom: 0.3em;
margin-bottom: 0.2em;
}
.event-list-wrap .list-event-item p,
.event-list-wrap .single-event-wrap p {
text-align: left;
}
.event-list-wrap .content-items-list {
margin: 0;
padding: 0;
list-style-type: none;
}
/*------------- IE fixes ----------------*/
.ie7 .activity-calendar .days-head li,
.ie7 .activity-calendar .ac-month-list li {
width: 12%;
}
.ie7 .col .activity-calendar .days-head li,
.ie7 .col .activity-calendar .ac-month-list li {
width: 11%;
}
.ie7 .event-type-colour {
margin-right: 0.4em;
}
.ie7 .basic-event-details li .event-label,
.ie7 .event-details li .event-label {
padding: 0;
width: 80px;
}
.ie7 .basic-event-details li .event-detail,
.ie7 .event-details li .event-detail {
padding: 0;
}
#container #content-wrapper .type-blog .post {
margin-bottom: 1em;
padding-top: 1em;
border-top: 1px solid #bcbdc0;
}
#container #content-wrapper .type-blog .post .back-to-blog-home {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
padding-left: 0;
margin-top: 0.5em;
}
.ie7 #container #content-wrapper .type-blog .post .back-to-blog-home {
padding: 1em 2em 1em 0;
}
#container #content-wrapper .type-blog .post .back-to-blog-home:hover,
#container #content-wrapper .type-blog .post .back-to-blog-home:focus {
text-decoration: underline;
}
#container #content-wrapper .type-blog .post .content-main-image {
float: right;
width: 40%;
margin: 0 0 0 2em;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post .content-main-image {
width: auto;
float: none;
margin: 0;
}
}
#container #content-wrapper .type-blog .post .content-main-image img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post header,
#container #content-wrapper .type-blog .post .text {
margin: 0;
}
}
#container #content-wrapper .type-blog .post header p:first-child,
#container #content-wrapper .type-blog .post .text p:first-child {
margin-top: 0;
}
#container #content-wrapper .type-blog .post .text {
margin-right: 45%;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post .text {
margin-right: 0;
}
}
#container #content-wrapper .type-blog .post header h2,
#container #content-wrapper .type-blog .post header h3 {
margin: 0;
}
#container #content-wrapper .type-blog .post header h2 a,
#container #content-wrapper .type-blog .post header h3 a {
line-height: 100%;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post header {
margin-top: 1em;
}
}
#container #content-wrapper .type-blog .post .post-meta {
font-size: 80%;
margin: 0.5em 45% 0.5em 0;
color: #c70280;
}
#container #content-wrapper .type-blog .post footer {
margin: 0.5em 0 0 0;
overflow: hidden;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post footer {
margin: 0;
}
}
#container #content-wrapper .type-blog .post footer .more-link {
float: left;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post footer .more-link {
float: none;
}
}
#container #content-wrapper .type-blog .post .post-categories {
font-size: 90%;
margin: 0.5em 0 0 0;
float: left;
clear: both;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post .post-categories {
float: none;
}
}
.ie7 #container #content-wrapper .type-blog .post .post-categories {
float: none;
}
#container #content-wrapper .type-blog .post.single-post {
border: none;
}
#container #content-wrapper .type-blog .post.single-post .content-headline h2,
#container #content-wrapper .type-blog .post.single-post .content-headline h3 {
margin: 0 45% 2em 0;
font-weight: normal;
font-size: 180%;
color: #c70280;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post.single-post .content-headline h2,
#container
#content-wrapper
.type-blog
.post.single-post
.content-headline
h3 {
margin-right: 0;
margin-bottom: 0.5em;
}
}
#container #content-wrapper .type-blog .post.single-post .content-main-image {
margin: -2.5em -2em 0 0;
}
.ie7
#container
#content-wrapper
.type-blog
.post.single-post
.content-main-image {
margin-top: -3.5em;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post.single-post .content-main-image {
margin-left: -2em;
}
}
#container #content-wrapper .type-blog .post.single-post .text {
margin-right: 0;
clear: both;
}
#container #content-wrapper .type-blog .post.single-post .post-meta {
margin-top: 2em;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .type-blog .post.single-post .post-meta {
margin-right: 0;
}
}
#container
#content-wrapper
.type-blog
.post.single-post
.template-navigation-link
.back-to-blog-home {
display: block;
background: none;
padding: 0;
color: #3f3f3f;
}
#container
#content-wrapper
.type-blog
.post.single-post
.template-navigation-link
.back-to-blog-home:before {
background-position: center 4px;
}
#container #content-wrapper .type-blog .post.single-post footer {
margin: 1em 0 0 0;
overflow: visible;
}
#container #content-wrapper .type-blog .post .more-link {
display: inline-block;
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
background-position: left top;
padding: 0 0 0 2em;
}
.ie7 #container #content-wrapper .type-blog .post .more-link {
padding: 1em 2em 1em 0;
}
#container #content-wrapper .type-blog .post .more-link:hover,
#container #content-wrapper .type-blog .post .more-link:focus {
text-decoration: underline;
}
.ie7 #container #content-wrapper .type-blog .post .more-link {
*display: inline;
zoom: 1;
padding: 0 0 0 2em;
}
.older-posts:before {
content: "<<";
}
.newer-posts {
float: right;
}
.newer-posts:after {
content: ">>";
}
#container .blog-utilities h3 {
font-size: 180%;
}
#container .blog-search fieldset legend,
#container .blog-search fieldset .input-label {
display: none;
}
#container .blog-search fieldset input[type="submit"] {
width: auto;
padding: 1em 28px 0.5em 1em;
}
@media only screen and (max-width: 1025px) {
#container .blog-search fieldset input[type="submit"] {
width: 100%;
}
}
.archives-list,
.archives-list li {
margin: 0;
padding: 0;
list-style-type: none;
}
.archives-list.month {
margin-left: 1.5em;
display: none;
}
#content-wrapper .col .page-placement.type-blogarchives .placement-inner {
border: none;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-headline {
background-color: #f8991d;
padding: 3em 60px 1em 1em;
margin: 0 -1em;
position: relative;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-headline:before {
content: "";
position: absolute;
width: 50px;
height: 50px;
right: 1em;
top: 1em;
background: url("../images/_site/icons/news-icon.png") no-repeat center center;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-headline
h2,
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-headline
h3 {
font-size: 250%;
margin: 0;
color: #ffffff;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner {
padding: 1em 0;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list {
border-bottom: 1px solid #dddddd;
margin: 0 -1em 1em;
padding: 0 1em 1em;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list.month {
border: none;
padding: 0;
margin: 0;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list
.archive-list-item {
margin-top: 0.5em;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list
.archive-list-item:first-child {
margin: 0;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list
.archive-list-item
a {
display: block;
margin: 0 0 0.2em 4em;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list
.archive-list-item
a.archive-list-item-year-toggle {
padding: 0.2em 0 0.5em 31px;
margin: 0;
background: url("../images/_site/icons/pink-plus.png") no-repeat left 2px;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list
.archive-list-item
a.archive-list-item-year-toggle.open {
background: url("../images/_site/icons/pink-minus.png") no-repeat left 2px;
}
#content-wrapper
.col
.page-placement.type-blogarchives
.placement-inner
.content-wrapper-inner
.archives-list
.archive-list-item
a.archive-list-item-year-toggle.open
+ .archives-list.month {
display: block;
}
.article-categories {
margin: 0;
}
.article-categories a {
display: block;
}
.comments-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.comments-list li {
margin: 0;
padding: 0;
list-style-type: none;
}
.cmt-meta {
font-size: 80%;
}
.poll-question,
.poll-question li,
.poll-results,
.poll-results li {
margin: 0;
padding: 0;
list-style-type: none;
}
.type-poll .poll-question li {
border-top: 1px dotted #bcbdc0;
padding: 0.4em 0;
}
.type-poll .poll-question li:first-child {
border: none;
}
.type-poll .poll-question li input[type="radio"] {
margin: 0.3em 0.5em 0 0 !important;
}
.type-poll .poll-question li label {
margin: 0 !important;
}
.type-poll .poll-result-answer {
padding-bottom: 0.5em;
}
.poll-result-bar {
margin-top: 0.2em;
width: 100%;
border: 1px solid #dddddd;
overflow: hidden;
height: 20px;
}
.poll-result-bar div {
background-color: #dddddd;
height: 100%;
}
.ie7 .poll-question input[type="radio"] {
float: left;
position: relative;
top: 0;
}
.ie7 .poll-question label {
float: left;
}
.ie7 .type-poll input[type="submit"] {
clear: left;
}
.form,
.form-in-new-window {
margin: 0.5em 0;
}
.form fieldset,
.form-in-new-window fieldset {
padding: 0;
}
.form legend,
.form-in-new-window legend {
font-size: 250%;
padding: 1em 0;
}
.form .labelman,
.form-in-new-window .labelman {
font-size: 85%;
color: #ffbfbf;
}
.form label .labelman,
.form-in-new-window label .labelman {
color: #ffbfbf;
}
.main-content .middle form {
background: #58595b url("../images/_site/icons/mouse.png") no-repeat 94.8% top;
padding: 1em 2em;
margin: 0 -2em;
}
.ie7 .main-content .middle form {
margin: 0;
}
.main-content .middle form#site-search-form {
background-image: none;
}
.main-content .middle form legend {
color: #ffffff;
}
.main-content .middle form label {
color: #ffffff;
}
.home-page .main-content .middle form {
background: none;
margin: 0;
padding: 0;
}
#container .login-wrapper,
#container .login-forgot-password-wrapper {
color: #ffffff;
}
#container .login-wrapper legend,
#container .login-forgot-password-wrapper legend {
font-size: 250%;
font-weight: 600;
line-height: normal;
padding: 0.5em 0 1em 0;
}
#container .login-wrapper .login-keepmeloggedin-wrapper input[type="checkbox"],
#container
.login-forgot-password-wrapper
.login-keepmeloggedin-wrapper
input[type="checkbox"] {
margin-left: 0;
}
#container .login-wrapper .login-button-wrapper input.login-button,
#container
.login-forgot-password-wrapper
.login-button-wrapper
input.login-button {
padding-left: 0;
color: #ffffff;
}
#container .login-wrapper .login-button-wrapper a.login-button,
#container .login-forgot-password-wrapper .login-button-wrapper a.login-button {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
color: #ffffff;
}
.ie7 #container .login-wrapper .login-button-wrapper a.login-button,
.ie7
#container
.login-forgot-password-wrapper
.login-button-wrapper
a.login-button {
padding: 1em 2em 1em 0;
}
#container .login-wrapper .login-button-wrapper a.login-button:hover,
#container
.login-forgot-password-wrapper
.login-button-wrapper
a.login-button:hover,
#container .login-wrapper .login-button-wrapper a.login-button:focus,
#container
.login-forgot-password-wrapper
.login-button-wrapper
a.login-button:focus {
text-decoration: underline;
}
@media only screen and (max-width: 700px) {
#container .login-wrapper .login-button-wrapper a.login-button,
#container
.login-forgot-password-wrapper
.login-button-wrapper
a.login-button {
display: inline-block;
padding-left: 0;
clear: both;
}
}
#container form .row {
*zoom: 1;
padding: 0.5em 0;
}
#container form .row:before,
#container form .row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#container form .row:after {
clear: both;
}
#container form .row label {
margin-top: 0;
}
#container form .button_row {
*zoom: 1;
margin: 0 -1em -0.5em;
}
#container form .button_row:before,
#container form .button_row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#container form .button_row:after {
clear: both;
}
#container form .button_row input[type="submit"] {
color: #ffffff;
}
.progressborder {
margin: 0 -1em;
}
.progressborder .progressbar {
padding: 1em 1em 0 1em;
}
.progressborder p {
margin: 0;
}
#form_summary_legend {
margin-bottom: 1em;
}
#form_summary_legend img {
margin-right: 0.5em;
}
/*- Only when a form is in a single placement row, and not in mobile view, use row layout -*/
#container .middle .placement-row-1-up .form label,
#container .middle .placement-row-1-up .form .label {
display: block;
}
#container .middle .placement-row-1-up .form select {
width: auto;
}
@media only screen and (max-width: 700px) {
#container .middle .placement-row-1-up .form .row,
#container .middle .placement-row-1-up .form label,
#container .middle .placement-row-1-up .form .label {
width: auto;
display: block;
}
#container .middle .placement-row-1-up .form .field {
display: block;
padding: 0;
}
#container .middle .placement-row-1-up .form select {
width: 100%;
}
}
.dept-directory,
.dept-directory li {
margin: 0;
padding: 0;
list-style-type: none;
}
.dept-directory li {
padding: 0.2em 0;
}
.dept-directory li dt {
width: 80px;
float: left;
}
.dept-directory li dd {
margin-left: 100px;
}
.dept-directory .sd-overview dd {
margin: 0 0 0.8em 0;
padding: 0;
}
/*------------- Media browser ----------------*/
.folder-breadcrumb {
padding: 0 0 0.8em 22px;
background-image: url("../images/media-browser/folder.png");
background-position: left 1px;
background-repeat: no-repeat;
}
/*-- Search --*/
#container .media-search-inputs {
*zoom: 1;
}
#container .media-search-inputs:before,
#container .media-search-inputs:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#container .media-search-inputs:after {
clear: both;
}
#container .media-search-inputs input[type="search"],
#container .media-search-inputs input[type="text"],
#container .media-search-inputs input[type="submit"],
#container .media-search-inputs label {
float: left;
}
#container .media-search-inputs input[type="submit"] {
width: auto;
margin: 3px 0 0 0.5em;
}
#container .media-search-inputs input[type="checkbox"] {
margin-top: 0.6em;
}
#container .media-search-inputs label {
font-size: 90%;
margin-top: 0.4em;
}
#container .media-search-inputs input[value="description"] {
clear: none;
}
.ie7 #container .media-search-inputs input[value="display_name"] {
clear: none;
}
/*-- Status filters --*/
.results-filter-options {
margin: 0.5em 0;
}
.results-filter-options span {
display: none;
}
.results-filter-options .status-filters {
display: block;
}
.results-filter-options .status-filters a {
padding-left: 21px;
background-position: left center;
background-repeat: no-repeat;
margin-right: 0.5em;
}
.ms-current {
background-image: url("../images/media-browser/status-current.png");
}
.ms-underreview,
.ms-under-review {
background-image: url("../images/media-browser/status-under-review.png");
}
.ms-expired {
background-image: url("../images/media-browser/status-expired.png");
}
.ms-archived {
background-image: url("../images/media-browser/status-archived.png");
}
.ms-all {
padding-left: 0;
}
/*-- Media table --*/
.media-display-table thead a {
text-decoration: none;
}
.media-display-table thead .mb-sort {
padding: 0 0 0 20px;
background-position: left center;
background-repeat: no-repeat;
}
.media-display-table thead .mb-sort.asc {
background-image: url("../images/arrows/arrow-up.png");
}
.media-display-table thead .mb-sort.desc {
background-image: url("../images/arrows/arrow-down.png");
}
.media-display-table .media-status {
padding-left: 21px;
background-position: left center;
background-repeat: no-repeat;
}
@media only screen and (max-width: 650px) {
.results-filter-options {
display: none;
}
.media-history {
display: none;
}
.media-display-table th:first-child,
.media-display-table td:first-child {
display: none;
}
.media-display-table th:nth-child(2),
.media-display-table td:nth-child(2) {
display: none;
}
.media-display-table th:nth-child(4),
.media-display-table td:nth-child(4) {
display: none;
}
.media-display-table th:last-child,
.media-display-table td:last-child {
display: none;
}
}
/*------------- Media search ----------------*/
#container input[name="media_search_term"] {
width: auto;
}
/*------------- Folder tree ----------------*/
#container .mb-fldr-lst a {
text-decoration: none;
}
#container .mb-fldr-lst input[type="search"],
#container .mb-fldr-lst input[type="text"] {
width: 50%;
}
#container .mb-fldr-lst input[type="submit"] {
width: auto;
}
#container .mb-fldr-lst .mb-folders-list,
#container .mb-fldr-lst .mb-folder-item,
#container .mb-fldr-lst .sub-list ul,
#container .mb-fldr-lst .sub-list li {
margin: 0;
padding: 0;
list-style-type: none;
}
#container .mb-fldr-lst .md-lst-wrp {
margin-top: 0.5em;
}
#container .mb-fldr-lst .sub-list,
#container .mb-fldr-lst .sub-list ul {
margin-left: 1.2em;
}
#container .mb-fldr-lst .back-to-top-folder {
display: block;
background-position: left center;
background-repeat: no-repeat;
padding: 0.4em 0 0.4em 22px;
background-image: url("../images/media-browser/folder-tree.png");
}
#container .mb-fldr-lst .vw-fldr {
display: inline-block;
margin-left: 2px;
padding-top: 2px;
}
.ie7 #container .mb-fldr-lst .vw-fldr {
*display: inline;
zoom: 1;
}
#container .mb-fldr-lst .xpnd-fldr {
display: inline-block;
width: 30px;
height: 20px;
background-image: url("../images/media-browser/folder-closed.png");
background-position: center 1px;
background-repeat: no-repeat;
vertical-align: middle;
margin-right: 2px;
}
.ie7 #container .mb-fldr-lst .xpnd-fldr {
*display: inline;
zoom: 1;
}
#container .mb-fldr-lst .xpnd-fldr.open {
background-image: url("../images/media-browser/folder-open.png");
}
#container .mb-fldr-lst .root-folder > .xpnd-fldr {
background-image: url("../images/media-browser/folder-top.png");
}
#container .mb-fldr-lst .empty > .xpnd-fldr {
background-image: url("../images/media-browser/folder.png");
background-position: 10px 1px;
background-repeat: no-repeat;
}
/*------------- Single file view ----------------*/
#file-viewer ul,
#file-viewer li {
margin: 0;
padding: 0;
list-style-type: none;
}
#file-viewer .media-status {
margin-bottom: 0.5em;
}
#file-viewer .media-status span {
padding-left: 21px;
background-position: left center;
background-repeat: no-repeat;
}
.status-download-information {
float: right;
width: 50%;
}
.media-information {
float: left;
width: 50%;
}
@media only screen and (max-width: 650px) {
.status-download-information,
.media-information {
float: none;
width: auto;
}
}
.media-history {
clear: both;
margin-top: 1em;
float: left;
width: 100%;
}
.ie7 .media-history {
float: none;
}
.media-history .results-count {
display: none;
}
/*-- File format icons --*/
.media-format,
.media-file-format .media-info {
display: inline-block;
padding-left: 28px;
height: 24px;
line-height: 24px;
background-position: 1px center;
background-repeat: no-repeat;
}
.ie7 .media-format,
.ie7 .media-file-format .media-info {
*display: inline;
zoom: 1;
}
.format-avi,
.format-mp4,
.format-swf,
.format-mov,
.format-flv,
.format-wmv {
background-image: url("../images/media-browser/avi.png");
}
.format-aac,
.format-mp3,
.format-wma,
.format-wav {
background-image: url("../images/media-browser/mp3.png");
}
.format-png {
background-image: url("../images/media-browser/png.png");
}
.format-gif,
.format-jpeg,
.format-jpg {
background-image: url("../images/media-browser/jpg.png");
}
.format-doc,
.format-docx {
background-image: url("../images/media-browser/doc.png");
}
.format-pdf {
background-image: url("../images/media-browser/pdf.png");
}
.format-ppsx,
.format-ppt,
.format-pptx {
background-image: url("../images/media-browser/ppt.png");
}
.format-xls,
.format-xlsx {
background-image: url("../images/media-browser/xls.png");
}
.format-rtf {
background-image: url("../images/media-browser/rtf.png");
}
.format-csv {
background-image: url("../images/media-browser/csv.png");
}
.format-txt {
background-image: url("../images/media-browser/txt.png");
}
/*@import "07-modules/07-10-media-browser-isotope";*/
#breadcrumbs {
float: left;
}
/*--- Favourites icon ---*/
.favourite-container,
.breadcrumb .favourite-icon-wrap {
float: right;
}
.favourite-icon-wrap a {
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
margin: 0 0.5em;
}
.ie7 .favourite-icon-wrap a {
*display: inline;
zoom: 1;
}
/*- Content -*/
.favourite-object {
height: 16px;
width: 16px;
background-image: url("../images/favourites/list-unfavourite.png");
/*- Page -*/
}
.favourite-object:hover {
background-image: url("../images/favourites/list-favourite.png");
}
.favourite-object.unfavourite-this {
background-image: url("../images/favourites/list-favourite.png");
}
.favourite-object.unfavourite-this:hover {
background-image: url("../images/favourites/list-unfavourite.png");
}
.favourite-object.favourite-page {
height: 24px;
width: 24px;
background-image: url("../images/favourites/favourite-page.gif");
}
.favourite-object.favourite-page:hover {
background-image: url("../images/favourites/unfavourite-page.png");
}
.favourite-object.favourite-page.unfavourite-this {
background-image: url("../images/favourites/unfavourite-page.png");
}
.favourite-object.favourite-page.unfavourite-this:hover {
background-image: url("../images/favourites/favourite-page.gif");
}
.middle .favourite-object.favourite-page {
display: none;
}
/*--- Favourites list ---*/
#container .favourites-list .favourite-icon-wrap a {
display: inline-block;
height: 24px;
width: 24px;
float: right;
}
.ie7 #container .favourites-list .favourite-icon-wrap a {
*display: inline;
zoom: 1;
}
#container .favourites-list .list-content-item {
line-height: 24px;
padding: 0.2em 0;
}
#container .favourites-list .list-content-item a {
vertical-align: middle;
}
/*------------- Property Module ----------------*/
.type-propertylist .main-image {
text-align: center;
}
/*------------- Property Search ----------------*/
.property-search-example {
display: block;
font-size: 80%;
}
.property-type-features,
.property-type-features li {
margin: 0;
padding: 0;
list-style-type: none;
}
.property-type-features li {
padding: 0.1em 0;
}
/*------------- Property Map ----------------*/
.type-propertymap .map-wrapper {
height: 280px;
}
@media only screen and (min-width: 701px) {
.layout_1_1 .col .type-propertymap .map-wrapper {
height: 220px;
}
}
/*------------- Property List ----------------*/
p.property-results {
text-align: center;
font-size: 90%;
}
.view-property-details {
text-align: center;
}
#container .property-list-pagination select {
width: auto;
}
/*------------- Single property ----------------*/
.property-sale-type {
float: right;
padding: 0.1em 0.3em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #bcbdc0;
}
.ui-tabs-nav,
.ui-tabs-nav li {
margin: 0;
padding: 0;
list-style-type: none;
}
.ui-tabs-hide {
display: none;
}
.single-property-wrapper .ui-tabs-nav {
margin-top: 1em;
border-bottom: 1px solid #bcbdc0;
}
.single-property-wrapper .ui-tabs-nav li {
display: inline-block;
margin: 0 0.2em;
}
.ie7 .single-property-wrapper .ui-tabs-nav li {
*display: inline;
zoom: 1;
}
.single-property-wrapper .ui-tabs-nav li.ui-tabs-selected {
position: relative;
top: 1px;
background: #ffffff;
}
.single-property-wrapper .ui-tabs-nav li a {
display: block;
text-decoration: none;
border: 1px solid #bcbdc0;
border-bottom: 0;
padding: 0.4em 0.8em;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.single-property-wrapper .ui-tabs-nav li a:hover,
.single-property-wrapper .ui-tabs-nav li a:focus {
background: #eeeeee;
}
#property-photos-tab .gallery-wrapper {
*zoom: 1;
}
#property-photos-tab .gallery-wrapper:before,
#property-photos-tab .gallery-wrapper:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#property-photos-tab .gallery-wrapper:after {
clear: both;
}
#property-photos-tab .gallery-wrapper li {
margin: 0 0.5em 0.5em 0;
float: left;
}
#property-photos-tab .gallery-wrapper img {
height: 100px;
width: auto;
}
@media only screen and (max-width: 700px) {
#property-photos-tab .gallery-wrapper img {
height: 70px;
}
}
/*--- Some fancybox fixes ---*/
#fancybox-wrap * {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#fancybox-close {
right: -54px !important;
}
/*------------- Only when in a single placement row, and not in mobile view ----------------*/
@media only screen and (min-width: 701px) {
#container .middle .placement-row-1-up .type-propertylist .main-image {
float: right;
width: 200px;
}
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.property-overview,
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
h3,
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
h4,
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.advert-text {
margin-right: 215px;
}
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.view-property-details {
width: 200px;
float: right;
clear: right;
}
}
.ie7 #container .middle .placement-row-1-up .type-propertylist .main-image,
.ie8 #container .middle .placement-row-1-up .type-propertylist .main-image {
float: right;
width: 200px;
}
.ie7
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.property-overview,
.ie8
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.property-overview,
.ie7
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
h3,
.ie8
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
h3,
.ie7
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
h4,
.ie8
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
h4,
.ie7
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.advert-text,
.ie8
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.advert-text {
margin-right: 215px;
}
.ie7
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.view-property-details,
.ie8
#container
.middle
.placement-row-1-up
.type-propertylist
.property-details
.view-property-details {
width: 200px;
float: right;
clear: right;
}
.cm-ticket-list,
.cm-ticket-list li,
.cm-message-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.cm-ticket-list {
height: 500px;
overflow-y: scroll;
}
.cm-case-manager-app {
position: relative;
}
.cm-menu {
width: 33%;
float: left;
}
.cm-ticket-search-and-filter fieldset {
padding-bottom: 1em;
}
.cm-menu-ticket {
display: block;
border: 1px solid #dddddd;
padding: 0 1em 0.5em;
margin-bottom: 1em;
text-decoration: none;
}
.cm-menu-ticket:hover,
.cm-menu-ticket:focus,
.cm-menu-ticket.selected {
background: #f5f5f5;
}
.cm-ticket-meta {
font-size: 90%;
}
.cm-ticket-status-filter {
float: right;
}
.cm-case {
float: left;
width: 67%;
padding-left: 1em;
position: relative;
}
.cm-case-status {
position: absolute;
top: 1em;
right: 0;
}
.cm-case-status span {
border: 1px solid #eeeeee;
display: inline-block;
padding: 0.5em;
}
.ie7 .cm-case-status span {
*display: inline;
zoom: 1;
}
.cm-case-actions {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #eeeeee;
padding: 0.5em 0;
}
#container .cm-assign-form {
padding: 0.5em 0;
border-bottom: 1px solid #eeeeee;
}
#container .cm-assign-form input[type="search"],
#container .cm-assign-form input[type="text"] {
width: auto;
}
.cm-case-message {
margin-top: 1em;
}
.cm-case-message #media-uploader {
margin-top: 1em;
}
.cm-avatar {
width: 80px;
}
.cm-reply {
list-style-type: none;
clear: both;
margin: 0.6em 0;
padding: 1em;
}
.cm-message-footer {
font-size: 90%;
}
.cm-originator-reply {
border: 1px solid #dddddd;
}
.cm-originator-reply .cm-avatar {
float: right;
}
.cm-originator-reply .cm-message-item {
margin-right: 90px;
}
.cm-responder-reply {
border: 1px solid #dddddd;
}
.cm-responder-reply .cm-avatar {
float: left;
}
.cm-responder-reply .cm-message-item {
margin-left: 90px;
}
.cm-system-reply {
text-align: center;
color: #58595b;
margin: 0;
padding: 0.5em;
}
.cm-form-output .row {
display: table-row;
}
.cm-form-output .question,
.cm-form-output .answer {
display: table-cell;
padding-bottom: 0.5em;
}
.cm-form-output .question {
padding-right: 1em;
}
.cm-case-hide-btn {
display: none;
}
.cm-message-item .cm-media ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.cm-message-item .cm-media ul li {
margin: 0;
padding: 0;
list-style-type: none;
padding: 10px 0 10px 32px;
}
.cm-message-item .cm-media ul li:nth-child(2n + 1) {
background: #f5f5f5;
}
.cm-message-item .cm-media ul li:hover {
background: #ededed;
}
.cm-message-item .cm-media ul li.file-image {
background-image: url("../images/media-browser/jpg.png");
background-position: left center;
background-repeat: no-repeat;
}
.cm-message-item .cm-media ul li.file-document {
background-position: left center;
background-repeat: no-repeat;
}
.cm-message-item .cm-media ul li.file-document.txt,
.cm-message-item .cm-media ul li.file-document.rtf,
.cm-message-item .cm-media ul li.file-document.doc,
.cm-message-item .cm-media ul li.file-document.docx,
.cm-message-item .cm-media ul li.file-document.odt {
background-image: url("../images/media-browser/txt.png");
}
.cm-message-item .cm-media ul li.file-document.pdf {
background-image: url("../images/media-browser/pdf.png");
}
.cm-message-item .cm-media ul li.file-document.xls,
.cm-message-item .cm-media ul li.file-document.xlsx {
background-image: url("../images/media-browser/xls.png");
}
.cm-message-item .cm-media ul li.file-document.ppt,
.cm-message-item .cm-media ul li.file-document.pptx {
background-image: url("../images/media-browser/ppt.png");
}
#feedback {
position: fixed;
top: 0;
width: 100%;
}
#feedback .feedback-item {
position: absolute;
right: 0;
top: 0;
width: 350px;
max-width: 100%;
background: #f5f5f5;
padding: 0.5em;
border: solid 2px #999999;
}
#feedback .feedback-item p {
margin: 0;
padding: 0;
}
.cm-case-message .template-upload .progress {
position: relative;
}
@media only screen and (max-width: 700px) {
.cm-ticket-list {
height: auto;
overflow-y: visible;
}
.cm-case-manager-app {
overflow: hidden;
}
.cm-case-hide-btn {
display: inline-block;
}
.cm-menu {
float: none;
width: auto;
-moz-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.cm-menu,
.cm-case {
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.cm-case {
float: none;
width: auto;
padding-left: 0;
position: absolute;
-moz-transform: translate(110%, 0);
-webkit-transform: translate(110%, 0);
-o-transform: translate(110%, 0);
-ms-transform: translate(110%, 0);
transform: translate(110%, 0);
}
.case-open .cm-menu {
-moz-transform: translate(-110%, 0);
-webkit-transform: translate(-110%, 0);
-o-transform: translate(-110%, 0);
-ms-transform: translate(-110%, 0);
transform: translate(-110%, 0);
position: absolute;
}
.case-open .cm-case {
display: block;
position: static;
-moz-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.type-popupplacement .pop-up-backdrop {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #bcbdc0;
background-color: rgba(188, 189, 192, 0.6);
z-index: 999999;
display: none;
}
.type-popupplacement .pop-up-backdrop .pop-up-content-box {
position: fixed;
top: 50%;
left: 50%;
width: 640px;
height: 480px;
margin-top: -240px;
margin-left: -320px;
border: solid 1.5em #ffffff;
}
@media only screen and (max-width: 700px) {
.type-popupplacement .pop-up-backdrop .pop-up-content-box {
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
top: 0;
left: 0;
}
}
.type-popupplacement .pop-up-backdrop .pop-up-content-box .content-item-inner {
width: 100%;
height: 100%;
display: block;
background: #ffffff;
overflow-y: auto;
}
.type-popupplacement
.pop-up-backdrop
.pop-up-content-box
.pop-up-close-trigger {
display: block;
width: 16px;
height: 16px;
background-image: url("/base-install/images/_site/popupclose.png");
position: absolute;
top: -14px;
right: -14px;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list {
*zoom: 1;
margin: 0.5em 0;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list:before,
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list:after {
clear: both;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item {
*zoom: 1;
clear: both;
padding: 0.7em 0 0.7em 1.5em;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item:before,
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item:after {
clear: both;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item:nth-child(odd) {
background: #f5f5f5;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
.top-level
label {
font-weight: bold;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
.go-to-page
a {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
background-image: url("../images/topic-subscriptions/page.png");
background-position: center center;
background-repeat: no-repeat;
float: left;
width: 18px;
height: 21px;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
.go-to-page
a:before {
content: "";
display: block;
width: 0;
height: 100%;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
input {
clear: none;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
label {
margin: 0;
display: inline;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
.topic-item:first-child {
margin-top: 0.7em;
}
.topic-subscription-settings-wrapper
#topic-subscriptions-form
.topic-subscription-map
.topic-list
.topic-item
.topic-item:nth-child(odd) {
background: transparent;
}
.resource-booking .time-period-nav ul,
.resource-booking .time-period-nav li {
margin: 0;
padding: 0;
list-style-type: none;
}
.resource-display header h3 {
text-align: center;
}
.resource-booking .time-period-nav .month-selector {
text-align: center;
}
.resource-booking .time-period-nav .month-selector #month-select {
width: auto;
}
.resource-booking .time-period-nav .month-selector label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.resource-booking .time-period-nav .month-selector label .focusable:active,
.resource-booking .time-period-nav .month-selector label .focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.resource-booking .time-period-nav ul {
display: table;
width: 100%;
padding: 0.5em 0;
}
.resource-booking .time-period-nav li {
display: table-cell;
}
.resource-booking .time-period-nav .date-info {
text-align: center;
}
.resource-booking .time-period-nav .previous-time,
.resource-booking .time-period-nav .next-time {
width: 100px;
}
.resource-booking .time-period-nav .next-time {
text-align: right;
}
.resource-booking .rb-alert {
position: fixed;
width: 60%;
margin-left: -30%;
left: 50%;
top: 0;
background: #3f3f3f;
color: #ffffff;
padding: 1em;
}
.resource-booking .rb-alert button {
float: right;
}
#rb-day-view .day-options .show-booking-form {
display: none;
}
#rb-form-container {
float: right;
width: 24%;
padding: 0.8em 0 0.4em 1.6em;
}
#rb-form-container form fieldset ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#rb-form-container form fieldset ul li {
margin: 0;
padding: 0;
list-style-type: none;
}
#rb-form-container form fieldset ul input[type="submit"] {
margin-top: 1em;
}
#rb-day-calendar {
margin-right: 24%;
}
.placement-row-2-up #rb-day-view .day-options .show-booking-form,
placement-row-3-up #rb-day-view .day-options .show-booking-form,
placement-row-4-up #rb-day-view .day-options .show-booking-form {
display: block;
}
.placement-row-2-up #rb-form-container,
placement-row-3-up #rb-form-container,
placement-row-4-up #rb-form-container {
float: none;
width: auto;
padding: 0;
display: none;
position: relative;
}
.placement-row-2-up #rb-form-container.show-form,
placement-row-3-up #rb-form-container.show-form,
placement-row-4-up #rb-form-container.show-form {
display: block;
}
.placement-row-2-up #rb-form-container form.field-manager-enabled,
placement-row-3-up #rb-form-container form.field-manager-enabled,
placement-row-4-up #rb-form-container form.field-manager-enabled {
position: absolute;
width: 74%;
top: 0;
left: 50%;
margin-left: -36%;
background: #ffffff;
padding: 1em;
border: solid 1px #3f3f3f;
}
.placement-row-2-up #rb-day-calendar,
placement-row-3-up #rb-day-calendar,
placement-row-4-up #rb-day-calendar {
margin-right: 0;
}
@media only screen and (max-width: 700px) {
#rb-day-view .day-options .show-booking-form {
display: block;
}
#rb-form-container {
float: none;
width: auto;
padding: 0;
display: none;
position: relative;
}
#rb-form-container.show-form {
display: block;
}
#rb-form-container form.field-manager-enabled {
position: absolute;
width: 74%;
top: 0;
left: 50%;
margin-left: -36%;
background: #ffffff;
padding: 1em;
border: solid 1px #3f3f3f;
}
#rb-day-calendar {
margin-right: 0;
}
}
.resource-calendar.week-display tbody tr.res-ch:hover td {
background: none;
}
.resource-calendar.week-display tbody tr.res-ch th.res-ch .popup-holder {
position: relative;
}
.resource-calendar.week-display
tbody
tr.res-ch
th.res-ch
.popup-holder
.more-info.resource-info {
display: none;
background: #ffffff;
color: #3f3f3f;
top: 0;
left: 100%;
width: 300px;
padding: 0.5em;
border: solid 1px #3f3f3f;
}
.resource-calendar.week-display
tbody
tr.res-ch
th.res-ch
.popup-holder
.more-info.resource-info
h4 {
margin-top: 0.5em;
}
.resource-calendar.week-display
tbody
tr.res-ch
th.res-ch:hover
.popup-holder
.more-info.resource-info {
display: block;
position: absolute;
z-index: 9999;
}
.resource-calendar.week-display tbody tr.res-ch td.res-ch {
position: relative;
}
.resource-calendar.week-display tbody tr.res-ch td.res-ch .popup-holder {
position: relative;
height: 50px;
}
.resource-calendar.week-display
tbody
tr.res-ch
td.res-ch
.popup-holder
.more-bookings-info {
position: absolute;
bottom: 100%;
left: 0;
}
.resource-calendar.week-display
tbody
tr.res-ch
td.res-ch
.popup-holder
.more-bookings-info
.more-info-inner {
border: solid 1px #3f3f3f;
background: #ffffff;
padding: 1.5em;
width: 350px;
min-height: 200px;
}
.resource-calendar.week-display
tbody
tr.res-ch
td.res-ch
.popup-holder
.more-bookings-info
.more-info-inner
h4 {
margin-top: 0.5em;
}
.resource-calendar.day-display tr td {
text-align: center;
}
.resource-calendar.day-display .rb-booked-time-slot {
border: 1px solid #999999;
text-transform: capitalize;
text-align: left;
vertical-align: top;
}
.resource-calendar.day-display .rb-booked-time-slot .booking-details {
display: table;
width: 100%;
}
@media only screen and (max-width: 700px) {
.resource-calendar.day-display .rb-booked-time-slot .booking-details {
display: block;
}
}
.resource-calendar.day-display .rb-booked-time-slot .booking-details li {
display: table-cell;
padding: 1em;
}
@media only screen and (max-width: 700px) {
.resource-calendar.day-display .rb-booked-time-slot .booking-details li {
display: block;
text-align: left;
}
}
.resource-calendar.day-display
.rb-booked-time-slot
.booking-details
.cancel-booking {
text-align: right;
}
@media only screen and (max-width: 700px) {
.resource-calendar.day-display
.rb-booked-time-slot
.booking-details
.cancel-booking {
text-align: left;
}
}
/*==== 08-slideshows ====*/
.cycle-slideshow .pager {
position: absolute;
top: 2em;
right: 2em;
z-index: 99;
}
@media only screen and (max-width: 1025px) {
.cycle-slideshow .pager {
display: none;
}
}
@media only screen and (max-width: 700px) {
.cycle-slideshow .pager {
display: none;
}
}
.secondary-slideshow .cycle-slideshow .pager {
top: 18em;
right: auto;
left: 2em;
}
@media only screen and (max-width: 700px) {
.secondary-slideshow .cycle-slideshow .pager {
top: 11em;
left: 15em;
}
}
.cycle-slideshow .pager .pager-inner a,
.cycle-slideshow .pager .second-pager-inner a {
width: 15px;
height: 15px;
text-indent: -9999em;
background-color: #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: inline-block;
margin: 0 0 0 0.4em;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
}
.cycle-slideshow .pager .pager-inner a.activeSlide,
.cycle-slideshow .pager .second-pager-inner a.activeSlide {
background-color: #c70280;
}
.cycle-slideshow .pager .second-pager-inner a {
background-color: #3f3f3f;
margin: 0 0.4em 0 0;
}
.cycle-slideshow .pager .second-pager-inner a.activeSlide {
background-color: #c70280;
}
.slider {
margin: 0;
padding: 0;
list-style-type: none;
height: 380px;
overflow: hidden;
/*--- Slide overlay text ---*/
/*--- Display text & link ---*/
}
@media only screen and (max-width: 1025px) {
.slider {
height: 292px;
}
}
@media only screen and (max-width: 770px) {
.slider {
height: 400px;
}
}
@media only screen and (max-width: 700px) {
.slider {
height: 94px;
}
}
.secondary-slideshow .slider {
height: 516px;
}
@media only screen and (max-width: 770px) {
.secondary-slideshow .slider {
height: 410px;
}
}
@media only screen and (max-width: 700px) {
.secondary-slideshow .slider {
height: 160px;
}
}
.slider .individual-slides {
margin: 0;
padding: 0;
list-style-type: none;
height: 380px;
width: 100%;
}
@media only screen and (max-width: 1025px) {
.slider .individual-slides {
height: 292px;
}
}
@media only screen and (max-width: 770px) {
.slider .individual-slides {
height: 400px;
}
}
@media only screen and (max-width: 700px) {
.slider .individual-slides {
height: 94px;
}
}
.secondary-slideshow .slider .individual-slides {
height: 516px;
}
@media only screen and (max-width: 700px) {
.secondary-slideshow .slider .individual-slides {
height: 160px;
}
}
.slider .slide-img-wrapper img {
width: 100%;
height: auto;
}
.slider .slide-overlay {
display: none;
}
.slider .slide-text-container-wrapper {
margin: 0 auto;
width: 94%;
max-width: 1200px;
padding: 0 0.5em;
}
@media only screen and (max-width: 770px) {
.slider .slide-text-container-wrapper {
padding: 0;
width: 100%;
}
}
@media only screen and (max-width: 700px) {
.slider .slide-text-container-wrapper {
display: none;
}
.secondary-slideshow .slider .slide-text-container-wrapper {
display: block;
}
}
.slider .slide-text-container {
background: rgba(255, 255, 255, 0.6);
top: 2em;
color: #c70280;
padding: 0.5em 1em;
position: absolute;
width: 28%;
}
@media only screen and (max-width: 1025px) {
#site-content-top-row .slider .slide-text-container {
width: 40%;
left: 4em;
}
}
@media only screen and (max-width: 770px) {
#site-content-top-row .slider .slide-text-container {
padding: 0.5em 2em;
position: static;
width: 100%;
background-color: #c70280;
color: #ffffff;
}
}
.ie8 .slider .slide-text-container,
.ie7 .slider .slide-text-container {
background-color: #ffffff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
@media only screen and (max-width: 1025px) {
.slider .slide-text-container {
top: 2em;
width: 50%;
left: 6em;
}
}
.secondary-slideshow .slider .slide-text-container {
background: rgba(255, 255, 255, 0.8);
top: 1em;
width: 75%;
color: #3f3f3f;
font-weight: 700;
font-size: 150%;
}
@media only screen and (max-width: 1025px) {
.secondary-slideshow .slider .slide-text-container {
left: 1em;
}
}
@media only screen and (max-width: 700px) {
.secondary-slideshow .slider .slide-text-container {
font-size: 80%;
width: 92%;
}
}
.secondary-slideshow .slider .slide-text-container strong {
color: #c70280;
}
.secondary-slideshow .slider .slide-text-container p {
line-height: normal;
}
.slider .slide-text-container h2,
.slider .slide-text-container h3 {
text-transform: uppercase;
font-weight: 300;
font-size: 200%;
}
@media only screen and (max-width: 1025px) {
.slider .slide-text-container h2,
.slider .slide-text-container h3 {
font-size: 170%;
}
}
@media only screen and (max-width: 700px) {
.slider .slide-text-container h2,
.slider .slide-text-container h3 {
font-size: 125%;
line-height: 105%;
}
}
.slider .slide-text-container a {
background: url("../images/_site/icons/link-arrow.png") no-repeat right 1em;
border-top: 2px solid #c70280;
display: block;
padding: 1em 0 0.5em 0;
}
@media only screen and (max-width: 770px) {
.slider .slide-text-container a {
background: url("../images/_site/icons/link-arrow-white.png") no-repeat
right 1em;
color: #ffffff;
display: inline-block;
padding-right: 2em;
}
}
/*--- Controls ---*/
.slider-controls,
.slider-controls li {
margin: 0;
padding: 0;
list-style-type: none;
}
.slideshow-wrapper {
position: relative;
}
.slider-controls {
position: absolute;
top: 4em;
right: 2em;
z-index: 9999;
}
@media only screen and (max-width: 1025px) {
#site-content-top-row .slider-controls {
top: 1em;
right: 3.5em;
}
}
@media only screen and (max-width: 700px) {
#site-content-top-row .slider-controls {
top: 1em;
right: 1.5em;
}
}
.secondary-slideshow .slider-controls {
left: 2em;
right: auto;
top: 20em;
}
@media only screen and (max-width: 700px) {
.secondary-slideshow .slider-controls {
top: auto;
bottom: 0.2em;
left: 1em;
}
}
.slider-controls li {
display: inline-block;
}
.ie7 .slider-controls li {
*display: inline;
zoom: 1;
}
.slider-controls .previous,
.slider-controls .play-pause,
.slider-controls .paused,
.slider-controls .next {
background-position: center center;
background-repeat: no-repeat;
}
.slider-controls a {
display: block;
text-indent: -99999px;
width: 21px;
height: 21px;
}
.slider-controls a.previous {
background-image: url("../images/slideshows/controls1-16px-k/back.png");
}
.slider-controls a.previous:focus,
.slider-controls a.previous:hover,
.slider-controls a.previous:active {
background-image: url("../images/slideshows/controls1-16px-w/back.png");
}
.slider-controls a.play-pause {
background-image: url("../images/slideshows/controls1-16px-k/pause.png");
margin: 0 3px;
}
.slider-controls a.play-pause:focus,
.slider-controls a.play-pause:hover,
.slider-controls a.play-pause:active {
background-image: url("../images/slideshows/controls1-16px-w/pause.png");
}
.slider-controls a.play-pause.paused {
background-image: url("../images/slideshows/controls1-16px-k/play.png");
}
.slider-controls a.play-pause.paused:focus,
.slider-controls a.play-pause.paused:hover,
.slider-controls a.play-pause.paused:active {
background-image: url("../images/slideshows/controls1-16px-w/play.png");
}
.slider-controls a.next {
background-image: url("../images/slideshows/controls1-16px-k/forward.png");
}
.slider-controls a.next:focus,
.slider-controls a.next:hover,
.slider-controls a.next:active {
background-image: url("../images/slideshows/controls1-16px-w/forward.png");
}
.jcarousel-clip {
height: 270px;
overflow: hidden;
}
.jcarousel,
.jcarousel li {
margin: 0;
padding: 0;
list-style-type: none;
}
.jcarousel {
/*--- Slide overlay text ---*/
/*--- Display text & link ---*/
}
.jcarousel .slide-img-wrapper img {
width: 100%;
height: auto;
}
.jcarousel .individual-slides {
height: 270px;
position: relative;
}
.jcarousel .slide-text-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 45%;
padding: 1em;
background: rgba(255, 255, 255, 0.9);
}
.no-rgba .jcarousel .slide-text-overlay {
background: #ffffff;
}
.jcarousel .slide-text-container {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 0 1em;
background: #ffffff;
}
.jcarousel-prev,
.jcarousel-next {
position: absolute;
top: 50%;
margin-top: -10px;
background: #dddddd;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 10px;
cursor: hand;
cursor: pointer;
}
.jcarousel-prev .carousel-control,
.jcarousel-next .carousel-control {
width: 20px;
height: 20px;
}
.jcarousel-prev {
left: -20px;
}
.jcarousel-prev .carousel-control {
background-image: url("../images/slideshows/controls1-16px-k/back.png");
background-position: left center;
background-repeat: no-repeat;
}
.jcarousel-prev .carousel-control:focus,
.jcarousel-prev .carousel-control:hover,
.jcarousel-prev .carousel-control:active {
background-image: url("../images/slideshows/controls1-16px-w/back.png");
}
.jcarousel-next {
right: -20px;
}
.jcarousel-next .carousel-control {
background-image: url("../images/slideshows/controls1-16px-k/forward.png");
background-position: right center;
background-repeat: no-repeat;
}
.jcarousel-next .carousel-control:focus,
.jcarousel-next .carousel-control:hover,
.jcarousel-next .carousel-control:active {
background-image: url("../images/slideshows/controls1-16px-w/forward.png");
}
/*==== 09-custom ====*/
#site-content-top-row {
margin-bottom: 2em;
}
@media only screen and (max-width: 770px) {
#site-content-top-row {
margin-bottom: 1em;
}
}
.ie7 #site-content-top-row {
overflow: hidden;
}
#site-content-top-row .placement-row-3 {
position: relative;
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
#site-content-top-row .page-placement {
width: 100%;
padding: 0;
}
#site-content-top-row .page-placement .placement-inner {
margin: 0;
}
#site-content-top-row .page-placement.social-media-icons {
width: auto;
position: fixed;
left: 1em;
top: 14em;
z-index: 99;
}
@media only screen and (max-width: 1025px) {
#site-content-top-row .page-placement.social-media-icons {
left: 0.5em;
}
}
@media only screen and (max-width: 770px) {
#site-content-top-row .page-placement.social-media-icons {
display: none;
}
}
#site-content-top-row .page-placement.social-media-icons .content-headline {
display: none;
}
#site-content-top-row .page-placement.site-search-wrapper {
background-color: #58595b;
padding: 2em 0;
}
@media only screen and (max-width: 770px) {
#site-content-top-row .page-placement.site-search-wrapper {
display: none;
}
}
#site-content-top-row .page-placement.site-search-wrapper .placement-inner {
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
@media only screen and (max-width: 1025px) {
#site-content-top-row .page-placement.site-search-wrapper .placement-inner {
width: 91%;
}
}
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search {
margin: 0 0.5em;
}
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-headline {
width: 20%;
float: left;
}
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-headline
h2,
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-headline
h3 {
color: #ffffff;
font-size: 200%;
margin: 0 0 0.3em 0;
}
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-wrapper-inner {
width: 80%;
float: right;
}
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-wrapper-inner
#site-search-form
input[type="text"],
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-wrapper-inner
#site-search-form
input[type="search"] {
width: 99%;
padding: 1em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
}
@media only screen and (max-width: 1025px) {
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-wrapper-inner
#site-search-form
input[type="text"],
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-wrapper-inner
#site-search-form
input[type="search"] {
right: -5px;
}
}
#site-content-top-row
.page-placement.site-search-wrapper
.placement-inner
.site-search
.content-wrapper-inner
#site-search-form
input[type="submit"] {
right: 1.5em;
top: 0.8em;
background: url("../images/_site/icons/magnify.png") no-repeat center center;
width: 23px;
height: 23px;
}
#site-content-bottom-row {
background-color: #ffffff;
margin-top: 2em;
padding: 2em 0;
}
#site-content-bottom-row .placement-row-wrapper {
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
@media only screen and (max-width: 1025px) {
#site-content-bottom-row .placement-row-wrapper {
width: 92%;
}
}
@media only screen and (max-width: 770px) {
#site-content-bottom-row .placement-row-wrapper {
width: 94%;
}
}
#site-content-bottom-row .placement-row-wrapper .page-placement {
margin-top: 4em;
width: 30%;
float: right;
}
#site-content-bottom-row .placement-row-wrapper .page-placement.get-connected {
margin-top: 0;
float: left;
width: 70%;
}
#site-content-bottom-row
.placement-row-wrapper
.page-placement.get-connected
.content-headline
h2 {
font-size: 180%;
}
@media only screen and (max-width: 700px) {
#site-content-bottom-row {
padding: 0;
}
#site-content-bottom-row .placement-row-wrapper .page-placement {
margin-top: 3em;
}
#site-content-bottom-row .get-connected h2 {
margin: 0;
}
#site-content-bottom-row .get-connected li {
width: 20px;
}
}
.no-heading .content-headline {
display: none;
}
.get-connected .content-headline h2,
.get-connected .content-headline h3 {
color: #3f3f3f;
}
.get-connected .content-wrapper-inner {
margin-top: 2em;
}
.get-connected .content-wrapper-inner p {
display: none;
}
.get-connected .content-wrapper-inner ul {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}
@media only screen and (max-width: 770px) {
.get-connected .content-wrapper-inner ul:last-child {
display: none;
}
}
.get-connected .content-wrapper-inner ul li {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
margin: 0 1em 1em 0;
float: left;
width: 100px;
}
@media only screen and (max-width: 1025px) {
.get-connected .content-wrapper-inner ul li {
margin-right: 0;
}
}
@media only screen and (max-width: 770px) {
.get-connected .content-wrapper-inner ul li {
width: auto;
margin-right: 0.5em;
}
}
.base404 body {
border-top: 10px solid #c70280;
}
.base404 body #container #main-content {
background-color: transparent;
}
.base404 body #container #main-content .main-wrapper #header-row .container,
.base404 body #container #main-content .main-wrapper #hero-row .container,
.base404 body #container #main-content .main-wrapper #footer-row .container {
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
.base404 body #container #main-content .main-wrapper .group-header {
float: right;
}
.base404 body #container #main-content .main-wrapper .header-row-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.base404 body #container #main-content .main-wrapper .header-row-list li {
margin: 0;
padding: 0;
list-style-type: none;
}
.base404 body #container #main-content .main-wrapper .header-row-list li a {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
padding-left: 0;
margin-top: 1em;
float: left;
}
.ie7
.base404
body
#container
#main-content
.main-wrapper
.header-row-list
li
a {
padding: 1em 2em 1em 0;
}
.base404
body
#container
#main-content
.main-wrapper
.header-row-list
li
a:hover,
.base404
body
#container
#main-content
.main-wrapper
.header-row-list
li
a:focus {
text-decoration: underline;
}
.base404 body #container #main-content .main-wrapper .group-content {
clear: both;
}
.base404 body #container #main-content .main-wrapper .popular-pages {
margin: 0;
padding: 0;
list-style-type: none;
margin: 1em 0 0 1em;
}
.base404 body #container #main-content .main-wrapper .popular-pages li {
margin: 0;
padding: 0;
list-style-type: none;
background: url("../images/_site/icons/pod-arrow.png") no-repeat left 1px;
display: block;
height: 23px;
line-height: 23px;
padding-left: 2em;
font-weight: 600;
margin-top: 0.5em;
}
.base404 body #container #main-content .main-wrapper #footer-row {
background-color: #404041;
color: #ffffff;
margin-top: 2em;
padding: 2em 0;
overflow: hidden;
}
.base404 body #container #main-content .main-wrapper #footer-row a {
color: #ffffff;
}
.base404 body #container #main-content .main-wrapper #footer-row .footer-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.base404
body
#container
#main-content
.main-wrapper
#footer-row
.footer-list.verseone-credit
.footer-item {
text-align: right;
}
@media only screen and (max-width: 700px) {
.base404
body
#container
#main-content
.main-wrapper
#footer-row
.footer-list.verseone-credit
.footer-item {
text-align: left;
margin-top: 0.5em;
}
}
.base404
body
#container
#main-content
.main-wrapper
#footer-row
.footer-list
.footer-item {
margin: 0;
padding: 0;
list-style-type: none;
width: 50%;
float: left;
font-size: 80%;
padding: 0 0.5em;
}
@media only screen and (max-width: 700px) {
.base404
body
#container
#main-content
.main-wrapper
#footer-row
.footer-list
.footer-item {
float: none;
width: auto;
}
}
#container #site-content-top-row {
position: relative;
}
#container #site-content-top-row .page-placement.card-style {
z-index: 99;
width: 25%;
position: absolute;
right: 0;
top: -28.2em;
}
@media only screen and (max-width: 1025px) {
#container #site-content-top-row .page-placement.card-style {
top: -24.2em;
right: 0.5em;
}
}
@media only screen and (max-width: 770px) {
#container #site-content-top-row .page-placement.card-style {
top: -26em;
right: auto;
left: 0.5em;
width: 40%;
}
}
@media only screen and (max-width: 700px) {
#container #site-content-top-row .page-placement.card-style {
position: static;
width: 100%;
}
#container #site-content-top-row .page-placement.card-style .placement-inner {
margin: 1.5em 1em 0 1em;
}
}
#container
#site-content-top-row
.page-placement.card-style
.content-main-image {
padding: 1em 1em 4em 1em;
}
@media only screen and (max-width: 1025px) {
#container
#site-content-top-row
.page-placement.card-style
.content-main-image {
padding-bottom: 3.2em;
}
}
#container
#site-content-top-row
.page-placement.card-style
.content-main-image
img {
height: 60px;
}
@media only screen and (max-width: 1025px) {
#container
#site-content-top-row
.page-placement.card-style
.content-headline
h2,
#container
#site-content-top-row
.page-placement.card-style
.content-headline
h3 {
font-size: 150%;
}
}
@media only screen and (max-width: 1025px) {
#container
#site-content-top-row
.page-placement.card-style
.main-editor-output
br {
display: none;
}
}
#container
#site-content-top-row
.page-placement.card-style
.main-editor-output
.cta {
min-height: 0;
}
#container .page-placement.card-style .placement-inner {
background-color: #ffffff;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
padding: 0 1em 1em 1em;
margin: 0 1em;
border-top: 10px solid;
behavior: url("/base-install/css-libs/PIE.htc");
}
@media only screen and (max-width: 770px) {
#container .page-placement.card-style .placement-inner {
margin: 0;
}
}
#container .page-placement.card-style .placement-inner h3 {
font-size: 100%;
margin-bottom: 1em;
line-height: 1em;
}
#container
.page-placement.card-style
.placement-inner
.main-editor-output
.cta {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 0.9em;
min-height: 21px;
border-top: 1px solid #dddddd;
display: block;
color: #3f3f3f;
padding: 1em 5.2em 0.5em 1em;
margin: 0 -1em -1em -1em;
}
@media only screen and (max-width: 1025px) {
#container
.page-placement.card-style
.placement-inner
.main-editor-output
.cta {
font-size: 90%;
min-height: 72px;
}
}
@media only screen and (max-width: 770px) {
#container
.page-placement.card-style
.placement-inner
.main-editor-output
.cta {
min-height: 0;
}
}
.ie8
#container
.page-placement.card-style
.placement-inner
.main-editor-output
.cta,
.ie7
#container
.page-placement.card-style
.placement-inner
.main-editor-output
.cta {
padding-right: 5.5em;
}
#container .page-placement.card-style .content-main-image {
margin: 0 -1em;
}
#container
.page-placement.card-style.card-a
.placement-inner
.content-main-image {
text-align: center;
padding: 0 0 1em 0;
}
#container
.page-placement.card-style.card-a
.placement-inner
.content-main-image
img {
margin: 0 auto;
height: 100px;
width: auto;
}
#container
.page-placement.card-style.card-a
.placement-inner
.content-headline
h2,
#container
.page-placement.card-style.card-a
.placement-inner
.content-headline
h3 {
font-size: 200%;
margin: 0.5em 0 0 0;
}
@media only screen and (max-width: 1025px) {
#container
.page-placement.card-style.card-a
.placement-inner
.content-headline
h2,
#container
.page-placement.card-style.card-a
.placement-inner
.content-headline
h3 {
font-size: 140%;
}
}
#container
.page-placement.card-style.card-a.large-text
.placement-inner
.content-headline
h2,
#container
.page-placement.card-style.card-a.large-text
.placement-inner
.content-headline
h3 {
font-size: 150%;
line-height: 1em;
margin: 0.5em 0 0 0;
}
#container
.page-placement.card-style.card-b
.placement-inner
.content-main-image {
margin: 0;
float: right;
width: 30px;
}
#container
.page-placement.card-style.card-b
.placement-inner
.content-main-image
img {
width: 100%;
height: auto;
}
#container .page-placement.card-style.card-a .placement-inner,
#container .page-placement.card-style.card-c .placement-inner {
border-top: none;
}
#container
.page-placement.card-style.card-b
.placement-inner
.content-main-image,
#container
.page-placement.card-style.card-f
.placement-inner
.content-main-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 0.5em;
margin: -0.5em 0 1em 0;
float: right;
width: 50px;
height: 50px;
line-height: 50px;
}
#container
.page-placement.card-style.card-b
.placement-inner
.content-main-image
img,
#container
.page-placement.card-style.card-f
.placement-inner
.content-main-image
img {
width: 100%;
height: auto;
}
#container .page-placement.card-style.card-b .placement-inner .content-headline,
#container
.page-placement.card-style.card-f
.placement-inner
.content-headline {
margin-right: 60px;
}
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper {
position: relative;
}
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-main-image {
text-align: right;
padding: 1em 1em 4em 1em;
}
@media only screen and (max-width: 1025px) {
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-main-image {
padding-bottom: 8em;
}
}
@media only screen and (max-width: 770px) {
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-main-image {
padding-bottom: 5em;
}
}
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-main-image
img {
height: 78px;
width: auto;
}
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline {
position: absolute;
left: 0;
right: 52px;
bottom: 1em;
}
@media only screen and (max-width: 1025px) {
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline {
right: auto;
}
}
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
color: #ffffff;
font-size: 200%;
margin: 0;
}
@media only screen and (max-width: 1025px) {
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
font-size: 200%;
}
}
@media only screen and (max-width: 770px) {
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#container
.page-placement.card-style.card-c
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
font-size: 250%;
}
}
.home-page
#container
.page-placement.card-style.card-d
.headline-image-wrapper {
position: relative;
}
.home-page
#container
.page-placement.card-style.card-d
.headline-image-wrapper
.content-headline {
position: absolute;
bottom: 0.5em;
left: 0;
}
.home-page
#container
.page-placement.card-style.card-d
.headline-image-wrapper
.content-headline
h2,
.home-page
#container
.page-placement.card-style.card-d
.headline-image-wrapper
.content-headline
h3 {
font-size: 360%;
color: #ffffff;
}
@media only screen and (max-width: 1025px) {
.home-page
#container
.page-placement.card-style.card-d
.headline-image-wrapper
.content-headline
h2,
.home-page
#container
.page-placement.card-style.card-d
.headline-image-wrapper
.content-headline
h3 {
font-size: 300%;
}
}
#container .page-placement.card-style.card-d .content-headline h2,
#container .page-placement.card-style.card-d .content-headline h3 {
font-size: 230%;
margin-bottom: 0;
}
#container .page-placement.card-style.card-d .content-wrapper-inner h3 {
font-size: 170%;
margin: 0.5em 0;
min-height: 51px;
}
#container
.page-placement.card-style.card-d
.placement-inner
.content-main-image
img,
#container
.page-placement.card-style.card-e
.placement-inner
.content-main-image
img {
width: 100%;
height: auto;
}
#container
.page-placement.card-style.card-f
.placement-inner
.content-headline
h2,
#container
.page-placement.card-style.card-f
.placement-inner
.content-headline
h3 {
font-size: 230%;
margin-top: 0.5em;
}
#container .page-placement.card-style.card-pink .placement-inner {
border-color: #c70280;
}
#container .page-placement.card-style.card-pink .placement-inner h2,
#container .page-placement.card-style.card-pink .placement-inner h3 {
color: #c70280;
}
#container .page-placement.card-style.card-pink.card-a .placement-inner {
border-top: 20px solid #c70280;
}
#container .page-placement.card-style.card-pink.card-a .content-main-image,
#container .page-placement.card-style.card-pink.card-c .content-main-image {
background-color: #c70280;
}
#container
.page-placement.card-style.card-pink.card-b
.placement-inner
.content-main-image,
#container
.page-placement.card-style.card-pink.card-f
.placement-inner
.content-main-image {
background-color: #c70280;
}
#container .page-placement.card-style.card-orange .placement-inner {
border-color: #f8991d;
}
#container .page-placement.card-style.card-orange .placement-inner h2,
#container .page-placement.card-style.card-orange .placement-inner h3 {
color: #f8991d;
}
#container .page-placement.card-style.card-orange.card-a .placement-inner {
border-top: 20px solid #f8991d;
}
#container .page-placement.card-style.card-orange.card-a .content-main-image,
#container .page-placement.card-style.card-orange.card-c .content-main-image {
background-color: #f8991d;
}
#container
.page-placement.card-style.card-orange.card-b
.placement-inner
.content-main-image,
#container
.page-placement.card-style.card-orange.card-f
.placement-inner
.content-main-image {
background-color: #f8991d;
}
#container .page-placement.card-style.card-red .placement-inner {
border-color: #ed1c2e;
}
#container .page-placement.card-style.card-red .placement-inner h2,
#container .page-placement.card-style.card-red .placement-inner h3 {
color: #ed1c2e;
}
#container .page-placement.card-style.card-red.card-a .placement-inner {
border-top: 20px solid #ed1c2e;
}
#container .page-placement.card-style.card-red.card-a .content-main-image,
#container .page-placement.card-style.card-red.card-c .content-main-image {
background-color: #ed1c2e;
}
#container
.page-placement.card-style.card-red.card-b
.placement-inner
.content-main-image,
#container
.page-placement.card-style.card-red.card-f
.placement-inner
.content-main-image {
background-color: #ed1c2e;
}
#container .page-placement.card-style.card-dark-red .placement-inner {
border-color: #9e003d;
}
#container .page-placement.card-style.card-dark-red .placement-inner h2,
#container .page-placement.card-style.card-dark-red .placement-inner h3 {
color: #9e003d;
}
#container .page-placement.card-style.card-dark-red.card-a .placement-inner {
border-top: 20px solid #9e003d;
}
#container .page-placement.card-style.card-dark-red.card-a .content-main-image,
#container .page-placement.card-style.card-dark-red.card-c .content-main-image {
background-color: #9e003d;
}
#container
.page-placement.card-style.card-dark-red.card-b
.placement-inner
.content-main-image,
#container
.page-placement.card-style.card-dark-red.card-f
.placement-inner
.content-main-image {
background-color: #9e003d;
}
#content-wrapper .col .page-placement .placement-inner {
background-color: #ffffff;
border-top: 20px solid #c70280;
padding: 0 1em 1em 1em;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
}
#content-wrapper .col .page-placement .placement-inner .content-main-image {
margin: 0 -1em;
}
.home-page #content-wrapper .page-placement {
position: relative;
}
.home-page #content-wrapper .page-placement .placement-inner {
background-color: #ffffff;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
border-radius: 0 0 20px 20px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
position: relative;
padding: 0 2em 2em 2em;
margin: 0 1em;
behavior: url("/base-install/css-libs/PIE.htc");
}
.home-page
#content-wrapper
.page-placement
.placement-inner
.content-main-image {
margin: 0 -2em;
}
.home-page
.home-page
#content-wrapper
.page-placement
.placement-inner
.content-main-image {
margin: 0 -1em;
}
.home-page #content-wrapper .page-placement .placement-inner {
padding: 0 1em 1em 1em;
border-top: 20px solid;
}
#content-wrapper .page-placement {
position: relative;
}
#content-wrapper .page-placement .placement-inner .content-main-image {
margin: 0 -2em;
}
.home-page
#content-wrapper
.page-placement
.placement-inner
.content-main-image {
margin: 0 -1em;
}
#content-wrapper .page-placement.text-placement {
text-transform: uppercase;
}
#content-wrapper .page-placement.text-placement .placement-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 0 -2em -3em -2em !important;
padding: 0 2em 1em 2em;
}
#content-wrapper .page-placement.text-placement.pink-text .placement-inner {
background-color: #c70280;
}
#content-wrapper .page-placement.text-placement.orange-text .placement-inner {
background-color: #f8991d;
}
#content-wrapper .page-placement.text-placement.red-text .placement-inner {
background-color: #ed1c2e;
}
#content-wrapper .page-placement.text-placement.dark-red-text .placement-inner {
background-color: #9e003d;
}
#content-wrapper .page-placement.text-placement .content-headline {
font-size: 200%;
}
#content-wrapper .page-placement.text-placement .content-headline h2,
#content-wrapper .page-placement.text-placement .content-headline h3 {
color: #ffffff;
font-weight: 300;
font-size: 180%;
}
@media only screen and (max-width: 700px) {
#content-wrapper .page-placement.text-placement .content-headline h2,
#content-wrapper .page-placement.text-placement .content-headline h3 {
font-size: 115%;
}
}
#content-wrapper .page-placement.pink-headline .content-headline h2,
#content-wrapper .page-placement.pink-headline .content-headline h3 {
color: #c70280;
}
#content-wrapper .page-placement.orange-headline .content-headline h2,
#content-wrapper .page-placement.orange-headline .content-headline h3 {
color: #f8991d;
}
#content-wrapper .page-placement.red-headline .content-headline h2,
#content-wrapper .page-placement.red-headline .content-headline h3 {
color: #ed1c2e;
}
#content-wrapper .page-placement.dark-red-headline .content-headline h2,
#content-wrapper .page-placement.dark-red-headline .content-headline h3 {
color: #9e003d;
}
#content-wrapper .page-placement.accordion {
padding-bottom: 0;
}
#content-wrapper .page-placement.accordion .placement-inner {
padding-bottom: 0;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.headline-image-wrapper
.content-headline {
background: url("../images/_site/icons/pink-plus.png") no-repeat left 2px;
padding-left: 31px;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.headline-image-wrapper
.content-headline:hover,
#content-wrapper
.page-placement.accordion
.placement-inner
.headline-image-wrapper
.content-headline:focus {
cursor: pointer;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#content-wrapper
.page-placement.accordion
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
color: #c70280;
margin: 0 0 0.5em 0;
font-size: 180%;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.headline-image-wrapper.open
.content-headline {
background: url("../images/_site/icons/pink-minus.png") no-repeat left 2px;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner {
display: none;
padding-left: 31px;
margin-top: 0.5em;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner
h3 {
margin: 0 0 0.5em 0;
color: #c70280;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner
h3:hover,
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner
h3:focus {
cursor: pointer;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner
h4 {
color: #c70280;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner
.accordion-content {
display: none;
}
#content-wrapper
.page-placement.accordion
.placement-inner
.content-wrapper-inner
.accordion-content
p:first-child {
margin-top: 0;
}
#content-wrapper .page-placement.image-placement .placement-inner {
padding-bottom: 0;
}
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper {
position: relative;
}
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-main-image
img {
width: 100%;
height: auto;
}
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline {
position: absolute;
z-index: 99;
margin: 0 -2em;
left: 0;
right: 0;
bottom: 0;
padding: 1em;
}
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
font-size: 520%;
color: #ffffff;
margin: 0 !important;
}
@media only screen and (max-width: 1025px) {
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
font-size: 350%;
}
}
@media only screen and (max-width: 770px) {
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
font-size: 520%;
}
}
@media only screen and (max-width: 700px) {
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h2,
#content-wrapper
.page-placement.image-placement
.placement-inner
.headline-image-wrapper
.content-headline
h3 {
font-size: 210%;
}
}
#content-wrapper
.page-placement.image-placement
.placement-inner
.content-wrapper-inner {
margin-top: 2em;
}
#content-wrapper .page-placement.image-placement.purple-image .placement-inner {
border-color: #c70280;
}
#content-wrapper
.page-placement.image-placement.purple-image
.content-headline {
background: rgba(199, 2, 128, 0.8);
}
.ie8
#content-wrapper
.page-placement.image-placement.purple-image
.content-headline,
.ie7
#content-wrapper
.page-placement.image-placement.purple-image
.content-headline {
background-color: #c70280;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
#content-wrapper .page-placement.image-placement.orange-image .placement-inner {
border-color: #f8991d;
}
#content-wrapper
.page-placement.image-placement.orange-image
.content-headline {
background: rgba(248, 153, 29, 0.8);
}
.ie8
#content-wrapper
.page-placement.image-placement.orange-image
.content-headline,
.ie7
#content-wrapper
.page-placement.image-placement.orange-image
.content-headline {
background-color: #f8991d;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
#content-wrapper .page-placement.image-placement.red-image .placement-inner {
border-color: #ed1c2e;
}
#content-wrapper .page-placement.image-placement.red-image .content-headline {
background: rgba(237, 27, 46, 0.8);
}
.ie8
#content-wrapper
.page-placement.image-placement.red-image
.content-headline,
.ie7
#content-wrapper
.page-placement.image-placement.red-image
.content-headline {
background-color: #ed1c2e;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
#content-wrapper
.page-placement.image-placement.dark-red-image
.placement-inner {
border-color: #9e003d;
}
#content-wrapper
.page-placement.image-placement.dark-red-image
.content-headline {
background: rgba(157, 0, 60, 0.8);
}
.ie8
#content-wrapper
.page-placement.image-placement.dark-red-image
.content-headline,
.ie7
#content-wrapper
.page-placement.image-placement.dark-red-image
.content-headline {
background-color: #9e003d;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}
#content-wrapper .page-placement.type-slideshow .placement-inner {
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
padding: 0;
}
#content-wrapper .page-placement.type-blogsminilist .placement-inner {
padding: 0;
}
.ie7 #content-wrapper .page-placement.type-blogsminilist .placement-inner {
height: 495px;
}
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-pager {
padding: 0 1em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-pager
a {
width: 10px;
height: 10px;
text-indent: -9999em;
background-color: #c70280;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: inline-block;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
margin: 0 0.4em 0 0;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-pager
a.pager-active {
background-color: #f8991d;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-headline {
color: #c70280;
font-size: 200%;
padding: 0.5em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-headline
h2,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-headline
h3 {
background: url("../images/_site/icons/news-icon.png") no-repeat right center;
padding-right: 60px;
min-height: 49px;
margin: 0;
}
@media only screen and (max-width: 1025px) {
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-headline
h2,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-headline
h3 {
font-size: 120%;
}
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-main-image {
width: 100%;
height: 132px;
margin: 0;
overflow: hidden;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-main-image
img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 770px) {
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-main-image {
height: 250px;
}
}
@media only screen and (max-width: 700px) {
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.content-main-image {
height: 180px;
}
}
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-auto a,
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-next,
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-prev {
position: absolute;
top: 166px;
width: 21px;
height: 21px;
text-indent: -9999em;
z-index: 99;
}
.ie7
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a,
.ie7
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-next,
.ie7
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-prev {
top: 150px;
}
@media only screen and (max-width: 770px) {
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a,
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-next,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-prev {
top: 280px;
}
}
@media only screen and (max-width: 700px) {
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a,
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-next,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-prev {
top: 210px;
}
}
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-prev {
background: url("../images/_site/icons/bx-prev.png") no-repeat center center;
left: 1em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-prev:hover,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-prev:focus {
background: url("../images/_site/icons/bx-prev-hover.png") no-repeat center
center;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a {
background: url("../images/_site/icons/bx-pause.png") no-repeat center center;
left: 3em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a:hover,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a:focus {
background: url("../images/_site/icons/bx-pause-hover.png") no-repeat center
center;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a.start {
background: url("../images/_site/icons/bx-play.png") no-repeat center center;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a.start:hover,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-auto
a.start:focus {
background: url("../images/_site/icons/bx-play-hover.png") no-repeat center
center;
}
#content-wrapper .page-placement.type-blogsminilist .placement-inner .bx-next {
background: url("../images/_site/icons/bx-next.png") no-repeat center center;
left: 5em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-next:hover,
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.bx-next:focus {
background: url("../images/_site/icons/bx-next-hover.png") no-repeat center
center;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.blog-posts-list {
overflow: hidden;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.blog-posts-list
.blog-posts-post
.blog-post-detail-wrapper {
padding: 2.5em 1em 0 1em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.blog-posts-list
.blog-posts-post
.blog-post-detail-wrapper
h3 {
margin-top: 2em;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.blog-posts-list
.blog-posts-post
.blog-post-detail-wrapper
.post-meta {
color: #c70280;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.blog-posts-list
.blog-posts-post
.blog-post-detail-wrapper
.custom-link {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
border-top: 2px solid #dddddd;
display: block;
color: #3f3f3f;
padding: 1em 3em 1em 1em;
margin: 0 -1em;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
}
#content-wrapper
.page-placement.type-blogsminilist
.placement-inner
.totals-count {
display: none;
}
#content-wrapper .page-placement.custom-place .placement-inner {
position: relative;
padding-bottom: 50px;
}
#content-wrapper .page-placement.custom-place .placement-inner .custom-link {
display: block;
-webkit-border-radius: 0 0 18px 18px;
-moz-border-radius: 0 0 18px 18px;
border-radius: 0 0 18px 18px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
padding: 1em;
height: 50px;
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.ie7
#content-wrapper
.page-placement.custom-place
.placement-inner
.custom-link {
padding: 0 5% 0.5em 5%;
width: 90%;
bottom: -1.5em;
}
.ie7
#content-wrapper
.page-placement.custom-place.red-background
.placement-inner
.custom-link {
height: 28px;
padding-top: 1.5em;
}
#content-wrapper .page-placement.orange-placement .placement-inner {
border-color: #f8991d;
}
#content-wrapper
.page-placement.pink-placement.pink-background
.placement-inner {
border: none;
background-color: #c70280;
color: #ffffff;
}
#content-wrapper
.page-placement.pink-placement.pink-background
.placement-inner
.content-headline
h2,
#content-wrapper
.page-placement.pink-placement.pink-background
.placement-inner
.content-headline
h3 {
margin-top: 1em;
font-size: 180%;
}
#content-wrapper
.page-placement.pink-placement.pink-background
.placement-inner
p {
margin: 1.8em 0;
}
#content-wrapper
.page-placement.pink-placement.pink-background
.placement-inner
.custom-link {
background: url("../images/_site/icons/link-arrow-grey.png") no-repeat 96%
center;
background-color: #ffffff;
color: #3f3f3f;
}
#content-wrapper .page-placement.pink-placement .placement-inner {
border-color: #c70280;
}
#content-wrapper .page-placement.red-placement.red-background .placement-inner {
background-color: #ed1c2e;
color: #ffffff;
}
#content-wrapper
.page-placement.red-placement.red-background
.placement-inner
.content-headline
h2 {
font-size: 180%;
margin-top: 0.5em;
}
#content-wrapper
.page-placement.red-placement.red-background
.placement-inner
.content-main-image {
background-color: #ffffff;
padding: 1em;
height: 210px;
}
@media only screen and (max-width: 1025px) {
#content-wrapper
.page-placement.red-placement.red-background
.placement-inner
.content-main-image {
height: 175px;
}
}
#content-wrapper
.page-placement.red-placement.red-background
.placement-inner
.content-main-image
img {
width: auto;
height: 100%;
}
#content-wrapper
.page-placement.red-placement.red-background
.placement-inner
a {
color: #ffffff;
border-top: 1px solid #ffffff;
}
#content-wrapper
.page-placement.red-placement.red-background
.placement-inner
a.custom-link {
background: url("../images/_site/icons/link-arrow-white.png") no-repeat 96%
center;
background-color: #ed1c2e;
}
#content-wrapper .page-placement.red-placement .placement-inner {
border-color: #ed1c2e;
}
#content-wrapper .page-placement.dark-red-placement .placement-inner {
border-color: #9e003d;
}
#content-wrapper .page-placement.type-menuplacement .placement-inner {
border: none;
background-color: transparent !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0;
}
.access-toggle {
background: #c70280;
padding: 0.5em 0;
display: none;
text-align: center;
position: relative;
border-bottom: 2px solid #ffffff;
}
.access-toggle a {
background: url("../images/_site/icons/white-plus.png") no-repeat left center;
padding-left: 1em;
color: #ffffff;
display: block;
margin: 0 auto;
width: 94%;
max-width: 1200px;
}
.access-toggle a.open {
background: url("../images/_site/icons/white-minus.png") no-repeat left center;
}
@media only screen and (max-width: 700px) {
.access-toggle {
display: block;
}
}
#container .media-viewer-wrapper .search-bar {
padding-bottom: 0;
/*
legend {
display: none;
}
*/
}
#container .media-viewer-wrapper .search-bar .submit-search-terms {
color: #ffffff;
padding-left: 0;
}
#container .media-viewer-wrapper .load-parent-folder .smb-parent-folder-list {
margin: 0;
padding: 0;
list-style-type: none;
}
#container
.media-viewer-wrapper
.load-parent-folder
.smb-parent-folder-list
li {
margin: 0;
padding: 0;
list-style-type: none;
}
#container
.media-viewer-wrapper
.load-parent-folder
.smb-parent-folder-list
li
.smb-back-to-root-button {
margin: 0;
padding: 0;
list-style-type: none;
background: url("../images/_site/icons/pod-arrow-reverse.png") no-repeat left
top;
display: block;
height: 21px;
line-height: 21px;
padding-left: 2em;
}
#container .media-viewer-wrapper .smb-a-to-z {
margin: 0 0 1em -0.2em;
}
#container .media-viewer-wrapper .smb-a-to-z ul,
#container .media-viewer-wrapper .smb-a-to-z ol {
*zoom: 1;
padding: 0;
}
#container .media-viewer-wrapper .smb-a-to-z ul:before,
#container .media-viewer-wrapper .smb-a-to-z ol:before,
#container .media-viewer-wrapper .smb-a-to-z ul:after,
#container .media-viewer-wrapper .smb-a-to-z ol:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#container .media-viewer-wrapper .smb-a-to-z ul:after,
#container .media-viewer-wrapper .smb-a-to-z ol:after {
clear: both;
}
.home-page #container .media-viewer-wrapper .smb-a-to-z ul,
.home-page #container .media-viewer-wrapper .smb-a-to-z ol {
padding: 0 1em;
}
#container .media-viewer-wrapper .smb-a-to-z ul li,
#container .media-viewer-wrapper .smb-a-to-z ol li {
float: left;
width: 27px;
height: 27px;
line-height: 27px;
font-size: 110%;
text-align: center;
background-color: #f8991d;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
margin: 0.2em;
overflow: hidden;
color: #ffffff;
font-weight: 700;
}
@media only screen and (max-width: 1025px) {
#container .media-viewer-wrapper .smb-a-to-z ul li,
#container .media-viewer-wrapper .smb-a-to-z ol li {
height: 21px;
width: 21px;
font-size: 100%;
line-height: 21px;
}
}
@media only screen and (max-width: 770px) {
#container .media-viewer-wrapper .smb-a-to-z ul li,
#container .media-viewer-wrapper .smb-a-to-z ol li {
font-size: 110%;
height: 26px;
line-height: 26px;
width: 26px;
}
}
#container .media-viewer-wrapper .smb-a-to-z ul li a,
#container .media-viewer-wrapper .smb-a-to-z ol li a {
color: #ffffff;
display: block;
text-decoration: none;
}
#container .media-viewer-wrapper .smb-a-to-z ul li a:hover,
#container .media-viewer-wrapper .smb-a-to-z ol li a:hover,
#container .media-viewer-wrapper .smb-a-to-z ul li a:focus,
#container .media-viewer-wrapper .smb-a-to-z ol li a:focus {
background: #c70280;
}
#container .media-viewer-wrapper .show-all-letters a {
background: url("../images/_site/icons/link-arrow-grey.png") no-repeat 99% 0;
width: auto;
padding: 0.1em 2em 0.1em 0;
margin-top: 0.5em;
}
#container #content-wrapper .directory-results .standard-pagination {
font-size: 90%;
margin: 1em 0 2em 0;
}
#container
#content-wrapper
.directory-results
.standard-pagination.top-pagination {
display: none;
}
#container #content-wrapper .directory-results .standard-pagination .page-nav {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
}
.ie7
#container
#content-wrapper
.directory-results
.standard-pagination
.page-nav {
padding: 1em 2em 1em 0;
}
#container
#content-wrapper
.directory-results
.standard-pagination
.page-nav:hover,
#container
#content-wrapper
.directory-results
.standard-pagination
.page-nav:focus {
text-decoration: underline;
}
#container
#content-wrapper
.directory-results
.standard-pagination
.page-nav.goto-prev-page {
background: url("../images/_site/icons/pod-arrow-reverse.png") no-repeat left
1em;
padding: 1em 1em 0.5em 3em;
}
#container
#content-wrapper
.directory-results
.standard-pagination
.results-totals-count {
float: right;
}
@media only screen and (max-width: 700px) {
#container
#content-wrapper
.directory-results
.standard-pagination
.results-totals-count {
float: none;
display: block;
margin-top: 1em;
}
}
#container #content-wrapper .directory-results .standard-pagination table img {
max-width: 100%;
}
#container #content-wrapper .media-viewer-wrapper .controls-wrap {
font-size: 90%;
margin: 1em 0 2em 0;
display: none;
}
#container #content-wrapper .media-viewer-wrapper .controls-wrap .page-nav {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
}
.ie7
#container
#content-wrapper
.media-viewer-wrapper
.controls-wrap
.page-nav {
padding: 1em 2em 1em 0;
}
#container
#content-wrapper
.media-viewer-wrapper
.controls-wrap
.page-nav:hover,
#container
#content-wrapper
.media-viewer-wrapper
.controls-wrap
.page-nav:focus {
text-decoration: underline;
}
#container
#content-wrapper
.media-viewer-wrapper
.controls-wrap
.page-nav.goto-prev-page {
background: url("../images/_site/icons/pod-arrow-reverse.png") no-repeat left
1em;
padding: 1em 1em 0.5em 3em;
}
#container
#content-wrapper
.media-viewer-wrapper
.controls-wrap
.results-totals-count {
float: right;
}
@media only screen and (max-width: 700px) {
#container
#content-wrapper
.media-viewer-wrapper
.controls-wrap
.results-totals-count {
float: none;
display: block;
margin-top: 1em;
}
}
#container #content-wrapper .media-viewer-wrapper footer .controls-wrap {
display: block;
}
#container #content-wrapper .consultant-directory-wrapper .consultant-a-z,
#container #content-wrapper .medical-tests-directory .consultant-a-z {
margin-bottom: 2em;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.content-headline
h3,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.content-headline
h3 {
color: #c70280;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters {
margin: 0 0 1em -0.2em;
*zoom: 1;
padding: 0;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters:before,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters:before,
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters:after,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters:after,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters:after {
clear: both;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters
li,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters
li {
float: left;
width: 27px;
height: 27px;
line-height: 27px;
font-size: 110%;
text-align: center;
background-color: #c70280;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
behavior: url("/base-install/css-libs/PIE.htc");
position: relative;
margin: 0.2em;
overflow: hidden;
color: #ffffff;
font-weight: 700;
}
@media only screen and (max-width: 1025px) {
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters
li,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters
li {
height: 21px;
width: 21px;
font-size: 100%;
line-height: 21px;
}
}
@media only screen and (max-width: 770px) {
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters
li,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters
li {
font-size: 110%;
height: 26px;
line-height: 26px;
width: 26px;
}
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters
li
a,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters
li
a {
color: #ffffff;
display: block;
text-decoration: none;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters
li
a:hover,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters
li
a:hover,
#container
#content-wrapper
.consultant-directory-wrapper
.consultant-a-z
.a-to-z-letters
li
a:focus,
#container
#content-wrapper
.medical-tests-directory
.consultant-a-z
.a-to-z-letters
li
a:focus {
background: #f8991d;
}
#container #content-wrapper .consultant-directory-wrapper form,
#container #content-wrapper .ward-directory-wrapper form,
#container #content-wrapper .medical-test-directory-wrapper form,
#container #content-wrapper .media-viewer-wrapper form {
background: none;
}
#container #content-wrapper .consultant-directory-wrapper form legend,
#container #content-wrapper .ward-directory-wrapper form legend,
#container #content-wrapper .medical-test-directory-wrapper form legend,
#container #content-wrapper .media-viewer-wrapper form legend {
color: #3f3f3f;
font-size: 120%;
font-weight: 600;
padding-bottom: 0.2em;
}
#container #content-wrapper .consultant-directory-wrapper form .row,
#container #content-wrapper .ward-directory-wrapper form .row,
#container #content-wrapper .medical-test-directory-wrapper form .row,
#container #content-wrapper .media-viewer-wrapper form .row {
padding: 0;
}
#container
#content-wrapper
.consultant-directory-wrapper
form
.row.first-row
input[type="text"],
#container
#content-wrapper
.ward-directory-wrapper
form
.row.first-row
input[type="text"],
#container
#content-wrapper
.medical-test-directory-wrapper
form
.row.first-row
input[type="text"],
#container
#content-wrapper
.media-viewer-wrapper
form
.row.first-row
input[type="text"],
#container
#content-wrapper
.consultant-directory-wrapper
form
.row.first-row
input[type="search"],
#container
#content-wrapper
.ward-directory-wrapper
form
.row.first-row
input[type="search"],
#container
#content-wrapper
.medical-test-directory-wrapper
form
.row.first-row
input[type="search"],
#container
#content-wrapper
.media-viewer-wrapper
form
.row.first-row
input[type="search"] {
border-top: 1px solid #bcbdc0;
}
#container #content-wrapper .consultant-directory-wrapper form .row select,
#container #content-wrapper .ward-directory-wrapper form .row select,
#container #content-wrapper .medical-test-directory-wrapper form .row select,
#container #content-wrapper .media-viewer-wrapper form .row select {
margin-top: 0.5em;
}
#container #content-wrapper .consultant-directory-wrapper form label,
#container #content-wrapper .ward-directory-wrapper form label,
#container #content-wrapper .medical-test-directory-wrapper form label,
#container #content-wrapper .media-viewer-wrapper form label {
display: none;
}
#container
#content-wrapper
.consultant-directory-wrapper
form
input[type="text"],
#container #content-wrapper .ward-directory-wrapper form input[type="text"],
#container
#content-wrapper
.medical-test-directory-wrapper
form
input[type="text"],
#container #content-wrapper .media-viewer-wrapper form input[type="text"],
#container
#content-wrapper
.consultant-directory-wrapper
form
input[type="search"],
#container #content-wrapper .ward-directory-wrapper form input[type="search"],
#container
#content-wrapper
.medical-test-directory-wrapper
form
input[type="search"],
#container #content-wrapper .media-viewer-wrapper form input[type="search"] {
background: url("../images/_site/icons/arrow-left.png") no-repeat 99% 4px;
border-left: 1px solid #bcbdc0;
border-right: 1px solid #bcbdc0;
border-bottom: 1px solid #bcbdc0;
padding: 0.3em;
}
#container
#content-wrapper
.consultant-directory-wrapper
form
.submission-controls
button,
#container
#content-wrapper
.ward-directory-wrapper
form
.submission-controls
button,
#container
#content-wrapper
.medical-test-directory-wrapper
form
.submission-controls
button,
#container
#content-wrapper
.media-viewer-wrapper
form
.submission-controls
button {
background: url("../images/_site/icons/orange-search.png") no-repeat 99% 0;
text-align: left;
padding-top: 0;
width: 100%;
color: #3f3f3f;
padding-left: 0;
margin: 0.5em 1em 0 0;
}
.ie8
#container
#content-wrapper
.consultant-directory-wrapper
form
.submission-controls
button,
.ie8
#container
#content-wrapper
.ward-directory-wrapper
form
.submission-controls
button,
.ie8
#container
#content-wrapper
.medical-test-directory-wrapper
form
.submission-controls
button,
.ie8
#container
#content-wrapper
.media-viewer-wrapper
form
.submission-controls
button {
display: block;
}
#container
#content-wrapper
.consultant-directory-wrapper
form
.submission-controls.clear-search
button,
#container
#content-wrapper
.ward-directory-wrapper
form
.submission-controls.clear-search
button,
#container
#content-wrapper
.medical-test-directory-wrapper
form
.submission-controls.clear-search
button,
#container
#content-wrapper
.media-viewer-wrapper
form
.submission-controls.clear-search
button {
background: url("../images/_site/icons/link-arrow-grey.png") no-repeat 99% 0;
width: auto;
padding-right: 2em;
margin-top: 0.5em;
}
#container #content-wrapper .consultant-directory-wrapper .consultants-list th,
#container #content-wrapper .ward-directory-wrapper .consultants-list th,
#container
#content-wrapper
.medical-test-directory-wrapper
.consultants-list
th,
#container #content-wrapper .media-viewer-wrapper .consultants-list th,
#container
#content-wrapper
.consultant-directory-wrapper
.ward-directory-results
th,
#container #content-wrapper .ward-directory-wrapper .ward-directory-results th,
#container
#content-wrapper
.medical-test-directory-wrapper
.ward-directory-results
th,
#container #content-wrapper .media-viewer-wrapper .ward-directory-results th,
#container
#content-wrapper
.consultant-directory-wrapper
.medical-test-results
th,
#container #content-wrapper .ward-directory-wrapper .medical-test-results th,
#container
#content-wrapper
.medical-test-directory-wrapper
.medical-test-results
th,
#container #content-wrapper .media-viewer-wrapper .medical-test-results th,
#container #content-wrapper .consultant-directory-wrapper .results-list-wrap th,
#container #content-wrapper .ward-directory-wrapper .results-list-wrap th,
#container
#content-wrapper
.medical-test-directory-wrapper
.results-list-wrap
th,
#container #content-wrapper .media-viewer-wrapper .results-list-wrap th {
font-weight: 600;
border: none;
color: #c70280;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultants-list
tr
td,
#container #content-wrapper .ward-directory-wrapper .consultants-list tr td,
#container
#content-wrapper
.medical-test-directory-wrapper
.consultants-list
tr
td,
#container #content-wrapper .media-viewer-wrapper .consultants-list tr td,
#container
#content-wrapper
.consultant-directory-wrapper
.ward-directory-results
tr
td,
#container
#content-wrapper
.ward-directory-wrapper
.ward-directory-results
tr
td,
#container
#content-wrapper
.medical-test-directory-wrapper
.ward-directory-results
tr
td,
#container #content-wrapper .media-viewer-wrapper .ward-directory-results tr td,
#container
#content-wrapper
.consultant-directory-wrapper
.medical-test-results
tr
td,
#container #content-wrapper .ward-directory-wrapper .medical-test-results tr td,
#container
#content-wrapper
.medical-test-directory-wrapper
.medical-test-results
tr
td,
#container #content-wrapper .media-viewer-wrapper .medical-test-results tr td,
#container
#content-wrapper
.consultant-directory-wrapper
.results-list-wrap
tr
td,
#container #content-wrapper .ward-directory-wrapper .results-list-wrap tr td,
#container
#content-wrapper
.medical-test-directory-wrapper
.results-list-wrap
tr
td,
#container #content-wrapper .media-viewer-wrapper .results-list-wrap tr td {
border-top: 1px solid #bcbdc0;
border-bottom: 1px solid #bcbdc0;
background-color: transparent !important;
}
#container
#content-wrapper
.consultant-directory-wrapper
.consultants-list
tr
td
a,
#container #content-wrapper .ward-directory-wrapper .consultants-list tr td a,
#container
#content-wrapper
.medical-test-directory-wrapper
.consultants-list
tr
td
a,
#container #content-wrapper .media-viewer-wrapper .consultants-list tr td a,
#container
#content-wrapper
.consultant-directory-wrapper
.ward-directory-results
tr
td
a,
#container
#content-wrapper
.ward-directory-wrapper
.ward-directory-results
tr
td
a,
#container
#content-wrapper
.medical-test-directory-wrapper
.ward-directory-results
tr
td
a,
#container
#content-wrapper
.media-viewer-wrapper
.ward-directory-results
tr
td
a,
#container
#content-wrapper
.consultant-directory-wrapper
.medical-test-results
tr
td
a,
#container
#content-wrapper
.ward-directory-wrapper
.medical-test-results
tr
td
a,
#container
#content-wrapper
.medical-test-directory-wrapper
.medical-test-results
tr
td
a,
#container #content-wrapper .media-viewer-wrapper .medical-test-results tr td a,
#container
#content-wrapper
.consultant-directory-wrapper
.results-list-wrap
tr
td
a,
#container #content-wrapper .ward-directory-wrapper .results-list-wrap tr td a,
#container
#content-wrapper
.medical-test-directory-wrapper
.results-list-wrap
tr
td
a,
#container #content-wrapper .media-viewer-wrapper .results-list-wrap tr td a {
color: #3f3f3f;
}
#container
#content-wrapper
.consultant-directory-wrapper
.results-list-wrap
tbody
th,
#container #content-wrapper .ward-directory-wrapper .results-list-wrap tbody th,
#container
#content-wrapper
.medical-test-directory-wrapper
.results-list-wrap
tbody
th,
#container #content-wrapper .media-viewer-wrapper .results-list-wrap tbody th {
border-top: 1px solid #bcbdc0;
border-bottom: 1px solid #bcbdc0;
font-weight: normal;
}
#container
#content-wrapper
.consultant-directory-wrapper
.results-list-wrap
tbody
th
a,
#container
#content-wrapper
.ward-directory-wrapper
.results-list-wrap
tbody
th
a,
#container
#content-wrapper
.medical-test-directory-wrapper
.results-list-wrap
tbody
th
a,
#container
#content-wrapper
.media-viewer-wrapper
.results-list-wrap
tbody
th
a {
color: #3f3f3f;
}
#container #content-wrapper .consultant-wrapper .content-headline,
#container #content-wrapper .medical-test-wrapper .content-headline,
#container #content-wrapper .ward-wrapper .content-headline,
#container #content-wrapper .media-viewer-wrapper .content-headline {
display: none;
}
#container #content-wrapper .consultant-wrapper .content-headline.profile-name,
#container
#content-wrapper
.medical-test-wrapper
.content-headline.profile-name,
#container #content-wrapper .ward-wrapper .content-headline.profile-name,
#container
#content-wrapper
.media-viewer-wrapper
.content-headline.profile-name {
display: block;
}
#container #content-wrapper .consultant-wrapper .content-main-image,
#container #content-wrapper .medical-test-wrapper .content-main-image,
#container #content-wrapper .ward-wrapper .content-main-image,
#container #content-wrapper .media-viewer-wrapper .content-main-image {
margin: -3.5em -2em 0 0;
float: right;
width: 25%;
}
.ie7 #container #content-wrapper .consultant-wrapper .content-main-image,
.ie7 #container #content-wrapper .medical-test-wrapper .content-main-image,
.ie7 #container #content-wrapper .ward-wrapper .content-main-image,
.ie7 #container #content-wrapper .media-viewer-wrapper .content-main-image {
margin-top: -3.5em;
}
@media only screen and (max-width: 700px) {
#container #content-wrapper .consultant-wrapper .content-main-image,
#container #content-wrapper .medical-test-wrapper .content-main-image,
#container #content-wrapper .ward-wrapper .content-main-image,
#container #content-wrapper .media-viewer-wrapper .content-main-image {
margin-left: -2em;
}
}
#container #content-wrapper .consultant-wrapper .template-nav,
#container #content-wrapper .medical-test-wrapper .template-nav,
#container #content-wrapper .ward-wrapper .template-nav,
#container #content-wrapper .media-viewer-wrapper .template-nav {
background: url("../images/_site/icons/pod-arrow.png") no-repeat left top;
display: block;
margin: 2em 0 4em 0;
height: 21px;
line-height: 21px;
padding-left: 2em;
}
#container #content-wrapper .consultant-wrapper .content-item-inner h3,
#container #content-wrapper .medical-test-wrapper .content-item-inner h3,
#container #content-wrapper .ward-wrapper .content-item-inner h3,
#container #content-wrapper .media-viewer-wrapper .content-item-inner h3 {
color: #c70280;
margin-bottom: 0;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.main-location-header {
background: url("../images/_site/icons/pink-plus.png") no-repeat left 2px;
padding: 0.1em 0 0.1em 31px;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.main-location-header.show-wards {
background: url("../images/_site/icons/pink-minus.png") no-repeat left 2px;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination {
font-size: 90%;
margin: 1em 0 2em 0;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination.top-pagination {
display: none;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.page-nav {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
}
.ie7
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.page-nav {
padding: 1em 2em 1em 0;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.page-nav:hover,
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.page-nav:focus {
text-decoration: underline;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.page-nav.goto-prev-page {
background: url("../images/_site/icons/pod-arrow-reverse.png") no-repeat left
1em;
padding: 1em 1em 0.5em 3em;
}
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.results-totals-count {
float: right;
}
@media only screen and (max-width: 700px) {
#container
#content-wrapper
.wards-directory
.list-content-item
.standard-pagination
.results-totals-count {
float: none;
display: block;
margin-top: 1em;
}
}
#container
#content-wrapper
.wards-directory
.hospital-wards-table
tr
td:first-child {
background: url("../images/_site/icons/link-arrow-grey.png") no-repeat left
8px !important;
padding-left: 2em;
}
#container #content-wrapper .media-viewer-wrapper .list-info h3 {
color: #3f3f3f;
margin-bottom: 0.5em;
}
#container #content-wrapper .media-viewer-wrapper form input[type="search"] {
border: 1px solid #bcbdc0;
}
#container
#content-wrapper
.media-viewer-wrapper
.folder-listings
tbody
tr
th:first-child,
#container
#content-wrapper
.media-viewer-wrapper
.file-listings
tbody
tr
th:first-child {
background: url("../images/_site/icons/link-arrow-grey.png") no-repeat left
8px !important;
padding-left: 2em;
}
#container .ie7-graph {
display: none;
}
.ie7 #container .highcharts-iframe {
display: none;
}
.ie7 #container .ie7-graph {
display: block;
}
#container .type-documentnotifications .ui-tabs-nav {
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
margin-bottom: -2px;
position: relative;
z-index: 99;
}
#container .type-documentnotifications .ui-tabs-nav .ui-state-default {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
margin-right: 0.5em;
}
#container
.type-documentnotifications
.ui-tabs-nav
.ui-state-default.ui-tabs-active
a {
border-top: 2px solid #9e003d;
border-left: 2px solid #eeeeee;
border-right: 2px solid #eeeeee;
border-bottom: 2px solid #ffffff;
}
#container .type-documentnotifications .ui-tabs-nav .ui-state-default a {
background-color: #ffffff;
border: 2px solid #ffffff;
border-bottom: 2px solid #eeeeee;
display: block;
padding: 0.5em;
}
#container .type-documentnotifications .ui-tabs-nav .ui-state-default a:hover,
#container .type-documentnotifications .ui-tabs-nav .ui-state-default a:focus {
border-top: 2px solid #9e003d;
border-left: 2px solid #eeeeee;
border-right: 2px solid #eeeeee;
}
#container .type-documentnotifications .tab-area {
border: 2px solid #eeeeee;
padding: 0.5em 1em 1em 1em;
overflow: hidden;
}
#container .type-documentnotifications .tab-area ol,
#container .type-documentnotifications .tab-area ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#container .type-documentnotifications .tab-area ol li,
#container .type-documentnotifications .tab-area ul li {
margin: 0;
padding: 0;
list-style-type: none;
border-top: 1px solid #eeeeee;
overflow: hidden;
padding-top: 0.5em;
margin-top: 0.5em;
}
#container .type-documentnotifications .tab-area ol li:first-child,
#container .type-documentnotifications .tab-area ul li:first-child {
border: none;
padding: 0;
margin: 0;
}
#container .type-documentnotifications .tab-area ol li a,
#container .type-documentnotifications .tab-area ul li a {
background: url("../images/_site/icons/pod-arrow-small.png") no-repeat left
3px;
display: block;
float: left;
min-height: 15px;
padding-left: 1.7em;
font-size: 80%;
margin: 0.5em 1em 0 0;
}
#container .type-documentnotifications .tab-area ol li a:first-child,
#container .type-documentnotifications .tab-area ul li a:first-child {
font-size: 100%;
background: none;
float: none;
min-height: 0;
margin: 0;
padding: 0 0 0.2em 0;
}
#container .status-download-information {
margin: 1em 0;
}
#container .status-download-information .md-dwnld {
background: url("../images/_site/icons/pod-arrow.png") no-repeat 96% 1em;
padding: 1em 3em 0.5em 1em;
color: #3f3f3f;
padding-left: 0;
}
.ie7 #container .status-download-information .md-dwnld {
padding: 1em 2em 1em 0;
}
#container .status-download-information .md-dwnld:hover,
#container .status-download-information .md-dwnld:focus {
text-decoration: underline;
}
#container .reader-area {
overflow: hidden;
clear: both;
}
#container .reader-area form {
background: none;
}
#container .reader-area form .reader-form-submit input[type="submit"] {
padding-left: 0;
}
#container .reader-area .document-comment-area .form-reader {
color: #3f3f3f;
padding-top: 0 !important;
}
#container .reader-area .document-comment-area .form-reader legend,
#container .reader-area .document-comment-area .form-reader .input-label {
display: none;
}
#container .reader-area .document-comment-area .form-reader input[type="text"],
#container
.reader-area
.document-comment-area
.form-reader
input[type="password"],
#container .reader-area .document-comment-area .form-reader input[type="tel"],
#container .reader-area .document-comment-area .form-reader input[type="url"],
#container .reader-area .document-comment-area .form-reader input[type="email"],
#container
.reader-area
.document-comment-area
.form-reader
input[type="search"],
#container .reader-area .document-comment-area .form-reader textarea {
border: 1px solid #dddddd;
}
/*==== PAGE CUSTOM STYLES ====*/
.home-page.ie8
#main-content
.middle
.placement-row-4-up.placement-row-2
.placement-inner,
.home-page.ie7
#main-content
.middle
.placement-row-4-up.placement-row-2
.placement-inner {
min-height: 0;
height: 470px;
}
.home-page.ie7
#main-content
.middle
.placement-row-4-up.placement-row-2
.orange-placement
.placement-inner {
height: 460px;
}
.home-page.ie7
#main-content
.middle
.placement-row-4-up.placement-row-2
.pink-placement
.placement-inner {
height: 445px;
}
.home-page.ie7
#main-content
.middle
.placement-row-4-up.placement-row-2
.red-background
.placement-inner {
height: 405px;
}
@media only screen and (max-width: 770px) {
.home-page #main-content .middle .placement-row-4-up .page-placement {
width: 50%;
}
}
@media only screen and (max-width: 700px) {
.home-page #main-content .middle .placement-row-4-up .page-placement {
width: 100%;
}
}
.home-page
#main-content
.middle
.placement-row-4-up.placement-row-2
.placement-inner {
min-height: 454px;
}
@media only screen and (max-width: 1025px) {
.home-page
#main-content
.middle
.placement-row-4-up.placement-row-2
.placement-inner {
min-height: 461px;
}
}
@media only screen and (max-width: 770px) {
.home-page
#main-content
.middle
.placement-row-4-up.placement-row-2
.placement-inner {
min-height: 448px;
}
}
.home-page
#main-content
.middle
.placement-row-3
.primary-slideshow.secondary-slideshow {
width: 75%;
padding-top: 0;
}
@media only screen and (max-width: 770px) {
.home-page
#main-content
.middle
.placement-row-3
.primary-slideshow.secondary-slideshow {
width: 100%;
}
}
.home-page #main-content .middle .placement-row-3 .type-blogsminilist {
width: 25%;
padding-top: 0;
}
@media only screen and (max-width: 770px) {
.home-page #main-content .middle .placement-row-3 .type-blogsminilist {
width: 100%;
}
}
/* - UNCOMMENT TO COMPILE WITH MEDIA UPLOADER*/
/*==== CONTEXTUAL EDITING STRUCTURE ====*/
/*==== CONTEXTUAL EDITING PAINT ====*/
.ui-widget-overlay {
background: rgba(255, 255, 255, 0.5);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ui-dialog.media-provider {
background: #ffffff;
border-radius: 5px;
}
.ui-dialog.media-provider .ui-dialog-titlebar {
background: #58595b;
padding: 0.4em 0.8em;
}
.ui-dialog.media-provider .ui-dialog-titlebar .ui-dialog-titlebar-close {
display: none;
}
.ui-dialog.media-provider .ui-dialog-content > div {
height: 100%;
position: relative;
padding-bottom: 60px;
}
.ui-dialog.media-provider .single-property-wrapper {
max-height: 100%;
overflow: auto;
}
.ui-dialog.media-provider .single-property-wrapper .content-item-inner {
padding: 0.8em;
}
.ui-dialog.media-provider
.single-property-wrapper
.content-item-inner
.property-details-footer
.ui-tabs-panel {
padding: 1em;
border-left: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}
.ui-dialog.media-provider
.single-property-wrapper
#instance-editing-form
fieldset
.property-item
.content-headline {
margin-right: 180px;
}
.ui-dialog.media-provider
.single-property-wrapper
#instance-editing-form
fieldset
.property-overview
.field-value {
display: block;
}
.ui-dialog.media-provider .ce-fragment {
padding: 0.8em;
}
.ui-dialog.media-provider .ce-fragment.publishing-settings .success-note {
border: 1px solid #4d4d4e;
background: #d4d4d5;
padding: 0.4em 0.8em;
border-radius: 5px;
}
.ui-dialog.media-provider .ce-fragment fieldset {
border: 1px solid #eeeeee;
background: #f5f5f5;
padding: 0.4em 0.8em;
margin: 0.8em 0;
}
.ui-dialog.media-provider .ce-fragment fieldset legend {
border: 1px solid #eeeeee;
padding: 0.4em 0.8em;
}
.ui-dialog.media-provider .ce-fragment fieldset ol,
.ui-dialog.media-provider .ce-fragment fieldset li {
margin: 0;
padding: 0;
list-style-type: none;
}
.ui-dialog.media-provider .ce-fragment fieldset li {
margin: 0.4em;
}
.ui-dialog.media-provider .ce-fragment fieldset .date-hour-field input {
width: 50%;
}
.ui-dialog.media-provider .ce-fragment .controls button {
padding: 0.8em;
}
.ui-dialog.media-provider .editing-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0.8em;
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance {
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.5);
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance .draft-editable,
.ui-dialog.media-provider .editing-bar.ce-edit-instance .draft-not-editable {
color: #404041;
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance button {
padding: 0.8em;
margin-right: 0.4em;
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance button:before {
margin-right: 0.4em;
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance button.edit-mode:before,
.ui-dialog.media-provider
.editing-bar.ce-edit-instance
button.continue-edit:before {
content: "\f040";
font-family: "FontAwesome";
}
.ui-dialog.media-provider
.editing-bar.ce-edit-instance
button.preview-edits:before {
content: "\f06e";
font-family: "FontAwesome";
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance button.finish-edits {
padding: 0.8em 1.2000000000000002em;
}
.ui-dialog.media-provider
.editing-bar.ce-edit-instance
button.finish-edits:before {
content: "\f058";
font-family: "FontAwesome";
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance .ce-btn-tertiary {
margin-left: 0.8em;
color: #3f3f3f;
text-decoration: underline;
}
.ui-dialog.media-provider .editing-bar.ce-edit-instance .ce-btn-tertiary:hover {
color: #3f3f3f;
text-decoration: none;
}
.ui-dialog.media-provider .property-documents h5 {
margin-bottom: 0;
}
.ui-dialog.media-provider .property-documents .document-list li {
background: #f5f5f5;
border-top: solid 1px #bcbdc0;
border-bottom: solid 1px #bcbdc0;
padding: 0.5em;
margin: 0.3em 0;
}
.ui-dialog.media-provider .property-documents .document-list li:first-child {
border: none;
background: none;
}
.ui-dialog.media-provider .property-documents .document-list li .document-txt {
display: inline-block;
padding: 0.3em 0;
}
.ie7
.ui-dialog.media-provider
.property-documents
.document-list
li
.document-txt {
*display: inline;
zoom: 1;
}
.ui-dialog.media-provider .property-documents .document-list li:hover {
background: #ffffff;
}
.ui-dialog.media-provider .property-documents .document-list li a img {
padding-right: 1em;
}
.gallery-wrapper .list-content-item {
position: relative;
}
.remove-control {
background: rgba(0, 0, 0, 0.8);
z-index: 10;
padding: 4px 8px;
}
.remove-control .track-check {
display: none;
}
.document-list .remove-control {
left: auto;
float: right;
background: #bcbdc0;
border-radius: 5px;
margin-top: 1.3em;
}
.document-list .remove-control:hover {
background: #c0392b;
}
.unassign-image-resource,
.unassign-main-image,
.unassign-doc-resource {
cursor: pointer;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
color: #8c8c8e;
}
.unassign-image-resource:before,
.unassign-main-image:before,
.unassign-doc-resource:before {
content: "\f056";
font-family: "FontAwesome";
padding-right: 0.4em;
}
.unassign-image-resource:hover:before,
.unassign-main-image:hover:before,
.unassign-doc-resource:hover:before {
content: "\f057";
font-family: "FontAwesome";
}
.unassign-doc-resource {
text-shadow: none;
color: #ffffff;
}
/*==== MEDIA PROVIDER STRUCTURE (Catalogue and Upload) ====*/
.main-image {
position: relative;
float: left;
border: 1px solid #999999;
border-radius: 5px;
overflow: hidden;
max-width: 450px;
}
.main-image img {
width: 100%;
height: auto;
}
.main-image,
.image-wrapper {
overflow: hidden;
position: relative;
}
.main-image .activate-media-provider,
.image-wrapper .activate-media-provider {
position: absolute;
padding: 1.6em 0.4em;
text-align: center;
left: 0;
right: 0;
bottom: 0;
display: block;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.8);
background-repeat: no-repeat;
background-position: center center;
transform: translateY(100%);
transition: transform 0.4s ease;
color: #404041;
}
.ie7 .main-image .activate-media-provider,
.ie7 .image-wrapper .activate-media-provider {
filter: alpha(opacity=80);
}
.ie8 .main-image .activate-media-provider,
.ie8 .image-wrapper .activate-media-provider {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.main-image .activate-media-provider:before,
.image-wrapper .activate-media-provider:before {
content: "\f03e";
font-family: "FontAwesome";
padding-right: 0.4em;
}
.main-image:hover .activate-media-provider,
.image-wrapper:hover .activate-media-provider {
color: #ffffff;
transform: translateY(0);
transition: transform 0.1s ease;
}
.gallery-wrapper .list-content-item {
position: relative;
}
#property-details-tab h4:first-child {
margin-top: 0;
}
.pop-up-wrapper {
position: relative;
overflow: visible;
}
.pop-up-element {
display: block;
width: 520px;
position: fixed;
margin-right: -260px;
margin-top: -165px;
z-index: 9999;
right: 50%;
top: 50%;
}
.property-details-footer .pop-up-element {
top: -165px;
}
.property-details-footer .pop-up-element:before {
top: 165px;
}
.content-wrapper-inner > .pop-up-wrapper .pop-up-element {
top: -50%;
}
.content-wrapper-inner > .pop-up-wrapper .pop-up-element:before {
top: 25%;
}
#media-provider-wrapper,
.media-provider-wrapper {
border: 2px solid #404041;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.6);
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
border-radius: 10px;
}
#media-provider-wrapper .close-media-provider,
.media-provider-wrapper .close-media-provider {
position: absolute;
right: -12px;
top: -12px;
height: 23px;
width: 23px;
display: block;
overflow: hidden;
background: white;
border: 2px solid white;
border-radius: 12px;
z-index: 999999;
background: #000000;
background: rgba(0, 0, 0, 0.9);
font-size: 18px;
padding-left: 2px;
}
#media-provider-wrapper .close-media-provider:before,
.media-provider-wrapper .close-media-provider:before {
content: "\f057";
top: -1px;
position: relative;
font-family: "FontAwesome";
padding-right: 0.4em;
color: #999999;
}
#media-provider-wrapper .close-media-provider:hover,
.media-provider-wrapper .close-media-provider:hover {
background: rgba(0, 0, 0, 0.9);
}
#media-provider-wrapper .close-media-provider:hover:before,
.media-provider-wrapper .close-media-provider:hover:before {
color: #ffffff;
}
.property-details-footer #media-provider-wrapper:before,
.property-details-footer .media-provider-wrapper:before {
top: 165px;
}
.content-wrapper-inner > .pop-up-wrapper #media-provider-wrapper:before,
.content-wrapper-inner > .pop-up-wrapper .media-provider-wrapper:before {
top: 25%;
}
#media-provider-wrapper #media-provider-search,
.media-provider-wrapper #media-provider-search {
margin-right: 16px;
}
#media-provider-wrapper #media-provider-search #media-search-input,
.media-provider-wrapper #media-provider-search #media-search-input {
width: 100%;
}
#media-provider-surface {
position: relative;
overflow: hidden;
padding: 10px;
}
#media-provider-content,
.media-provider-content {
height: 330px;
overflow: auto;
padding: 10px 0;
}
#media-provider-content .tiles-wrapper,
.media-provider-content .tiles-wrapper {
overflow: auto;
text-align: center;
}
#media-provider-content .media-tile,
.media-provider-content .media-tile {
display: inline-block;
padding: 5px 5px 10px 5px;
color: #3f3f3f;
cursor: pointer;
}
#media-provider-content .media-tile .media-tile-name,
.media-provider-content .media-tile .media-tile-name {
padding-top: 8px;
}
#media-provider-content .media-tile .tile-selection,
.media-provider-content .media-tile .tile-selection {
display: none;
}
#media-provider-content .media-tile .media-file-img,
.media-provider-content .media-tile .media-file-img {
border: 2px solid #dddddd;
border-radius: 5px;
}
#media-provider-content .media-tile:hover,
.media-provider-content .media-tile:hover {
background: #dddddd;
color: #3f3f3f;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#media-provider-content .media-tile:hover .media-file-img,
.media-provider-content .media-tile:hover .media-file-img {
border-color: #ffffff;
}
#media-provider-content .media-tile.selected-tile .media-file-img,
.media-provider-content .media-tile.selected-tile .media-file-img {
border-color: #404041;
}
#media-provider-content .show-more-container,
.media-provider-content .show-more-container {
text-align: center;
}
#media-provider-content .show-more-container .show-more,
.media-provider-content .show-more-container .show-more {
font-weight: bold;
background: none;
border: none;
}
#media-provider-content .show-more-container .show-more:hover,
.media-provider-content .show-more-container .show-more:hover {
text-decoration: underline;
}
#media-provider {
transition: -webkit-filter 0.6s ease;
}
.no-cssfilters #media-provider {
transform: scale(1);
transition: transform 0.6s ease;
}
.upload-active #media-provider {
transform: scale(0.5);
transition: transform 0.2s ease;
}
.no-cssfilters #standalone-media-uploader-wrapper {
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
}
.no-csstransforms #standalone-media-uploader-wrapper {
max-height: 0;
}
.upload-active #standalone-media-uploader-wrapper {
transform: translateY(0);
transition: 0.3s ease;
z-index: 99999;
}
.no-csstransforms .upload-active #standalone-media-uploader-wrapper {
max-height: 450px;
}
.ie7 .no-csstransforms .upload-active #standalone-media-uploader-wrapper {
max-height: 450px;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar {
padding: 0.4em 0.8em;
text-align: right;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #58595b;
color: #ffffff;
font-weight: bold;
padding: 0.4em 0.8em;
background: #404041;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar button:hover {
background: #666668;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar .fileinput-button {
display: inline;
margin-right: 0.4em;
overflow: hidden;
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileinput-button
input[type="file"] {
width: 100px;
height: 20px;
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileinput-button:before {
content: "\f067";
font-family: "FontAwesome";
padding-right: 0.4em;
}
.ie7
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileinput-button {
position: absolute;
right: 202px;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar .start {
position: relative;
z-index: 200;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar .start:before {
content: "\f0ee";
font-family: "FontAwesome";
padding-right: 0.4em;
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.back-to-browse:before {
content: "\f137";
font-family: "FontAwesome";
padding-right: 0.4em;
}
#standalone-media-uploader-wrapper .fileupload-buttonbar .fileupload-progress {
margin: 0 0 0.4em 0;
position: relative;
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress {
width: 100%;
height: 20px;
border-radius: 5px;
background: #eeeeee;
-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
overflow: hidden;
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress
.progress-bar {
transition: all 0.3s;
height: 100%;
background: #999999;
-webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.2);
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress-extended {
opacity: 0;
-webkit-text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
-moz-text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
color: rgba(0, 0, 0, 0.8);
font-size: 85%;
padding: 1px 5px 0 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s;
}
#standalone-media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress-extended:hover {
opacity: 1;
}
#media-uploader-wrapper {
position: absolute;
overflow: hidden;
border-radius: 6px;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 0.5s ease;
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
transform: translateY(100%);
}
.no-cssfilters #media-uploader-wrapper {
background: #ffffff;
background: rgba(255, 255, 255, 0.95);
}
.no-csstransforms #media-uploader-wrapper {
max-height: 0;
}
.upload-active #media-uploader-wrapper {
transform: translateY(0);
transition: 0.3s ease;
z-index: 99999;
}
.no-csstransforms .upload-active #media-uploader-wrapper {
max-height: 450px;
}
.ie7 .no-csstransforms .upload-active #media-uploader-wrapper {
max-height: 450px;
}
#media-uploader-wrapper form#media-fileupload {
height: 350px;
overflow-y: scroll;
}
#media-uploader-wrapper .fileupload-buttonbar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(235, 235, 235, 0.9);
box-shadow: 0 -2px 4px rgba(100, 100, 100, 0.7);
padding: 0.4em 0.8em;
text-align: right;
}
#media-uploader-wrapper .fileupload-buttonbar button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #58595b;
color: #ffffff;
font-weight: bold;
padding: 0.4em 0.8em;
background: #404041;
}
#media-uploader-wrapper .fileupload-buttonbar button:hover {
background: #666668;
}
#media-uploader-wrapper .fileupload-buttonbar .fileinput-button {
display: inline;
margin-right: 0.4em;
overflow: hidden;
}
#media-uploader-wrapper
.fileupload-buttonbar
.fileinput-button
input[type="file"] {
width: 100px;
height: 20px;
}
#media-uploader-wrapper .fileupload-buttonbar .fileinput-button:before {
content: "\f067";
font-family: "FontAwesome";
padding-right: 0.4em;
}
.ie7 #media-uploader-wrapper .fileupload-buttonbar .fileinput-button {
position: absolute;
right: 202px;
}
#media-uploader-wrapper .fileupload-buttonbar .start {
position: relative;
z-index: 200;
}
#media-uploader-wrapper .fileupload-buttonbar .start:before {
content: "\f0ee";
font-family: "FontAwesome";
padding-right: 0.4em;
}
#media-uploader-wrapper .fileupload-buttonbar .back-to-browse:before {
content: "\f137";
font-family: "FontAwesome";
padding-right: 0.4em;
}
#media-uploader-wrapper .fileupload-buttonbar .fileupload-progress {
margin: 0 0 0.4em 0;
position: relative;
}
#media-uploader-wrapper .fileupload-buttonbar .fileupload-progress .progress {
width: 100%;
height: 20px;
border-radius: 5px;
background: #eeeeee;
overflow: hidden;
}
#media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress
.progress-bar {
transition: all 0.3s;
height: 100%;
background: #999999;
}
#media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress-extended {
opacity: 0;
-webkit-text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
-moz-text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
text-shadow: 0 0 2px rgba(255, 255, 255, 0.6);
color: rgba(0, 0, 0, 0.8);
font-size: 85%;
padding: 1px 5px 0 0;
position: absolute;
top: 0;
width: 100%;
transition: all 0.3s;
}
#media-uploader-wrapper
.fileupload-buttonbar
.fileupload-progress
.progress-extended:hover {
opacity: 1;
}
#media-provider-buttons,
.media-provider-buttons {
margin-top: 10px;
text-align: center;
}
#media-provider-buttons button,
.media-provider-buttons button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #58595b;
color: #ffffff;
font-weight: bold;
padding: 0.4em 0.8em;
background: #404041;
width: 48%;
}
#media-provider-buttons button:hover,
.media-provider-buttons button:hover {
background: #666668;
}
#media-provider-buttons button + button,
.media-provider-buttons button + button {
margin-left: 0.4em;
}
#media-provider-buttons .use-selected-media:before,
.media-provider-buttons .use-selected-media:before {
content: "\f046";
font-family: "FontAwesome";
padding-right: 0.4em;
}
#media-provider-buttons .upload-media:before,
.media-provider-buttons .upload-media:before {
content: "\f0ee";
font-family: "FontAwesome";
padding-right: 0.4em;
}
.ui-dialog .document-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.ui-dialog .document-list li {
margin: 0;
padding: 0;
list-style-type: none;
*zoom: 1;
position: relative;
}
.ui-dialog .document-list li:before,
.ui-dialog .document-list li:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.ui-dialog .document-list li:after {
clear: both;
}
.ui-dialog .ui-helper-hidden-accessible {
display: none;
}
.template-download .preview {
width: 40px;
}
.template-download .preview img {
width: 40px;
height: auto;
}
.template-upload .display-name {
display: none;
}
.template-upload .preview canvas {
width: 40px !important;
height: 40px !important;
}
table {
border: none;
}
.template-upload {
background: transparent;
position: relative;
}
.template-upload td {
border: none;
color: #3f3f3f;
}
.template-upload td p {
color: #3f3f3f;
}
.template-upload td strong {
color: #99999b;
}
.template-upload td:nth-child(5) {
display: none;
}
.template-upload .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.template-upload .progress .progress-bar {
height: 100%;
max-height: 58px;
background: #2ecc71;
opacity: 0.3;
transition: all 0.2s;
}
.template-upload .progress .progress-bar:hover {
opacity: 0;
}
/*==== MEDIA PROVIDER DESIGN (Catalogue and Upload) ====*/
/*===== Loading Spinner =====*/
#media-provider-content .spinner {
display: none;
}
#media-provider-content.loading-first-page .spinner {
display: block;
}
.ie7 #media-provider-content.loading-first-page .spinner {
display: none;
}
.ie8 #media-provider-content.loading-first-page .spinner {
display: none;
}
.show-more-container.loading-next-page {
position: absolute;
top: 0;
left: 0;
border-radius: 6px;
width: 100%;
padding: 161px 0;
display: block;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
}
.loading-wrapper {
border-radius: 6px;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
top: 0;
left: 0;
}
.spinner {
margin: 167px auto;
width: 80px;
height: 80px;
position: relative;
}
.show-more-container.loading-next-page .spinner {
display: block !important;
margin: 6px auto;
}
.container1 > div,
.container2 > div,
.container3 > div {
width: 20px;
height: 20px;
background-color: #bcbdc0;
border-radius: 100%;
position: absolute;
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
animation: bouncedelay 1.2s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .spinner-container {
position: absolute;
width: 100%;
height: 100%;
}
.container2 {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.container3 {
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
}
.circle1 {
top: 0;
left: 0;
}
.circle2 {
top: 0;
right: 0;
}
.circle3 {
right: 0;
bottom: 0;
}
.circle4 {
left: 0;
bottom: 0;
}
.container2 .circle1 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.container3 .circle1 {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.container1 .circle2 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.container2 .circle2 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.container3 .circle2 {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.container1 .circle3 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.container2 .circle3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.container3 .circle3 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.container1 .circle4 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.container2 .circle4 {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.container3 .circle4 {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%,
80%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
/*==== EXTRA CONTEXTUAL EDITING STYLES FOR A PROPERTY ====*/
/* ==========================================================================
Helper classes
========================================================================== */
/* ==== Originally from HTML5 Boilerplate—downloaded 01/09/2012—and then realised in LESS by Chris Mounsey, 01/09/2012 ==== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden,
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden .focusable:active,
.visuallyhidden .focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
/*
a[href]:after {
content: " (" attr(href) ")";
}
*/
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* Adding secondary Gesh logo to header */
#site-header-row .logo-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
#site-header-row .logo-container img {
max-width: 200px;
object-fit: contain;
@media only screen and (max-width: 770px) {
max-width: 140px;
}
}