/*! normalize.css v2.1.2 | 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: yellow;
color: black;
}
/**
* 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 silver;
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"],
/* 1 */ 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.
* 2. Remove excess padding in IE 8/9.
*/
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"] {
box-sizing: content-box;
/* 1 */
}
/**
* 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;
}
@font-face {
font-family: 'Entypo';
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/entypo.eot?70170780');
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/entypo.eot?70170780#iefix') format('embedded-opentype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/entypo.woff?70170780') format('woff'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/entypo.ttf?70170780') format('truetype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/entypo.svg?70170780#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
.icon.address:before {
content: "\e841";
}
.icon.adjust:before {
content: "\e867";
}
.icon.air:before {
content: "\e8ce";
}
.icon.alert:before {
content: "\e83f";
}
.icon.archive:before {
content: "\e851";
}
.icon.arrow-combo:before {
content: "\e86e";
}
.icon.arrows-ccw:before {
content: "\e891";
}
.icon.attach:before {
content: "\e823";
}
.icon.attention:before {
content: "\e83e";
}
.icon.back-in-time:before {
content: "\e8aa";
}
.icon.back:before {
content: "\e820";
}
.icon.bag:before {
content: "\e85a";
}
.icon.basket:before {
content: "\e859";
}
.icon.battery:before {
content: "\e8a9";
}
.icon.bell:before {
content: "\e83d";
}
.icon.block:before {
content: "\e868";
}
.icon.book-open:before {
content: "\e84e";
}
.icon.book:before {
content: "\e84f";
}
.icon.bookmark:before {
content: "\e828";
}
.icon.bookmarks:before {
content: "\e829";
}
.icon.box:before {
content: "\e852";
}
.icon.briefcase:before {
content: "\e8bb";
}
.icon.brush:before {
content: "\e8c0";
}
.icon.bucket:before {
content: "\e8d5";
}
.icon.calendar:before {
content: "\e85b";
}
.icon.camera:before {
content: "\e80f";
}
.icon.cancel-circled:before {
content: "\e814";
}
.icon.cancel-squared:before {
content: "\e815";
}
.icon.cancel:before {
content: "\e813";
}
.icon.ccw:before {
content: "\e88f";
}
.icon.cd:before {
content: "\e8ae";
}
.icon.chart-area:before {
content: "\e8c7";
}
.icon.chart-bar:before {
content: "\e8c6";
}
.icon.chart-line:before {
content: "\e8c5";
}
.icon.chart-pie:before {
content: "\e8c4";
}
.icon.chat:before {
content: "\e83c";
}
.icon.check:before {
content: "\e812";
}
.icon.clipboard:before {
content: "\e8d1";
}
.icon.clock:before {
content: "\e862";
}
.icon.cloud-thunder:before {
content: "\e8b3";
}
.icon.cloud:before {
content: "\e8b2";
}
.icon.code:before {
content: "\e834";
}
.icon.cog:before {
content: "\e855";
}
.icon.comment:before {
content: "\e83b";
}
.icon.compass:before {
content: "\e845";
}
.icon.credit-card:before {
content: "\e8cf";
}
.icon.cup:before {
content: "\e846";
}
.icon.cw:before {
content: "\e890";
}
.icon.database:before {
content: "\e8d3";
}
.icon.direction:before {
content: "\e844";
}
.icon.doc-landscape:before {
content: "\e84a";
}
.icon.doc-text-inv:before {
content: "\e84c";
}
.icon.doc-text:before {
content: "\e84b";
}
.icon.doc:before {
content: "\e848";
}
.icon.docs:before {
content: "\e849";
}
.icon.dot-2:before {
content: "\e8be";
}
.icon.dot-3:before {
content: "\e8bf";
}
.icon.dot:before {
content: "\e8bd";
}
.icon.down-bold:before {
content: "\e887";
}
.icon.down-circled:before {
content: "\e86f";
}
.icon.down-dir:before {
content: "\e883";
}
.icon.down-open-big:before {
content: "\e87b";
}
.icon.down-open-mini:before {
content: "\e877";
}
.icon.down-open:before {
content: "\e873";
}
.icon.down-thin:before {
content: "\e88b";
}
.icon.down:before {
content: "\e87f";
}
.icon.download:before {
content: "\e82d";
}
.icon.drive:before {
content: "\e8d4";
}
.icon.droplet:before {
content: "\e8cd";
}
.icon.erase:before {
content: "\e8c3";
}
.icon.export:before {
content: "\e835";
}
.icon.eye:before {
content: "\e826";
}
.icon.fast-backward:before {
content: "\e89e";
}
.icon.fast-forward:before {
content: "\e89d";
}
.icon.feather:before {
content: "\e837";
}
.icon.flag:before {
content: "\e82a";
}
.icon.flash:before {
content: "\e8b4";
}
.icon.flashlight:before {
content: "\e804";
}
.icon.flight:before {
content: "\e8b6";
}
.icon.floppy:before {
content: "\e8d0";
}
.icon.flow-branch:before {
content: "\e8d9";
}
.icon.flow-cascade:before {
content: "\e8d8";
}
.icon.flow-line:before {
content: "\e8db";
}
.icon.flow-tree:before {
content: "\e8da";
}
.icon.folder:before {
content: "\e850";
}
.icon.forward:before {
content: "\e832";
}
.icon.globe:before {
content: "\e8b1";
}
.icon.graduation-cap:before {
content: "\e8c9";
}
.icon.heart-empty:before {
content: "\e807";
}
.icon.heart:before {
content: "\e806";
}
.icon.help-circled:before {
content: "\e81d";
}
.icon.help:before {
content: "\e81c";
}
.icon.home:before {
content: "\e821";
}
.icon.hourglass:before {
content: "\e863";
}
.icon.inbox:before {
content: "\e8af";
}
.icon.infinity:before {
content: "\e8c2";
}
.icon.info-circled:before {
content: "\e81f";
}
.icon.info:before {
content: "\e81e";
}
.icon.install:before {
content: "\e8b0";
}
.icon.key:before {
content: "\e8d7";
}
.icon.keyboard:before {
content: "\e83a";
}
.icon.lamp:before {
content: "\e864";
}
.icon.language:before {
content: "\e8ca";
}
.icon.layout:before {
content: "\e810";
}
.icon.leaf:before {
content: "\e8b8";
}
.icon.left-bold:before {
content: "\e888";
}
.icon.left-circled:before {
content: "\e870";
}
.icon.left-dir:before {
content: "\e884";
}
.icon.left-open-big:before {
content: "\e87c";
}
.icon.left-open-mini:before {
content: "\e878";
}
.icon.left-open:before {
content: "\e874";
}
.icon.left-thin:before {
content: "\e88c";
}
.icon.left:before {
content: "\e880";
}
.icon.level-down:before {
content: "\e892";
}
.icon.level-up:before {
content: "\e893";
}
.icon.lifebuoy:before {
content: "\e8b9";
}
.icon.light-down:before {
content: "\e865";
}
.icon.light-up:before {
content: "\e866";
}
.icon.link:before {
content: "\e822";
}
.icon.list-add:before {
content: "\e8a6";
}
.icon.list:before {
content: "\e8a5";
}
.icon.location:before {
content: "\e842";
}
.icon.lock-open:before {
content: "\e825";
}
.icon.lock:before {
content: "\e824";
}
.icon.login:before {
content: "\e85c";
}
.icon.logout:before {
content: "\e85d";
}
.icon.loop:before {
content: "\e895";
}
.icon.magnet:before {
content: "\e8c1";
}
.icon.mail:before {
content: "\e805";
}
.icon.map:before {
content: "\e843";
}
.icon.megaphone:before {
content: "\e8d2";
}
.icon.menu:before {
content: "\e811";
}
.icon.mic:before {
content: "\e85e";
}
.icon.minus-circled:before {
content: "\e81a";
}
.icon.minus-squared:before {
content: "\e81b";
}
.icon.minus:before {
content: "\e819";
}
.icon.mobile:before {
content: "\e8ac";
}
.icon.monitor:before {
content: "\e8ab";
}
.icon.moon:before {
content: "\e8b5";
}
.icon.mouse:before {
content: "\e8ba";
}
.icon.music:before {
content: "\e802";
}
.icon.mute:before {
content: "\e85f";
}
.icon.network:before {
content: "\e8ad";
}
.icon.newspaper:before {
content: "\e84d";
}
.icon.note-beamed:before {
content: "\e801";
}
.icon.note:before {
content: "\e800";
}
.icon.palette:before {
content: "\e8a4";
}
.icon.paper-plane:before {
content: "\e8b7";
}
.icon.pause:before {
content: "\e899";
}
.icon.pencil:before {
content: "\e836";
}
.icon.phone:before {
content: "\e854";
}
.icon.picture:before {
content: "\e80e";
}
.icon.play:before {
content: "\e897";
}
.icon.plus-circled:before {
content: "\e817";
}
.icon.plus-squared:before {
content: "\e818";
}
.icon.plus:before {
content: "\e816";
}
.icon.popup:before {
content: "\e86b";
}
.icon.print:before {
content: "\e838";
}
.icon.progress-0:before {
content: "\e89f";
}
.icon.progress-1:before {
content: "\e8a0";
}
.icon.progress-2:before {
content: "\e8a1";
}
.icon.progress-3:before {
content: "\e8a2";
}
.icon.publish:before {
content: "\e86c";
}
.icon.quote:before {
content: "\e833";
}
.icon.record:before {
content: "\e89a";
}
.icon.reply-all:before {
content: "\e831";
}
.icon.reply:before {
content: "\e830";
}
.icon.resize-full:before {
content: "\e869";
}
.icon.resize-small:before {
content: "\e86a";
}
.icon.retweet:before {
content: "\e839";
}
.icon.right-bold:before {
content: "\e889";
}
.icon.right-circled:before {
content: "\e871";
}
.icon.right-dir:before {
content: "\e885";
}
.icon.right-open-big:before {
content: "\e87d";
}
.icon.right-open-mini:before {
content: "\e879";
}
.icon.right-open:before {
content: "\e875";
}
.icon.right-thin:before {
content: "\e88d";
}
.icon.right:before {
content: "\e881";
}
.icon.rss:before {
content: "\e853";
}
.icon.search:before {
content: "\e803";
}
.icon.share:before {
content: "\e857";
}
.icon.shareable:before {
content: "\e858";
}
.icon.shuffle:before {
content: "\e894";
}
.icon.signal:before {
content: "\e8a7";
}
.icon.sound:before {
content: "\e860";
}
.icon.star-empty:before {
content: "\e809";
}
.icon.star:before {
content: "\e808";
}
.icon.stop:before {
content: "\e898";
}
.icon.suitcase:before {
content: "\e8bc";
}
.icon.switch:before {
content: "\e896";
}
.icon.tag:before {
content: "\e827";
}
.icon.tape:before {
content: "\e8c8";
}
.icon.target:before {
content: "\e8a3";
}
.icon.thermometer:before {
content: "\e8d6";
}
.icon.thumbs-down:before {
content: "\e82c";
}
.icon.thumbs-up:before {
content: "\e82b";
}
.icon.ticket:before {
content: "\e8cb";
}
.icon.to-end:before {
content: "\e89b";
}
.icon.to-start:before {
content: "\e89c";
}
.icon.tools:before {
content: "\e856";
}
.icon.trash:before {
content: "\e847";
}
.icon.trophy:before {
content: "\e8a8";
}
.icon.up-bold:before {
content: "\e88a";
}
.icon.up-circled:before {
content: "\e872";
}
.icon.up-dir:before {
content: "\e886";
}
.icon.up-open-big:before {
content: "\e87e";
}
.icon.up-open-mini:before {
content: "\e87a";
}
.icon.up-open:before {
content: "\e876";
}
.icon.up-thin:before {
content: "\e88e";
}
.icon.up:before {
content: "\e882";
}
.icon.upload-cloud:before {
content: "\e82f";
}
.icon.upload:before {
content: "\e82e";
}
.icon.user-add:before {
content: "\e80c";
}
.icon.user:before {
content: "\e80a";
}
.icon.users:before {
content: "\e80b";
}
.icon.vcard:before {
content: "\e840";
}
.icon.video:before {
content: "\e80d";
}
.icon.volume:before {
content: "\e861";
}
.icon.water:before {
content: "\e8cc";
}
.icon.window:before {
content: "\e86d";
}
.icon:before {
font-family: Entypo;
font-size: 30px;
}
@font-face {
font-family: 'Flama';
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaBold.eot');
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaBold.eot?#iefix') format('embedded-opentype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaBold.woff') format('woff'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaBold.svg#flamabold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Flama';
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaMedium.eot');
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaMedium.eot?#iefix') format('embedded-opentype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaMedium.woff') format('woff'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/FlamaMedium.svg#flamabold') format('svg');
font-weight: 500;
font-style: normal;
}
@charset "UTF-8";
/*
* Symbolset
* www.symbolset.com
* Copyright ยฉ 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSStandard";
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ssstandard.eot');
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ssstandard.eot?#iefix') format('embedded-opentype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ssstandard.woff') format('woff'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ssstandard.ttf') format('truetype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ssstandard.svg#SSStandard') format('svg');
font-weight: normal;
font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
-ms-zoom: 1;
}
.ss-icon,
.ss-icon.ss-standard,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-standard:before,
[class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after,
[class*=" ss-"].ss-standard.right:after {
font-family: "SSStandard";
font-style: normal;
font-weight: normal;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
display: none;
content: '';
}
.ss-cursor:before,
.ss-cursor.right:after {
content: '๎';
}
.ss-crosshair:before,
.ss-crosshair.right:after {
content: 'โ';
}
.ss-search:before,
.ss-search.right:after {
content: '๐';
}
.ss-zoomin:before,
.ss-zoomin.right:after {
content: '๎';
}
.ss-zoomout:before,
.ss-zoomout.right:after {
content: '๎';
}
.ss-view:before,
.ss-view.right:after {
content: '๐';
}
.ss-attach:before,
.ss-attach.right:after {
content: '๐';
}
.ss-link:before,
.ss-link.right:after {
content: '๐';
}
.ss-move:before,
.ss-move.right:after {
content: '๎ฐ';
}
.ss-write:before,
.ss-write.right:after {
content: 'โ';
}
.ss-writingdisabled:before,
.ss-writingdisabled.right:after {
content: '๎ฑ';
}
.ss-erase:before,
.ss-erase.right:after {
content: 'โ';
}
.ss-compose:before,
.ss-compose.right:after {
content: '๐';
}
.ss-lock:before,
.ss-lock.right:after {
content: '๐';
}
.ss-unlock:before,
.ss-unlock.right:after {
content: '๐';
}
.ss-key:before,
.ss-key.right:after {
content: '๐';
}
.ss-backspace:before,
.ss-backspace.right:after {
content: 'โซ';
}
.ss-ban:before,
.ss-ban.right:after {
content: '๐ซ';
}
.ss-trash:before,
.ss-trash.right:after {
content: '๎';
}
.ss-target:before,
.ss-target.right:after {
content: 'โ';
}
.ss-tag:before,
.ss-tag.right:after {
content: '๎';
}
.ss-bookmark:before,
.ss-bookmark.right:after {
content: '๐';
}
.ss-flag:before,
.ss-flag.right:after {
content: 'โ';
}
.ss-like:before,
.ss-like.right:after {
content: '๐';
}
.ss-dislike:before,
.ss-dislike.right:after {
content: '๐';
}
.ss-heart:before,
.ss-heart.right:after {
content: 'โฅ';
}
.ss-halfheart:before,
.ss-halfheart.right:after {
content: '๎ ';
}
.ss-star:before,
.ss-star.right:after {
content: 'โ';
}
.ss-halfstar:before,
.ss-halfstar.right:after {
content: '๎ก';
}
.ss-sample:before,
.ss-sample.right:after {
content: '๎';
}
.ss-crop:before,
.ss-crop.right:after {
content: '๎';
}
.ss-layers:before,
.ss-layers.right:after {
content: '๎';
}
.ss-fill:before,
.ss-fill.right:after {
content: '๎';
}
.ss-stroke:before,
.ss-stroke.right:after {
content: '๎';
}
.ss-phone:before,
.ss-phone.right:after {
content: '๐';
}
.ss-phonedisabled:before,
.ss-phonedisabled.right:after {
content: '๎';
}
.ss-rss:before,
.ss-rss.right:after {
content: '๎';
}
.ss-facetime:before,
.ss-facetime.right:after {
content: '๎ ';
}
.ss-reply:before,
.ss-reply.right:after {
content: 'โฉ';
}
.ss-send:before,
.ss-send.right:after {
content: '๎';
}
.ss-mail:before,
.ss-mail.right:after {
content: 'โ';
}
.ss-inbox:before,
.ss-inbox.right:after {
content: '๐ฅ';
}
.ss-chat:before,
.ss-chat.right:after {
content: '๐ฌ';
}
.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
content: '๎';
}
.ss-ellipsis:before,
.ss-ellipsis.right:after {
content: 'โฆ';
}
.ss-user:before,
.ss-user.right:after {
content: '๐ค';
}
.ss-femaleuser:before,
.ss-femaleuser.right:after {
content: '๐ง';
}
.ss-users:before,
.ss-users.right:after {
content: '๐ฅ';
}
.ss-cart:before,
.ss-cart.right:after {
content: '๎';
}
.ss-creditcard:before,
.ss-creditcard.right:after {
content: '๐ณ';
}
.ss-dollarsign:before,
.ss-dollarsign.right:after {
content: '๐ฒ';
}
.ss-barchart:before,
.ss-barchart.right:after {
content: '๐';
}
.ss-piechart:before,
.ss-piechart.right:after {
content: '๎ฐ';
}
.ss-box:before,
.ss-box.right:after {
content: '๐ฆ';
}
.ss-home:before,
.ss-home.right:after {
content: 'โ';
}
.ss-buildings:before,
.ss-buildings.right:after {
content: '๐ข';
}
.ss-warehouse:before,
.ss-warehouse.right:after {
content: '๎';
}
.ss-globe:before,
.ss-globe.right:after {
content: '๐';
}
.ss-navigate:before,
.ss-navigate.right:after {
content: '๎ฐ';
}
.ss-compass:before,
.ss-compass.right:after {
content: '๎ฑ';
}
.ss-signpost:before,
.ss-signpost.right:after {
content: '๎ฒ';
}
.ss-map:before,
.ss-map.right:after {
content: '๎ณ';
}
.ss-location:before,
.ss-location.right:after {
content: '๎';
}
.ss-pin:before,
.ss-pin.right:after {
content: '๐';
}
.ss-database:before,
.ss-database.right:after {
content: '๎ ';
}
.ss-hdd:before,
.ss-hdd.right:after {
content: '๎ฐ';
}
.ss-music:before,
.ss-music.right:after {
content: 'โซ';
}
.ss-mic:before,
.ss-mic.right:after {
content: '๐ค';
}
.ss-volume:before,
.ss-volume.right:after {
content: '๐';
}
.ss-lowvolume:before,
.ss-lowvolume.right:after {
content: '๐';
}
.ss-highvolume:before,
.ss-highvolume.right:after {
content: '๐';
}
.ss-airplay:before,
.ss-airplay.right:after {
content: '๎ ';
}
.ss-camera:before,
.ss-camera.right:after {
content: '๐ท';
}
.ss-picture:before,
.ss-picture.right:after {
content: '๐';
}
.ss-video:before,
.ss-video.right:after {
content: '๐น';
}
.ss-play:before,
.ss-play.right:after {
content: 'โถ';
}
.ss-pause:before,
.ss-pause.right:after {
content: '๎ข ';
}
.ss-stop:before,
.ss-stop.right:after {
content: 'โ ';
}
.ss-record:before,
.ss-record.right:after {
content: 'โ';
}
.ss-rewind:before,
.ss-rewind.right:after {
content: 'โช';
}
.ss-fastforward:before,
.ss-fastforward.right:after {
content: 'โฉ';
}
.ss-skipback:before,
.ss-skipback.right:after {
content: 'โฎ';
}
.ss-skipforward:before,
.ss-skipforward.right:after {
content: 'โญ';
}
.ss-eject:before,
.ss-eject.right:after {
content: 'โ';
}
.ss-repeat:before,
.ss-repeat.right:after {
content: '๐';
}
.ss-replay:before,
.ss-replay.right:after {
content: 'โบ';
}
.ss-shuffle:before,
.ss-shuffle.right:after {
content: '๐';
}
.ss-book:before,
.ss-book.right:after {
content: '๐';
}
.ss-openbook:before,
.ss-openbook.right:after {
content: '๐';
}
.ss-notebook:before,
.ss-notebook.right:after {
content: '๐';
}
.ss-newspaper:before,
.ss-newspaper.right:after {
content: '๐ฐ';
}
.ss-grid:before,
.ss-grid.right:after {
content: '๎ฆ ';
}
.ss-rows:before,
.ss-rows.right:after {
content: '๎ฆก';
}
.ss-columns:before,
.ss-columns.right:after {
content: '๎ฆข';
}
.ss-thumbnails:before,
.ss-thumbnails.right:after {
content: '๎ฆฃ';
}
.ss-filter:before,
.ss-filter.right:after {
content: '๎ฆฐ';
}
.ss-desktop:before,
.ss-desktop.right:after {
content: '๐ป';
}
.ss-laptop:before,
.ss-laptop.right:after {
content: '๎จ';
}
.ss-tablet:before,
.ss-tablet.right:after {
content: '๎จ';
}
.ss-cell:before,
.ss-cell.right:after {
content: '๐ฑ';
}
.ss-battery:before,
.ss-battery.right:after {
content: '๐';
}
.ss-highbattery:before,
.ss-highbattery.right:after {
content: '๎จ';
}
.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
content: '๎จ';
}
.ss-lowbattery:before,
.ss-lowbattery.right:after {
content: '๎จ';
}
.ss-emptybattery:before,
.ss-emptybattery.right:after {
content: '๎จ';
}
.ss-lightbulb:before,
.ss-lightbulb.right:after {
content: '๐ก';
}
.ss-downloadcloud:before,
.ss-downloadcloud.right:after {
content: '๎ฌ';
}
.ss-download:before,
.ss-download.right:after {
content: '๎ฌ';
}
.ss-uploadcloud:before,
.ss-uploadcloud.right:after {
content: '๎ญ';
}
.ss-upload:before,
.ss-upload.right:after {
content: '๎ญ';
}
.ss-fork:before,
.ss-fork.right:after {
content: '๎ฎ';
}
.ss-merge:before,
.ss-merge.right:after {
content: '๎ฎ';
}
.ss-transfer:before,
.ss-transfer.right:after {
content: 'โ';
}
.ss-refresh:before,
.ss-refresh.right:after {
content: 'โป';
}
.ss-sync:before,
.ss-sync.right:after {
content: '๎ฎ';
}
.ss-loading:before,
.ss-loading.right:after {
content: '๎ฎ';
}
.ss-wifi:before,
.ss-wifi.right:after {
content: '๎ฎ';
}
.ss-connection:before,
.ss-connection.right:after {
content: '๎ฎ
';
}
.ss-file:before,
.ss-file.right:after {
content: '๐';
}
.ss-folder:before,
.ss-folder.right:after {
content: '๐';
}
.ss-quote:before,
.ss-quote.right:after {
content: 'โ';
}
.ss-text:before,
.ss-text.right:after {
content: '๎ด';
}
.ss-font:before,
.ss-font.right:after {
content: '๎ด';
}
.ss-print:before,
.ss-print.right:after {
content: 'โ';
}
.ss-fax:before,
.ss-fax.right:after {
content: '๐ ';
}
.ss-list:before,
.ss-list.right:after {
content: '๎ต';
}
.ss-layout:before,
.ss-layout.right:after {
content: '๎ถ ';
}
.ss-action:before,
.ss-action.right:after {
content: '๎ธ';
}
.ss-redirect:before,
.ss-redirect.right:after {
content: 'โช';
}
.ss-expand:before,
.ss-expand.right:after {
content: 'โคข';
}
.ss-contract:before,
.ss-contract.right:after {
content: '๎ธ';
}
.ss-help:before,
.ss-help.right:after {
content: 'โ';
}
.ss-info:before,
.ss-info.right:after {
content: 'โน';
}
.ss-alert:before,
.ss-alert.right:after {
content: 'โ ';
}
.ss-caution:before,
.ss-caution.right:after {
content: 'โ';
}
.ss-logout:before,
.ss-logout.right:after {
content: '๎ธ';
}
.ss-plus:before,
.ss-plus.right:after {
content: '+';
}
.ss-hyphen:before,
.ss-hyphen.right:after {
content: '-';
}
.ss-check:before,
.ss-check.right:after {
content: 'โ';
}
.ss-delete:before,
.ss-delete.right:after {
content: 'โก';
}
.ss-settings:before,
.ss-settings.right:after {
content: 'โ';
}
.ss-dashboard:before,
.ss-dashboard.right:after {
content: '๏';
}
.ss-notifications:before,
.ss-notifications.right:after {
content: '๐';
}
.ss-notificationsdisabled:before,
.ss-notificationsdisabled.right:after {
content: '๐';
}
.ss-clock:before,
.ss-clock.right:after {
content: 'โฒ';
}
.ss-stopwatch:before,
.ss-stopwatch.right:after {
content: 'โฑ';
}
.ss-calendar:before,
.ss-calendar.right:after {
content: '๐
';
}
.ss-addcalendar:before,
.ss-addcalendar.right:after {
content: '๏ฐ';
}
.ss-removecalendar:before,
.ss-removecalendar.right:after {
content: '๏ฑ';
}
.ss-checkcalendar:before,
.ss-checkcalendar.right:after {
content: '๏ฒ';
}
.ss-deletecalendar:before,
.ss-deletecalendar.right:after {
content: '๏ณ';
}
.ss-briefcase:before,
.ss-briefcase.right:after {
content: '๐ผ';
}
.ss-cloud:before,
.ss-cloud.right:after {
content: 'โ';
}
.ss-droplet:before,
.ss-droplet.right:after {
content: '๐ง';
}
.ss-flask:before,
.ss-flask.right:after {
content: '๏';
}
.ss-up:before,
.ss-up.right:after {
content: 'โฌ';
}
.ss-upright:before,
.ss-upright.right:after {
content: 'โฌ';
}
.ss-right:before,
.ss-right.right:after {
content: 'โก';
}
.ss-downright:before,
.ss-downright.right:after {
content: 'โฌ';
}
.ss-down:before,
.ss-down.right:after {
content: 'โฌ';
}
.ss-downleft:before,
.ss-downleft.right:after {
content: 'โฌ';
}
.ss-left:before,
.ss-left.right:after {
content: 'โฌ
';
}
.ss-upleft:before,
.ss-upleft.right:after {
content: 'โฌ';
}
.ss-navigateup:before,
.ss-navigateup.right:after {
content: '๏';
}
.ss-navigateright:before,
.ss-navigateright.right:after {
content: 'โป';
}
.ss-navigatedown:before,
.ss-navigatedown.right:after {
content: '๏';
}
.ss-navigateleft:before,
.ss-navigateleft.right:after {
content: 'โ
';
}
.ss-directup:before,
.ss-directup.right:after {
content: 'โด';
}
.ss-directright:before,
.ss-directright.right:after {
content: 'โน';
}
.ss-dropdown:before,
.ss-dropdown.right:after {
content: 'โพ';
}
.ss-directleft:before,
.ss-directleft.right:after {
content: 'โ';
}
.ss-retweet:before,
.ss-retweet.right:after {
content: '๏';
}
/* Legacy classes */
.ss-volumelow:before,
.ss-volumelow.right:after {
content: '๐';
}
.ss-volumehigh:before,
.ss-volumehigh.right:after {
content: '๐';
}
.ss-batteryhigh:before,
.ss-batteryhigh.right:after {
content: '๎จ';
}
.ss-batterymedium:before,
.ss-batterymedium.right:after {
content: '๎จ';
}
.ss-batterylow:before,
.ss-batterylow.right:after {
content: '๎จ';
}
.ss-batteryempty:before,
.ss-batteryempty.right:after {
content: '๎จ';
}
.ss-clouddownload:before,
.ss-clouddownload.right:after {
content: '๎ฌ';
}
.ss-cloudupload:before,
.ss-cloudupload.right:after {
content: '๎ญ';
}
.ss-calendaradd:before,
.ss-calendaradd.right:after {
content: '๏ฐ';
}
.ss-calendarremove:before,
.ss-calendarremove.right:after {
content: '๏ฑ';
}
.ss-calendarcheck:before,
.ss-calendarcheck.right:after {
content: '๏ฒ';
}
.ss-calendardelete:before,
.ss-calendardelete.right:after {
content: '๏ณ';
}
@charset "UTF-8";
/*
* Symbolset
* www.symbolset.com
* Copyright ยฉ 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your tags.
*
*/
@font-face {
font-family: "SSSymbol";
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/sssymboliconsline.eot');
src: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/sssymboliconsline.eot?#iefix') format('embedded-opentype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/sssymboliconsline.woff') format('woff'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/sssymboliconsline.ttf') format('truetype'), url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/sssymboliconsline.svg#SSSymboliconsLine') format('svg');
font-weight: 300;
font-style: normal;
}
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
-ms-zoom: 1;
}
.ss-icon,
.ss-icon.ss-symbolicons-line,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-symbolicons-line:before,
[class*=" ss-"].ss-symbolicons-line:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-symbolicons-line.right:after,
[class*=" ss-"].ss-symbolicons-line.right:after {
font-family: "SSSymbol";
font-style: normal;
font-weight: 300;
text-decoration: none;
text-rendering: optimizeLegibility;
white-space: nowrap;
/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
[class^="ss-"].right:before,
[class*=" ss-"].right:before {
display: none;
content: '';
}
.ss-crosshair:before,
.ss-crosshair.right:after {
content: 'โ';
}
.ss-search:before,
.ss-search.right:after {
content: '๐';
}
.ss-zoomin:before,
.ss-zoomin.right:after {
content: '๎';
}
.ss-zoomout:before,
.ss-zoomout.right:after {
content: '๎';
}
.ss-binoculars:before,
.ss-binoculars.right:after {
content: '๎';
}
.ss-raisedhand:before,
.ss-raisedhand.right:after {
content: 'โ';
}
.ss-link:before,
.ss-link.right:after {
content: '๐';
}
.ss-write:before,
.ss-write.right:after {
content: 'โ';
}
.ss-compose:before,
.ss-compose.right:after {
content: '๐';
}
.ss-lock:before,
.ss-lock.right:after {
content: '๐';
}
.ss-unlock:before,
.ss-unlock.right:after {
content: '๐';
}
.ss-key:before,
.ss-key.right:after {
content: '๐';
}
.ss-backspace:before,
.ss-backspace.right:after {
content: 'โซ';
}
.ss-ban:before,
.ss-ban.right:after {
content: '๐ซ';
}
.ss-nosmoking:before,
.ss-nosmoking.right:after {
content: '๐ญ';
}
.ss-trash:before,
.ss-trash.right:after {
content: '๎';
}
.ss-target:before,
.ss-target.right:after {
content: 'โ';
}
.ss-stopsign:before,
.ss-stopsign.right:after {
content: '๎';
}
.ss-radioactive:before,
.ss-radioactive.right:after {
content: 'โข';
}
.ss-skull:before,
.ss-skull.right:after {
content: '๐';
}
.ss-lightning:before,
.ss-lightning.right:after {
content: 'โ';
}
.ss-tag:before,
.ss-tag.right:after {
content: '๎';
}
.ss-newtag:before,
.ss-newtag.right:after {
content: '๎';
}
.ss-flag:before,
.ss-flag.right:after {
content: 'โ';
}
.ss-like:before,
.ss-like.right:after {
content: '๐';
}
.ss-dislike:before,
.ss-dislike.right:after {
content: '๐';
}
.ss-heart:before,
.ss-heart.right:after {
content: 'โฅ';
}
.ss-addheart:before,
.ss-addheart.right:after {
content: '๎ข';
}
.ss-deleteheart:before,
.ss-deleteheart.right:after {
content: '๐';
}
.ss-star:before,
.ss-star.right:after {
content: 'โ';
}
.ss-trophy:before,
.ss-trophy.right:after {
content: '๐';
}
.ss-award:before,
.ss-award.right:after {
content: '๎';
}
.ss-medal:before,
.ss-medal.right:after {
content: '๎';
}
.ss-badge:before,
.ss-badge.right:after {
content: '๐';
}
.ss-crown:before,
.ss-crown.right:after {
content: '๐';
}
.ss-bullseye:before,
.ss-bullseye.right:after {
content: '๐ฏ';
}
.ss-sample:before,
.ss-sample.right:after {
content: '๎';
}
.ss-crop:before,
.ss-crop.right:after {
content: '๎';
}
.ss-layers:before,
.ss-layers.right:after {
content: '๎';
}
.ss-magicwand:before,
.ss-magicwand.right:after {
content: '๎';
}
.ss-cut:before,
.ss-cut.right:after {
content: 'โ';
}
.ss-cutpaste:before,
.ss-cutpaste.right:after {
content: '๎';
}
.ss-clipboard:before,
.ss-clipboard.right:after {
content: '๐';
}
.ss-rules:before,
.ss-rules.right:after {
content: '๐';
}
.ss-rulerpencil:before,
.ss-rulerpencil.right:after {
content: '๎
';
}
.ss-gridlines:before,
.ss-gridlines.right:after {
content: '๎';
}
.ss-pen:before,
.ss-pen.right:after {
content: 'โ';
}
.ss-pencilbrush:before,
.ss-pencilbrush.right:after {
content: '๎ข';
}
.ss-pencilbrushpen:before,
.ss-pencilbrushpen.right:after {
content: '๎ฃ';
}
.ss-brush:before,
.ss-brush.right:after {
content: '๎ค';
}
.ss-paintroller:before,
.ss-paintroller.right:after {
content: '๎ฅ';
}
.ss-fill:before,
.ss-fill.right:after {
content: '๎';
}
.ss-stroke:before,
.ss-stroke.right:after {
content: '๎';
}
.ss-crayons:before,
.ss-crayons.right:after {
content: '๎';
}
.ss-palette:before,
.ss-palette.right:after {
content: '๐จ';
}
.ss-fliphorizontally:before,
.ss-fliphorizontally.right:after {
content: '๎ ';
}
.ss-flipvertically:before,
.ss-flipvertically.right:after {
content: '๎ก';
}
.ss-effects:before,
.ss-effects.right:after {
content: '๎';
}
.ss-bezier:before,
.ss-bezier.right:after {
content: '๎ ';
}
.ss-pixels:before,
.ss-pixels.right:after {
content: '๎ก';
}
.ss-phone:before,
.ss-phone.right:after {
content: '๐';
}
.ss-rotaryphone:before,
.ss-rotaryphone.right:after {
content: 'โ';
}
.ss-touchtonephone:before,
.ss-touchtonephone.right:after {
content: 'โ';
}
.ss-phonebook:before,
.ss-phonebook.right:after {
content: '๎';
}
.ss-voicemail:before,
.ss-voicemail.right:after {
content: 'โ';
}
.ss-megaphone:before,
.ss-megaphone.right:after {
content: '๐ข';
}
.ss-rss:before,
.ss-rss.right:after {
content: '๎';
}
.ss-podcast:before,
.ss-podcast.right:after {
content: '๎';
}
.ss-mailbox:before,
.ss-mailbox.right:after {
content: '๐ซ';
}
.ss-send:before,
.ss-send.right:after {
content: '๎';
}
.ss-mail:before,
.ss-mail.right:after {
content: 'โ';
}
.ss-incomingmail:before,
.ss-incomingmail.right:after {
content: '๐ฉ';
}
.ss-inbox:before,
.ss-inbox.right:after {
content: '๐ฅ';
}
.ss-outbox:before,
.ss-outbox.right:after {
content: '๐ค';
}
.ss-stamp:before,
.ss-stamp.right:after {
content: '๎';
}
.ss-chat:before,
.ss-chat.right:after {
content: '๐ฌ';
}
.ss-chats:before,
.ss-chats.right:after {
content: '๎';
}
.ss-textchat:before,
.ss-textchat.right:after {
content: '๎';
}
.ss-exclamationchat:before,
.ss-exclamationchat.right:after {
content: '๎';
}
.ss-questionchat:before,
.ss-questionchat.right:after {
content: '๎';
}
.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
content: '๎';
}
.ss-smile:before,
.ss-smile.right:after {
content: 'โป';
}
.ss-frown:before,
.ss-frown.right:after {
content: 'โน';
}
.ss-toothsmile:before,
.ss-toothsmile.right:after {
content: '๐';
}
.ss-toothlesssmile:before,
.ss-toothlesssmile.right:after {
content: '๐';
}
.ss-user:before,
.ss-user.right:after {
content: '๐ค';
}
.ss-users:before,
.ss-users.right:after {
content: '๐ฅ';
}
.ss-adduser:before,
.ss-adduser.right:after {
content: '๎';
}
.ss-removeuser:before,
.ss-removeuser.right:after {
content: '๎';
}
.ss-deleteuser:before,
.ss-deleteuser.right:after {
content: '๎';
}
.ss-heartuser:before,
.ss-heartuser.right:after {
content: '๎
';
}
.ss-males:before,
.ss-males.right:after {
content: '๐ฌ';
}
.ss-females:before,
.ss-females.right:after {
content: '๐ญ';
}
.ss-malefemale:before,
.ss-malefemale.right:after {
content: '๐ซ';
}
.ss-userportrait:before,
.ss-userportrait.right:after {
content: '๎ ';
}
.ss-userframe:before,
.ss-userframe.right:after {
content: '๎ก';
}
.ss-usersframe:before,
.ss-usersframe.right:after {
content: '๎ข';
}
.ss-baby:before,
.ss-baby.right:after {
content: '๐ถ';
}
.ss-swaddledbaby:before,
.ss-swaddledbaby.right:after {
content: '๎ฐ';
}
.ss-robot:before,
.ss-robot.right:after {
content: '๎';
}
.ss-happyrobot:before,
.ss-happyrobot.right:after {
content: '๎';
}
.ss-alien:before,
.ss-alien.right:after {
content: '๐ฝ';
}
.ss-ghost:before,
.ss-ghost.right:after {
content: '๐ป';
}
.ss-contacts:before,
.ss-contacts.right:after {
content: '๐';
}
.ss-addressbook:before,
.ss-addressbook.right:after {
content: '๐';
}
.ss-footsteps:before,
.ss-footsteps.right:after {
content: '๐ฃ';
}
.ss-cart:before,
.ss-cart.right:after {
content: '๎';
}
.ss-shoppingbag:before,
.ss-shoppingbag.right:after {
content: '๎ ';
}
.ss-gift:before,
.ss-gift.right:after {
content: '๐';
}
.ss-store:before,
.ss-store.right:after {
content: '๐ช';
}
.ss-safe:before,
.ss-safe.right:after {
content: '๎';
}
.ss-bill:before,
.ss-bill.right:after {
content: '๎';
}
.ss-creditcard:before,
.ss-creditcard.right:after {
content: '๐ณ';
}
.ss-banknote:before,
.ss-banknote.right:after {
content: '๐ต';
}
.ss-moneybag:before,
.ss-moneybag.right:after {
content: '๐ฐ';
}
.ss-calculator:before,
.ss-calculator.right:after {
content: '๎';
}
.ss-bank:before,
.ss-bank.right:after {
content: '๐ฆ';
}
.ss-gavel:before,
.ss-gavel.right:after {
content: '๐จ';
}
.ss-meeting:before,
.ss-meeting.right:after {
content: '๎';
}
.ss-barchart:before,
.ss-barchart.right:after {
content: '๐';
}
.ss-piechart:before,
.ss-piechart.right:after {
content: '๎ฐ';
}
.ss-activity:before,
.ss-activity.right:after {
content: '๐';
}
.ss-flowchart:before,
.ss-flowchart.right:after {
content: '๎ท';
}
.ss-box:before,
.ss-box.right:after {
content: '๐ฆ';
}
.ss-crate:before,
.ss-crate.right:after {
content: '๎';
}
.ss-home:before,
.ss-home.right:after {
content: 'โ';
}
.ss-fence:before,
.ss-fence.right:after {
content: '๎';
}
.ss-buildings:before,
.ss-buildings.right:after {
content: '๐ข';
}
.ss-bridge:before,
.ss-bridge.right:after {
content: '๎';
}
.ss-barn:before,
.ss-barn.right:after {
content: '๎';
}
.ss-lodging:before,
.ss-lodging.right:after {
content: '๐จ';
}
.ss-earth:before,
.ss-earth.right:after {
content: '๐';
}
.ss-globe:before,
.ss-globe.right:after {
content: '๐';
}
.ss-compass:before,
.ss-compass.right:after {
content: '๎ฑ';
}
.ss-signpost:before,
.ss-signpost.right:after {
content: '๎ฒ';
}
.ss-map:before,
.ss-map.right:after {
content: '๎ณ';
}
.ss-location:before,
.ss-location.right:after {
content: '๎';
}
.ss-pushpin:before,
.ss-pushpin.right:after {
content: '๐';
}
.ss-script:before,
.ss-script.right:after {
content: '๎';
}
.ss-playscript:before,
.ss-playscript.right:after {
content: '๎';
}
.ss-stopscript:before,
.ss-stopscript.right:after {
content: '๎';
}
.ss-recordscript:before,
.ss-recordscript.right:after {
content: '๎';
}
.ss-bug:before,
.ss-bug.right:after {
content: '๐';
}
.ss-puzzle:before,
.ss-puzzle.right:after {
content: '๎';
}
.ss-window:before,
.ss-window.right:after {
content: '๎';
}
.ss-database:before,
.ss-database.right:after {
content: '๎ ';
}
.ss-adddatabase:before,
.ss-adddatabase.right:after {
content: '๎ข';
}
.ss-deletedatabase:before,
.ss-deletedatabase.right:after {
content: '๎ฅ';
}
.ss-hdd:before,
.ss-hdd.right:after {
content: '๎ฐ';
}
.ss-networkhdd:before,
.ss-networkhdd.right:after {
content: '๎ถ';
}
.ss-downloadhdd:before,
.ss-downloadhdd.right:after {
content: '๎ท';
}
.ss-airplay:before,
.ss-airplay.right:after {
content: '๎ ';
}
.ss-music:before,
.ss-music.right:after {
content: 'โซ';
}
.ss-mic:before,
.ss-mic.right:after {
content: '๐ค';
}
.ss-headphones:before,
.ss-headphones.right:after {
content: '๐ง';
}
.ss-volume:before,
.ss-volume.right:after {
content: '๐';
}
.ss-radio:before,
.ss-radio.right:after {
content: '๐ป';
}
.ss-phonograph:before,
.ss-phonograph.right:after {
content: '๎ ';
}
.ss-disc:before,
.ss-disc.right:after {
content: '๐ฟ';
}
.ss-discs:before,
.ss-discs.right:after {
content: '๎ ';
}
.ss-playlist:before,
.ss-playlist.right:after {
content: '๎ ';
}
.ss-musichome:before,
.ss-musichome.right:after {
content: '๎ ก';
}
.ss-itunes:before,
.ss-itunes.right:after {
content: '๎ ข';
}
.ss-camera:before,
.ss-camera.right:after {
content: '๐ท';
}
.ss-picture:before,
.ss-picture.right:after {
content: '๐';
}
.ss-pictures:before,
.ss-pictures.right:after {
content: '๎ก';
}
.ss-searchpicture:before,
.ss-searchpicture.right:after {
content: '๎ก';
}
.ss-video:before,
.ss-video.right:after {
content: '๐น';
}
.ss-clapboard:before,
.ss-clapboard.right:after {
content: '๐ฌ';
}
.ss-film:before,
.ss-film.right:after {
content: '๎ขฐ';
}
.ss-playfilm:before,
.ss-playfilm.right:after {
content: '๎ขฑ';
}
.ss-tv:before,
.ss-tv.right:after {
content: '๐บ';
}
.ss-flatscreen:before,
.ss-flatscreen.right:after {
content: '๎ฃ';
}
.ss-projector:before,
.ss-projector.right:after {
content: '๎ฃ';
}
.ss-videogame:before,
.ss-videogame.right:after {
content: '๐ฎ';
}
.ss-play:before,
.ss-play.right:after {
content: 'โถ';
}
.ss-pause:before,
.ss-pause.right:after {
content: '๎ข ';
}
.ss-stop:before,
.ss-stop.right:after {
content: 'โ ';
}
.ss-record:before,
.ss-record.right:after {
content: 'โ';
}
.ss-rewind:before,
.ss-rewind.right:after {
content: 'โช';
}
.ss-fastforward:before,
.ss-fastforward.right:after {
content: 'โฉ';
}
.ss-skipback:before,
.ss-skipback.right:after {
content: 'โฎ';
}
.ss-skipforward:before,
.ss-skipforward.right:after {
content: 'โญ';
}
.ss-eject:before,
.ss-eject.right:after {
content: 'โ';
}
.ss-shuffle:before,
.ss-shuffle.right:after {
content: '๐';
}
.ss-filecabinet:before,
.ss-filecabinet.right:after {
content: '๎ค';
}
.ss-storagebox:before,
.ss-storagebox.right:after {
content: '๎ค';
}
.ss-books:before,
.ss-books.right:after {
content: '๐';
}
.ss-bookspencil:before,
.ss-bookspencil.right:after {
content: '๎ฅ ';
}
.ss-openbook:before,
.ss-openbook.right:after {
content: '๐';
}
.ss-bookinsert:before,
.ss-bookinsert.right:after {
content: '๎ฅก';
}
.ss-notebook:before,
.ss-notebook.right:after {
content: '๐';
}
.ss-ledger:before,
.ss-ledger.right:after {
content: '๐';
}
.ss-album:before,
.ss-album.right:after {
content: '๎ฅฐ';
}
.ss-newspaper:before,
.ss-newspaper.right:after {
content: '๐ฐ';
}
.ss-spiralbound:before,
.ss-spiralbound.right:after {
content: '๎ฅฑ';
}
.ss-notepad:before,
.ss-notepad.right:after {
content: '๎ฅฒ';
}
.ss-notice:before,
.ss-notice.right:after {
content: '๎ฅณ';
}
.ss-grid:before,
.ss-grid.right:after {
content: '๎ฆ ';
}
.ss-thumbnails:before,
.ss-thumbnails.right:after {
content: '๎ฆฃ';
}
.ss-filter:before,
.ss-filter.right:after {
content: '๎ฆฐ';
}
.ss-desktop:before,
.ss-desktop.right:after {
content: '๐ป';
}
.ss-laptop:before,
.ss-laptop.right:after {
content: '๎จ';
}
.ss-tablet:before,
.ss-tablet.right:after {
content: '๎จ';
}
.ss-cell:before,
.ss-cell.right:after {
content: '๐ฑ';
}
.ss-cellbars:before,
.ss-cellbars.right:after {
content: '๐ถ';
}
.ss-battery:before,
.ss-battery.right:after {
content: '๐';
}
.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
content: '๎จ';
}
.ss-emptybattery:before,
.ss-emptybattery.right:after {
content: '๎จ';
}
.ss-chargingbattery:before,
.ss-chargingbattery.right:after {
content: '๎จ';
}
.ss-screwdrivermobile:before,
.ss-screwdrivermobile.right:after {
content: '๎จ ';
}
.ss-brushmobile:before,
.ss-brushmobile.right:after {
content: '๎จก';
}
.ss-pencilmobile:before,
.ss-pencilmobile.right:after {
content: '๎จข';
}
.ss-door:before,
.ss-door.right:after {
content: '๐ช';
}
.ss-washer:before,
.ss-washer.right:after {
content: '๎ช';
}
.ss-dryer:before,
.ss-dryer.right:after {
content: '๎ช';
}
.ss-fireplace:before,
.ss-fireplace.right:after {
content: '๎ช';
}
.ss-toilet:before,
.ss-toilet.right:after {
content: '๐ฝ';
}
.ss-toiletpaper:before,
.ss-toiletpaper.right:after {
content: '๎ช';
}
.ss-lightbulb:before,
.ss-lightbulb.right:after {
content: '๐ก';
}
.ss-cfl:before,
.ss-cfl.right:after {
content: '๎ช
';
}
.ss-flashlight:before,
.ss-flashlight.right:after {
content: '๐ฆ';
}
.ss-candle:before,
.ss-candle.right:after {
content: '๎ชฐ';
}
.ss-campfire:before,
.ss-campfire.right:after {
content: '๐ฅ';
}
.ss-picnictable:before,
.ss-picnictable.right:after {
content: '๎ชฑ';
}
.ss-frame:before,
.ss-frame.right:after {
content: '๎ช';
}
.ss-heartframe:before,
.ss-heartframe.right:after {
content: '๐';
}
.ss-starframe:before,
.ss-starframe.right:after {
content: '๎ช';
}
.ss-treeframe:before,
.ss-treeframe.right:after {
content: '๎ช';
}
.ss-flowerframe:before,
.ss-flowerframe.right:after {
content: '๎ช';
}
.ss-questionframe:before,
.ss-questionframe.right:after {
content: '๎ช';
}
.ss-utensilsframe:before,
.ss-utensilsframe.right:after {
content: '๎ช';
}
.ss-atom:before,
.ss-atom.right:after {
content: 'โ';
}
.ss-fluxcapacitor:before,
.ss-fluxcapacitor.right:after {
content: '๎ซ';
}
.ss-rings:before,
.ss-rings.right:after {
content: '๐';
}
.ss-balloons:before,
.ss-balloons.right:after {
content: '๐';
}
.ss-easteregg:before,
.ss-easteregg.right:after {
content: '๎ซ ';
}
.ss-jackolantern:before,
.ss-jackolantern.right:after {
content: '๐';
}
.ss-menorah:before,
.ss-menorah.right:after {
content: '๎ซก';
}
.ss-christmastree:before,
.ss-christmastree.right:after {
content: '๐';
}
.ss-teddy:before,
.ss-teddy.right:after {
content: '๎ช ';
}
.ss-blocks:before,
.ss-blocks.right:after {
content: '๎ชก';
}
.ss-rattle:before,
.ss-rattle.right:after {
content: '๎ชข';
}
.ss-diaper:before,
.ss-diaper.right:after {
content: '๎ชฃ';
}
.ss-pailshovel:before,
.ss-pailshovel.right:after {
content: '๎ชค';
}
.ss-sweep:before,
.ss-sweep.right:after {
content: '๎ช';
}
.ss-headstone:before,
.ss-headstone.right:after {
content: 'โผ';
}
.ss-onedie:before,
.ss-onedie.right:after {
content: 'โ';
}
.ss-twodie:before,
.ss-twodie.right:after {
content: 'โ';
}
.ss-threedie:before,
.ss-threedie.right:after {
content: 'โ';
}
.ss-fourdie:before,
.ss-fourdie.right:after {
content: 'โ';
}
.ss-fivedie:before,
.ss-fivedie.right:after {
content: 'โ';
}
.ss-sixdie:before,
.ss-sixdie.right:after {
content: 'โ
';
}
.ss-fuzzydice:before,
.ss-fuzzydice.right:after {
content: '๎ช';
}
.ss-download:before,
.ss-download.right:after {
content: '๎ฌ';
}
.ss-downloadbox:before,
.ss-downloadbox.right:after {
content: '๎ฌ';
}
.ss-downloadcrate:before,
.ss-downloadcrate.right:after {
content: '๎ฌ';
}
.ss-upload:before,
.ss-upload.right:after {
content: '๎ญ';
}
.ss-uploadbox:before,
.ss-uploadbox.right:after {
content: '๎ญ';
}
.ss-uploadcrate:before,
.ss-uploadcrate.right:after {
content: '๎ญ';
}
.ss-transfer:before,
.ss-transfer.right:after {
content: 'โ';
}
.ss-refresh:before,
.ss-refresh.right:after {
content: 'โป';
}
.ss-sync:before,
.ss-sync.right:after {
content: '๎ฎ';
}
.ss-wifi:before,
.ss-wifi.right:after {
content: '๎ฎ';
}
.ss-connection:before,
.ss-connection.right:after {
content: '๎ฎ
';
}
.ss-usb:before,
.ss-usb.right:after {
content: '๎ฎ';
}
.ss-files:before,
.ss-files.right:after {
content: '๎ฐ';
}
.ss-addfile:before,
.ss-addfile.right:after {
content: '๎ฐ';
}
.ss-removefile:before,
.ss-removefile.right:after {
content: '๎ฐ';
}
.ss-deletefile:before,
.ss-deletefile.right:after {
content: '๎ฐ';
}
.ss-searchfile:before,
.ss-searchfile.right:after {
content: '๎ฐ
';
}
.ss-folder:before,
.ss-folder.right:after {
content: '๐';
}
.ss-addfolder:before,
.ss-addfolder.right:after {
content: '๎ฑฑ';
}
.ss-removefolder:before,
.ss-removefolder.right:after {
content: '๎ฑฒ';
}
.ss-deletefolder:before,
.ss-deletefolder.right:after {
content: '๎ฑด';
}
.ss-downloadfolder:before,
.ss-downloadfolder.right:after {
content: '๎ฑถ';
}
.ss-uploadfolder:before,
.ss-uploadfolder.right:after {
content: '๎ฑท';
}
.ss-undo:before,
.ss-undo.right:after {
content: 'โฉ';
}
.ss-redo:before,
.ss-redo.right:after {
content: 'โช';
}
.ss-quote:before,
.ss-quote.right:after {
content: 'โ';
}
.ss-font:before,
.ss-font.right:after {
content: '๎ด';
}
.ss-anchor:before,
.ss-anchor.right:after {
content: '๎ด';
}
.ss-print:before,
.ss-print.right:after {
content: 'โ';
}
.ss-fax:before,
.ss-fax.right:after {
content: '๐ ';
}
.ss-shredder:before,
.ss-shredder.right:after {
content: '๎ต';
}
.ss-typewriter:before,
.ss-typewriter.right:after {
content: '๎ต';
}
.ss-list:before,
.ss-list.right:after {
content: '๎ต';
}
.ss-action:before,
.ss-action.right:after {
content: '๎ธ';
}
.ss-redirect:before,
.ss-redirect.right:after {
content: 'โ';
}
.ss-expand:before,
.ss-expand.right:after {
content: 'โคข';
}
.ss-contract:before,
.ss-contract.right:after {
content: '๎ธ';
}
.ss-scaleup:before,
.ss-scaleup.right:after {
content: '๎ธ';
}
.ss-scaledown:before,
.ss-scaledown.right:after {
content: '๎ธ
';
}
.ss-power:before,
.ss-power.right:after {
content: '๎ธ';
}
.ss-lifepreserver:before,
.ss-lifepreserver.right:after {
content: '๎ธ';
}
.ss-help:before,
.ss-help.right:after {
content: 'โ';
}
.ss-info:before,
.ss-info.right:after {
content: 'โน';
}
.ss-alert:before,
.ss-alert.right:after {
content: 'โ ';
}
.ss-caution:before,
.ss-caution.right:after {
content: 'โ';
}
.ss-plus:before,
.ss-plus.right:after {
content: '+';
}
.ss-hyphen:before,
.ss-hyphen.right:after {
content: '-';
}
.ss-check:before,
.ss-check.right:after {
content: 'โ';
}
.ss-delete:before,
.ss-delete.right:after {
content: 'โก';
}
.ss-dogface:before,
.ss-dogface.right:after {
content: '๐ถ';
}
.ss-catface:before,
.ss-catface.right:after {
content: '๐ฑ';
}
.ss-bearface:before,
.ss-bearface.right:after {
content: '๐ป';
}
.ss-bird:before,
.ss-bird.right:after {
content: '๐ฆ';
}
.ss-dog:before,
.ss-dog.right:after {
content: '๐';
}
.ss-sheep:before,
.ss-sheep.right:after {
content: '๐';
}
.ss-pig:before,
.ss-pig.right:after {
content: '๐';
}
.ss-bone:before,
.ss-bone.right:after {
content: '๎ฝ ';
}
.ss-tooth:before,
.ss-tooth.right:after {
content: '๎ฝก';
}
.ss-palmtree:before,
.ss-palmtree.right:after {
content: '๐ด';
}
.ss-tree:before,
.ss-tree.right:after {
content: '๐ฒ';
}
.ss-leaf:before,
.ss-leaf.right:after {
content: '๐';
}
.ss-flower:before,
.ss-flower.right:after {
content: 'โ';
}
.ss-settings:before,
.ss-settings.right:after {
content: 'โ';
}
.ss-dashboard:before,
.ss-dashboard.right:after {
content: '๏';
}
.ss-notifications:before,
.ss-notifications.right:after {
content: '๐';
}
.ss-toggles:before,
.ss-toggles.right:after {
content: '๏';
}
.ss-switch:before,
.ss-switch.right:after {
content: '๏';
}
.ss-switchoff:before,
.ss-switchoff.right:after {
content: '๏';
}
.ss-brightness:before,
.ss-brightness.right:after {
content: '๐';
}
.ss-flashoff:before,
.ss-flashoff.right:after {
content: '๏';
}
.ss-toolbox:before,
.ss-toolbox.right:after {
content: '๏ฐ';
}
.ss-tools:before,
.ss-tools.right:after {
content: '๏ฑ';
}
.ss-wrench:before,
.ss-wrench.right:after {
content: '๐ง';
}
.ss-wrenches:before,
.ss-wrenches.right:after {
content: '๏ฒ';
}
.ss-wrenchpencil:before,
.ss-wrenchpencil.right:after {
content: '๏ณ';
}
.ss-screwdriverpencil:before,
.ss-screwdriverpencil.right:after {
content: '๏ด';
}
.ss-hammerscrewdriver:before,
.ss-hammerscrewdriver.right:after {
content: '๏ต';
}
.ss-tapemeasure:before,
.ss-tapemeasure.right:after {
content: '๏ถ';
}
.ss-hourglass:before,
.ss-hourglass.right:after {
content: 'โณ';
}
.ss-clock:before,
.ss-clock.right:after {
content: 'โฒ';
}
.ss-stopwatch:before,
.ss-stopwatch.right:after {
content: 'โฑ';
}
.ss-alarmclock:before,
.ss-alarmclock.right:after {
content: 'โฐ';
}
.ss-calendar:before,
.ss-calendar.right:after {
content: '๐
';
}
.ss-keyboardup:before,
.ss-keyboardup.right:after {
content: '๏';
}
.ss-keyboarddown:before,
.ss-keyboarddown.right:after {
content: '๏';
}
.ss-heavyasterisk:before,
.ss-heavyasterisk.right:after {
content: 'โฑ';
}
.ss-egg:before,
.ss-egg.right:after {
content: '๏';
}
.ss-cheese:before,
.ss-cheese.right:after {
content: '๏';
}
.ss-hotdog:before,
.ss-hotdog.right:after {
content: '๏';
}
.ss-burger:before,
.ss-burger.right:after {
content: '๐';
}
.ss-birthdaycake:before,
.ss-birthdaycake.right:after {
content: '๐';
}
.ss-pancakes:before,
.ss-pancakes.right:after {
content: '๏';
}
.ss-pizza:before,
.ss-pizza.right:after {
content: '๐';
}
.ss-frenchfries:before,
.ss-frenchfries.right:after {
content: '๐';
}
.ss-apple:before,
.ss-apple.right:after {
content: '๐';
}
.ss-mug:before,
.ss-mug.right:after {
content: 'โ';
}
.ss-coffee:before,
.ss-coffee.right:after {
content: '๏ ';
}
.ss-growler:before,
.ss-growler.right:after {
content: '๏ก';
}
.ss-beer:before,
.ss-beer.right:after {
content: '๐บ';
}
.ss-bottle:before,
.ss-bottle.right:after {
content: '๏ข';
}
.ss-wine:before,
.ss-wine.right:after {
content: '๏ฃ';
}
.ss-wineglass:before,
.ss-wineglass.right:after {
content: '๐ท';
}
.ss-cocktail:before,
.ss-cocktail.right:after {
content: '๐ธ';
}
.ss-soda:before,
.ss-soda.right:after {
content: '๏ค';
}
.ss-cup:before,
.ss-cup.right:after {
content: '๏ฅ';
}
.ss-babybottle:before,
.ss-babybottle.right:after {
content: '๐ผ';
}
.ss-jug:before,
.ss-jug.right:after {
content: '๏ฆ';
}
.ss-oven:before,
.ss-oven.right:after {
content: '๏
';
}
.ss-takeout:before,
.ss-takeout.right:after {
content: '๏
';
}
.ss-paperbag:before,
.ss-paperbag.right:after {
content: '๏
ก';
}
.ss-utensils:before,
.ss-utensils.right:after {
content: '๐ด';
}
.ss-tshirt:before,
.ss-tshirt.right:after {
content: '๐';
}
.ss-graduationcap:before,
.ss-graduationcap.right:after {
content: '๐';
}
.ss-fabric:before,
.ss-fabric.right:after {
content: '๏ฐ';
}
.ss-swatch:before,
.ss-swatch.right:after {
content: '๏ฑ';
}
.ss-weave:before,
.ss-weave.right:after {
content: '๏ฒ';
}
.ss-thread:before,
.ss-thread.right:after {
content: '๏ณ';
}
.ss-yarn:before,
.ss-yarn.right:after {
content: '๏ด';
}
.ss-crochet:before,
.ss-crochet.right:after {
content: '๏ต';
}
.ss-needles:before,
.ss-needles.right:after {
content: '๏ถ';
}
.ss-scissorsneedles:before,
.ss-scissorsneedles.right:after {
content: '๏ท';
}
.ss-button:before,
.ss-button.right:after {
content: '๏ธ';
}
.ss-zipper:before,
.ss-zipper.right:after {
content: '๏น';
}
.ss-sun:before,
.ss-sun.right:after {
content: 'โ';
}
.ss-partlycloudy:before,
.ss-partlycloudy.right:after {
content: 'โ
';
}
.ss-rainbow:before,
.ss-rainbow.right:after {
content: '๐';
}
.ss-umbrella:before,
.ss-umbrella.right:after {
content: 'โ';
}
.ss-crescentmoon:before,
.ss-crescentmoon.right:after {
content: '๐';
}
.ss-newmoon:before,
.ss-newmoon.right:after {
content: '๐';
}
.ss-waxingcrescentmoon:before,
.ss-waxingcrescentmoon.right:after {
content: '๐';
}
.ss-firstquartermoon:before,
.ss-firstquartermoon.right:after {
content: '๐';
}
.ss-waxinggibbousmoon:before,
.ss-waxinggibbousmoon.right:after {
content: '๐';
}
.ss-fullmoon:before,
.ss-fullmoon.right:after {
content: '๐';
}
.ss-waninggibbousmoon:before,
.ss-waninggibbousmoon.right:after {
content: '๐';
}
.ss-lastquartermoon:before,
.ss-lastquartermoon.right:after {
content: '๐';
}
.ss-waningcrescentmoon:before,
.ss-waningcrescentmoon.right:after {
content: '๐';
}
.ss-car:before,
.ss-car.right:after {
content: '๐';
}
.ss-carrepair:before,
.ss-carrepair.right:after {
content: '๏';
}
.ss-taxi:before,
.ss-taxi.right:after {
content: '๐';
}
.ss-train:before,
.ss-train.right:after {
content: '๐';
}
.ss-bus:before,
.ss-bus.right:after {
content: '๐';
}
.ss-truck:before,
.ss-truck.right:after {
content: '๐';
}
.ss-trailer:before,
.ss-trailer.right:after {
content: '๏';
}
.ss-trailerdump:before,
.ss-trailerdump.right:after {
content: '๏';
}
.ss-plane:before,
.ss-plane.right:after {
content: 'โ';
}
.ss-bike:before,
.ss-bike.right:after {
content: '๐ฒ';
}
.ss-motorcycle:before,
.ss-motorcycle.right:after {
content: '๏';
}
.ss-boat:before,
.ss-boat.right:after {
content: '๐ข';
}
.ss-rocket:before,
.ss-rocket.right:after {
content: '๐';
}
.ss-ufo:before,
.ss-ufo.right:after {
content: '๏';
}
.ss-squarekey:before,
.ss-squarekey.right:after {
content: '๏';
}
.ss-tire:before,
.ss-tire.right:after {
content: '๏';
}
.ss-fuel:before,
.ss-fuel.right:after {
content: 'โฝ';
}
.ss-parking:before,
.ss-parking.right:after {
content: '๏';
}
.ss-wheelchair:before,
.ss-wheelchair.right:after {
content: 'โฟ';
}
.ss-restroom:before,
.ss-restroom.right:after {
content: '๐ป';
}
.ss-elevator:before,
.ss-elevator.right:after {
content: '๏';
}
.ss-briefcase:before,
.ss-briefcase.right:after {
content: '๐ผ';
}
.ss-theatre:before,
.ss-theatre.right:after {
content: '๐ญ';
}
.ss-ticket:before,
.ss-ticket.right:after {
content: '๐ซ';
}
.ss-golf:before,
.ss-golf.right:after {
content: '๏';
}
.ss-billiards:before,
.ss-billiards.right:after {
content: '๐ฑ';
}
.ss-baseball:before,
.ss-baseball.right:after {
content: 'โพ';
}
.ss-tennis:before,
.ss-tennis.right:after {
content: '๐พ';
}
.ss-basketball:before,
.ss-basketball.right:after {
content: '๐';
}
.ss-football:before,
.ss-football.right:after {
content: '๐';
}
.ss-soccer:before,
.ss-soccer.right:after {
content: 'โฝ';
}
.ss-flaginhole:before,
.ss-flaginhole.right:after {
content: 'โณ';
}
.ss-paddles:before,
.ss-paddles.right:after {
content: '๏';
}
.ss-skiboot:before,
.ss-skiboot.right:after {
content: '๏';
}
.ss-skis:before,
.ss-skis.right:after {
content: '๐ฟ';
}
.ss-hiker:before,
.ss-hiker.right:after {
content: '๏';
}
.ss-runner:before,
.ss-runner.right:after {
content: '๐';
}
.ss-hottub:before,
.ss-hottub.right:after {
content: '๏';
}
.ss-exercise:before,
.ss-exercise.right:after {
content: '๏';
}
.ss-hospital:before,
.ss-hospital.right:after {
content: 'โจ';
}
.ss-medicalcross:before,
.ss-medicalcross.right:after {
content: '๏ฐ';
}
.ss-medicalbag:before,
.ss-medicalbag.right:after {
content: '๏ฑ';
}
.ss-bandage:before,
.ss-bandage.right:after {
content: '๏ฒ';
}
.ss-flask:before,
.ss-flask.right:after {
content: '๏';
}
.ss-testtube:before,
.ss-testtube.right:after {
content: '๏';
}
.ss-up:before,
.ss-up.right:after {
content: 'โฌ';
}
.ss-right:before,
.ss-right.right:after {
content: 'โก';
}
.ss-down:before,
.ss-down.right:after {
content: 'โฌ';
}
.ss-left:before,
.ss-left.right:after {
content: 'โฌ
';
}
.ss-navigateup:before,
.ss-navigateup.right:after {
content: '๏';
}
.ss-navigateright:before,
.ss-navigateright.right:after {
content: 'โป';
}
.ss-navigatedown:before,
.ss-navigatedown.right:after {
content: '๏';
}
.ss-navigateleft:before,
.ss-navigateleft.right:after {
content: 'โ
';
}
.ss-share:before,
.ss-share.right:after {
content: '๏';
}
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(360deg);
}
to {
-ms-transform: rotate(0deg);
}
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(360deg);
}
to {
-moz-transform: rotate(0deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@keyframes spin {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
.hyphenate {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
*,
*:before,
*:after {
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding: 0px;
margin: 0px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 120%;
background: whitesmoke;
color: #666666;
}
@media only screen and (min-width: 571px) {
body {
background: whitesmoke url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/bg.jpg') no-repeat right top;
}
}
h1,
h2,
h3,
h4,
h5 {
padding: 0px;
font-weight: 300;
line-height: 120%;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
margin: 0 0 1em 0;
}
h1 {
font-size: 33.6px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 22.4px;
}
h4 {
font-size: 19.6px;
}
h5 {
font-size: 16.8px;
}
a {
color: #00509f;
text-decoration: none;
-webkit-transition: color 0.1s;
-moz-transition: color 0.1s;
transition: color 0.1s;
}
a > img {
border: 0px;
display: block;
}
a:focus {
outline: none;
}
a:hover {
color: #006ad2;
}
a:active {
color: #00366c;
}
a.positive {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
color: #00509f;
}
a.positive:before,
a.positive .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e812";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e812');
}
a.positive:hover {
color: #005db9;
}
a.pending {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
color: #f8af34;
}
a.pending:before,
a.pending .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e82a";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e82a');
}
a.pending:hover {
color: #f9b94d;
}
a.read {
color: #666666;
}
a.read:hover {
color: #00509f;
}
a.disabled {
color: #afb6bb;
}
a.disabled:hover {
color: #bdc3c7;
}
p {
margin: 0 0 1.5em 0;
line-height: 1.3;
font-size: 14px;
text-rendering: optimizeLegibility;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
ul {
list-style: none;
padding: 0px;
margin: 0px;
}
fieldset {
padding: 0px;
margin: 0px;
border: 0px;
}
input:focus,
select:focus {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
embed,
object,
video,
audio {
max-width: 100%;
}
.button {
background-color: #00509f;
border-radius: 3px;
color: white;
display: inline-block;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: -0.025em;
line-height: 14px;
padding: 13px 15px;
text-decoration: none;
text-transform: uppercase;
}
.button:after {
font-size: 0.714em;
padding-left: 10px;
font-family: 'SSStandard';
content: 'โป';
}
.button:hover,
.button:active,
.button:focus {
text-decoration: none;
color: white;
background-color: #00376e;
}
.button.sold {
background-color: white;
color: #333333;
}
.fa.upcoming-matches .button.sold {
background-color: gainsboro;
}
.button.sold:after {
display: none;
}
.button.ticket {
position: relative;
padding-left: 45px;
}
.button.ticket:before {
content: '๐ซ';
font-size: 20px;
font-family: 'SSSymbol';
position: absolute;
left: 15px;
}
.button.ticket:after {
display: none;
}
.read-more:after {
font-size: 0.714em;
padding-left: 5px;
font-family: 'SSStandard';
content: 'โป';
}
.fa.next-match .content-fragment-header,
.fa.next-match .content-fragment-content {
background-color: #ed1c24 !important;
color: white !important;
}
.fa.next-match .fixture-teams {
color: white !important;
}
.fa.upcoming-matches,
.fa.next-match {
text-align: center;
}
.fa.upcoming-matches .content-fragment-content,
.fa.next-match .content-fragment-content {
padding: 0 20px 20px !important;
}
.fa.upcoming-matches .fixture-teams,
.fa.next-match .fixture-teams,
.fa.upcoming-matches .fixture-flags,
.fa.next-match .fixture-flags {
color: #333333;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-transform: uppercase;
overflow: hidden;
padding-top: 40px;
margin-bottom: 0.5em;
}
.fa.upcoming-matches .fixture-teams .left,
.fa.next-match .fixture-teams .left,
.fa.upcoming-matches .fixture-flags .left,
.fa.next-match .fixture-flags .left {
width: 40%;
text-align: right;
font-size: 13px;
}
.fa.upcoming-matches .fixture-teams .left img,
.fa.next-match .fixture-teams .left img,
.fa.upcoming-matches .fixture-flags .left img,
.fa.next-match .fixture-flags .left img {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.fa.upcoming-matches .fixture-teams .right,
.fa.next-match .fixture-teams .right,
.fa.upcoming-matches .fixture-flags .right,
.fa.next-match .fixture-flags .right {
width: 40%;
text-align: left;
font-size: 13px;
}
.fa.upcoming-matches .fixture-teams img,
.fa.next-match .fixture-teams img,
.fa.upcoming-matches .fixture-flags img,
.fa.next-match .fixture-flags img {
height: 40px;
}
.fa.upcoming-matches .fixture-teams strong,
.fa.next-match .fixture-teams strong,
.fa.upcoming-matches .fixture-flags strong,
.fa.next-match .fixture-flags strong {
width: 20%;
float: left;
}
.fa.upcoming-matches .fixture-teams,
.fa.next-match .fixture-teams {
padding-top: 0;
}
.fa.upcoming-matches .fixture-details,
.fa.next-match .fixture-details {
font-size: 12px;
}
.left {
float: left;
}
.right {
float: right;
}
.pad-top {
padding-top: 10px !important;
}
.pad-right {
padding-right: 10px !important;
}
.pad-bottom {
padding-bottom: 10px !important;
}
.pad-left {
padding-left: 10px !important;
}
.margin-top {
margin-top: 10px !important;
}
.margin-right {
margin-right: 10px !important;
}
.margin-bottom {
margin-bottom: 10px !important;
}
.margin-left {
margin-left: 10px !important;
}
.hidden {
display: none !important;
}
.handheld {
display: none;
}
.tinymcebody {
padding: 0;
margin: 0 8px 15px 0;
}
.tinymce a:link,
.tinymce a:visited {
color: #00509f;
}
.tinymce a:hover {
color: #006ad2;
}
.tinymce legend {
color: #00509f;
}
.tinymce input[type="password"]:hover,
.tinymce input[type="text"]:hover,
.tinymce input[type="input"]:hover,
.tinymce textarea:hover,
.tinymce input[type="password"]:focus,
.tinymce input[type="text"]:focus,
.tinymce input[type="input"]:focus,
.tinymce textarea:focus {
border-color: #006ad2;
}
.tinymce input[type="text"].invalid,
.tinymce textarea.invalid {
border-color: #f15922;
}
.tinymce #insert,
.tinymce input.button,
.tinymce .updateButton {
background-color: #00509f;
color: white;
}
.tinymce #insert:hover,
.tinymce input.button:hover,
.tinymce .updateButton:hover {
background-color: #005db9;
}
.tinymce #insert:active,
.tinymce input.button:active,
.tinymce .updateButton:active {
background-color: #004386;
}
.tinymce #insert[disabled],
.tinymce input.button[disabled],
.tinymce .updateButton[disabled] {
background-color: #cbd0d3;
}
.tinymce #cancel {
color: #00509f;
}
.tinymce .tabs li a {
border: 1px solid #00509f;
color: #00509f;
}
.tinymce .tabs li a:active {
background-color: #00509f;
}
.tinymce .tabs .current a {
background-color: #00509f;
color: white;
}
.tinymce .tabs li:last-child a {
border-right: 1px solid #00509f;
}
.content-fragment-page .layout .content .fa.content-region-header .content-fragment-content,
.fa.content-region-header .content-fragment-content {
padding: 0;
}
.content-fragment-banner {
min-height: 260px;
background-size: cover;
position: relative;
background-color: #a8a8aa;
background-position: center center;
}
.content-fragment-banner .content-fragment-banner-content {
padding-top: 80px;
overflow: hidden;
}
.content-fragment-banner .content-fragment-banner-content .button {
margin: 20px;
}
.content-fragment-banner .banner-wipe {
background-color: white;
min-height: 101px;
display: inline-block;
position: relative;
}
.content-fragment-banner .banner-wipe h2 {
color: #ed1c24;
margin: 0;
padding: 15px 0 0 20px;
}
.content-fragment-banner .banner-wipe p {
margin: 0;
padding: 5px 0 15px 20px;
color: #666666;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 18px;
}
.content-fragment-banner .banner-wipe:after {
content: ' ';
width: 60px;
height: 108px;
background: url(https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/headingwiperightwhite.png) top left no-repeat;
position: absolute;
top: -7px;
right: -60px;
}
.glow-lookuptextbox {
-webkit-appearance: none;
border: 1px solid #d9dcde !important;
padding: 6px !important;
font-size: 14px !important;
font-family: Arial, 'Helvetica', sans-serif !important;
box-sizing: border-box !important;
width: 100% !important;
resize: none !important;
border-radius: 3px !important;
-webkit-transition: border-color 0.1s;
-moz-transition: border-color 0.1s;
transition: border-color 0.1s;
}
.glow-lookuptextbox:hover,
.glow-lookuptextbox:focus {
border-color: #006ad2 !important;
}
.glow-lookuptextbox > div {
margin-right: 10px;
}
.glow-lookuptextbox > div > div {
padding: 6px !important;
margin: -4px !important;
border-radius: 3px;
border-width: 0 !important;
height: auto !important;
}
.glow-lookuptextbox > div > div > a {
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.glow-lookuptextbox > div > div > a:before,
.glow-lookuptextbox > div > div > a .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.composer-hashtag-selector,
.composer-mentionable-selector {
border: 1px solid #00509f;
}
.composer-hashtag-selector li,
.composer-mentionable-selector li {
font-size: 12.6px;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
.rating .star-off-left {
padding: 0 !important;
margin: 0 !important;
font-weight: bold;
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
width: 7px;
color: #d9dcde;
}
.rating .star-off-left:before,
.rating .star-off-left .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e809";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e809');
}
.rating .star-on-left {
padding: 0 !important;
margin: 0 !important;
font-weight: bold;
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
width: 7px;
color: #00509f;
}
.rating .star-on-left:before,
.rating .star-on-left .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e808";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e808');
}
.rating .star-off-right {
padding: 0 !important;
margin: 0 !important;
font-weight: bold;
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
width: 7px;
color: #d9dcde;
}
.rating .star-off-right:before,
.rating .star-off-right .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e809";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e809');
}
.rating .star-off-right:before {
left: -7px;
}
.rating .star-on-right {
padding: 0 !important;
margin: 0 !important;
font-weight: bold;
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
width: 7px;
color: #00509f;
}
.rating .star-on-right:before,
.rating .star-on-right .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e808";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e808');
}
.rating .star-on-right:before {
left: -7px;
}
.ui-webpreview .abbreviated-post.shared-link {
text-align: left;
position: relative;
padding: 10px !important;
background-color: #e8e8e8 !important;
border-width: 0 !important;
font-size: 11.9px !important;
}
.ui-webpreview .abbreviated-post.shared-link .post-summary {
margin-bottom: 0px;
font-size: 11.2px;
line-height: 1.4em;
color: #666666;
}
.ui-webpreview .abbreviated-post.shared-link.with-image {
padding-left: 110px !important;
min-height: 110px !important;
}
.ui-webpreview .abbreviated-post.shared-link .post-thumbnail {
left: 10px !important;
top: 10px !important;
}
.ui-webpreview .abbreviated-post.shared-link .post-name a {
font-family: Arial, 'Helvetica', sans-serif;
font-size: 14px;
font-weight: normal !important;
}
.ui-webpreview.preview .abbreviated-post.shared-link {
background-color: Transparent !important;
}
.ui-webpreview.preview .abbreviated-post.shared-link.with-image {
padding: 0 !important;
min-height: 0 !important;
}
.abbreviated-post.shared-link.abbreviated-post .post-name {
margin: 0 !important;
}
.width {
margin-left: auto;
margin-right: auto;
min-width: 570px;
max-width: 1160px;
padding-left: 10px;
padding-right: 10px;
}
html,
body,
form:first-child {
height: 100%;
}
html .content-fragment-page,
body .content-fragment-page,
form:first-child .content-fragment-page {
min-height: 75%;
}
.admin-bar {
width: 110px;
position: fixed;
top: 0;
right: -100px;
background-color: #666666;
opacity: 0.85;
padding: 0px;
z-index: 10000;
font-size: .75em;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
min-height: 44px;
}
.admin-bar a {
clear: both;
display: block;
padding: 5px 10px 5px 10px;
margin: 0;
color: whitesmoke;
}
.admin-bar a:hover {
background-color: #00509f;
color: white;
}
.admin-bar a:active {
background-color: #00509f;
color: white;
}
.admin-bar .navigation-item:first-child:last-child a {
line-height: 44px;
padding-top: 0;
padding-bottom: 0;
}
.admin-bar .navigation-item .internal-link.select-page,
.admin-bar .navigation-item .internal-link.import-export-page,
.admin-bar .navigation-item .internal-link.revert-page {
float: none;
margin: 0;
}
.admin-bar:hover,
.edit .admin-bar {
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
right: 0;
opacity: 1;
}
@media only screen and (min-width: 1352.5px) {
.admin-bar {
right: 0;
}
}
.page-editing,
.page-editing *,
.page-management-edit-link,
.page-management-edit-link *,
.content-fragment-management,
.content-fragment-management-header,
.content-fragment-management-header-inner {
-ms-box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.page-editing {
margin-left: auto;
margin-right: auto;
min-width: 570px;
max-width: 1160px;
padding-left: 10px;
padding-right: 10px;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment {
padding-top: 0;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content {
margin-top: 25px;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > .content .actions.top a:first-child,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .actions.top a:first-child,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .actions.top a:first-child,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .actions.top a:first-child,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .actions.top a:first-child,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .actions.top a:first-child,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > .content .actions.download a:first-child,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .actions.download a:first-child,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .actions.download a:first-child,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .actions.download a:first-child,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .actions.download a:first-child,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .actions.download a:first-child,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > .content .status .attribute-item.answer-status:first-child,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .status .attribute-item.answer-status:first-child,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .status .attribute-item.answer-status:first-child,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .status .attribute-item.answer-status:first-child,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .status .attribute-item.answer-status:first-child,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .status .attribute-item.answer-status:first-child {
margin-top: 5.243445693px !important;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > .content .name,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .name,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > .content .name,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .name,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .name,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > div > .content.full .name {
margin-top: 0;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > fieldset > h1,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > fieldset > h1,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > fieldset > h1,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > fieldset > h2,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > fieldset > h2,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > fieldset > h2,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment .content-fragment-content > fieldset > h3,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content > fieldset > h3,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment .content-fragment-content > fieldset > h3 {
margin-top: 0;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header {
margin-top: 25px;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border .content-fragment-content,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-content,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-content,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header .content-fragment-content,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-content,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-content {
margin-top: 0;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border .content-fragment-header,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-header,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border .content-fragment-header,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.with-header .content-fragment-header,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-header,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.with-header .content-fragment-header {
margin-top: 0;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.top-border.with-header,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.top-border.with-header,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.top-border.with-header {
padding-top: 0 !important;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment ~ .content-fragment,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment ~ .content-fragment,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment ~ .content-fragment {
padding-top: inherit;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment ~ .content-fragment .content-fragment-content,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment ~ .content-fragment .content-fragment-content,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment ~ .content-fragment .content-fragment-content {
margin-top: 0;
}
.single-column .content-fragment .content-fragment-content {
margin-top: 10px;
}
.single-column .content-fragment ~ .content-fragment .content-fragment-content,
.single-column .content-fragment.featured-content-slider .content-fragment-content,
.single-column .content-fragment.navigation-custom .content-fragment-content {
margin-top: 0;
}
.button_style {
background-color: #00509f;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
color: white;
text-decoration: none;
border-radius: 5px;
padding: 10px 20px 10px 20px;
}
.button_style:hover {
background-color: #0058ae;
}
.button_style:active {
background-color: #004386;
}
.page-management-edit-link {
padding-top: 20px;
}
.page-management-edit-link a {
background-color: #00509f;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
color: white;
text-decoration: none;
border-radius: 5px;
padding: 10px 20px 10px 20px;
}
.page-management-edit-link a:hover {
background-color: #0058ae;
}
.page-management-edit-link a:active {
background-color: #004386;
}
.header-fragments .layout .header-top-content {
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.header-fragments .layout .header-top-content .layout-region.header {
width: 100%;
color: #666666;
background-color: whitesmoke;
border-bottom: 1px solid gainsboro;
opacity: 1;
}
.header-fragments .layout .header-top-content.scrolled {
-webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}
.header-fragments .layout .header-top-content.scrolled .layout-region.header {
opacity: .98;
border-bottom: 0px;
}
.header-fragments .layout .header-top-content.with-adaptable-elements .layout-region.header {
border-bottom: 0px;
opacity: 1;
background-color: #f2f2f2;
border-bottom: 1px solid gainsboro;
}
.header-fragments .layout .header-top-content.with-adaptable-elements .layout-region.content {
border-bottom: 1px solid gainsboro;
opacity: 1;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.header-fragments .layout .header-top-content.with-adaptable-elements.scrolled .layout-region.header {
border-bottom: 1px solid gainsboro;
opacity: .98;
}
.header-fragments .layout .header-top-content.with-adaptable-elements.scrolled .layout-region.content {
background-color: whitesmoke;
opacity: .98;
border-bottom: 0px;
}
.header-fragments .layout .header-top-content .layout-region-inner {
margin-left: auto;
margin-right: auto;
min-width: 570px;
}
.header-fragments .layout-region.content {
border: 0px;
position: relative;
}
.content-fragment-page > .layout {
margin-left: auto;
margin-right: auto;
min-width: 570px;
max-width: 1160px;
padding-left: 10px;
padding-right: 10px;
}
.content-fragment-page > .layout .layout-region-inner.content {
margin-bottom: 0;
}
.content-fragment {
padding: 0;
}
.content-fragment.top-border {
margin-top: 10px;
border-top: 1px solid gainsboro;
}
.content-fragment.with-spacing {
padding: 10px 0 10px 0;
}
.content-fragment .content-fragment-header {
display: none;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
padding: 0 0 10px 0;
font-size: 16.8px;
-webkit-font-smoothing: antialiased;
color: #8c8c8c;
font-weight: 700;
}
.content-fragment.with-header {
margin-top: 10px;
}
.content-fragment.with-header .content-fragment-header {
display: block;
}
.content-fragment.with-header.top-border {
border-top: 0px;
}
.content-fragment.with-header.top-border .content-fragment-header {
display: block;
border-bottom: 1px solid gainsboro;
margin-bottom: 10px;
}
.footer-fragments {
min-height: 100px;
}
.footer-fragments > .layout {
margin-left: auto;
margin-right: auto;
min-width: 570px;
max-width: 1160px;
padding-left: 10px;
padding-right: 10px;
}
.layout-content {
overflow: hidden;
}
.layout-content .layout-region-inner {
min-height: 0px;
}
.layout-content .layout-region.empty {
height: 0px;
}
.layout-content.content-left-sidebar-right .layout-region.content {
padding-right: 10px;
}
.layout-content.content-left-sidebar-right .layout-region.right-sidebar {
width: 240px;
padding-left: 10px;
}
.layout-content.sidebar-left-content-right .layout-region.content {
padding-left: 10px;
}
.layout-content.sidebar-left-content-right .layout-region.left-sidebar {
width: 240px;
padding-right: 10px;
}
.layout-content.sidebar-left-content-center-sidebar-right .layout-region.content {
padding-left: 10px;
padding-right: 10px;
}
.layout-content.sidebar-left-content-center-sidebar-right .layout-region.left-sidebar {
width: 240px;
padding-right: 10px;
}
.layout-content.sidebar-left-content-center-sidebar-right .layout-region.right-sidebar {
width: 240px;
padding-left: 10px;
}
.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-left,
.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-right {
padding-left: 10px;
padding-right: 10px;
width: 50%;
}
.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.content {
width: 50%;
padding-right: 10px;
}
.layout-content.content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.right-sidebar {
width: 50%;
padding-left: 10px;
}
.layout-content.header-top-content-left-sidebar-right .layout-region.content {
padding-right: 10px;
}
.layout-content.header-top-content-left-sidebar-right .layout-region.right-sidebar {
width: 240px;
padding-left: 10px;
}
.layout-content.header-top-sidebar-left-content-right .layout-region.content {
padding-left: 10px;
}
.layout-content.header-top-sidebar-left-content-right .layout-region.left-sidebar {
width: 240px;
padding-right: 10px;
}
.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.content {
padding-left: 10px;
padding-right: 10px;
}
.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.left-sidebar {
width: 240px;
padding-right: 10px;
}
.layout-content.header-top-sidebar-left-content-center-sidebar-right .layout-region.right-sidebar {
width: 240px;
padding-left: 10px;
}
.layout-content.header-top-split-content-footer .layout-region.left-sidebar {
padding-right: 10px;
}
.layout-content.header-top-split-content-footer .layout-region.right-sidebar {
padding-left: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.right-sidebar {
width: 50%;
padding-left: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.content {
width: 50%;
padding-right: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-left {
width: 25%;
padding-left: 10px;
padding-right: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom .layout-region.split-sidebar-right {
width: 25%;
padding-left: 10px;
}
.layout-content.split-content .layout-region.content {
padding-right: 10px;
}
.layout-content.split-content .layout-region.right-sidebar {
padding-left: 10px;
}
.layout-content.header-top-split-content .layout-region.content {
padding-right: 10px;
}
.layout-content.header-top-split-content .layout-region.right-sidebar {
padding-left: 10px;
}
.layout-content.header-top-content-left-sidebar-right-footer .layout-region.content {
padding-right: 10px;
}
.layout-content.header-top-content-left-sidebar-right-footer .layout-region.right-sidebar {
width: 240px;
padding-left: 10px;
}
.layout-content.header-top-sidebar-left-content-right-footer .layout-region.content {
padding-left: 10px;
}
.layout-content.header-top-sidebar-left-content-right-footer .layout-region.left-sidebar {
width: 240px;
padding-right: 10px;
}
.layout-content.header-top-sidebar-left-content-center-sidebar-right-footer .layout-region.content {
padding-left: 10px;
padding-right: 10px;
}
.layout-content.header-top-sidebar-left-content-center-sidebar-right-footer .layout-region.left-sidebar {
width: 240px;
padding-right: 10px;
}
.layout-content.header-top-sidebar-left-content-center-sidebar-right-footer .layout-region.right-sidebar {
width: 240px;
padding-left: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.content {
padding-left: 10px;
padding-right: 10px;
width: 50%;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.left-sidebar {
padding-right: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.right-sidebar {
width: 50%;
padding-left: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.split-sidebar-left {
width: 25%;
padding-left: 10px;
padding-right: 10px;
}
.layout-content.header-top-content-left-split-sidebar-right-top-single-sidebar-right-bottom-footer .layout-region.split-sidebar-right {
width: 25%;
padding-left: 10px;
}
.menu.save-page-content,
.menu.select-page-content {
background-color: #666666;
border-radius: 0px;
border: 0px;
}
.menu.save-page-content .field-item,
.menu.select-page-content .field-item {
margin: 0px;
padding: 5px 2px 5px 2px;
}
.menu.save-page-content .field-item.select-page,
.menu.select-page-content .field-item.select-page {
border-bottom: 0px;
}
.menu.save-page-content input[type="button"],
.menu.select-page-content input[type="button"] {
background-color: #00509f;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
color: white;
text-decoration: none;
border-radius: 5px;
padding: 10px 20px 10px 20px;
padding: 0px 10px 0px 10px;
}
.menu.save-page-content input[type="button"]:hover,
.menu.select-page-content input[type="button"]:hover {
background-color: #0058ae;
}
.menu.save-page-content input[type="button"]:active,
.menu.select-page-content input[type="button"]:active {
background-color: #004386;
}
::-ms-clear {
display: none!important;
}
.message {
clear: both;
line-height: 1.3;
font-size: 12.6px;
padding: 10px;
color: #999999;
border: 1px solid #e6e9ea;
font-style: italic;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.message a {
text-decoration: underline;
}
.message.warning,
.message.error {
font-style: normal;
background-color: #fffbfa;
color: #f15922;
border: 1px solid #f15922;
}
.message.warning a,
.message.error a {
color: #f15922;
}
.message:only-child {
margin-top: 10px;
}
.message.loading {
margin-top: 10px;
}
.popup-list.notification {
border-radius: 0 0 3px 3px;
overflow: hidden;
}
.popup-list.notification .message {
background-color: #333333;
opacity: .85;
color: white;
margin: 0;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
font-size: 14px;
padding: 20px 30px 20px 30px;
}
.popup-list.notification .message.error {
background-color: #f15922;
opacity: .95;
}
.shared_link {
border: 0px;
padding: 5px !important;
background-color: transparent !important;
margin: 0px;
}
.shared_link a {
font-family: Arial, 'Helvetica', sans-serif;
}
.shared_link h4 {
margin-bottom: 5px !important;
}
.shared_link .post-name a {
font-size: 15.4px;
color: gray;
font-weight: bold;
}
.shared_link .post-application a {
color: #bdc3c7;
font-size: 11.2px;
}
.shared_link .post-summary {
color: #bdc3c7;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.shared_link:hover .post-name a {
color: #666666;
}
.shared_link:hover .post-application a {
color: #666666;
}
.shared_link:hover .post-summary {
color: #666666;
}
.shared_link.with-image {
min-height: 100px !important;
padding-left: 105px !important;
}
.shared_link .post-thumbnail {
top: 5px !important;
left: 5px !important;
}
.ui-webpreview .abbreviated-post.shared-link {
border: 0px;
padding: 5px !important;
background-color: transparent !important;
margin: 0px;
}
.ui-webpreview .abbreviated-post.shared-link a {
font-family: Arial, 'Helvetica', sans-serif;
}
.ui-webpreview .abbreviated-post.shared-link h4 {
margin-bottom: 5px !important;
}
.ui-webpreview .abbreviated-post.shared-link .post-name a {
font-size: 15.4px;
color: gray;
font-weight: bold;
}
.ui-webpreview .abbreviated-post.shared-link .post-application a {
color: #bdc3c7;
font-size: 11.2px;
}
.ui-webpreview .abbreviated-post.shared-link .post-summary {
color: #bdc3c7;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.ui-webpreview .abbreviated-post.shared-link:hover .post-name a {
color: #666666;
}
.ui-webpreview .abbreviated-post.shared-link:hover .post-application a {
color: #666666;
}
.ui-webpreview .abbreviated-post.shared-link:hover .post-summary {
color: #666666;
}
.ui-webpreview .abbreviated-post.shared-link.with-image {
min-height: 100px !important;
padding-left: 105px !important;
}
.ui-webpreview .abbreviated-post.shared-link .post-thumbnail {
top: 5px !important;
left: 5px !important;
}
.full-post.activity .abbreviated-post.shared-link {
border: 0px;
padding: 5px !important;
background-color: transparent !important;
margin: 0px;
}
.full-post.activity .abbreviated-post.shared-link a {
font-family: Arial, 'Helvetica', sans-serif;
}
.full-post.activity .abbreviated-post.shared-link h4 {
margin-bottom: 5px !important;
}
.full-post.activity .abbreviated-post.shared-link .post-name a {
font-size: 15.4px;
color: gray;
font-weight: bold;
}
.full-post.activity .abbreviated-post.shared-link .post-application a {
color: #bdc3c7;
font-size: 11.2px;
}
.full-post.activity .abbreviated-post.shared-link .post-summary {
color: #bdc3c7;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.full-post.activity .abbreviated-post.shared-link:hover .post-name a {
color: #666666;
}
.full-post.activity .abbreviated-post.shared-link:hover .post-application a {
color: #666666;
}
.full-post.activity .abbreviated-post.shared-link:hover .post-summary {
color: #666666;
}
.full-post.activity .abbreviated-post.shared-link.with-image {
min-height: 100px !important;
padding-left: 105px !important;
}
.full-post.activity .abbreviated-post.shared-link .post-thumbnail {
top: 5px !important;
left: 5px !important;
}
.ui-links {
display: none;
}
.ui-rate {
overflow: hidden;
padding: 0px;
}
.ui-rate a {
float: left;
margin: 0 !important;
padding: 0 !important;
}
.composer-mentionable-mention-highlight {
background-color: #cce7f3;
color: #cce7f3;
}
.composer-mentionable-selector li {
border-bottom: 1px solid #cce7f3;
}
.composer-mentionable-selector li.highlight {
background-color: #cce7f3;
}
.composer-hashtag-highlight {
background-color: #cce7f3;
color: #cce7f3;
}
.composer-hashtag-selector li {
border-bottom: 1px solid #cce7f3;
}
.composer-hashtag-selector li.highlight {
background-color: #cce7f3;
}
.composer-url-highlight {
background-color: #cce7f3;
color: #cce7f3;
}
.ui-moderate a {
text-indent: 0;
width: 100%;
height: auto;
padding: 0px;
}
.ui-moderate a:hover {
background-color: transparent;
}
.ui-masonry {
visibility: hidden;
}
.ui-like {
color: #a1aab0;
}
.ui-like .like-count {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
color: #a1aab0;
margin-right: 0;
}
.ui-like .like-count:before,
.ui-like .like-count .ie7_before {
width: 9.8px;
height: 9.8px;
display: inline-block;
content: "\e82b";
font-family: Entypo;
font-size: 9.8px;
line-height: 9.8px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e82b');
}
.ui-like .like-count:before {
top: 0px;
}
.ui-like .like-count[data-count="0"] {
display: none;
}
.ui-like .like-toggle a {
padding: 0 5px 0 0 !important;
}
.ui-like[data-initialstate="true"] {
color: #00509f !important;
}
.ui-like[data-initialstate="true"] a {
color: #00509f !important;
}
.ui-like[data-initialstate="true"] .like-count {
color: #00509f !important;
}
.ui-like[data-initialstate="false"][data-count="0"]:before {
display: none;
}
.modal-content .who-likes-list ul {
overflow: hidden;
}
.modal-content .who-likes-list .show-more {
font-size: 12.6px;
color: #bdc3c7;
padding-top: 10px;
}
.modal-content .who-likes-list .show-more:hover {
color: #00509f;
}
.modal-content .who-likes-list .content-list .content-item .avatar {
top: 0px;
}
.modal-content .who-likes-list .content-list .content-item img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.theater-mask {
background-color: #666666;
opacity: 0.85;
}
.theater-content .post-attachment-viewer {
border: 0px;
background-color: #e8e8e8;
overflow: hidden;
min-height: 300px;
}
.theater-content .post-attachment-viewer > a {
display: block;
width: 100%;
}
.theater-content .post-attachment-viewer > a > img {
margin-left: auto;
margin-right: auto;
}
.theater-content .post-attachment-viewer > embed,
.theater-content .post-attachment-viewer > object,
.theater-content .post-attachment-viewer > img,
.theater-content .post-attachment-viewer > video,
.theater-content .post-attachment-viewer > audio {
max-height: 500px !important;
max-width: 100% !important;
}
.theater-content .post-attachment-viewer > img {
border: 0 none
margin: 0;
vertical-align: bottom;
}
.theater-content .post-attachment-viewer > .ui-viewhtml > embed,
.theater-content .post-attachment-viewer > .ui-viewhtml > object,
.theater-content .post-attachment-viewer > .ui-viewhtml > img,
.theater-content .post-attachment-viewer > .ui-viewhtml > video,
.theater-content .post-attachment-viewer > .ui-viewhtml > audio {
max-height: 500px !important;
max-width: 100% !important;
}
.theater-content .post-attachment-viewer > .ui-viewhtml > img {
border: 0 none
margin: 0;
vertical-align: bottom;
}
.theater-content .content-list .content-item.activity-story,
.theater-content .activity-story {
border: 0px;
padding-left: 78px;
padding-bottom: 20px;
}
.theater-content .content-list .content-item.activity-story .navigation-list .navigation-item:first-child,
.theater-content .activity-story .navigation-list .navigation-item:first-child {
padding-left: 0;
}
.theater-content .content-list .content-item.activity-story .like-indicator,
.theater-content .activity-story .like-indicator {
display: none;
}
.theater-content .content-list .content-item.activity-story .content-list.comments .content-item.action,
.theater-content .activity-story .content-list.comments .content-item.action {
display: none;
}
.theater-content .content-list .content-item.activity-story .post-author .avatar img,
.theater-content .activity-story .post-author .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.theater-container a.theater-back {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.theater-container a.theater-back:before,
.theater-container a.theater-back .ie7_before {
width: 16.8px;
height: 16.8px;
display: inline-block;
content: "\e87c";
font-family: Entypo;
font-size: 16.8px;
line-height: 16.8px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87c');
}
.theater-container a.theater-next {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.theater-container a.theater-next:before,
.theater-container a.theater-next .ie7_before {
width: 16.8px;
height: 16.8px;
display: inline-block;
content: "\e87d";
font-family: Entypo;
font-size: 16.8px;
line-height: 16.8px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87d');
}
.theater-container a.theater-next,
.theater-container a.theater-back {
background-color: transparent;
box-shadow: none;
opacity: 0.6;
color: whitesmoke;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
overflow: hidden;
line-height: 14px;
width: 36.8px !important;
height: 36.8px !important;
}
.theater-container a.theater-next:hover,
.theater-container a.theater-back:hover {
opacity: 1;
}
.theater-content-container {
padding: 0px;
box-shadow: none;
}
.theater-content-container a.theater-close:link,
.theater-content-container a.theater-close:visited,
.theater-content-container a.theater-close:active {
display: inline-block;
width: 36.8px;
height: 36.8px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
background-color: rgba(0, 0, 0, 0.7);
opacity: 0.7;
color: whitesmoke;
width: 36.8px !important;
height: 36.8px !important;
position: absolute;
top: 0px;
right: 0px;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
}
.theater-content-container a.theater-close:link:before,
.theater-content-container a.theater-close:visited:before,
.theater-content-container a.theater-close:active:before,
.theater-content-container a.theater-close:link .ie7_before,
.theater-content-container a.theater-close:visited .ie7_before,
.theater-content-container a.theater-close:active .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 36.8px;
height: 36.8px;
top: 10px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 16.8px;
line-height: 16.8px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.theater-content-container a.theater-close:link :before,
.theater-content-container a.theater-close:visited :before,
.theater-content-container a.theater-close:active :before {
position: absolute;
top: 0px;
right: 0px;
}
.theater-content-container a.theater-close:link:hover,
.theater-content-container a.theater-close:visited:hover,
.theater-content-container a.theater-close:active:hover {
background-color: #00509f;
}
.theater-content-container:hover a.theater-close:link,
.theater-content-container:hover a.theater-close:visited,
.theater-content-container:hover a.theater-close:active {
opacity: 1;
}
.banner.site {
width: 100%;
display: table;
padding: 0px;
height: 44px;
}
.banner.site .popup-list-count {
position: absolute;
top: 0px;
left: -2px;
background-color: #f15922;
color: white !important;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 9.8px;
display: block;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
z-index: 100;
-webkit-text-stroke-width: 0px !important;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.banner.site .avatar {
display: table-cell;
width: 125px;
margin: 0 0 0 0;
overflow: hidden;
border-spacing: 0px;
vertical-align: middle;
background-color: #f15922;
padding-left: 0;
}
.banner.site .avatar a {
display: block;
}
.banner.site fieldset {
display: table-cell;
padding-left: 35px;
}
.banner.site fieldset ul {
display: block;
width: 100%;
}
.banner.site fieldset ul li {
display: block;
width: 100%;
margin: 6px 0px 0px 0px;
}
.banner.site fieldset ul li label {
display: none;
}
.banner.site fieldset ul li .field-item-input {
display: block;
width: 100%;
margin: 5px 5px 0px 5px;
position: relative;
}
.banner.site fieldset ul li .field-item-input input {
width: 100%;
border: 1px solid white;
height: 32px;
padding: 0 0 0 40px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.banner.site fieldset ul li .field-item-input input:hover,
.banner.site fieldset ul li .field-item-input input:focus {
border-color: #00509f;
background-color: whitesmoke;
}
.banner.site fieldset ul li .field-item-input input.active {
border-color: #00509f;
background-color: whitesmoke;
}
.banner.site fieldset ul li .field-item-input:after {
font-size: 20px;
height: 20px;
width: 20px;
display: block;
font-family: Entypo;
content: "\e803";
position: absolute;
color: #bdc3c7;
top: 7px;
left: 15px;
}
.banner.site .navigation-list {
display: table-cell;
width: 20%;
vertical-align: middle;
}
.banner.site .navigation-list .navigation-list-item > span {
display: block;
float: right;
position: relative;
}
.banner.site .navigation-list ul {
width: 115px;
float: right;
overflow: hidden;
}
.banner.site .navigation-list ul a {
margin-right: 4px;
float: right;
color: #f2f2f2;
}
.banner.site .navigation-list ul a.active {
color: #00509f;
}
.banner.site .navigation-list ul .notifications {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.site .navigation-list ul .notifications:before,
.banner.site .navigation-list ul .notifications .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e8b4";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e8b4');
}
.banner.site .navigation-list ul .conversations {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.site .navigation-list ul .conversations:before,
.banner.site .navigation-list ul .conversations .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e83b";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e83b');
}
.banner.site .navigation-list ul .bookmarks {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.site .navigation-list ul .bookmarks:before,
.banner.site .navigation-list ul .bookmarks .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e828";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e828');
}
.banner.site .navigation-list ul .bookmarks.bookmarked {
color: #f15922 !important;
}
.banner.site .navigation-list ul .user {
overflow: hidden;
position: relative;
top: 1px;
}
.banner.site .navigation-list ul .user.with-icon {
top: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.site .navigation-list ul .user.with-icon:before,
.banner.site .navigation-list ul .user.with-icon .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e80a";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e80a');
}
.banner.site .navigation-list ul .user img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.banner.site .navigation-list ul .notifications,
.banner.site .navigation-list ul .conversations,
.banner.site .navigation-list ul .bookmarks,
.banner.site .navigation-list ul .user {
margin: 4px 4px 4px 4px;
}
.banner.site .navigation-list.site-links {
width: 35px;
}
.banner.site .navigation-list.site-links ul {
width: 35px;
}
.banner.site .navigation-list.site-links ul .site-navigation {
display: inline-block;
width: 22px;
height: 22px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
float: right;
margin-right: 0px;
margin-left: 10px;
}
.banner.site .navigation-list.site-links ul .site-navigation:before,
.banner.site .navigation-list.site-links ul .site-navigation .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 22px;
height: 22px;
top: 0px;
left: 0;
display: block;
content: "\e811";
font-family: Entypo;
font-size: 22px;
line-height: 22px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e811');
}
.banner.site .handheld {
display: none;
}
.banner.site.with-site-navigation .avatar {
width: 125px;
}
.banner.site.with-site-navigation fieldset {
padding-left: 0px;
}
.banner.context {
position: relative;
height: 88px;
overflow: hidden;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
padding-left: 78px;
}
.banner.context.with-alert {
height: 121.8px;
}
.banner.context a {
color: whitesmoke;
position: relative;
display: block;
}
.banner.context .avatar {
position: absolute;
top: 10px;
left: 0px;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
border: 0px;
}
.banner.context .avatar .caption {
display: none;
}
.banner.context .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
}
.banner.context .name,
.banner.context .description {
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
float: left;
margin: 0;
font-size: 18.2px;
position: relative;
line-height: 88px;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
color: #8c8c8c;
font-weight: 700;
}
.banner.context .name a,
.banner.context .description a {
color: #8c8c8c;
font-weight: 700;
}
.banner.context .name a:hover,
.banner.context .description a:hover {
color: #00509f;
}
.banner.context .description {
padding-left: 15px;
}
.banner.context .description a {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.context .description a:before,
.banner.context .description a .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e875";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e875');
}
.banner.context .description a:before {
top: -2px;
color: #bdc3c7;
}
.banner.context .navigation-list.applications {
float: left;
}
.banner.context .navigation-list.applications ul {
width: auto !important;
min-width: 0 !important;
display: table !important;
}
.banner.context .navigation-list.applications ul li {
float: left;
height: 100%;
overflow: hidden;
}
.banner.context .navigation-list.applications ul a {
margin: 32px 0 0 20px;
float: left;
padding: 2.5px 10px 2.5px 10px;
font-size: 12.6px;
height: auto;
border: 1px solid #cbd0d3;
color: #a1aab0;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
}
.banner.context .navigation-list.applications ul a:hover {
color: #00509f;
border-color: #00509f;
}
.banner.context .navigation-list.applications ul a.more {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.context .navigation-list.applications ul a.more:before,
.banner.context .navigation-list.applications ul a.more .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e877";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e877');
}
.banner.context .navigation-list.new {
float: right;
width: 115px;
position: absolute;
top: 27px;
right: 0px;
-webkit-transition: 100ms;
-moz-transition: 100ms;
transition: 100ms;
}
.banner.context .navigation-list.new ul li {
float: right;
height: 100%;
overflow: hidden;
}
.banner.context .navigation-list.new ul a {
float: left;
width: 115px;
text-align: center;
background-color: #00509f;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12.6px;
height: auto;
line-height: 34px;
font-weight: 700;
-webkit-transition: 300ms;
-moz-transition: 300ms;
transition: 300ms;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
margin-top: 0px;
}
.banner.context .navigation-list.new ul a:before,
.banner.context .navigation-list.new ul a .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e816";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 10px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e816');
}
.banner.context .navigation-list.new ul a:hover {
background-color: #005db9;
}
.banner.context .alert {
height: 23.8px;
line-height: 23.8px;
clear: both;
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: 88px;
}
.banner.context .alert a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
width: 100%;
line-height: 23.8px;
color: #bfbfbf;
font-weight: 700;
font-size: 11.2px;
border: 1px solid #cbd0d3;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
}
.banner.context.home .name,
.banner.context.home .description {
line-height: 63px;
}
.banner.context.home .avatar .caption {
position: absolute;
display: block;
width: 68px;
background-color: #666666;
opacity: .9;
top: 22px;
padding: 3px 0 3px 0;
text-align: center;
font-size: 11.2px;
}
.banner.context.home .navigation-list.applications {
clear: left;
position: relative;
top: -14px;
width: 70%;
}
.banner.context.home .navigation-list.applications ul li {
float: left;
height: 100%;
overflow: hidden;
}
.banner.context.home .navigation-list.applications ul a {
padding: 0px 20px 0 0;
border: 0px;
line-height: 28px;
margin: 0 0 0 0;
color: #bfbfbf;
font-weight: 700;
font-size: 11.9px;
}
.banner.context.home .navigation-list.applications ul a:hover {
color: #00509f;
}
.banner.context.home .navigation-list.applications ul a:before {
display: none;
}
.banner.context.home .navigation-list.applications ul a.more {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.banner.context.home .navigation-list.applications ul a.more:before,
.banner.context.home .navigation-list.applications ul a.more .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e877";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e877');
}
.banner.context.home .navigation-list.applications ul a.more:before {
color: #bdc3c7;
}
.header-fragments:hover .banner.site .navigation-list ul a {
color: #666666;
}
.header-fragments:hover .banner.site fieldset ul li .field-item-input input {
border: 1px solid #e6e6e6;
}
.header-fragments:hover .banner.site fieldset ul li .field-item-input input:hover,
.header-fragments:hover .banner.site fieldset ul li .field-item-input input:focus,
.header-fragments:hover .banner.site fieldset ul li .field-item-input input.active {
border-color: #00509f;
}
.header-fragments:hover .banner.context .navigation-list.applications ul a {
border: 1px solid #a6a6a6;
color: #8c8c8c;
}
.header-fragments:hover .banner.context .navigation-list.applications ul a:hover {
color: #00509f;
border-color: #00509f;
}
.header-fragments:hover .banner.context.home .navigation-list.applications ul a {
border: 0px;
color: #bfbfbf;
}
.header-fragments:hover .banner.context.home .navigation-list.applications ul a:hover {
color: #00509f;
}
.header-fragments:hover .banner.context .alert a {
border-color: #a6a6a6;
color: #8c8c8c;
}
.header-fragments:hover .banner.context .alert a:hover {
color: #00509f;
border-color: #00509f;
}
.header-fragments:hover .banner.context .alert a:active {
background-color: #00509f;
color: white;
}
.ui-select {
display: none;
}
.uiselect {
border: 1px solid #dddddd !important;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
background: -moz-linear-gradient(top, white 0%, #f1f1f1 100%) !important;
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f1f1f1)) !important;
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, #f1f1f1 100%) !important;
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, white 0%, #f1f1f1 100%) !important;
/* Opera 11.10+ */
background: -ms-linear-gradient(top, white 0%, #f1f1f1 100%) !important;
/* IE10+ */
background: linear-gradient(to bottom, white 0%, #f1f1f1 100%) !important;
/* W3C */
padding: 0px !important;
padding-right: 17px !important;
overflow: hidden !important;
position: relative !important;
display: inline-block !important;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
max-height: 500px;
overflow-y: auto !important;
overflow-x: hidden;
}
.uiselect > span {
height: auto !important;
padding: 0px 10px 0px 10px !important;
display: block !important;
border: 0px !important;
margin: 0px !important;
line-height: 38px !important;
height: 38px !important;
font-family: 'Flama', 'Helvetica', Arial, sans-serif !important;
color: #333333 !important;
font-size: 14px !important;
background-color: transparent !important;
overflow: visible !important;
text-transform: uppercase;
}
.uiselect > span:after {
font-family: Entypo;
content: "\e877";
font-size: 14px;
color: #bdc3c7;
position: absolute;
right: 10px;
line-height: 38px;
}
.uiselect > span:after:hover {
color: whitesmoke;
}
.uiselect:hover {
background: #00509f !important;
color: white !important;
border-color: #00509f !important;
}
.uiselect:hover > span {
color: white !important;
background-color: #00509f !important;
}
.uiselect:hover > span:after {
color: white !important;
}
.uiselect.options {
border: 0px !important;
padding: 5px 0 5px 0 !important;
margin: 0px !important;
background-color: transparent !important;
}
.uiselect.options > div {
background-color: whitesmoke !important;
padding: 0px !important;
margin: 0px !important;
background-image: none !important;
border: 1px solid #00509f !important;
overflow: hidden !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.uiselect.options > div > div {
font-family: 'Flama', 'Helvetica', Arial, sans-serif !important;
color: #00509f !important;
font-size: 11.2px !important;
padding: 0px 10px 0px 10px !important;
border: 0px !important;
line-height: 28px !important;
height: 28px !important;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
}
.uiselect.options > div > div:hover,
.uiselect.options > div > div.selected {
background-color: #00509f !important;
color: white !important;
}
.uiselect.options:hover {
background-color: transparent !important;
}
.left-sidebar .uiselect,
.right-sidebar .uiselect {
margin-bottom: 5px !important;
}
.slim_banner {
height: 44px;
padding-left: 37px;
}
.slim_banner.with-alert {
height: 44px;
padding-left: 37px;
}
.slim_banner .avatar {
top: 6px;
}
.slim_banner .avatar img {
width: 32px !important;
height: auto !important;
padding: 0px !important;
}
.slim_banner .name,
.slim_banner .description {
font-size: 14px;
top: 0px;
line-height: 44px;
color: gray;
font-weight: 700;
}
.slim_banner .name a,
.slim_banner .description a {
color: gray;
font-weight: 700;
}
.slim_banner .name a:hover,
.slim_banner .description a:hover {
color: #00509f;
}
.slim_banner .description a:before {
top: 0px;
}
.slim_banner .navigation-list.applications {
display: none;
}
.slim_banner .alert {
display: none;
}
.slim_banner .navigation-list.new {
top: 5px;
}
.banner.context.slim {
height: 44px;
padding-left: 37px;
}
.banner.context.slim.with-alert {
height: 44px;
padding-left: 37px;
}
.banner.context.slim .avatar {
top: 6px;
}
.banner.context.slim .avatar img {
width: 32px !important;
height: auto !important;
padding: 0px !important;
}
.banner.context.slim .name,
.banner.context.slim .description {
font-size: 14px;
top: 0px;
line-height: 44px;
color: gray;
font-weight: 700;
}
.banner.context.slim .name a,
.banner.context.slim .description a {
color: gray;
font-weight: 700;
}
.banner.context.slim .name a:hover,
.banner.context.slim .description a:hover {
color: #00509f;
}
.banner.context.slim .description a:before {
top: 0px;
}
.banner.context.slim .navigation-list.applications {
display: none;
}
.banner.context.slim .alert {
display: none;
}
.banner.context.slim .navigation-list.new {
top: 5px;
}
.scrolled .banner.context {
height: 44px;
padding-left: 37px;
}
.scrolled .banner.context.with-alert {
height: 44px;
padding-left: 37px;
}
.scrolled .banner.context .avatar {
top: 6px;
}
.scrolled .banner.context .avatar img {
width: 32px !important;
height: auto !important;
padding: 0px !important;
}
.scrolled .banner.context .name,
.scrolled .banner.context .description {
font-size: 14px;
top: 0px;
line-height: 44px;
color: gray;
font-weight: 700;
}
.scrolled .banner.context .name a,
.scrolled .banner.context .description a {
color: gray;
font-weight: 700;
}
.scrolled .banner.context .name a:hover,
.scrolled .banner.context .description a:hover {
color: #00509f;
}
.scrolled .banner.context .description a:before {
top: 0px;
}
.scrolled .banner.context .navigation-list.applications {
display: none;
}
.scrolled .banner.context .alert {
display: none;
}
.scrolled .banner.context .navigation-list.new {
top: 5px;
}
.sort {
border: 1px solid #dddddd !important;
float: right;
overflow: hidden;
padding: 0px !important;
margin: 0 0 10px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.sort .by,
.sort .order {
float: left;
padding: 0px !important;
margin: 0px !important;
}
.sort .by .uiselect,
.sort .order .uiselect {
float: left;
border: 0px !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.sort .by .uiselect > span:hover,
.sort .order .uiselect > span:hover {
color: white !important;
}
.sort:hover {
border-color: #00509f !important;
}
.sort:hover .uiselect > span {
color: #00509f !important;
}
.left-sidebar .sort,
.right-sidebar .sort {
display: none;
}
.filter {
display: block;
clear: both;
width: 100%;
display: table;
}
.filter .uiselect > span {
color: #869198 !important;
}
.filter .filter-option {
text-align: center;
display: table-cell;
}
.filter .filter-option a {
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
display: block;
padding: 5px 0 5px 0;
border: 1px solid #cbd0d3;
text-align: center;
border-right: 0px;
color: #869198 !important;
font-size: 12.6px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
}
.filter .filter-option a:active {
background-color: white;
}
.filter .filter-option.selected a {
background-color: #bdc3c7;
color: white !important;
}
.filter .filter-option:last-child a {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-right: 1px solid #bdc3c7;
}
.filter .filter-option:first-child a {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.filter:hover .filter-option a {
color: #00509f !important;
border-color: #00509f !important;
}
.filter:hover .filter-option a:active {
background-color: #6cb6ff;
}
.filter:hover .filter-option.selected a {
background-color: #00509f;
color: white !important;
}
.filter:hover .filter-option:last-child a {
border-right: 1px solid #00509f;
}
.filter-selector {
float: right;
margin: 0 10px 10px 10px;
}
.left-sidebar .filter-selector,
.right-sidebar .filter-selector {
float: none;
clear: both;
width: 100%;
margin: 0;
}
.left-sidebar .filter-selector > div,
.right-sidebar .filter-selector > div {
float: none !important;
clear: both !important;
width: 100% !important;
margin: 0 0 0 0 !important;
overflow: hidden;
}
.left-sidebar .filter-selector > div .uiselect,
.right-sidebar .filter-selector > div .uiselect {
float: left;
width: 100% !important;
}
.view {
float: right;
margin: 0 0 10px 10px;
}
.view .uiselect > span:hover {
color: white !important;
}
.left-sidebar .view,
.right-sidebar .view {
display: none;
}
.navigation-list.links {
display: none;
}
.navigation-list.links a {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: .9em;
display: block;
margin-bottom: 6px;
padding: 4px;
text-align: center;
font-weight: 300;
border: 1px solid #00509f;
color: #00509f;
background-color: whitesmoke;
border-radius: 3px;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
}
.navigation-list.links a:hover,
.navigation-list.links a:active {
background-color: #00509f;
color: whitesmoke;
}
.navigation-list[data-direction='horizontal'] {
margin-bottom: 0px;
}
.navigation-list[data-direction='horizontal'] a {
margin-right: 6px;
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
}
.navigation-list.actions {
display: none;
float: right;
margin: 0 10px 0 10px;
}
.navigation-list.actions a {
padding: 5px 0 5px 20px;
}
.navigation-list.actions a[data-more] {
display: inline-block;
width: 31px;
height: 31px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.navigation-list.actions a[data-more]:before,
.navigation-list.actions a[data-more] .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 31px;
height: 31px;
top: 0px;
left: 0;
display: block;
content: "\e8bf";
font-family: Entypo;
font-size: 31px;
line-height: 31px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e8bf');
}
.navigation-list.navigation {
float: right;
margin: 0 0 10px 10px;
font-size: 11.2px;
line-height: 28px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
}
.navigation-list.navigation a[data-more] {
color: #bdc3c7;
display: inline-block;
width: 31.4px;
height: 31.4px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.navigation-list.navigation a[data-more]:before,
.navigation-list.navigation a[data-more] .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 31.4px;
height: 31.4px;
top: 8px;
left: 0;
display: block;
content: "\e855";
font-family: Entypo;
font-size: 15.4px;
line-height: 15.4px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e855');
}
.navigation-list.navigation a[data-more]:hover,
.navigation-list.navigation a[data-more]:active {
color: #00509f;
}
.breadcrumbs {
display: block;
clear: both;
width: 100%;
margin: 0 0 20px 0;
padding: 0;
}
.breadcrumbs .breadcrumb {
font-size: 12.6px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
margin-right: 10px;
display: inline-block;
}
.breadcrumbs .breadcrumb a {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.breadcrumbs .breadcrumb a:before,
.breadcrumbs .breadcrumb a .ie7_before {
width: 12.6px;
height: 12.6px;
display: inline-block;
content: "\e879";
font-family: Entypo;
font-size: 12.6px;
line-height: 12.6px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e879');
}
.breadcrumbs .breadcrumb:first-child a:before {
display: none;
}
.pager {
clear: both;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: .9em;
display: table;
}
.pager .previous,
.pager .next {
display: table-cell;
padding: 6px 12px 6px 12px;
background-color: #00509f;
color: whitesmoke;
min-width: 88px;
text-align: center;
border-radius: 3px;
}
.pager .previous:hover,
.pager .next:hover {
background-color: rgba(0, 80, 159, 0.8);
}
.pager .previous.disabled,
.pager .next.disabled {
background-color: #cbd0d3;
cursor: default;
}
.pager .previous {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
height: 44px;
}
.pager .previous:before,
.pager .previous .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e87c";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87c');
}
.pager .previous:before {
top: 12px;
left: 32px;
}
.pager .next {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
height: 44px;
}
.pager .next:before,
.pager .next .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e87d";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87d');
}
.pager .next:before {
left: auto;
top: 12px;
right: 32px;
}
.pager .ends {
display: table-cell;
width: 100%;
text-align: center;
vertical-align: top;
top: 0px;
}
.pager .ends a {
color: #bdc3c7;
}
.pager .ends a:hover {
color: #00509f;
}
.pager .ends div .first {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
top: 12px;
right: 6px;
}
.pager .ends div .first:before,
.pager .ends div .first .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e89e";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e89e');
}
.pager .ends div .last {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
top: 12px;
left: 6px;
}
.pager .ends div .last:before,
.pager .ends div .last .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e89d";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e89d');
}
.single-column .pager .previous,
.layout-region.right-sidebar .pager .previous,
.layout-region.left-sidebar .pager .previous,
.single-column .pager .next,
.layout-region.right-sidebar .pager .next,
.layout-region.left-sidebar .pager .next {
min-width: 44px;
padding: 0px;
}
.single-column .pager .previous,
.layout-region.right-sidebar .pager .previous,
.layout-region.left-sidebar .pager .previous {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
height: 33px;
}
.single-column .pager .previous:before,
.layout-region.right-sidebar .pager .previous:before,
.layout-region.left-sidebar .pager .previous:before,
.single-column .pager .previous .ie7_before,
.layout-region.right-sidebar .pager .previous .ie7_before,
.layout-region.left-sidebar .pager .previous .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e87c";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87c');
}
.single-column .pager .previous:before,
.layout-region.right-sidebar .pager .previous:before,
.layout-region.left-sidebar .pager .previous:before {
top: 6px;
left: 12px;
}
.single-column .pager .next,
.layout-region.right-sidebar .pager .next,
.layout-region.left-sidebar .pager .next {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
height: 33px;
}
.single-column .pager .next:before,
.layout-region.right-sidebar .pager .next:before,
.layout-region.left-sidebar .pager .next:before,
.single-column .pager .next .ie7_before,
.layout-region.right-sidebar .pager .next .ie7_before,
.layout-region.left-sidebar .pager .next .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e87d";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87d');
}
.single-column .pager .next:before,
.layout-region.right-sidebar .pager .next:before,
.layout-region.left-sidebar .pager .next:before {
top: 6px;
left: 12px;
}
.single-column .pager .ends div .first,
.layout-region.right-sidebar .pager .ends div .first,
.layout-region.left-sidebar .pager .ends div .first {
top: 8px;
}
.single-column .pager .ends div .last,
.layout-region.right-sidebar .pager .ends div .last,
.layout-region.left-sidebar .pager .ends div .last {
top: 8px;
}
.layout-region.right-sidebar .pager .previous,
.layout-region.left-sidebar .pager .previous,
.layout-region.right-sidebar .pager .next,
.layout-region.left-sidebar .pager .next {
min-width: 44px;
padding: 0px;
}
.layout-region.right-sidebar .pager .previous,
.layout-region.left-sidebar .pager .previous {
background-color: transparent;
color: #bdc3c7;
}
.layout-region.right-sidebar .pager .previous:hover,
.layout-region.left-sidebar .pager .previous:hover {
color: #00509f;
}
.layout-region.right-sidebar .pager .previous.disabled,
.layout-region.left-sidebar .pager .previous.disabled {
color: #f4f5f6;
}
.layout-region.right-sidebar .pager .previous:before,
.layout-region.left-sidebar .pager .previous:before {
left: 0px;
}
.layout-region.right-sidebar .pager .next,
.layout-region.left-sidebar .pager .next {
background-color: transparent;
color: #bdc3c7;
}
.layout-region.right-sidebar .pager .next:hover,
.layout-region.left-sidebar .pager .next:hover {
color: #00509f;
}
.layout-region.right-sidebar .pager .next.disabled,
.layout-region.left-sidebar .pager .next.disabled {
color: #f4f5f6;
}
.layout-region.right-sidebar .pager .next:before,
.layout-region.left-sidebar .pager .next:before {
right: 0px;
left: auto;
}
.layout-region.right-sidebar .pager:hover .previous,
.layout-region.left-sidebar .pager:hover .previous {
color: #00509f;
}
.layout-region.right-sidebar .pager:hover .previous.disabled,
.layout-region.left-sidebar .pager:hover .previous.disabled {
color: #f4f5f6;
}
.layout-region.right-sidebar .pager:hover .next,
.layout-region.left-sidebar .pager:hover .next {
color: #00509f;
}
.layout-region.right-sidebar .pager:hover .next.disabled,
.layout-region.left-sidebar .pager:hover .next.disabled {
color: #f4f5f6;
}
.layout-region.right-sidebar .pager .ends div .first,
.layout-region.left-sidebar .pager .ends div .first,
.layout-region.right-sidebar .pager .ends div .last,
.layout-region.left-sidebar .pager .ends div .last {
left: 0px;
color: #e6e9ea;
}
.layout-region.right-sidebar .pager .ends div .first:hover,
.layout-region.left-sidebar .pager .ends div .first:hover,
.layout-region.right-sidebar .pager .ends div .last:hover,
.layout-region.left-sidebar .pager .ends div .last:hover {
color: #005db9;
}
.links-popup-panel {
width: 230px;
padding-top: 6px;
padding-bottom: 5px;
}
.links-popup-panel ul {
max-height: 500px;
overflow: auto !important;
-webkit-overflow-scrolling: touch;
border-radius: 3px;
background-color: whitesmoke;
list-style: none;
padding: 0px;
margin: 0px;
overflow: hidden;
border: 1px solid #00509f;
}
.links-popup-panel ul > li > span {
display: block;
width: 100%;
overflow: hidden;
}
.links-popup-panel ul > li > span a.selected {
background-color: #ededed;
color: #666666;
}
.links-popup-panel ul > li > span > a,
.links-popup-panel ul a {
color: #00509f;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: .9em;
display: block;
padding: 6px 4px 6px 4px;
text-align: center;
font-weight: 300;
-webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
transition: background-color 0.1s;
}
.links-popup-panel ul > li > span > a:hover,
.links-popup-panel ul a:hover {
background-color: #00509f;
color: whitesmoke;
}
.links-popup-panel ul > li > span > a.selected,
.links-popup-panel ul a.selected {
background-color: #ededed;
color: #666666;
}
.links-popup-panel ul > li > span > a.add-application,
.links-popup-panel ul a.add-application,
.links-popup-panel ul > li > span > a.add-group,
.links-popup-panel ul a.add-group {
background-color: #ededed;
}
.links-popup-panel ul > li > span > a.add-application:hover,
.links-popup-panel ul a.add-application:hover,
.links-popup-panel ul > li > span > a.add-group:hover,
.links-popup-panel ul a.add-group:hover {
background-color: #00509f;
color: whitesmoke;
}
.sheet {
background-color: #e1e1e1;
padding: 10px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.sheet ul {
list-style: none;
padding: 0px;
margin: 0px;
}
.sheet ul li:last-child {
margin-bottom: 70px;
}
.sheet ul li > span {
display: block;
float: none !important;
border-bottom: 1px solid #cfcfcf;
padding: 10px 0 10px 0;
text-align: center;
font-family: Arial, 'Helvetica', sans-serif;
}
.sheet ul li > span > a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
float: none !important;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: normal;
display: block;
text-align: center;
margin-bottom: 0px;
color: #666666;
}
.sheet ul li > span > a:active {
background-color: #00509f;
color: whitesmoke;
}
.sheet ul li > span > a[data-cancel] {
background-color: #cfcfcf;
}
.sheet ul li > span > a[data-cancel]:active {
background-color: #00509f;
color: whitesmoke;
}
.sheet ul li > a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
float: none !important;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: normal;
display: block;
padding: 10px 0 10px 0;
text-align: center;
margin-bottom: 0px;
border-bottom: 1px solid #cfcfcf;
color: #666666;
}
.sheet ul li > a:active {
background-color: #00509f;
color: whitesmoke;
}
.sheet ul li > a[data-cancel] {
background-color: #cfcfcf;
}
.sheet ul li > a[data-cancel]:active {
background-color: #00509f;
color: whitesmoke;
}
.button-style {
line-height: 44px;
height: 44px;
padding: 0 30px 0 30px;
border: 0px;
border-radius: 3px;
display: inline-block;
background-color: #00509f;
color: white;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
margin-right: 10px;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
}
.button-style:hover {
background-color: #005db9;
}
.button-style:active {
background-color: #004386;
}
.button-style.disabled {
background-color: #cbd0d3;
cursor: default;
}
.button-style.disabled:hover {
color: white;
}
fieldset {
border: 0px;
margin: 0px;
padding: 0px;
font-size: 14px;
}
fieldset h1,
fieldset h2,
fieldset h3 {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 35px;
margin: 1em 0 1em 0;
}
fieldset .field-list .field-item {
margin: 10px 0 30px 0;
}
fieldset .field-list .field-item .field-list {
margin-top: 20px;
}
fieldset .field-list .field-item .field-item {
padding: 0 0 0 27.5px;
}
fieldset .field-list .field-item .field-item-header,
fieldset .field-list .field-item .field-item-name,
fieldset .field-list .field-item .field-item-description,
fieldset .field-list .field-item .field-item-input,
fieldset .field-list .field-item .field-item-validation {
display: block;
margin: 5px 0 6.666666667px 0;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
fieldset .field-list .field-item .field-item-name,
fieldset .field-list .field-item .field-item-header {
font-size: 15.4px;
}
fieldset .field-list .field-item .field-item-description {
color: #cccccc;
margin: 0;
}
fieldset .field-list .field-item .field-item-input {
margin-bottom: 3.333333333px;
}
fieldset .field-list .field-item .field-item-input label {
position: relative;
top: 1px;
}
fieldset .field-list .field-item .field-item-input label.hidden {
display: none;
}
fieldset .field-list .field-item .field-item-input table.form {
width: 100%;
}
fieldset .field-list .field-item .field-item-input table.form td,
fieldset .field-list .field-item .field-item-input table.form th {
padding: 5px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
}
fieldset .field-list .field-item .field-item-input table.form thead > tr > th {
font-weight: normal;
background-color: #e8e8e8;
vertical-align: bottom;
white-space: nowrap;
}
fieldset .field-list .field-item .field-item-input table.form thead > tr > th .multiselect {
display: block;
font-size: 10.5px;
white-space: nowrap;
}
fieldset .field-list .field-item .field-item-input table.form tbody > tr > th {
font-weight: normal;
background-color: #e8e8e8;
white-space: nowrap;
border-bottom: solid 1px #e8e8e8;
}
fieldset .field-list .field-item .field-item-input table.form tr > td {
border-bottom: solid 1px #e8e8e8;
}
fieldset .field-list .field-item .field-item-input .processing {
display: inline-block;
width: 28px;
height: 28px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
top: 11px;
}
fieldset .field-list .field-item .field-item-input .processing:before,
fieldset .field-list .field-item .field-item-input .processing .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 28px;
height: 28px;
top: 0px;
left: 0;
display: block;
content: "\e891";
font-family: Entypo;
font-size: 28px;
line-height: 28px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e891');
}
fieldset .field-list .field-item .field-item-input .processing:before {
-webkit-animation-name: spin;
-webkit-animation-duration: 700ms;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: spin;
-moz-animation-duration: 700ms;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: spin;
-ms-animation-duration: 700ms;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
animation-name: spin;
animation-duration: 700ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
color: #bdc3c7;
}
fieldset .field-list .field-item .field-item-validation {
color: #f15922;
margin-top: 0;
font-size: 12.6px;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input.file {
border: 1px solid #d9dcde;
box-sizing: border-box;
border-radius: 3px 3px 0 0;
padding: 0;
margin: 0;
border-bottom-width: 0;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input.file input {
border-width: 0;
padding: 4px;
margin: 0;
width: 100%;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input.preview {
border: 1px solid #d9dcde;
box-sizing: border-box;
border-radius: 0 0 3px 3px;
padding: 0 0 3px 0;
margin: 0;
background-color: #f4f5f6;
border-top: solid 1px #d9dcde;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input.preview:not(:empty) {
padding: 4px;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input.preview:empty {
border-top-width: 0;
background-color: inherit;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input.preview > img {
margin: 0 auto;
display: inherit;
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input > a.upload {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
fieldset .field-list .field-item.upload-with-preview > .field-item-input > a.upload:before,
fieldset .field-list .field-item.upload-with-preview > .field-item-input > a.upload .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e82e";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e82e');
}
fieldset input:focus,
fieldset select:focus,
fieldset textarea:focus,
fieldset button:focus {
outline: none;
}
fieldset input::-webkit-input-placeholder {
color: #666666;
}
fieldset input:-moz-placeholder {
color: #666666;
}
fieldset input::-moz-placeholder {
color: #666666;
}
fieldset input:-ms-input-placeholder {
color: #666666;
}
fieldset input[type="search"],
fieldset input[type="password"],
fieldset input[type="text"],
fieldset input[type="input"],
fieldset textarea {
-webkit-appearance: none;
border: 1px solid #d9dcde;
padding: 6px;
font-size: 14px;
font-family: Arial, 'Helvetica', sans-serif;
box-sizing: border-box;
width: 50%;
resize: none;
border-radius: 3px;
-webkit-transition: border-color 0.1s;
-moz-transition: border-color 0.1s;
transition: border-color 0.1s;
}
fieldset input[type="search"]:hover,
fieldset input[type="password"]:hover,
fieldset input[type="text"]:hover,
fieldset input[type="input"]:hover,
fieldset textarea:hover,
fieldset input[type="search"]:focus,
fieldset input[type="password"]:focus,
fieldset input[type="text"]:focus,
fieldset input[type="input"]:focus,
fieldset textarea:focus {
border-color: #006ad2;
}
fieldset input[type="search"].full,
fieldset input[type="password"].full,
fieldset input[type="text"].full,
fieldset input[type="input"].full,
fieldset textarea.full {
width: 100%;
}
fieldset .text-editor-wrapper .highlighter textarea {
height: 100% !important;
}
fieldset input[type="search"] {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
padding: 5px 10px 5px 10px;
font-size: 12.6px;
}
fieldset input[type="checkbox"],
fieldset input[type="radio"] {
margin: 0 10px 0 1px;
}
fieldset input[type="checkbox"] {
position: absolute;
left: -3000em;
}
fieldset input[type="checkbox"]:last-child {
position: static;
left: 0;
top: 0;
}
fieldset input[type="checkbox"] + label {
position: relative;
line-height: 15.4px;
margin: 0 10px 0 1px;
}
fieldset input[type="checkbox"] + label.hidden {
display: block !important;
width: 17.4px;
height: 17.4px;
overflow: hidden;
}
fieldset input[type="checkbox"] + label:before {
content: " ";
display: inline-block;
position: relative;
left: 0;
top: 2px;
width: 15.4px;
height: 15.4px;
border: solid 1px #d9dcde;
border-radius: 3px;
margin: 0 10px 0 1px;
-webkit-transition: border-color 0.1s;
-moz-transition: border-color 0.1s;
transition: border-color 0.1s;
}
fieldset input[type="checkbox"][disabled] + label:before {
border-color: #e6e9ea;
}
fieldset input[type="checkbox"] + label:hover:before,
fieldset input[type="checkbox"]:focus + label:before {
border-color: #006ad2;
}
fieldset input[type="checkbox"][disabled] + label:hover:before,
fieldset input[type="checkbox"][disabled]:focus + label:before {
border-color: #e6e9ea;
}
fieldset input[type="checkbox"]:checked + label:after {
text-indent: 0;
position: absolute;
text-align: center;
width: 19.4px;
height: 19.4px;
top: -1px;
left: 1px;
display: block;
content: "\2713";
font-family: Entypo;
font-weight: bold;
font-size: 19.4px;
line-height: 15.4px;
color: #00509f;
}
fieldset input[type="checkbox"][disabled]:checked + label:after {
color: #e6e9ea;
}
fieldset select {
margin: 0 0 0 1px;
max-width: 100%;
}
fieldset textarea {
width: 100%;
overflow: auto;
}
fieldset .invalid input[type="text"],
fieldset .invalid textarea {
border-color: #f15922;
}
fieldset a.submit-form,
fieldset input[type="button"],
fieldset a.save-form,
fieldset .button {
line-height: 44px;
height: 44px;
padding: 0 30px 0 30px;
border: 0px;
border-radius: 3px;
display: inline-block;
background-color: #00509f;
color: white;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
margin-right: 10px;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
}
fieldset a.submit-form:hover,
fieldset input[type="button"]:hover,
fieldset a.save-form:hover,
fieldset .button:hover {
background-color: #005db9;
}
fieldset a.submit-form:active,
fieldset input[type="button"]:active,
fieldset a.save-form:active,
fieldset .button:active {
background-color: #004386;
}
fieldset a.submit-form.disabled,
fieldset input[type="button"].disabled,
fieldset a.save-form.disabled,
fieldset .button.disabled {
background-color: #cbd0d3;
cursor: default;
}
fieldset a.submit-form.disabled:hover,
fieldset input[type="button"].disabled:hover,
fieldset a.save-form.disabled:hover,
fieldset .button.disabled:hover {
color: white;
}
fieldset input[type="button"] {
line-height: 30px;
height: 30px;
font-size: 11.9px;
padding: 0 10px 0 10px;
background-color: #a1aab0;
}
fieldset.inline {
margin: 0px;
padding: 0px;
}
fieldset.inline .field-list .field-item {
margin: 0px;
padding: 0px;
}
fieldset.inline .field-list .field-item .field-item-input {
margin: 0px;
padding: 0px;
}
.layout-region.right-sidebar fieldset h2,
.layout-region.right-sidebar fieldset h3 {
font-size: 21px;
}
.layout-region.right-sidebar fieldset .field-list .field-item {
margin: 5px 0;
}
.layout-region.right-sidebar fieldset .uiselect > span {
width: 200px !important;
}
.layout-region.right-sidebar fieldset input[type="search"],
.layout-region.right-sidebar fieldset input[type="password"],
.layout-region.right-sidebar fieldset input[type="text"],
.layout-region.right-sidebar fieldset input[type="input"],
.layout-region.right-sidebar fieldset textarea {
width: 100%;
}
.content-details {
width: 100%;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
}
.content-details .content-author .avatar {
margin: 30px 0 0 0;
width: 80px;
height: 80px;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-details .content-author .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-details .content-author .user-name {
font-size: 15.4px;
margin: 10px 10px 5px 10px;
display: block;
text-align: center;
color: #737373;
}
.content-details .content-author .user-name a {
color: #737373;
}
.content-details .content-date {
margin: 0;
display: block;
text-align: center;
margin-bottom: 20px;
font-size: 12.6px;
}
.content-details .tag-list a {
font-size: 12.6px;
display: block;
margin-bottom: 6px;
padding: 4px;
text-align: left;
font-weight: 300;
color: #666666;
background-color: #f4f5f6;
border-radius: 3px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
-webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
transition: background-color 0.1s;
}
.content-details .tag-list a:before,
.content-details .tag-list a .ie7_before {
width: 11.2px;
height: 11.2px;
display: inline-block;
content: "\e827";
font-family: Entypo;
font-size: 11.2px;
line-height: 11.2px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e827');
}
.content-details .tag-list a:before {
margin: 0 10px 0 10px;
left: 0px;
top: -1px;
}
.content-details .tag-list a:hover,
.content-details .tag-list a:active {
background-color: #00509f;
color: whitesmoke;
}
.content-details .attribute-list {
font-size: 12.6px;
}
.content-details .attribute-list a {
font-size: 12.6px;
}
.content-details .attribute-list .attribute-item a {
color: #78848c;
}
.content-details .attribute-list .attribute-item .attribute-value {
overflow: hidden;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
display: block;
margin-bottom: 6px;
padding: 0;
text-align: left;
font-weight: 300;
border: 1px solid #00509f;
text-align: center;
color: #00509f;
padding: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.content-details .attribute-list .attribute-item .attribute-value:hover {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.content-details .attribute-list .attribute-item.rating .ui-rate {
width: 80px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
.content-details .attribute-list .attribute-item.like .ui-like a {
color: #00509f;
}
.content-details .attribute-list .attribute-item.like .ui-like:before {
color: #bdc3c7;
margin: 0 5px 0 5px;
left: 0px;
}
.content-details .attribute-list .attribute-item.like .ui-like .like-count {
color: #bdc3c7 !important;
}
.content-details .attribute-list .attribute-item.like .ui-like .like-count:before {
top: -2px;
}
.content-details .attribute-list .attribute-item.like .ui-like[data-initialstate="true"]:before {
color: #bdc3c7;
}
.content-details .attribute-list .attribute-item.like .attribute-value {
color: #bdc3c7;
border-color: gainsboro;
}
.content-details .attribute-list .attribute-item.like.can-like .ui-like a {
color: #00509f;
}
.content-details .attribute-list .attribute-item.like.can-like .ui-like:before {
color: #00509f;
}
.content-details .attribute-list .attribute-item.like.can-like .ui-like .like-count {
color: #00509f !important;
}
.content-details .attribute-list .attribute-item.like.can-like .ui-like[data-initialstate="true"]:before {
color: #00509f;
}
.content-details .attribute-list .attribute-item.like.can-like .attribute-value {
color: #00509f;
border-color: #00509f;
}
.content-details .attribute-list .attribute-item.like.can-like:hover {
background-color: #00509f;
color: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like a {
color: white !important;
}
.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like a:hover {
color: white !important;
}
.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like .like-count {
color: white !important;
}
.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like:before {
color: white !important;
}
.content-details .attribute-list .attribute-item.like.can-like:hover .ui-like[data-initialstate="true"] .like-count {
color: white !important;
}
.content-list.content {
clear: both;
overflow: hidden;
}
.content-list.content > .content-item {
padding: 25px 0 25px 0;
border-bottom: 1px solid #e6e9ea;
}
.content-list.content > .content-item.highlight {
background-color: #f0f0f0;
padding-left: 10px;
}
.content-list.content > .content-item .content .content:not(:empty) {
padding-top: 20px;
}
.content-list.content > .content-item .content .content.inline {
margin: 20px 0 -25px 0;
background-color: #f0f0f0;
padding: 10px;
color: #a1aab0;
}
.content-list.content > .content-item .content .attachment .viewer {
margin: 10px 0 -25px 0;
background-color: #f0f0f0;
padding: 10px;
color: #a1aab0;
}
.content-list.content.simple > .content-item {
padding: 6.666666667px 0 6.666666667px 0;
border-bottom: 1px solid #f4f5f6;
}
.content-list.content.simple > .content-item .content .content:not(:empty) {
padding-top: 0px;
}
.content-list.thumbnail {
width: 100%;
clear: both;
overflow: hidden;
}
.content-list.thumbnail .thumbnail-column {
width: 140px;
margin-right: 20px;
}
.content-list.thumbnail .thumbnail-column .thumbnail {
margin-bottom: 20px;
}
.content-list.thumbnail .thumbnail-column:last-child {
margin-right: 0;
}
.content-list.thumbnail.small {
text-align: center;
}
.content-list.thumbnail.small .thumbnail {
width: 48px;
display: inline-block;
float: none;
position: static;
margin-bottom: 5px;
margin-right: 5px;
}
.content-list.thumbnail.small .thumbnail:last-child {
margin-right: 0;
}
.content-list.thumbnail.small .thumbnail .avatar {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-list.thumbnail.small .thumbnail .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment .content .name a,
.popup-list .content .name a {
color: #666666;
}
.content-fragment .content .name a:hover,
.popup-list .content .name a:hover {
color: #00509f;
}
.content-fragment .content .name a.positive,
.popup-list .content .name a.positive {
color: #00509f;
font-weight: bold;
}
.content-fragment .content .name a.positive:hover,
.popup-list .content .name a.positive:hover {
color: #005db9;
}
.content-fragment .content .name a.pending,
.popup-list .content .name a.pending {
color: #f8af34;
font-weight: bold;
}
.content-fragment .content .name a.pending:hover,
.popup-list .content .name a.pending:hover {
color: #f9b94d;
}
.content-fragment .content .name a.disabled,
.popup-list .content .name a.disabled {
color: #a1aab0;
}
.content-fragment .content .name a.disabled:hover,
.popup-list .content .name a.disabled:hover {
color: #bdc3c7;
}
.content-fragment .content .name a.unread,
.popup-list .content .name a.unread {
font-weight: 400;
}
.content-fragment .content .name a.read,
.popup-list .content .name a.read {
color: #666666;
}
.content-fragment .content .name a.read:hover,
.popup-list .content .name a.read:hover {
color: #00509f;
}
.content-fragment .content > .content,
.popup-list .content > .content {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.content-fragment .content > .content a,
.popup-list .content > .content a {
color: #00509f;
border-bottom: 1px solid #e8e8e8;
}
.content-fragment .content > .content a:hover,
.popup-list .content > .content a:hover {
border-bottom: 1px solid #00509f;
}
.content-fragment .content > .content a:visited,
.popup-list .content > .content a:visited {
color: #002a53;
}
.content-fragment .content > .content a:visited:hover,
.popup-list .content > .content a:visited:hover {
border-bottom: 1px solid #002a53;
}
.content-fragment .content > .content h1,
.popup-list .content > .content h1,
.content-fragment .content > .content h2,
.popup-list .content > .content h2,
.content-fragment .content > .content h3,
.popup-list .content > .content h3,
.content-fragment .content > .content h4,
.popup-list .content > .content h4,
.content-fragment .content > .content h5,
.popup-list .content > .content h5 {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
}
.content-fragment .content > .content h1,
.popup-list .content > .content h1 {
font-size: 33.6px;
}
.content-fragment .content > .content h2,
.popup-list .content > .content h2 {
font-size: 28px;
}
.content-fragment .content > .content h3,
.popup-list .content > .content h3 {
font-size: 25.2px;
}
.content-fragment .content > .content h4,
.popup-list .content > .content h4 {
font-size: 19.6px;
}
.content-fragment .content > .content h5,
.popup-list .content > .content h5 {
font-size: 16.8px;
}
.content-fragment .content > .content pre,
.popup-list .content > .content pre {
padding: 10px;
background-color: #e8e8e8;
border-radius: 3px;
font-size: .9em;
}
.content-fragment .content > .content blockquote,
.popup-list .content > .content blockquote {
line-height: 1.45em;
font-style: italic;
border-left: 10px solid #e8e8e8;
margin: 0px;
padding: 0 0 0 2em;
}
.content-fragment .content > .content blockquote.quote .quote-user,
.popup-list .content > .content blockquote.quote .quote-user {
color: #a1aab0;
}
.content-fragment .content > .content ol,
.popup-list .content > .content ol,
.content-fragment .content > .content ul,
.popup-list .content > .content ul {
line-height: 1.45em;
padding: 0 0 0 2em;
margin: 1em 0 1em 0;
}
.content-fragment .content > .content ol ol,
.popup-list .content > .content ol ol,
.content-fragment .content > .content ul ol,
.popup-list .content > .content ul ol,
.content-fragment .content > .content ol ul,
.popup-list .content > .content ol ul,
.content-fragment .content > .content ul ul,
.popup-list .content > .content ul ul {
margin: 0;
}
.content-fragment .content > .content ol,
.popup-list .content > .content ol {
list-style-type: decimal;
}
.content-fragment .content > .content ol ol,
.popup-list .content > .content ol ol {
list-style-type: lower-alpha;
}
.content-fragment .content > .content ol ol ol,
.popup-list .content > .content ol ol ol {
list-style-type: upper-alpha;
}
.content-fragment .content > .content ol ol ol ol,
.popup-list .content > .content ol ol ol ol {
list-style-type: lower-roman;
}
.content-fragment .content > .content ol ol ol ol ol,
.popup-list .content > .content ol ol ol ol ol {
list-style-type: upper-roman;
}
.content-fragment .content > .content ul,
.popup-list .content > .content ul {
list-style: disc;
}
.content-fragment .content > .content table,
.popup-list .content > .content table {
margin: 0px;
padding: 0px;
width: 100%;
}
.content-fragment .content > .content table th,
.popup-list .content > .content table th,
.content-fragment .content > .content table td,
.popup-list .content > .content table td {
word-wrap: normal;
line-height: 1.45em;
padding: 6.666666667px;
border-bottom: 1px solid #bdc3c7;
}
.content-fragment .content > .content table th,
.popup-list .content > .content table th {
text-align: left;
font-weight: bold;
border-bottom: 1px solid #666666;
}
.content-fragment .content > .content pre,
.popup-list .content > .content pre {
white-space: pre;
word-wrap: normal;
}
.content-fragment .content > .content > div,
.popup-list .content > .content > div {
line-height: 1.3em;
}
.content-fragment .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled,
.popup-list .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled {
padding: 10px;
border: 1px solid gainsboro;
}
.content-fragment .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre,
.popup-list .content > .content .content-scrollable-wrapper.content-scrollable-wrapper-scrolled pre {
display: inline-block;
margin: 0;
min-width: 100%;
}
.content-fragment .content .attachment,
.popup-list .content .attachment {
clear: both;
margin: 0 0 0 0;
}
.content-fragment .content .attachment .file-name,
.popup-list .content .attachment .file-name {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment .content .attachment .file-name:before,
.popup-list .content .attachment .file-name:before,
.content-fragment .content .attachment .file-name .ie7_before,
.popup-list .content .attachment .file-name .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e823";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e823');
}
.content-fragment .content .attachment .file-name:before,
.popup-list .content .attachment .file-name:before {
width: 21px;
}
.content-fragment .content .attachment .attachment-view,
.popup-list .content .attachment .attachment-view {
padding-top: 10px;
padding-bottom: 10px;
}
.content-fragment .content .attachment .navigation-list,
.popup-list .content .attachment .navigation-list {
font-size: 11.9px;
list-style: inline;
overflow: hidden;
padding: 5px 0 5px 0;
}
.content-fragment .content .attachment .navigation-list li,
.popup-list .content .attachment .navigation-list li {
float: left;
margin: 0 20px 0 0;
}
.content-fragment .content .attachment .navigation-list li.view-attachment a,
.popup-list .content .attachment .navigation-list li.view-attachment a,
.content-fragment .content .attachment .navigation-list li.hide-attachment a,
.popup-list .content .attachment .navigation-list li.hide-attachment a {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment .content .attachment .navigation-list li.view-attachment a:before,
.popup-list .content .attachment .navigation-list li.view-attachment a:before,
.content-fragment .content .attachment .navigation-list li.hide-attachment a:before,
.popup-list .content .attachment .navigation-list li.hide-attachment a:before,
.content-fragment .content .attachment .navigation-list li.view-attachment a .ie7_before,
.popup-list .content .attachment .navigation-list li.view-attachment a .ie7_before,
.content-fragment .content .attachment .navigation-list li.hide-attachment a .ie7_before,
.popup-list .content .attachment .navigation-list li.hide-attachment a .ie7_before {
width: 11.9px;
height: 11.9px;
display: inline-block;
content: "\e803";
font-family: Entypo;
font-size: 11.9px;
line-height: 11.9px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e803');
}
.content-fragment .content .status,
.popup-list .content .status {
color: #a1aab0;
}
.content-fragment .content .status .answered a,
.popup-list .content .status .answered a {
color: #00509f;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment .content .status .answered a:before,
.popup-list .content .status .answered a:before,
.content-fragment .content .status .answered a .ie7_before,
.popup-list .content .status .answered a .ie7_before {
width: 11.9px;
height: 11.9px;
display: inline-block;
content: "\e812";
font-family: Entypo;
font-size: 11.9px;
line-height: 11.9px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e812');
}
.content-fragment .content .status .attribute-list,
.popup-list .content .status .attribute-list {
margin: 0 0 0 0;
padding: 0;
padding-bottom: 10px;
list-style: none;
font-size: 11.9px;
}
.content-fragment .content .status .attribute-list .attribute-item,
.popup-list .content .status .attribute-list .attribute-item {
float: left;
margin: 0 20px 0 0;
}
.content-fragment .content .status .attribute-list .attribute-item.view-attachment a,
.popup-list .content .status .attribute-list .attribute-item.view-attachment a,
.content-fragment .content .status .attribute-list .attribute-item.hide-attachment a,
.popup-list .content .status .attribute-list .attribute-item.hide-attachment a {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment .content .status .attribute-list .attribute-item.view-attachment a:before,
.popup-list .content .status .attribute-list .attribute-item.view-attachment a:before,
.content-fragment .content .status .attribute-list .attribute-item.hide-attachment a:before,
.popup-list .content .status .attribute-list .attribute-item.hide-attachment a:before,
.content-fragment .content .status .attribute-list .attribute-item.view-attachment a .ie7_before,
.popup-list .content .status .attribute-list .attribute-item.view-attachment a .ie7_before,
.content-fragment .content .status .attribute-list .attribute-item.hide-attachment a .ie7_before,
.popup-list .content .status .attribute-list .attribute-item.hide-attachment a .ie7_before {
width: 11.9px;
height: 11.9px;
display: inline-block;
content: "\e803";
font-family: Entypo;
font-size: 11.9px;
line-height: 11.9px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e803');
}
.content-fragment .content.abbreviated .thumbnails,
.popup-list .content.abbreviated .thumbnails {
float: right;
margin-left: 10px;
}
.content-fragment .content.abbreviated .thumbnails .thumbnail,
.popup-list .content.abbreviated .thumbnails .thumbnail {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
display: inline-block;
width: 44px;
height: 44px;
background-color: #bdc3c7;
margin: 0 0 5px 5px;
overflow: hidden;
}
.content-fragment .content.abbreviated .thumbnails .thumbnail > a,
.popup-list .content.abbreviated .thumbnails .thumbnail > a {
width: 44px;
height: 44px;
}
.content-fragment .content.abbreviated .thumbnails .thumbnail > a > img,
.popup-list .content.abbreviated .thumbnails .thumbnail > a > img {
margin: auto;
}
.content-fragment .content.abbreviated .name,
.popup-list .content.abbreviated .name {
font-size: 28px;
margin: 0 244px 0 0;
word-wrap: break-word;
}
.content-fragment .content.abbreviated .author,
.popup-list .content.abbreviated .author {
float: right;
width: 230px;
position: relative;
padding: 4px 0 0 54px;
}
.content-fragment .content.abbreviated .author .avatar,
.popup-list .content.abbreviated .author .avatar {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
}
.content-fragment .content.abbreviated .author .avatar img,
.popup-list .content.abbreviated .author .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
}
.content-fragment .content.abbreviated > .avatar,
.popup-list .content.abbreviated > .avatar {
float: right;
width: 176px;
position: relative;
padding: 4px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment .content.abbreviated > .avatar img,
.popup-list .content.abbreviated > .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
}
.content-fragment .content.abbreviated .attributes,
.popup-list .content.abbreviated .attributes {
clear: right;
float: right;
width: 230px;
padding-left: 54px;
color: #bdc3c7;
}
.content-fragment .content.abbreviated .content,
.popup-list .content.abbreviated .content {
clear: both;
line-height: 1.4em;
}
.content-fragment .content.abbreviated .status,
.popup-list .content.abbreviated .status {
position: relative;
color: #a1aab0;
}
.content-fragment .content.abbreviated .actions,
.popup-list .content.abbreviated .actions {
width: 75%;
margin: 5px 0;
font-size: 12.6px;
}
.content-fragment .content.abbreviated .actions .navigation-list-item,
.popup-list .content.abbreviated .actions .navigation-list-item {
color: #a1aab0;
}
.content-fragment .content.abbreviated .actions .navigation-list-item > span,
.popup-list .content.abbreviated .actions .navigation-list-item > span,
.content-fragment .content.abbreviated .actions .navigation-list-item > a,
.popup-list .content.abbreviated .actions .navigation-list-item > a {
padding-right: 15px;
}
.content-fragment .content.full,
.popup-list .content.full {
overflow: hidden;
}
.content-fragment .content.full .name,
.popup-list .content.full .name {
margin: 28px 0 28px 0;
font-size: 33.6px;
}
.content-fragment .content.full .content,
.popup-list .content.full .content {
clear: both;
}
.content-fragment .content.full .status,
.popup-list .content.full .status {
position: relative;
color: #a1aab0;
}
.content-fragment .content.full .author,
.popup-list .content.full .author {
text-align: right;
font-size: 14px;
min-height: 32px;
width: 30%;
float: right;
margin: 10px 0;
height: 52px;
overflow: hidden;
padding: 10px 0;
border-top: solid 1px #e6e9ea;
}
.content-fragment .content.full .author .avatar,
.popup-list .content.full .author .avatar {
float: right;
margin-right: 10px;
overflow: hidden;
width: 32px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment .content.full .author .user-name,
.popup-list .content.full .author .user-name {
padding-top: 5px;
float: right;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.content-fragment .content.full .author .user-name .host-address,
.popup-list .content.full .author .user-name .host-address {
display: block;
font-size: 9.8px;
color: #949da4;
margin-top: -5px;
}
.content-fragment .content.full .actions,
.popup-list .content.full .actions {
width: 70%;
float: left;
margin: 10px 0;
font-size: 12.6px;
height: 52px;
padding: 19px 0 10px 0;
border-top: solid 1px #e6e9ea;
}
.content-fragment .content.full .actions .navigation-list-item,
.popup-list .content.full .actions .navigation-list-item {
color: #a1aab0;
}
.content-fragment .content.full .actions .navigation-list-item a,
.popup-list .content.full .actions .navigation-list-item a {
padding-left: 0 !important;
}
.content-fragment .content.full .actions .navigation-list-item > span,
.popup-list .content.full .actions .navigation-list-item > span,
.content-fragment .content.full .actions .navigation-list-item > a,
.popup-list .content.full .actions .navigation-list-item > a {
padding-right: 15px;
}
.content-fragment .content.full .content-tags,
.popup-list .content.full .content-tags {
margin: 1.5em 0 0 0;
width: 100%;
overflow: hidden;
}
.content-fragment .content.full .content-tags .tag-list,
.popup-list .content.full .content-tags .tag-list {
overflow: hidden;
width: 100%;
margin-bottom: 5px;
}
.content-fragment .content.full .content-tags .tag-list .tag-item,
.popup-list .content.full .content-tags .tag-list .tag-item {
overflow: hidden;
display: inline;
}
.content-fragment .content.full .content-tags .tag-list .tag-item a,
.popup-list .content.full .content-tags .tag-list .tag-item a {
float: left;
font-size: 12.6px;
display: block;
margin-bottom: 5px;
margin-right: 5px;
padding: 2px 10px 4px 4px;
text-align: left;
font-weight: 300;
color: #666666;
background-color: #f4f5f6;
border-radius: 3px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
}
.content-fragment .content.full .content-tags .tag-list .tag-item a:before,
.popup-list .content.full .content-tags .tag-list .tag-item a:before,
.content-fragment .content.full .content-tags .tag-list .tag-item a .ie7_before,
.popup-list .content.full .content-tags .tag-list .tag-item a .ie7_before {
width: 11.2px;
height: 11.2px;
display: inline-block;
content: "\e827";
font-family: Entypo;
font-size: 11.2px;
line-height: 11.2px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e827');
}
.content-fragment .content.full .content-tags .tag-list .tag-item a:before,
.popup-list .content.full .content-tags .tag-list .tag-item a:before {
margin: 0 10px 0 10px;
left: 0px;
top: -1px;
}
.content-fragment .content.full .content-tags .tag-list .tag-item a:hover,
.popup-list .content.full .content-tags .tag-list .tag-item a:hover,
.content-fragment .content.full .content-tags .tag-list .tag-item a:active,
.popup-list .content.full .content-tags .tag-list .tag-item a:active {
background-color: #00509f;
color: whitesmoke;
}
.content-fragment .content.full .attributes .attribute-list .attribute-item,
.popup-list .content.full .attributes .attribute-list .attribute-item {
margin: 0 0 10px 0;
}
.content-fragment .content.full .attributes .attribute-list .attribute-item .attribute-name,
.popup-list .content.full .attributes .attribute-list .attribute-item .attribute-name {
margin: 0 5px 0 0;
color: #b2b2b2;
}
.content-fragment .content.full .attributes.top,
.popup-list .content.full .attributes.top {
margin: -21px 0 28px 0;
}
.content-fragment .content.full .attributes.top .attribute-list .attribute-item,
.popup-list .content.full .attributes.top .attribute-list .attribute-item {
margin: 0 0 5px 0;
}
.content-fragment .content.full.without-author .actions,
.popup-list .content.full.without-author .actions {
width: 100%;
float: left;
}
.content-fragment .content.comment,
.popup-list .content.comment {
clear: both;
padding-left: 60px;
position: relative;
font-size: 14px;
overflow: hidden;
}
.content-fragment .content.comment .author .avatar,
.popup-list .content.comment .author .avatar {
position: absolute;
left: 0px;
top: 0px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment .content.comment .author .avatar img,
.popup-list .content.comment .author .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment .content.comment .author .user-name,
.popup-list .content.comment .author .user-name {
font-size: 12.6px;
line-height: 140%;
float: left;
margin-right: 4.2px;
}
.content-fragment .content.comment .content,
.popup-list .content.comment .content {
line-height: 140%;
font-size: 12.6px;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.content-fragment .content.comment .content p,
.popup-list .content.comment .content p {
font-size: 12.6px;
line-height: 140%;
margin: 0 0 1em 0;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.content-fragment .content.comment .content p:last-child,
.popup-list .content.comment .content p:last-child {
margin: 0;
}
.content-fragment .content.comment .attributes,
.popup-list .content.comment .attributes {
float: left;
margin: 10px 10px 10px 0;
color: #a1aab0;
}
.content-fragment .content.comment .attributes .attribute-list,
.popup-list .content.comment .attributes .attribute-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 11.9px;
}
.content-fragment .content.comment .actions,
.popup-list .content.comment .actions {
float: left;
margin: 10px 10px 10px 0;
font-size: 11.9px;
min-width: 150px;
}
.content-fragment .content.comment .actions a,
.popup-list .content.comment .actions a {
color: #a1aab0;
padding: 0 10px 0 10px;
border: 0px;
font-size: 11.9px;
}
.content-fragment .content.comment .actions a:hover,
.popup-list .content.comment .actions a:hover {
color: #00509f;
}
.content-fragment .content.comment .actions li:first-child a,
.popup-list .content.comment .actions li:first-child a {
padding-left: 0px;
}
.content-fragment .content.with-thumbnail,
.popup-list .content.with-thumbnail {
padding-left: 65px;
position: relative;
min-height: 55px;
}
.content-fragment .content.with-thumbnail > .thumbnail,
.popup-list .content.with-thumbnail > .thumbnail {
position: absolute;
width: 55px;
height: 55px;
overflow: hidden;
top: 0;
left: 0;
text-align: center;
}
.content-fragment .content.with-thumbnail .content.inline,
.popup-list .content.with-thumbnail .content.inline {
margin-left: -65px !important;
}
.content-fragment .content.thumbnail,
.popup-list .content.thumbnail {
position: relative;
overflow: hidden;
width: 140px;
border: 0px;
background-color: #f1f1f1;
text-align: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.content-fragment .content.thumbnail .name,
.popup-list .content.thumbnail .name {
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
text-align: left;
width: 100%;
margin: 0;
padding: 10px;
font-size: 11.2px;
line-height: normal;
text-overflow: ellipsis;
word-wrap: break-word;
color: #666666;
}
.content-fragment .content.thumbnail .name a,
.popup-list .content.thumbnail .name a {
color: #666666;
}
.content-fragment .content.thumbnail .avatar,
.popup-list .content.thumbnail .avatar {
width: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.content-fragment .content.thumbnail .avatar > img,
.popup-list .content.thumbnail .avatar > img {
display: block;
margin: 0 auto;
}
.content-fragment .content.thumbnail .avatar:after,
.popup-list .content.thumbnail .avatar:after {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 140px;
height: 300px;
background-color: transparent;
content: " ";
-webkit-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.content-fragment .content.thumbnail .actions,
.popup-list .content.thumbnail .actions {
width: 100%;
margin: 0;
padding: 0 10px 10px 10px;
font-size: 11.2px;
min-width: 150px;
}
.content-fragment .content.thumbnail .actions a,
.popup-list .content.thumbnail .actions a {
color: #a1aab0;
padding: 0;
border: 0px;
font-size: 11.2px;
}
.content-fragment .content.thumbnail .actions a:hover,
.popup-list .content.thumbnail .actions a:hover {
color: whitesmoke;
}
.content-fragment .content.thumbnail.small,
.popup-list .content.thumbnail.small {
width: 48px;
background-color: inherit;
border-width: 0;
}
.content-fragment .content.thumbnail.small .name,
.popup-list .content.thumbnail.small .name {
display: none;
}
.content-fragment .content.thumbnail[data-url]:hover,
.popup-list .content.thumbnail[data-url]:hover {
cursor: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/magnify.cur'), -moz-zoom-in;
background-color: #666666;
color: white;
}
.content-fragment .content.thumbnail[data-url]:hover .name,
.popup-list .content.thumbnail[data-url]:hover .name {
color: white;
}
.content-fragment .content.thumbnail[data-url]:hover .name a,
.popup-list .content.thumbnail[data-url]:hover .name a {
color: white;
}
.content-fragment .content.thumbnail[data-url]:hover .avatar,
.popup-list .content.thumbnail[data-url]:hover .avatar {
transform: scale(1.02, 1.02);
-webkit-transform: scale(1.02, 1.02);
-moz-transform: scale(1.02, 1.02);
-o-transform: scale(1.02, 1.02);
-ms-transform: scale(1.02, 1.02);
}
.content-fragment .content.thumbnail[data-url]:hover .avatar:after,
.popup-list .content.thumbnail[data-url]:hover .avatar:after {
-webkit-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.05);
background-color: rgba(255, 255, 255, 0.1);
}
.left-sidebar .content-fragment .content-list.content,
.right-sidebar .content-fragment .content-list.content {
border-bottom: 0px;
}
.left-sidebar .content-fragment .content-list.content > .content-item,
.right-sidebar .content-fragment .content-list.content > .content-item {
border-bottom: 0px;
padding: 0px;
margin: 0px;
}
.left-sidebar .content-fragment .content-list.content .content.abbreviated,
.right-sidebar .content-fragment .content-list.content .content.abbreviated {
padding: 6.666666667px 0 6.666666667px 0;
border-bottom: 1px solid #f4f5f6;
}
.left-sidebar .content-fragment .content-list.content .content.abbreviated .author,
.right-sidebar .content-fragment .content-list.content .content.abbreviated .author,
.left-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
.right-sidebar .content-fragment .content-list.content .content.abbreviated .attributes,
.left-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
.right-sidebar .content-fragment .content-list.content .content.abbreviated .attribute-list,
.left-sidebar .content-fragment .content-list.content .content.abbreviated .content,
.right-sidebar .content-fragment .content-list.content .content.abbreviated .content {
display: none;
}
.left-sidebar .content-fragment .content-list.content .content.abbreviated .name,
.right-sidebar .content-fragment .content-list.content .content.abbreviated .name {
width: 100%;
margin: 0;
font-size: 14px;
line-height: 1.3;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
.content-fragment .content-list.simple .content-item {
padding: 10px 0 10px 0;
}
.content-fragment .content-list.simple .content-item .content.abbreviated {
overflow: hidden;
}
.content-fragment .content-list.simple .content-item .content.abbreviated .name {
width: 100%;
float: none;
font-size: 21px;
margin: 0;
}
.content-fragment .content-list.simple .content-item .content.abbreviated .attributes {
font-size: 12.6px;
clear: none;
float: none;
width: 100%;
padding-left: 0px;
color: #bdc3c7;
overflow: hidden;
}
.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item {
float: left;
margin: 0 20px 0 0;
}
.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a {
color: #bdc3c7;
}
.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a:hover,
.content-fragment .content-list.simple .content-item .content.abbreviated .attributes .attribute-item a:active {
color: #00509f;
}
.content-fragment .content-list.simple .content-item .content.abbreviated .content {
font-size: 12.6px;
color: #bdc3c7;
}
/* push notifications */
.push-notification {
background-color: #666666;
padding: 10px;
color: white;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 11.9px;
line-height: 1.3;
width: 200px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.push-notification .close {
float: right;
color: white;
opacity: 0.2;
margin: 0 0 5px 5px;
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.push-notification .close:before,
.push-notification .close .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.push-notification.active {
cursor: pointer;
}
.push-notification.active:hover {
background-color: #00509f;
}
.push-notification.active:hover .close {
opacity: 0.99;
}
.push-notification.warning,
.push-notification.error {
background-color: #f15922;
}
.push-notification.warning.active:hover,
.push-notification.error.active:hover {
background-color: #f15922;
}
/* read list */
.popup-list-content-item {
padding: 5px 10px 10px 50px;
border-top: 0px;
border-bottom: 1px solid #e6e9ea;
cursor: pointer;
position: relative;
min-height: 51px;
overflow: hidden;
}
.popup-list-content-item:last-child {
border-bottom: 0px;
}
.popup-list-content-item.no-author {
padding-left: 7px;
}
.popup-list-content-item.unread,
.popup-list-content-item:hover,
.popup-list-content-item.selected {
background-color: #00509f;
color: rgba(255, 255, 255, 0.9);
}
.popup-list-content-item.unread .description,
.popup-list-content-item:hover .description,
.popup-list-content-item.selected .description,
.popup-list-content-item.unread .post-date,
.popup-list-content-item:hover .post-date,
.popup-list-content-item.selected .post-date,
.popup-list-content-item.unread .post-like,
.popup-list-content-item:hover .post-like,
.popup-list-content-item.selected .post-like {
color: rgba(255, 255, 255, 0.5);
}
.popup-list-content-item.unread a,
.popup-list-content-item:hover a,
.popup-list-content-item.selected a {
color: white !important;
}
.popup-list-content-item .user-name {
display: none;
}
.popup-list-content-item .avatar {
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.popup-list-content-item .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.popup-list-content-item .description,
.popup-list-content-item .post-date,
.popup-list-content-item .post-like {
padding: 0px;
margin: 0px 10px 0px 0px;
float: left;
line-height: 1.3em;
font-size: 11.2px;
color: #bdc3c7;
}
.popup-list {
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
font-size: 12.6px;
border: 0px;
background-color: transparent;
padding: 5px 0 0 0;
}
.popup-list .multiple-column-list {
border: 1px solid #00509f;
background-color: white;
}
.popup-list .content-list {
width: 280px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.popup-list .navigation-list.filter {
border-bottom: 1px solid #e6e9ea;
overflow: hidden;
padding: 3px 6px;
}
.popup-list .navigation-list.filter .navigation-item {
display: inline;
}
.popup-list .navigation-list.filter .navigation-item .internal-link {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-family: 300;
font-size: .9em;
border-radius: 3px;
float: left;
margin: 4px 2px;
padding: 2px 7px;
text-decoration: none;
border: 1px solid #00509f;
}
.popup-list .navigation-list.filter .navigation-item .internal-link:hover {
background-color: #005db9;
border: 1px solid #005db9;
color: white;
}
.popup-list .navigation-list.filter .navigation-item .internal-link.selected {
background-color: #00509f;
color: white;
}
.popup-list.bookmarks .content-list .content-item,
.popup-list.notifications .content-list .content-item,
.popup-list.conversations .content-list .content-item,
.popup-list.user .content-list .content-item,
.popup-list.site .content-list .content-item {
padding: 5px 10px 10px 50px;
border-top: 0px;
border-bottom: 1px solid #e6e9ea;
cursor: pointer;
position: relative;
min-height: 51px;
overflow: hidden;
}
.popup-list.bookmarks .content-list .content-item:last-child,
.popup-list.notifications .content-list .content-item:last-child,
.popup-list.conversations .content-list .content-item:last-child,
.popup-list.user .content-list .content-item:last-child,
.popup-list.site .content-list .content-item:last-child {
border-bottom: 0px;
}
.popup-list.bookmarks .content-list .content-item.no-author,
.popup-list.notifications .content-list .content-item.no-author,
.popup-list.conversations .content-list .content-item.no-author,
.popup-list.user .content-list .content-item.no-author,
.popup-list.site .content-list .content-item.no-author {
padding-left: 7px;
}
.popup-list.bookmarks .content-list .content-item.unread,
.popup-list.notifications .content-list .content-item.unread,
.popup-list.conversations .content-list .content-item.unread,
.popup-list.user .content-list .content-item.unread,
.popup-list.site .content-list .content-item.unread,
.popup-list.bookmarks .content-list .content-item:hover,
.popup-list.notifications .content-list .content-item:hover,
.popup-list.conversations .content-list .content-item:hover,
.popup-list.user .content-list .content-item:hover,
.popup-list.site .content-list .content-item:hover,
.popup-list.bookmarks .content-list .content-item.selected,
.popup-list.notifications .content-list .content-item.selected,
.popup-list.conversations .content-list .content-item.selected,
.popup-list.user .content-list .content-item.selected,
.popup-list.site .content-list .content-item.selected {
background-color: #00509f;
color: rgba(255, 255, 255, 0.9);
}
.popup-list.bookmarks .content-list .content-item.unread .description,
.popup-list.notifications .content-list .content-item.unread .description,
.popup-list.conversations .content-list .content-item.unread .description,
.popup-list.user .content-list .content-item.unread .description,
.popup-list.site .content-list .content-item.unread .description,
.popup-list.bookmarks .content-list .content-item:hover .description,
.popup-list.notifications .content-list .content-item:hover .description,
.popup-list.conversations .content-list .content-item:hover .description,
.popup-list.user .content-list .content-item:hover .description,
.popup-list.site .content-list .content-item:hover .description,
.popup-list.bookmarks .content-list .content-item.selected .description,
.popup-list.notifications .content-list .content-item.selected .description,
.popup-list.conversations .content-list .content-item.selected .description,
.popup-list.user .content-list .content-item.selected .description,
.popup-list.site .content-list .content-item.selected .description,
.popup-list.bookmarks .content-list .content-item.unread .post-date,
.popup-list.notifications .content-list .content-item.unread .post-date,
.popup-list.conversations .content-list .content-item.unread .post-date,
.popup-list.user .content-list .content-item.unread .post-date,
.popup-list.site .content-list .content-item.unread .post-date,
.popup-list.bookmarks .content-list .content-item:hover .post-date,
.popup-list.notifications .content-list .content-item:hover .post-date,
.popup-list.conversations .content-list .content-item:hover .post-date,
.popup-list.user .content-list .content-item:hover .post-date,
.popup-list.site .content-list .content-item:hover .post-date,
.popup-list.bookmarks .content-list .content-item.selected .post-date,
.popup-list.notifications .content-list .content-item.selected .post-date,
.popup-list.conversations .content-list .content-item.selected .post-date,
.popup-list.user .content-list .content-item.selected .post-date,
.popup-list.site .content-list .content-item.selected .post-date,
.popup-list.bookmarks .content-list .content-item.unread .post-like,
.popup-list.notifications .content-list .content-item.unread .post-like,
.popup-list.conversations .content-list .content-item.unread .post-like,
.popup-list.user .content-list .content-item.unread .post-like,
.popup-list.site .content-list .content-item.unread .post-like,
.popup-list.bookmarks .content-list .content-item:hover .post-like,
.popup-list.notifications .content-list .content-item:hover .post-like,
.popup-list.conversations .content-list .content-item:hover .post-like,
.popup-list.user .content-list .content-item:hover .post-like,
.popup-list.site .content-list .content-item:hover .post-like,
.popup-list.bookmarks .content-list .content-item.selected .post-like,
.popup-list.notifications .content-list .content-item.selected .post-like,
.popup-list.conversations .content-list .content-item.selected .post-like,
.popup-list.user .content-list .content-item.selected .post-like,
.popup-list.site .content-list .content-item.selected .post-like {
color: rgba(255, 255, 255, 0.5);
}
.popup-list.bookmarks .content-list .content-item.unread a,
.popup-list.notifications .content-list .content-item.unread a,
.popup-list.conversations .content-list .content-item.unread a,
.popup-list.user .content-list .content-item.unread a,
.popup-list.site .content-list .content-item.unread a,
.popup-list.bookmarks .content-list .content-item:hover a,
.popup-list.notifications .content-list .content-item:hover a,
.popup-list.conversations .content-list .content-item:hover a,
.popup-list.user .content-list .content-item:hover a,
.popup-list.site .content-list .content-item:hover a,
.popup-list.bookmarks .content-list .content-item.selected a,
.popup-list.notifications .content-list .content-item.selected a,
.popup-list.conversations .content-list .content-item.selected a,
.popup-list.user .content-list .content-item.selected a,
.popup-list.site .content-list .content-item.selected a {
color: white !important;
}
.popup-list.bookmarks .content-list .content-item .user-name,
.popup-list.notifications .content-list .content-item .user-name,
.popup-list.conversations .content-list .content-item .user-name,
.popup-list.user .content-list .content-item .user-name,
.popup-list.site .content-list .content-item .user-name {
display: none;
}
.popup-list.bookmarks .content-list .content-item .avatar,
.popup-list.notifications .content-list .content-item .avatar,
.popup-list.conversations .content-list .content-item .avatar,
.popup-list.user .content-list .content-item .avatar,
.popup-list.site .content-list .content-item .avatar {
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.popup-list.bookmarks .content-list .content-item .avatar img,
.popup-list.notifications .content-list .content-item .avatar img,
.popup-list.conversations .content-list .content-item .avatar img,
.popup-list.user .content-list .content-item .avatar img,
.popup-list.site .content-list .content-item .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.popup-list.bookmarks .content-list .content-item .description,
.popup-list.notifications .content-list .content-item .description,
.popup-list.conversations .content-list .content-item .description,
.popup-list.user .content-list .content-item .description,
.popup-list.site .content-list .content-item .description,
.popup-list.bookmarks .content-list .content-item .post-date,
.popup-list.notifications .content-list .content-item .post-date,
.popup-list.conversations .content-list .content-item .post-date,
.popup-list.user .content-list .content-item .post-date,
.popup-list.site .content-list .content-item .post-date,
.popup-list.bookmarks .content-list .content-item .post-like,
.popup-list.notifications .content-list .content-item .post-like,
.popup-list.conversations .content-list .content-item .post-like,
.popup-list.user .content-list .content-item .post-like,
.popup-list.site .content-list .content-item .post-like {
padding: 0px;
margin: 0px 10px 0px 0px;
float: left;
line-height: 1.3em;
font-size: 11.2px;
color: #bdc3c7;
}
.popup-list.bookmarks .content-list .content-item .content-group a,
.popup-list.notifications .content-list .content-item .content-group a,
.popup-list.conversations .content-list .content-item .content-group a,
.popup-list.user .content-list .content-item .content-group a,
.popup-list.site .content-list .content-item .content-group a {
padding: 0px;
margin: 0px 10px 0px 0px;
float: left;
line-height: 1.3em;
font-size: .9em;
}
.popup-list.bookmarks .user,
.popup-list.notifications .user,
.popup-list.conversations .user,
.popup-list.user .user,
.popup-list.site .user {
min-height: 60px;
border-bottom: 1px solid #e6e9ea;
position: relative;
padding: 20px 10px 10px 60px;
}
.popup-list.bookmarks .user .avatar,
.popup-list.notifications .user .avatar,
.popup-list.conversations .user .avatar,
.popup-list.user .user .avatar,
.popup-list.site .user .avatar {
position: absolute;
top: 10px;
left: 10px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.popup-list.bookmarks .user .avatar img,
.popup-list.notifications .user .avatar img,
.popup-list.conversations .user .avatar img,
.popup-list.user .user .avatar img,
.popup-list.site .user .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.popup-list.bookmarks .user .user-name,
.popup-list.notifications .user .user-name,
.popup-list.conversations .user .user-name,
.popup-list.user .user .user-name,
.popup-list.site .user .user-name {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 15.4px;
}
.popup-list.bookmarks .user .oauth-provider,
.popup-list.notifications .user .oauth-provider,
.popup-list.conversations .user .oauth-provider,
.popup-list.user .user .oauth-provider,
.popup-list.site .user .oauth-provider {
position: absolute;
top: 0;
left: 0;
}
.popup-list.bookmarks .navigation-list.user,
.popup-list.notifications .navigation-list.user,
.popup-list.conversations .navigation-list.user,
.popup-list.user .navigation-list.user,
.popup-list.site .navigation-list.user {
padding: 10px;
}
.popup-list.bookmarks .notification-preference,
.popup-list.notifications .notification-preference,
.popup-list.conversations .notification-preference,
.popup-list.user .notification-preference,
.popup-list.site .notification-preference {
background-color: whitesmoke;
color: #666666;
}
.popup-list.bookmarks .notification-preference:hover,
.popup-list.notifications .notification-preference:hover,
.popup-list.conversations .notification-preference:hover,
.popup-list.user .notification-preference:hover,
.popup-list.site .notification-preference:hover {
color: #666666;
}
.popup-list.bookmarks .notification-preference .description,
.popup-list.notifications .notification-preference .description,
.popup-list.conversations .notification-preference .description,
.popup-list.user .notification-preference .description,
.popup-list.site .notification-preference .description {
float: left !important;
width: 60% !important;
padding: 6px 8px 8px 8px !important;
color: #666666 !important;
}
.popup-list.bookmarks .notification-preference .button,
.popup-list.notifications .notification-preference .button,
.popup-list.conversations .notification-preference .button,
.popup-list.user .notification-preference .button,
.popup-list.site .notification-preference .button {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
background-color: #00509f;
color: white;
border-radius: 3px 3px 3px 3px;
display: block;
float: right;
margin: 4px 4px 0;
padding: 3px;
text-align: center;
text-decoration: none;
width: 60px;
font-size: .8em;
}
.popup-list.bookmarks .notification-preference .button:hover,
.popup-list.notifications .notification-preference .button:hover,
.popup-list.conversations .notification-preference .button:hover,
.popup-list.user .notification-preference .button:hover,
.popup-list.site .notification-preference .button:hover {
background-color: #005db9;
}
.popup-list.bookmarks .notification-preference .button.cancel,
.popup-list.notifications .notification-preference .button.cancel,
.popup-list.conversations .notification-preference .button.cancel,
.popup-list.user .notification-preference .button.cancel,
.popup-list.site .notification-preference .button.cancel {
background-color: #bdc3c7;
}
.popup-list.bookmarks .notification-preference .button.cancel:hover,
.popup-list.notifications .notification-preference .button.cancel:hover,
.popup-list.conversations .notification-preference .button.cancel:hover,
.popup-list.user .notification-preference .button.cancel:hover,
.popup-list.site .notification-preference .button.cancel:hover {
background-color: #cbd0d3;
}
.popup-list.bookmarks .preference,
.popup-list.notifications .preference,
.popup-list.conversations .preference,
.popup-list.user .preference,
.popup-list.site .preference {
position: absolute;
top: 3px;
right: 3px;
display: none;
}
.popup-list.bookmarks .preference a,
.popup-list.notifications .preference a,
.popup-list.conversations .preference a,
.popup-list.user .preference a,
.popup-list.site .preference a {
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.popup-list.bookmarks .preference a:before,
.popup-list.notifications .preference a:before,
.popup-list.conversations .preference a:before,
.popup-list.user .preference a:before,
.popup-list.site .preference a:before,
.popup-list.bookmarks .preference a .ie7_before,
.popup-list.notifications .preference a .ie7_before,
.popup-list.conversations .preference a .ie7_before,
.popup-list.user .preference a .ie7_before,
.popup-list.site .preference a .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e815";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e815');
}
.popup-list.bookmarks .content-item:hover .preference,
.popup-list.notifications .content-item:hover .preference,
.popup-list.conversations .content-item:hover .preference,
.popup-list.user .content-item:hover .preference,
.popup-list.site .content-item:hover .preference {
display: block;
}
.popup-list .loading {
min-height: 20px;
padding: 10px;
text-align: center;
font-style: italic;
background-color: #ededed;
color: #b2b2b2;
border: 0px;
position: absolute;
bottom: 1px;
width: 280px;
}
.popup-list.composer-suggestion-selector .loading {
width: 100%;
position: static;
background-color: transparent;
}
.popup-list .content-list-footer {
min-height: 20px;
border-top: 1px solid #e6e9ea;
padding: 10px;
overflow: hidden;
}
.popup-list .content-list-footer .right {
float: right;
}
.popup-list .content-list-footer .left {
float: left;
}
.popup-list .message.norecords {
border: 0px;
padding: 10px;
margin: 0px;
font-size: 12.6px;
}
.popup-list.search {
padding-top: 0px;
}
.popup-list.search .loading {
width: 100%;
}
.popup-list.search .multiple-column-list {
position: relative;
top: 0px;
}
.popup-list.search .multiple-column-list .content-list.content .content-item {
overflow: hidden;
padding: 10px;
cursor: pointer;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .avatar img {
max-width: 44px !important;
max-height: 44px !important;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .avatar img[src^="http"] {
height: 44px !important;
padding: 44px 0 0 !important;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .abbreviated .author {
padding-top: 0px;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .abbreviated .author a {
color: #666666;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .abbreviated .content {
float: left;
clear: none;
font-size: 12.6px;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .abbreviated .content:not(:empty) {
padding-top: 0px;
max-width: 70%;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes {
font-size: 9.8px;
line-height: 1.3em;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes a {
color: #666666;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes .attribute-item.container {
display: inline;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes .attribute-item.application {
display: inline;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes .attribute-item.application a {
margin-left: 10px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes .attribute-item.application a:before,
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes .attribute-item.application a .ie7_before {
width: 9.8px;
height: 9.8px;
display: inline-block;
content: "\e875";
font-family: Entypo;
font-size: 9.8px;
line-height: 9.8px;
margin-right: 7px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e875');
}
.popup-list.search .multiple-column-list .content-list.content .content-item .attributes .attribute-item.application a:before {
color: #bdc3c7;
width: 10px;
margin-right: 0px;
}
.popup-list.search .multiple-column-list .content-list.content .content-item .name {
font-size: 18px;
font-weight: 700;
padding-bottom: 5px;
}
.popup-list.search .multiple-column-list .content-list.content .content-item:hover,
.popup-list.search .multiple-column-list .content-list.content .content-item.selected {
background-color: #00509f;
color: white;
}
.popup-list.search .multiple-column-list .content-list.content .content-item:hover a,
.popup-list.search .multiple-column-list .content-list.content .content-item.selected a {
color: white;
}
.popup-list.search .multiple-column-list .content-list.content .content-item:hover .abbreviated .author,
.popup-list.search .multiple-column-list .content-list.content .content-item.selected .abbreviated .author {
padding-top: 0px;
}
.popup-list.search .multiple-column-list .content-list.content .content-item:hover .abbreviated .author a,
.popup-list.search .multiple-column-list .content-list.content .content-item.selected .abbreviated .author a {
color: whitesmoke;
}
.popup-list.search .multiple-column-list .content-list.content .content-item:hover .attributes,
.popup-list.search .multiple-column-list .content-list.content .content-item.selected .attributes {
color: #cccccc;
}
.popup-list.search .multiple-column-list .content-list.content .content-item:hover .attributes a,
.popup-list.search .multiple-column-list .content-list.content .content-item.selected .attributes a {
color: whitesmoke;
}
.popup-list.without-avatar .content-list .content-item {
padding: 10px;
min-height: 0px;
}
.tab-set {
margin: 0 0 30px 0;
}
.tab-set table {
width: 100%;
table-layout: fixed;
}
.tab-set table a {
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
transition: all 0.15s;
display: block;
padding: 5px 0 5px 0;
border: 1px solid #bdc3c7;
text-align: center;
border-right: 0px;
color: #869198 !important;
font-size: 12.6px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
}
.tab-set table a:active {
background-color: white;
}
.tab-set table a.selected {
background-color: #bdc3c7;
color: white !important;
}
.tab-set table td:last-child a {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-right: 1px solid #bdc3c7;
}
.tab-set table td:first-child a {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.tab-set table:hover a {
color: #00509f !important;
border-color: #00509f !important;
}
.tab-set table:hover a:active {
background-color: #6cb6ff;
}
.tab-set table:hover a.selected {
background-color: #00509f;
color: white !important;
}
.tab-set table:hover td:last-child a {
border-right: 1px solid #00509f;
}
.tag-list.cloud {
background-color: #ededed;
overflow: hidden;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tag-list.cloud .tag-item {
display: inline-block;
text-align: center;
margin: 0 .25em;
line-height: 120%;
}
.tag-list.cloud .tag-item.level-1 {
font-size: 14px;
}
.tag-list.cloud .tag-item.level-2 {
font-size: 16.8px;
}
.tag-list.cloud .tag-item.level-3 {
font-size: 19.6px;
}
.tag-list.cloud .tag-item.level-4 {
font-size: 22.4px;
}
.tag-list.cloud .tag-item.level-5 {
font-size: 25.2px;
}
.tag-list.cloud .tag-item.level-6 {
font-size: 28px;
}
.tag-list.cloud .tag-item a {
display: inline-block;
padding: 2.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tag-list.cloud .tag-item a:hover {
background-color: #e1e1e1;
}
.modal-mask {
opacity: .7;
height: 100% !important;
position: fixed !important;
}
.modal-wrapper-wrapper {
overflow: auto !important;
width: 100% !important;
left: 0 !important;
max-height: 90% !important;
background-color: whitesmoke;
position: fixed !important;
}
.modal-wrapper-wrapper .modal-wrapper {
margin-left: auto;
margin-right: auto;
position: static !important;
background-color: whitesmoke;
max-width: 1180px !important;
}
.modal-wrapper-wrapper .modal-wrapper .modal {
border: 0px;
padding: 20px;
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-title {
cursor: default;
margin: 0 0 15px 0;
border-bottom: 0px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 28px;
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-close-wrapper {
float: right;
position: relative;
top: -10px;
right: -10px;
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-close-wrapper .modal-close {
background-image: none;
display: inline-block;
width: 22px;
height: 22px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-close-wrapper .modal-close:before,
.modal-wrapper-wrapper .modal-wrapper .modal .modal-close-wrapper .modal-close .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 22px;
height: 22px;
top: 0px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 22px;
line-height: 22px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-close-wrapper .modal-close:hover {
color: #00509f;
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-content {
width: 100% !important;
padding: 15px 0 15px 0;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
font-size: 14px;
overflow: visible;
}
.modal-wrapper-wrapper .modal-wrapper .modal .modal-content iframe {
width: 100% !important;
overflow: visible;
}
/* masonry */
.masonry-column {
width: 150px;
margin-right: 5px;
}
.masonry-column:last-child {
margin-right: 0;
}
@media only screen and (max-width: 570px) {
.masonry-column {
width: 320px;
}
.item {
font-size: .9em;
}
}
/* tips */
.tip {
background-color: rgba(0, 0, 0, 0.9);
color: white;
max-width: 200px;
padding: 2px 6px 2px 6px;
font-size: 11px;
margin-bottom: 8px;
z-index: 20001 !important;
}
.tip a {
color: white;
}
.tip.above:after {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-top-color: rgba(0, 0, 0, 0.9);
border-width: 6px;
margin-left: -6px;
}
.tip.above.left:after {
left: 12px;
}
.tip.above.center:after {
left: 50%;
}
.tip.above.right:after {
right: 6px;
}
.tip.below {
margin-top: 8px;
}
.tip.below:after {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: rgba(0, 0, 0, 0.9);
border-width: 6px;
margin-left: -6px;
}
.tip.below.left:after {
left: 12px;
}
.tip.below.center:after {
left: 50%;
}
.tip.below.right:after {
right: 6px;
}
.user-file-url > .user-file-url-preview {
border: 1px solid #d9dcde;
box-sizing: border-box;
border-radius: 3px;
padding: 4px;
margin: 0 0 5px 0;
background-color: #f4f5f6;
}
.user-file-url > .user-file-url-preview > img {
margin: 0 auto;
display: inherit;
}
.user-file-url > a.upload {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.user-file-url > a.upload:before,
.user-file-url > a.upload .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e82e";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e82e');
}
/* Poll
/******************************/
.CommonPollArea {
width: 80%;
min-width: 275px;
border: solid 1px #d9dcde;
border-radius: 4px;
margin: 0 auto;
overflow: hidden;
}
.CommonPollArea .CommonPollQuestion {
background-color: #d9dcde;
padding: 10px;
margin: 0;
}
.CommonPollArea .CommonPollContent {
padding: 4px 8px;
background-color: #f4f5f6;
}
.CommonPollArea .CommonPollDescription p {
margin: 10px 0;
}
.CommonPollArea .CommonPollSwitchedContent {
margin: 0 auto;
}
.CommonPollArea .CommonPollSwitchedContent input[type="submit"] {
margin: 10px 0;
}
.CommonPollArea ul.CommonPollAnswerList {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
.CommonPollArea ul.CommonPollAnswerList li {
padding: 0;
margin: 0 0 10px 0;
}
.CommonPollArea ul.CommonPollAnswerList li table {
width: auto !important;
}
.CommonPollArea ul.CommonPollAnswerList li table tr {
border-width: 0 !important;
background-color: Transparent !important;
}
.CommonPollArea ul.CommonPollAnswerList li table td {
border-width: 0 !important;
background-color: Transparent !important;
line-height: inherit !important;
}
.CommonPollArea .CommonPollAnswer {
margin: 10px 0 0 0;
}
.CommonPollArea .CommonPollUserVote {
margin: 10px 0;
}
.CommonPollArea .CommonPollFooter {
padding: 10px;
background-color: #d9dcde;
font-size: 80%;
}
.CommonPollArea .CommonPollFooter a {
border-width: 0 !important;
}
.CommonPollArea .CommonPollResultGraph {
white-space: nowrap;
margin: 0 0 10px 0;
}
.CommonPollArea .CommonPollResultGraph img {
height: 19px !important;
}
.CommonPollArea ul.CommonPollFooterList {
list-style-type: none !important;
margin: 0 !important;
padding: 0 !important;
}
.CommonPollArea ul.CommonPollFooterList li {
display: inline;
margin: 0 10px 0 0;
padding: 0;
}
.hierarchy-list .hierarchy-item {
position: relative;
}
.hierarchy-list .hierarchy-item a {
font-size: 12.6px;
display: block;
padding-top: 3px;
padding-bottom: 4px;
padding-right: 4px;
color: #666666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.hierarchy-list .hierarchy-item a:hover {
background-color: #e8e8e8;
}
.hierarchy-list .hierarchy-item .expand-collapse {
position: absolute !important;
}
.hierarchy-list .hierarchy-item .expand-collapse.expanded {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
top: 3px;
}
.hierarchy-list .hierarchy-item .expand-collapse.expanded:before,
.hierarchy-list .hierarchy-item .expand-collapse.expanded .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e877";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e877');
}
.hierarchy-list .hierarchy-item .expand-collapse.collapsed {
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
top: 3px;
}
.hierarchy-list .hierarchy-item .expand-collapse.collapsed:before,
.hierarchy-list .hierarchy-item .expand-collapse.collapsed .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e879";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e879');
}
.hierarchy-list .hierarchy-item.selected a {
background-color: #00509f;
color: white;
}
.hierarchy-list li a {
padding-left: 24px;
}
.hierarchy-list li .expand-collapse {
left: 4px;
}
.hierarchy-list li li a {
padding-left: 44px;
}
.hierarchy-list li li .expand-collapse {
left: 24px;
}
.hierarchy-list li li li a {
padding-left: 64px;
}
.hierarchy-list li li li .expand-collapse {
left: 44px;
}
.hierarchy-list li li li li a {
padding-left: 84px;
}
.hierarchy-list li li li li .expand-collapse {
left: 64px;
}
.hierarchy-list li li li li li a {
padding-left: 104px;
}
.hierarchy-list li li li li li .expand-collapse {
left: 84px;
}
.hierarchy-list li li li li li li a {
padding-left: 124px;
}
.hierarchy-list li li li li li li .expand-collapse {
left: 104px;
}
.hierarchy-list li li li li li li li a {
padding-left: 144px;
}
.hierarchy-list li li li li li li li .expand-collapse {
left: 124px;
}
.hierarchy-list li li li li li li li li a {
padding-left: 164px;
}
.hierarchy-list li li li li li li li li .expand-collapse {
left: 144px;
}
.page .page-name {
font-size: 28px;
line-height: normal;
}
.page .page-content {
margin: 1em 0;
}
.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-suggested-answer,
.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-answer,
.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-reply {
margin-top: 10px;
}
.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-suggested-answer .author,
.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-answer .author,
.activity-story.content-type-46448885-d0e6-4133-bbfb-f0cd7b0fd6f7 .thread-reply .author {
color: #bdc3c7;
font-size: 11.9px;
display: block;
}
.adaptive-wrapper {
background: none;
background-color: white;
}
.adaptive-navigation {
position: relative;
}
.adaptive-navigation * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.adaptive-navigation li {
line-height: 49px;
}
.adaptive-navigation .primary-nav,
.adaptive-navigation .secondary-nav {
color: white;
font-weight: bold;
height: 49px;
}
.adaptive-navigation .primary-nav li,
.adaptive-navigation .secondary-nav li {
float: left;
display: inline;
}
.adaptive-navigation .primary-nav li a:link,
.adaptive-navigation .primary-nav li a:visited,
.adaptive-navigation .primary-nav li a:hover,
.adaptive-navigation .primary-nav li a:active,
.adaptive-navigation .secondary-nav li a:link,
.adaptive-navigation .secondary-nav li a:visited,
.adaptive-navigation .secondary-nav li a:hover,
.adaptive-navigation .secondary-nav li a:active {
color: white;
text-decoration: none;
}
.adaptive-navigation .primary-nav li a {
background: url("//cdn.thefa.com/ond/version2.0/images/svg/icon-sprite.svg") no-repeat;
image-rendering: optimizequality;
background-size: 208px auto;
}
.adaptive-navigation .primary-nav li a.faLogo {
background-position: 10px -1243px;
background-size: 432px auto;
}
.adaptive-navigation .primary-nav li a.topnavSignin {
background-position: 13px -270px;
}
.adaptive-navigation .primary-nav li a.topnavRegister {
background-position: 13px -518px;
}
.adaptive-navigation .primary-nav li a.topnavSearchMobile {
background-position: 15px -245px;
}
.adaptive-navigation .primary-nav li a.topnavSearch {
background-position: 15px -244px;
}
.adaptive-navigation .primary-nav li a.menu-expand {
background-position: 15px -445px;
}
.adaptive-navigation .primary-nav {
background: #333333;
border-bottom: 1px solid #474747;
}
.adaptive-navigation .primary-nav li {
height: 49px;
cursor: pointer;
}
.adaptive-navigation .primary-nav li a {
font-size: 1em;
display: block;
text-indent: -99999em;
height: 24px;
position: relative;
top: 12px;
}
.adaptive-navigation .primary-nav li a.faLogo {
width: 120px;
top: 13px;
}
.adaptive-navigation .primary-nav li a.topnavSignin,
.adaptive-navigation .primary-nav li a.topnavRegister,
.adaptive-navigation .primary-nav li a.topnavSearchMobile,
.adaptive-navigation .primary-nav li a.topnavSearch,
.adaptive-navigation .primary-nav li a.menu-expand {
width: 49px;
}
.adaptive-navigation .primary-nav li.innerList ul li.search,
.adaptive-navigation .primary-nav li.innerList ul li.register {
display: none;
}
.adaptive-navigation .primary-nav li.innerList ul li.search span {
display: none;
}
.adaptive-navigation .primary-nav li.innerList ul li.active {
border-bottom: 1px solid #333333;
background-color: black;
}
.adaptive-navigation .primary-nav li.innerList ul li.last-item.active {
border-bottom: 1px solid black;
}
.adaptive-navigation .primary-nav li.innerList ul li:hover {
background-color: black;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn {
display: none;
position: absolute;
top: 49px;
right: 0;
z-index: 10;
background-color: #333333;
width: 245px;
border: 1px solid #c9c9c9;
border-top: 0;
padding: 5px;
font-size: 0.875em;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li {
border-right: none;
border-left: none;
width: 100%;
line-height: 1em;
height: 40px;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li:hover {
background-color: #333333;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li:first-child {
border-bottom: 1px solid #c9c9c9;
margin-bottom: 10px;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li span {
position: relative;
top: 10px;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li a {
padding: 10px;
background: none;
text-indent: 0;
line-height: 1em;
text-align: center;
top: 0;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li .options li {
float: left;
width: 120px;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li .options li:first-child {
border-bottom: none;
margin-bottom: 0;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li .options li a {
height: 15px;
border: none;
background-color: #cccccc;
border: solid 1px black;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li .options li a:hover {
background-color: #333333;
border: solid 1px #c9c9c9;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn li .options li.last-item {
padding-left: 5px;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn .last-item {
display: block;
}
.adaptive-navigation .secondary-nav li.active span {
background: url(//cdn.thefa.com/ond/version2.0/images/svg/icon_close.svg) no-repeat;
background-size: 12px auto;
background-position: 9px 12px;
}
.adaptive-navigation .secondary-nav li a span {
background: url(//cdn.thefa.com/ond/version2.0/images/svg/icon_open.svg) no-repeat;
background-size: 12px auto;
background-position: 9px 12px;
}
.adaptive-navigation .secondary-nav {
display: none;
height: auto;
z-index: 110;
background: black;
width: 100%;
position: absolute;
}
.adaptive-navigation .secondary-nav li .sub-nav {
display: none;
border-top: 1px solid #474747;
margin-left: 20px;
background-color: black;
}
.adaptive-navigation .secondary-nav li .sub-nav li {
border-bottom: none;
border-top: 1px solid #474747;
}
.adaptive-navigation .secondary-nav li .sub-nav li:first-child {
border: none;
}
.adaptive-navigation .secondary-nav li.england.active,
.adaptive-navigation .secondary-nav li.england:hover,
.adaptive-navigation .secondary-nav li.england .sub-nav li:hover {
background-color: #e42126;
}
.adaptive-navigation .secondary-nav li.facup.active,
.adaptive-navigation .secondary-nav li.facup:hover,
.adaptive-navigation .secondary-nav li.facup .sub-nav li:hover {
background-color: #002a5b;
}
.adaptive-navigation .secondary-nav li.wembley.active,
.adaptive-navigation .secondary-nav li.wembley:hover,
.adaptive-navigation .secondary-nav li.wembley .sub-nav li:hover {
background-color: #00448f;
}
.adaptive-navigation .secondary-nav li.sgp.active,
.adaptive-navigation .secondary-nav li.sgp:hover,
.adaptive-navigation .secondary-nav li.sgp .sub-nav li:hover {
background-color: #d1212d;
}
.adaptive-navigation .secondary-nav li.women.active,
.adaptive-navigation .secondary-nav li.women:hover,
.adaptive-navigation .secondary-nav li.women .sub-nav li:hover {
background-color: #801c7e;
}
.adaptive-navigation .secondary-nav li.myfootball.active,
.adaptive-navigation .secondary-nav li.myfootball:hover,
.adaptive-navigation .secondary-nav li.myfootball .sub-nav li:hover {
background-color: #4f842c;
}
.adaptive-navigation .secondary-nav li.governance.active,
.adaptive-navigation .secondary-nav li.governance:hover,
.adaptive-navigation .secondary-nav li.governance .sub-nav li:hover {
background-color: #746045;
}
.adaptive-navigation .secondary-nav li.shop.active,
.adaptive-navigation .secondary-nav li.shop:hover,
.adaptive-navigation .secondary-nav li.shop .sub-nav li:hover {
background-color: #333333;
}
.adaptive-navigation .secondary-nav li.more.active,
.adaptive-navigation .secondary-nav li.more:hover,
.adaptive-navigation .secondary-nav li.more .sub-nav li:hover {
background-color: #333333;
}
.adaptive-navigation .secondary-nav li {
display: block;
float: none;
width: 100%;
border-bottom: 1px solid #474747;
cursor: pointer;
}
.adaptive-navigation .secondary-nav li a {
height: 100%;
display: block;
position: relative;
padding-left: 10px;
}
.adaptive-navigation .secondary-nav li a span {
position: absolute;
right: 8px;
top: 8px;
height: 30px;
width: 30px;
}
.adaptive-navigation .mobile-search-expand li .searchBtn {
background: url("//cdn.thefa.com/ond/version2.0/images/svg/icon-sprite.svg") no-repeat;
background-position: -119px -203px;
background-size: 173px auto;
border: none;
text-indent: -99999em;
cursor: pointer;
}
.adaptive-navigation .mobile-search-expand {
display: none;
position: absolute;
z-index: 100;
width: 100%;
background-color: #333333;
}
.adaptive-navigation .mobile-search-expand li {
padding: 0 1%;
width: 98%;
}
.adaptive-navigation .mobile-search-expand li input {
padding-left: 2%;
width: 98%;
height: 28px;
border: none;
}
.adaptive-navigation .mobile-search-expand li .searchBtn {
width: 49px;
height: 24px;
display: block;
position: absolute;
right: 0;
top: 13px;
}
.adaptive-footer h2 {
background: url("//cdn.thefa.com/ond/version2.0/images/svg/icon-sprite.svg") no-repeat;
background-position: 10px -929px;
background-size: 324px auto;
image-rendering: optimizequality;
}
.adaptive-footer {
background-color: white;
}
.adaptive-footer * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.adaptive-footer .footerLogo {
height: 30px;
padding-top: 7px;
background-color: black;
}
.adaptive-footer .footer-body {
background-color: #ededed;
overflow: hidden;
border-bottom: 1px solid #c9c9c9;
padding: 15px 0;
}
.adaptive-footer h2 {
background: url("//cdn.thefa.com/ond/version2.0/images/svg/icon-sprite.svg") no-repeat;
background-position: 10px -929px;
background-size: 324px auto;
image-rendering: optimizequality;
margin: 0;
text-indent: -99999em;
height: 24px;
width: 200px;
}
.adaptive-footer ul {
width: 50%;
float: left;
}
.adaptive-footer ul li {
font-size: 0.875em;
font-weight: bold;
padding: 0 10px;
line-height: 1em;
}
.adaptive-footer ul li a {
padding: 15px 0;
display: inline-block;
}
.adaptive-footer ul li a:link,
.adaptive-footer ul li a:visited,
.adaptive-footer ul li a:hover,
.adaptive-footer ul li a:active {
color: #333333;
text-decoration: none;
}
.adaptive-footerTc {
float: left;
padding: 5px 0 14px;
width: 100%;
}
.adaptive-footerContent .adaptive-footerTc h4 {
float: left;
margin: 0 0 10px 20px;
padding: 0;
position: relative;
top: 5px;
}
.adaptive-footerContent .adaptive-footerTc h4 a {
background: url("//cdn.thefa.com/ond/TheFAPortal/version2.0/images/logos/mod-footer-TheFA-logo.png") no-repeat scroll 0 0 transparent;
display: block;
height: 57px;
text-indent: -99999em;
width: 40px;
}
.adaptive-footerTc .links {
float: left;
margin-top: 15px;
padding: 0 0 0 10px;
}
.adaptive-footerContent .links p {
color: #333333;
font-size: 0.688em;
padding: 0;
margin: 0;
line-height: 1;
}
.adaptive-footerContent .links ul {
margin: 0;
}
.adaptive-footerContent .links ul li {
background: none repeat scroll 0 0 transparent;
display: inline;
height: auto;
line-height: 1;
padding: 0 6px 0 0;
}
.adaptive-footerContent .links ul li a {
cursor: pointer;
text-decoration: none;
font-size: 0.688em;
color: #333333;
}
.adaptive-footerContent .links ul li a:hover {
text-decoration: underline;
}
.adaptive-footerContent .adaptive-footerTc .links p,
.adaptive-footerContent .adaptive-footerTc a {
font-size: 9px !important;
}
/* ================================================================================================== *\
Tags
\* ================================================================================================== */
h1,
h2,
h3 {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
text-transform: uppercase;
line-height: 0.9;
color: #333333;
}
h1 {
font-size: 80px;
}
h2 {
font-size: 50px;
}
h3 {
font-size: 25px;
}
.content-fragment .abbreviated.content h3.name {
font-size: 25px;
text-transform: none;
line-height: 1.1;
}
/* ================================================================================================== *\
Remove min width
\* ================================================================================================== */
.content-fragment-page > .layout,
.header-fragments .layout .header-top-content .layout-region-inner,
.page-editing,
.footer-fragments > .layout {
min-width: 280px;
}
/* ================================================================================================== *\
Layout styles output buy the admin system
\* ================================================================================================== */
@media only screen and (max-width: 570px) {
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region {
padding-right: 0;
}
}
@media only screen and (max-width: 1160px) {
.page-editing,
.header-fragments .layout .header-top-content .layout-region-inner,
.content-fragment-page > .layout,
.footer-fragments > .layout {
padding-left: 20px;
padding-right: 20px;
}
.content-fragment.featured-content-slider .content-fragment-content .featured-content-slider {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.featured-content-slider.content-fragment .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper > .shadowed.avatar:after,
.featured-content-slider.content-fragment .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper > .avatar {
width: 1160px;
}
/* ================================================================================================== *\
Change overflow: hidden so header can overhang left
\* ================================================================================================== */
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region,
.layout-content .layout-region .layout-region-inner,
.layout-content,
.content-left-sidebar-right.layout-content .content.layout-region {
overflow: visible;
zoom: 1;
}
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region:before,
.layout-content .layout-region .layout-region-inner:before,
.layout-content:before,
.content-left-sidebar-right.layout-content .content.layout-region:before,
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region:after,
.layout-content .layout-region .layout-region-inner:after,
.layout-content:after,
.content-left-sidebar-right.layout-content .content.layout-region:after {
content: " ";
display: table;
}
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region:after,
.layout-content .layout-region .layout-region-inner:after,
.layout-content:after,
.content-left-sidebar-right.layout-content .content.layout-region:after {
clear: both;
}
/* ================================================================================================== *\
Use percentage widths for columns rather than fixed right column width
\* ================================================================================================== */
.header-top-content-left-sidebar-right-footer.layout-content .right-sidebar.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .left-sidebar.layout-region {
width: 25.862%;
}
@media only screen and (max-width: 1160px) {
.header-top-content-left-sidebar-right-footer.layout-content .right-sidebar.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .left-sidebar.layout-region {
width: 35.862%;
}
}
@media only screen and (max-width: 850px) {
.header-top-content-left-sidebar-right-footer.layout-content .right-sidebar.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .left-sidebar.layout-region {
width: 40.862%;
}
}
@media only screen and (max-width: 768px) {
.header-top-content-left-sidebar-right-footer.layout-content .right-sidebar.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .left-sidebar.layout-region {
width: 100%;
float: none;
}
}
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .content.layout-region {
width: 74.138%;
float: left;
}
@media only screen and (max-width: 1160px) {
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .content.layout-region {
width: 64.138%;
}
}
@media only screen and (max-width: 850px) {
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .content.layout-region {
width: 59.138%;
}
}
@media only screen and (max-width: 768px) {
.header-top-content-left-sidebar-right-footer.layout-content .content.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .content.layout-region {
width: 100%;
float: none;
}
}
.header-top-content-left-sidebar-right-footer.layout-content .right-sidebar.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .content.layout-region {
padding-left: 20px !important;
}
@media only screen and (max-width: 850px) {
.header-top-content-left-sidebar-right-footer.layout-content .right-sidebar.layout-region,
.header-top-sidebar-left-content-right-footer.layout-content .content.layout-region {
padding-left: 0px !important;
}
}
.header-top-content-right-sidebar-left-footer.layout-content .left-sidebar.layout-region,
.header-top-content-left-sidebar-right-footer.layout-content .layout-region.content,
.header-top-sidebar-right-content-left-footer.layout-content .content.layout-region {
padding-right: 20px !important;
}
@media only screen and (max-width: 850px) {
.header-top-content-right-sidebar-left-footer.layout-content .left-sidebar.layout-region,
.header-top-content-left-sidebar-right-footer.layout-content .layout-region.content,
.header-top-sidebar-right-content-left-footer.layout-content .content.layout-region {
padding-right: 0px !important;
}
}
.right-sidebar .fa.post-button .content-fragment-content,
.left-sidebar .fa.post-button .content-fragment-content {
padding: 0 !important;
background-color: transparent;
}
.right-sidebar .fa.post-button .content-fragment-content .button,
.left-sidebar .fa.post-button .content-fragment-content .button {
display: block;
padding-left: 50px;
position: relative;
}
.right-sidebar .fa.post-button .content-fragment-content .button:after,
.left-sidebar .fa.post-button .content-fragment-content .button:after {
display: none;
}
.right-sidebar .fa.post-button .content-fragment-content .button:before,
.left-sidebar .fa.post-button .content-fragment-content .button:before {
content: 'โ';
font-size: 20px;
font-family: 'SSSymbol';
position: absolute;
left: 15px;
}
.right-sidebar .content-fragment.with-header .content-fragment-header,
.left-sidebar .content-fragment.with-header .content-fragment-header {
padding: 40px 40px 0 40px;
text-transform: uppercase;
color: #ed1c24;
text-align: center;
background-color: white;
font-size: 25px;
line-height: 1;
}
@media only screen and (max-width: 570px) {
.right-sidebar .content-fragment.with-header .content-fragment-header,
.left-sidebar .content-fragment.with-header .content-fragment-header {
font-size: 21px;
padding: 20px 20px 0 20px;
}
}
/* ================================================================================================== *\
Paint wipe header panel
\* ================================================================================================== */
.content-fragment-page .layout .content .content-fragment .content-fragment-content {
background-color: white;
}
.content-fragment-page .layout .content .content-fragment.fa.blog-post .content-fragment-content,
.content-fragment-page .layout .content .content-fragment.blog-bread-crumbs .content-fragment-content,
.content-fragment-page .layout .content .content-fragment.group-bread-crumbs .content-fragment-content {
padding: 0;
}
@media only screen and (max-width: 570px) {
.content-fragment-page .layout .content .content-fragment .content-fragment-content {
padding: 47px 20px 20px 20px;
}
.content-fragment-page .layout .content .content-fragment.fa.blog-post .content-fragment-content,
.content-fragment-page .layout .content .content-fragment.blog-bread-crumbs .content-fragment-content,
.content-fragment-page .layout .content .content-fragment.group-bread-crumbs .content-fragment-content {
padding: 0;
}
}
@media only screen and (min-width: 571px) {
.content-fragment-page .layout .content .content-fragment .content-fragment-content {
padding: 66px 40px 40px 40px;
}
.content-fragment-page .layout .content .content-fragment.fa.blog-post .content-fragment-content,
.content-fragment-page .layout .content .content-fragment.blog-bread-crumbs .content-fragment-content {
padding: 0;
}
}
.content-fragment-page .layout .content .content-fragment.with-header {
position: relative;
margin-top: 62px !important;
}
@media only screen and (max-width: 570px) {
.content-fragment-page .layout .content .content-fragment.with-header {
margin-top: 52px !important;
}
}
.content-fragment-page .layout .content .content-fragment.with-header .content-fragment-header {
background: url(https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/headingwipebg.png) top left repeat-x;
box-sizing: border-box;
color: white;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 25px;
font-weight: 700;
height: 70px;
left: 0;
line-height: 66px;
margin: 35px 0 0 0;
padding: 0 10px;
position: absolute;
right: 52px;
text-transform: uppercase;
top: -35px;
white-space: nowrap;
border-bottom: none;
}
@media only screen and (max-width: 570px) {
.content-fragment-page .layout .content .content-fragment.with-header .content-fragment-header {
font-size: 21px;
}
}
.content-fragment-page .layout .content .content-fragment.with-header .content-fragment-header:before {
content: ' ';
left: -10px;
height: 100%;
position: absolute;
top: 0;
width: 10px;
background: url(https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/headingwipeleft.png) top left no-repeat;
}
.content-fragment-page .layout .content .content-fragment.with-header .content-fragment-header:after {
content: ' ';
right: -54px;
height: 100%;
position: absolute;
top: 0;
width: 54px;
background: url(https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/headingwiperight.png) top right no-repeat;
}
.content-fragment-page .layout .content .content-fragment.with-header .content-fragment-content {
background-color: white;
margin-top: 70px;
}
/* ================================================================================================== *\
Spacing between content items. E.g. blog list
\* ================================================================================================== */
.content-fragment-page .layout .left-sidebar .content-fragment-content,
.content-fragment-page .layout .right-sidebar .content-fragment-content {
background-color: white;
padding: 40px;
}
@media only screen and (max-width: 570px) {
.content-fragment-page .layout .left-sidebar .content-fragment-content,
.content-fragment-page .layout .right-sidebar .content-fragment-content {
padding: 20px;
}
}
/* ================================================================================================== *\
Spacing between content items. E.g. blog list
\* ================================================================================================== */
.content.content-list > .content-item {
padding: 15px 0;
}
/* ================================================================================================== *\
Prevent unread items being rendered in thinner weight
\* ================================================================================================== */
.content-fragment .content .name a.unread,
.popup-list .content .name a.unread {
font-weight: inherit;
}
.content-fragment .abbreviated.content h3.name a {
color: inherit;
}
.content-fragment.more-content .abbreviated.content h3.name a {
color: #00509f;
}
.content-fragment.more-content .abbreviated.content h3.name a:hover {
color: #006ad2;
}
.content-fragment.more-content .abbreviated.content h3.name a:active {
color: #00366c;
}
/* ================================================================================================== *\
Menu header
\* ================================================================================================== */
.header-fragments .layout .header-top-content .header.layout-region {
background-color: white;
border-bottom-color: gainsboro;
}
.site.banner fieldset {
padding-left: 0;
}
.site.banner .popup-list-count {
background-color: #ed1c24;
}
.site.banner fieldset ul li .field-item-input {
margin-left: 0;
margin-right: 0;
}
.site.banner fieldset ul li .field-item-input input {
border-color: gainsboro;
border-radius: 3px;
}
@media only screen and (max-width: 1024px) {
.site.banner > .handheld.navigation-list {
float: left !important;
width: 100% !important;
padding-top: 0 !important;
}
.site.banner > .handheld.navigation-list ul {
float: left !important;
}
.site.banner fieldset {
display: block;
}
}
.site.banner .navigation-list ul {
float: left;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
}
.site.banner .navigation-list ul a {
color: #333333;
}
.site.banner .navigation-list ul .user img {
width: 20px;
}
.site.banner .navigation-list.user-links {
padding-right: 20px;
}
.site.banner .navigation-list.user-links ul {
width: 100%;
text-align: right;
}
.site.banner .navigation-list.site-links {
width: 66%;
text-transform: uppercase;
text-align: left;
}
.site.banner .navigation-list.site-links ul {
width: 100%;
}
.site.banner .navigation-list.site-links ul a {
float: left;
padding-right: 30px;
margin-right: 0;
}
@media only screen and (max-width: 1024px) {
html .site.banner .handheld.container .search,
html .site.banner .handheld.container .user-links {
border-top: 1px solid gainsboro;
border-bottom: none;
}
html .content-fragment.fa.with-spacing.site-navigation {
padding: 0;
}
html .site.banner .popup-list-count {
top: 12px;
left: 6px;
}
html .site.banner > .handheld.navigation-list {
height: 48px;
}
html .site.banner > .handheld.navigation-list ul {
width: 100%;
}
html .site.banner > .handheld.navigation-list ul .site:before,
html .site.banner > .handheld.navigation-list ul .site .ie7_before {
content: '';
}
html .site.banner > .handheld.navigation-list ul .logged-in.user:before,
html .site.banner > .handheld.navigation-list ul .logged-in.user .ie7_before,
html .site.banner > .handheld.navigation-list ul .user:before,
html .site.banner > .handheld.navigation-list ul .user .ie7_before,
html .site.banner > .handheld.navigation-list ul .search:before,
html .site.banner > .handheld.navigation-list ul .search .ie7_before {
font-size: 17px;
color: #333333;
line-height: 42px;
text-align: center;
width: 48px;
}
html .site.banner > .handheld.navigation-list ul .site {
text-indent: 0;
width: auto;
text-transform: uppercase;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 500;
color: #333333;
top: 0;
border-right: 1px solid gainsboro;
padding: 0 15px;
margin: 0;
line-height: 48px;
height: 48px;
}
html .site.banner > .handheld.navigation-list ul .search,
html .site.banner > .handheld.navigation-list ul .logged-in.user {
top: 0;
border-right: 1px solid gainsboro;
margin: 0;
height: 48px;
width: 48px;
}
html .site.banner > .site-links.navigation-list {
position: absolute;
display: block;
top: 48px;
background-color: white;
width: 100%;
box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.15);
display: none;
}
html .site.banner > .site-links.navigation-list.visible {
display: table-cell;
}
html .site.banner > .site-links.navigation-list ul a {
padding: 15px;
float: none;
display: block;
border-top: 1px solid gainsboro;
margin: 0;
}
}
/* ================================================================================================== *\
Forum list
\* ================================================================================================== */
.content-fragment.browse-forums .simple.content-list {
overflow: hidden;
}
@media only screen and (min-width: 571px) {
.content-fragment.browse-forums .simple.content-list .content-item {
width: 50%;
float: left;
}
.content-fragment.browse-forums .simple.content-list .content-item:nth-child(2n-1) {
padding-right: 20px;
clear: left;
}
}
.content-fragment.browse-forums .simple.content-list .content-item {
border-bottom: none;
}
.content-fragment.browse-forums .simple.content-list .name {
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
position: relative;
padding-left: 43px;
}
.content-fragment.browse-forums .simple.content-list .name a {
color: #333333;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 18px;
color: #00509f;
font-weight: 700;
}
.content-fragment.browse-forums .simple.content-list .name a:first-child {
color: #a8a8aa;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
display: block;
line-height: 0.9em;
}
.content-fragment.browse-forums .simple.content-list .name:before {
content: '๐ฌ';
font-size: 23px;
color: #333333;
font-family: 'SSSymbol';
padding-right: 20px;
position: absolute;
top: 6px;
left: 0;
}
.content-fragment.browse-forums .simple.content-list .thumbnails,
.content-fragment.browse-forums .simple.content-list .attributes,
.content-fragment.browse-forums .simple.content-list .content .content {
display: none;
}
html .at4m-mobile-container {
z-index: 8;
position: relative;
}
.user-navigation {
margin-top: 20px;
padding: 0 !important;
}
.user-navigation .navigation-list {
overflow: hidden;
margin-bottom: 10px;
}
@media only screen and (min-width: 851px) {
.user-navigation .navigation-list {
margin-bottom: 0;
}
}
.user-navigation .navigation-item {
float: left;
display: inline-block !important;
width: 100%;
background: #00509f;
background: -moz-linear-gradient(top, #00509f 75%, #00407f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(75%, #00509f), color-stop(100%, #00407f));
background: -webkit-linear-gradient(top, #00509f 75%, #00407f 100%);
background: -o-linear-gradient(top, #00509f 75%, #00407f 100%);
background: -ms-linear-gradient(top, #00509f 75%, #00407f 100%);
background: linear-gradient(to bottom, #00509f 75%, #00407f 100%);
color: #333333;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-transform: uppercase;
text-align: center;
}
@media only screen and (min-width: 851px) {
.user-navigation .navigation-item {
margin: 10px 1px 0 0;
width: auto;
}
}
.user-navigation .navigation-item a {
color: white;
padding: 10px 15px;
display: block;
}
.user-navigation .navigation-item.selected {
background: white;
margin-top: 0;
border-top: 10px solid white;
}
.user-navigation .navigation-item.selected a {
color: #666666;
}
.user-userprofile .footer .content-fragment,
.user-activitylist .footer .content-fragment,
.user-grouplist .footer .content-fragment,
.user-friendshiplist .footer .content-fragment,
.user-favoritelist .footer .content-fragment,
.user-blogs .footer .content-fragment {
background-color: white;
padding: 0px 40px;
}
.content-fragment-page.user-userprofile .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-activitylist .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-grouplist .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-friendshiplist .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-favoritelist .layout-region.content .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-blogs .layout-region.content .layout-region-inner .content-fragment .content-fragment-content {
margin-top: 0px;
padding-top: 20px;
}
.content-fragment-page.user-userprofile .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-activitylist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-grouplist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-friendshiplist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-favoritelist .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content,
.content-fragment-page.user-blogs .layout-region.right-sidebar .layout-region-inner .content-fragment .content-fragment-content {
margin-top: 0px;
padding-top: 20px;
}
.header-top-content .site-navigation {
min-width: 570px;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.media-gallery-post .actions.download,
.post-attachment-download-count {
display: none !important;
}
.media-gallery-post .name .internal-link.download-attachment {
pointer-events: none;
}
.download-attachment {
display: none;
}
.layout-content.header-top-content-left-sidebar-right-footer .layout-region.right-sidebar {
clear: none;
}
.forum-thread.pw-widget {
padding-bottom: 20px;
}
/* ================================================================================================== *\
Forum Thread List Overrides
\* ================================================================================================== */
.content-fragment .content.full .actions,
.popup-list .content.full .actions {
width: 55%;
}
.content-fragment .content.full .author,
.popup-list .content.full .author {
width: 45%;
}
/* ================================================================================================== *\
FA Header Overrides
\* ================================================================================================== */
.adaptive-wrapper .adaptive-stage {
max-width: none !important;
}
.adaptive-navigation .primary-nav {
border-bottom: none !important;
}
.adaptive-wrapper .adaptive-stage .adaptive-footer {
padding: 0 !important;
}
@media only screen and (max-width: 768px) {
.adaptive-footer ul {
width: 100%;
}
}
.footer-columns-container .footer-column h3 {
display: none;
}
.adaptive-navigation .primary-nav li.innerList ul li {
border: none;
}
.adaptive-navigation .primary-nav li.innerList ul li:hover {
background: inherit;
}
/* ================================================================================================== *\
FA Header/Footer Desktop Overrides
\* ================================================================================================== */
.adaptive-navigation .primary-nav,
.secondary-nav {
width: auto;
}
.adaptive-navigation .primary-nav li a.faLogo {
background-position: 0 -1243px;
left: 0;
}
.content-fragment-content .adaptive-wrapper .adaptive-footer {
max-width: none !important;
width: 100%;
}
.content-fragment-content .adaptive-wrapper .adaptive-footer ul {
width: 100%;
}
.adaptive-footer .newsletter-container,
.adaptive-footer .footer-columns-container {
width: auto;
}
.content-fragment-content .adaptive-wrapper .adaptive-stage .footer-column {
width: 25%;
padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
.content-fragment-content .adaptive-wrapper .adaptive-stage .footer-column {
width: 50%;
}
.content-fragment-content .adaptive-wrapper .adaptive-stage .footer-column:nth-child(2n-1) {
clear: left;
}
}
.content-fragment-content .adaptive-wrapper .adaptive-stage .footer-column h3 {
display: block;
font-size: 15px;
padding-bottom: 5px;
}
.content-fragment-content .adaptive-wrapper .adaptive-stage .footer-column ul li {
background: url("http://cdn.thefa.com/version2.0/images/svg/icon-sprite.svg") no-repeat;
background-position: -52px -18px;
background-size: 72px auto;
}
@media only screen and (max-width: 768px) {
.content-fragment-content .adaptive-wrapper .adaptive-stage .footer-column ul li {
background: none;
padding: 0;
}
}
.footer-column ul li a {
padding: 0;
}
.adaptive-wrapper .adaptive-stage .adaptive-sponsors {
width: 100%;
padding: 20px 0;
}
.container_3 {
width: 100%;
}
.adaptive-wrapper .hero-carousel.grid_3 {
width: 100%;
}
.adaptive-navigation .primary-nav li.innerList {
margin-left: 0;
}
.adaptive-navigation .primary-nav li.innerList .loggedIn {
right: auto;
}
.adaptive-navigation .primary-nav li.innerList ul li.active {
background-color: #333333;
}
/* ================================================================================================== *\
Brand banner
\* ================================================================================================== */
.brand-bar {
background: #ed1c24;
min-width: 280px;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 3;
}
.brand-bar:after {
background: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/BrandBannerEdge.png') no-repeat left bottom;
content: ' ';
display: block;
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
.brand-bar-logo {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
background: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-1bf2123b75e04b72a939d6c7804aad6b-files/logo.png') no-repeat left top;
background-size: contain;
display: block;
}
.brand-bar-user-name h4 {
margin-bottom: 0;
}
.brand-bar-user-image {
border-radius: 100px;
display: block;
overflow: hidden;
position: absolute;
}
@media only screen and (max-width: 570px) {
.brand-bar {
margin-bottom: 10px;
padding: 5px;
top: -1px;
}
.brand-bar:after {
height: 10px;
}
.brand-bar-logo {
height: 0;
padding-top: 36.468647%;
width: 100%;
}
.brand-bar-user {
height: 48px;
left: 181px;
padding: 10px 0 0 40px;
position: fixed;
top: -2px;
z-index: 11;
}
.brand-bar-user-name h4,
.brand-bar-user-caps {
font-family: Arial, 'Helvetica', sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 10px;
}
.brand-bar-user-name h4 {
color: #004f9f;
}
.brand-bar-user-caps {
color: #333333;
}
.brand-bar-user-image {
height: 30px;
left: 0;
margin-top: -15px;
top: 50%;
width: 30px;
}
.brand-bar-user-messages,
.brand-bar-user-fans {
display: none;
}
}
@media only screen and (min-width: 571px) {
.brand-bar {
margin-bottom: 22px;
padding: 15px 0 8px 18px;
top: -1px;
}
.brand-bar:after {
height: 22px;
}
.brand-bar-logo {
height: 110px;
width: 303px;
}
.brand-bar-user {
color: white;
padding-right: 155px;
position: absolute;
right: 30px;
text-align: right;
top: 45px;
}
.brand-bar-user-name h4 {
color: white;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-transform: uppercase;
line-height: 20px;
}
.brand-bar-user-messages,
.brand-bar-user-fans {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.brand-bar-user-image {
border: 4px solid white;
height: 66px;
right: 63px;
top: -7px;
width: 66px;
}
.brand-bar-user-caps {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 46px;
font-weight: 700;
line-height: 37px;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.brand-bar-user-caps span {
color: white;
display: block;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 18px;
margin-top: 3px;
text-transform: uppercase;
}
.brand-bar-join {
position: absolute;
right: 40px;
top: 40px;
}
}
/* ================================================================================================== *\
Image banner
\* ================================================================================================== */
.image-banner {
background-size: cover;
height: 0;
position: relative;
overflow: hidden;
z-index: 2;
}
.image-banner-title {
color: white;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 80px;
font-weight: 700;
letter-spacing: -0.025em;
line-height: 65px;
left: 0;
max-width: 700px;
position: absolute;
top: 0;
}
@media only screen and (max-width: 570px) {
.home-banner {
margin: 0 -20px;
}
.image-banner {
margin-top: -10px;
padding-top: 58.09375%;
}
.image-banner-title {
font-size: 28px;
line-height: 24px;
margin-top: 30px;
margin-right: 20px;
margin-left: 20px;
}
}
@media only screen and (min-width: 570px) and (max-width: 850px) {
.image-banner {
margin-top: -22px;
padding-top: 43.827586%;
}
.image-banner-title {
font-size: 40px;
line-height: 35px;
margin-top: 35px;
margin-left: 20px;
}
}
@media only screen and (min-width: 851px) {
.image-banner {
margin-top: -22px;
padding-top: 29.827586%;
}
.image-banner-title {
margin-top: 60px;
margin-left: 70px;
}
}
/* ================================================================================================== *\
Forum post widget
\* ================================================================================================== */
.forum-post-list .content-fragment-content ul {
font-size: 0;
}
.forum-post-list-post {
margin-bottom: 23px;
position: relative;
padding-left: 47px;
}
.forum-post-list-post-thumb {
border: 2px solid white;
border-radius: 40px;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.45);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.45);
left: 0;
overflow: hidden;
position: absolute;
top: 7px;
}
.forum-post-list-post-thumb img {
height: 20px;
width: 20px;
}
.forum-post-list-post-title {
color: #333333;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 18px;
margin: 0 0 4px 0;
}
.forum-post-list-post-title a {
color: inherit;
}
.forum-post-list-post-author,
.forum-post-list-post-date {
color: #666666;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}
@media only screen and (max-width: 570px) {
.forum-post-list-post-title {
font-size: 17px;
}
}
@media only screen and (min-width: 571px) {
.forum-post-list-post {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 50%;
}
}
.avatar {
position: relative;
}
.is_verified {
left: -3px;
position: absolute;
top: 6px;
width: 10px;
}
.author .user-name .is_verified {
position: static;
}
/* ================================================================================================== *\
Blog post widget
\* ================================================================================================== */
.blog-post-list .content-fragment-content {
overflow: hidden;
}
.blog-post-list-post {
width: 100%;
}
@media only screen and (max-width: 768px) {
.blog-post-list-post {
margin-top: 20px;
}
.blog-post-list-post:first-child {
margin-top: 0;
}
}
.blog-post-list-post-image,
.blog-post-list-post-image img {
display: block;
width: 100%;
}
.blog-post-list-post-image img {
margin-bottom: 10px;
}
.blog-post-list-post-title {
color: #333333;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin: 0 0 10px 0;
}
.blog-post-list-post-excerpt {
color: #333333;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin-bottom: 10px;
}
@media only screen and (max-width: 570px) {
.blog-post-list-post {
margin-top: 20px;
}
.blog-post-list-post:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 571px) {
.blog-post-list-post {
box-sizing: border-box;
float: left;
padding: 0 2px;
width: 33.33333%;
}
.blog-post-list-post:first-child {
padding: 0 3px 0 0;
}
.blog-post-list-post:last-child {
padding: 0 0 0 3px;
}
.blog-post-list-post-excerpt {
width: 70%;
}
.blog-post-list-post-image img,
.blog-post-list-post-title,
.blog-post-list-post-excerpt {
margin-bottom: 18px;
}
}
/* ================================================================================================== *\
News post widget
\* ================================================================================================== */
.news-post-list-container {
font-size: 0;
}
.news-post-list-post {
box-sizing: border-box;
display: inline-block;
margin-top: 20px;
min-height: 30px;
padding-left: 56px;
position: relative;
vertical-align: top;
}
.news-post-list-post img {
left: 0;
position: absolute;
top: 0;
width: 46px;
}
.news-post-list-post .news-post-list-post-title {
color: #333333;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin: 0;
}
.news-post-list-post a {
font-size: 14px;
}
.news-post-list-post time {
font-size: 14px;
margin-bottom: 8px;
display: block;
}
@media only screen and (max-width: 570px) {
.news-post-list-post {
width: 100%;
}
.news-post-list-post .news-post-list-post-title {
font-size: 12px;
}
.news-post-list-post:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 571px) and (max-width: 1024px) {
.news-post-list-post {
width: 50%;
}
.news-post-list-post .news-post-list-post-title {
font-size: 12px;
}
.news-post-list-post:nth-child(odd) {
padding-right: 10px;
}
.news-post-list-post:nth-child(even) {
padding-left: 66px;
}
.news-post-list-post:nth-child(even) img {
left: 10px;
}
.news-post-list-post:nth-child(1),
.news-post-list-post:nth-child(2) {
margin-top: 0;
}
}
@media only screen and (min-width: 1025px) {
.news-post-list-post {
margin-top: 40px;
min-height: 70px;
padding-left: 110px;
width: 50%;
}
.news-post-list-post img {
left: 20px;
width: 70px;
}
.news-post-list-post:nth-child(odd) {
padding-right: 30px;
}
.news-post-list-post:nth-child(even) {
padding-left: 120px;
}
.news-post-list-post:nth-child(even) img {
left: 10px;
}
.news-post-list-post:nth-child(1),
.news-post-list-post:nth-child(2) {
margin-top: 0;
}
}
/* ================================================================================================== *\
News post block
\* ================================================================================================== */
.post-body {
background: white;
padding: 20px;
}
.blog-post-title {
color: #333333;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 25px;
font-weight: 700;
line-height: 40px;
text-transform: uppercase;
}
@media only screen and (min-width: 570px) {
.post-body {
padding: 40px;
}
}
/* ================================================================================================== *\
Competition component
\* ================================================================================================== */
.join-competition {
color: white;
}
.join-competition .content-fragment-content,
.content-fragment-page .layout .left-sidebar .join-competition .content-fragment-content,
.content-fragment-page .layout .right-sidebar .join-competition .content-fragment-content {
background: transparent;
padding: 0;
}
.join-competition-title {
color: inherit;
background: #00509f;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 22px;
margin: 0;
text-transform: uppercase;
}
.join-competition-container {
background-color: #bdc3c7;
background-position: center;
background-size: cover;
}
.join-competition-description {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
.join-competition {
margin-top: 25px;
}
.join-competition-title {
padding: 10px 20px;
text-align: center;
}
.join-competition-container {
padding: 20px;
}
.join-competition-description {
margin-bottom: 22px;
}
}
@media only screen and (min-width: 1025px) {
.join-competition {
bottom: 0;
right: 20px;
position: fixed;
width: 560px;
z-index: 9;
}
.join-competition-title {
float: right;
padding: 12px 40px 3px 20px;
position: relative;
}
.join-competition-title .close {
padding: 15px;
line-height: 16px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
display: block;
}
.join-competition-title .close:after {
content: 'โก';
font-family: 'SSStandard';
font-size: 10px;
display: block;
}
.join-competition-title .close:hover {
color: #ed1c24;
}
.join-competition-container {
border-top: 9px solid #00509f;
clear: both;
padding: 30px 20px;
position: relative;
}
.join-competition-description {
margin: 0;
width: 286px;
}
.join-competition-button {
position: absolute;
right: 20px;
top: 30px;
}
}
@media only screen and (min-width: 1160px) {
.join-competition {
left: 50%;
right: auto;
}
}
/* ================================================================================================== *\
Mike made this
\* ================================================================================================== */
.comment-form .post-body.field-item {
padding: 0;
}
.fa.blog-post .blog-header-image {
min-width: 100%;
padding: 0;
}
.fa.blog-post img {
padding: 0 20px 5px 20px;
}
.fa.blog-post .post-meta {
padding: 0 0 20px 0;
}
.fa.blog-post .post-meta img.avatar {
display: inline-block;
padding: 0;
vertical-align: middle;
}
.blog-bread-crumbs .content-fragment-content,
.group-bread-crumbs .content-fragment-content {
background-color: transparent !important;
padding-bottom: 15px !important;
}
/* ================================================================================================== *\
Mike
\* ================================================================================================== */
.fa.squad-list {
text-align: center;
}
.fa.squad-list h5 {
margin-bottom: 5px;
}
.fa.squad-list ul {
margin-bottom: 20px;
}
.fa.sitewide-mpu {
margin-top: 25px;
}
.fa.sitewide-mpu .content-fragment-content {
padding: 0 !important;
}
/* ================================================================================================== *\
Fan Challenge
\* ================================================================================================== */
@media only screen and (min-width: 1025px) {
.fa.fan-challenge .intro {
overflow: hidden;
}
.fa.fan-challenge .intro h2 {
float: left;
width: 45%;
}
.fa.fan-challenge .intro .intro-description {
float: left;
width: 50%;
}
}
.fa.fan-challenge .intro-description,
.fa.fan-challenge .button {
margin-bottom: 15px;
}
.fa.fan-challenge .image-grid {
overflow: hidden;
}
.fa.fan-challenge .image-grid a {
float: left;
width: 50%;
padding-top: 50%;
position: relative;
overflow: hidden;
}
.fa.fan-challenge .image-grid a:first-child {
width: 100%;
padding-top: 100%;
}
.fa.fan-challenge .image-grid a img {
position: absolute;
left: 0px;
top: 0px;
max-width: none !important;
max-height: none !important;
}
.fa.fan-challenge .image-grid a .ui-previewhtml img {
min-width: 300px;
min-height: 300px;
}
@media only screen and (min-width: 571px) {
.fa.fan-challenge .image-grid a {
width: 20%;
padding-top: 20%;
}
.fa.fan-challenge .image-grid a:first-child {
width: 40%;
padding-top: 40%;
}
}
/* ================================================================================================== *\
Universal header & footer
\* ================================================================================================== */
.universal-header {
background: #333333;
}
.universal-header .adaptive-wrapper {
min-width: 280px;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.universal-footer {
margin-top: 25px;
}
/* ================================================================================================== *\
Gallery
\* ================================================================================================== */
.media-item {
float: left;
padding: 5px;
width: 50%;
}
.media-item:nth-child(2n+1) {
clear: left;
}
@media only screen and (min-width: 571px) {
.media-item {
width: 33.333%;
}
.media-item:nth-child(2n+1) {
clear: none;
}
.media-item:nth-child(3n+1) {
clear: left;
}
}
@media only screen and (min-width: 851px) {
.media-item {
width: 20%;
}
.media-item:nth-child(3n+1) {
clear: none;
}
.media-item:nth-child(5n+1) {
clear: left;
}
}
.content-fragment .media-item .thumbnail.content {
width: 100%;
}
.content-fragment .media-item .thumbnail.content img {
max-width: none !important;
width: 100% !important;
}
/* ================================================================================================== *\
IE8 Banner
\* ================================================================================================== */
.ie8banner {
background: #fdf2ab;
padding: 10px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 2;
}
.ie8banner-inner {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
/* ================================================================================================== *\
Caps box
\* ================================================================================================== */
.caps-box .caps {
margin-top: 10px;
margin-bottom: 20px;
}
.caps-box .total .number {
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 40px;
}
.caps-box .active .number {
color: #ed1c24;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 40px;
}
/* ================================================================================================== *\
Caps table
\* ================================================================================================== */
.caps-table .content-fragment-content {
overflow-x: auto;
}
.caps-table-display {
color: #333333;
font-size: 12px;
width: 100%;
}
.caps-table-display td,
.caps-table-display th {
padding: 10px;
text-align: center;
width: 25%;
}
.caps-table-display th {
background: #eeeeee;
border-right: 1px solid white;
font-size: 12px;
font-weight: 300;
text-align: left;
vertical-align: top;
}
@media only screen and (min-width: 769px) {
.caps-table-display th {
padding: 35px 30px 20px;
}
}
.caps-table-display th:last-child {
border-right: none;
}
.caps-table-display .table-col-heading {
display: block;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 18px;
text-align: center;
}
@media only screen and (max-width: 768px) {
.caps-table-display .table-col-heading {
font-size: 0;
line-height: 1;
}
.caps-table-display .table-col-heading:before {
content: attr(title);
display: block;
font-size: 15px;
text-align: center;
}
}
.caps-table-display .table-col-subheading {
padding-top: 10px;
display: block;
}
@media only screen and (max-width: 768px) {
.caps-table-display .table-col-subheading {
display: none;
}
}
.caps-table-display td {
background: white;
border-bottom: 1px solid #e8e8e8;
}
.caps-table-display tr:last-child td {
border-bottom: none;
}
.caps-table-display .selected td {
background-color: #ed1c24;
color: white;
}
/* ================================================================================================== *\
Stand alone buttons
\* ================================================================================================== */
.content-fragment-page .layout .content .content-fragment.bookend-button .content-fragment-content {
padding-top: 0;
}
.button-promo,
.button-feature {
background: no-repeat center;
background-size: cover;
display: block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.button-promo {
background-image: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ButtonBg.jpg');
padding: 20px;
}
.button-promo .button {
box-sizing: border-box;
display: block;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
position: relative;
}
.button-promo .button span {
display: inline-block;
vertical-align: middle;
}
.button-promo .button:before {
background: white;
border-radius: 100%;
color: #00509f;
content: '\1F4AC';
display: block;
font-family: 'SSSymbol';
font-weight: normal;
left: 0;
position: absolute;
text-align: center;
top: 0;
}
.button-promo .button:after {
float: right;
font-size: 10px;
font-weight: normal;
}
@media only screen and (max-width: 619px), only screen and (min-width: 769px) and (max-width: 1024px) {
.button-promo .button {
border-radius: 44px;
font-size: 14px;
line-height: 32px;
min-height: 44px;
padding: 6px 12px 6px 51px;
}
.button-promo .button span {
line-height: 16px;
}
.button-promo .button:before {
font-size: 20px;
height: 44px;
line-height: 48px;
width: 44px;
}
.button-promo .button:after {
line-height: 16px;
margin-top: -6px;
position: absolute;
right: 15px;
top: 50%;
}
}
@media only screen and (min-width: 620px) and (max-width: 768px), only screen and (min-width: 1025px) {
.button-promo .button {
border-radius: 80px;
font-size: 25px;
line-height: 28px;
padding: 25px 30px 25px 100px;
}
.button-promo .button span {
line-height: 28px;
}
.button-promo .button:before {
font-size: 36px;
height: 80px;
line-height: 89px;
width: 80px;
}
.button-promo .button:after {
float: right;
line-height: 28px;
}
}
.button-promo.comment .button:before {
content: '\1F4AC';
}
.button-promo.competition .button:before {
content: '\01F3C6';
}
.button-promo.post .button:before {
content: '\270E';
}
.button-promo.media .button:before {
content: '\01F4F7';
}
.button-feature {
background-image: url('https://englandsupporters.thefa.com/cfs-filesystemfile/__key/themefiles/s-fd-1bf2123b75e04b72a939d6c7804aad6b-files/ButtonBg.jpg');
padding: 30px 20px;
}
.button-feature h3 {
color: white;
display: none;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 700;
margin: 0;
padding: 5px 0;
position: relative;
}
@media only screen and (min-width: 620px) and (max-width: 768px), only screen and (min-width: 1025px) and (max-width: 1150px) {
.button-feature h3 {
display: block;
font-size: 30px;
line-height: 27px;
}
}
@media only screen and (min-width: 1151px) {
.button-feature h3 {
display: block;
font-size: 30px;
line-height: 27px;
padding-left: 105px;
}
}
@media only screen and (min-width: 1180px) {
.button-feature h3 {
font-size: 40px;
line-height: 35px;
}
}
@media only screen and (min-width: 1151px) {
.button-feature h3 {
padding-right: 105px;
}
.button-feature h3:before {
background: #00509f;
content: '\1F4AC';
display: block;
border-radius: 100%;
height: 80px;
font-family: 'SSSymbol';
font-size: 30px;
font-weight: normal;
left: 0;
line-height: 90px;
margin-right: 25px;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 80px;
}
}
.button-feature .button {
display: block;
position: relative;
}
@media only screen and (max-width: 619px), only screen and (min-width: 769px) and (max-width: 1024px) {
.button-feature .button {
padding: 13px 36px;
}
.button-feature .button:before {
color: white;
content: '\1F4AC';
display: inline-block;
font-family: 'SSSymbol';
font-size: 13px;
font-weight: normal;
left: 15px;
line-height: 13px;
margin-top: -5px;
margin-right: 5px;
position: absolute;
top: 50%;
vertical-align: middle;
}
.button-feature .button:after {
margin-top: -6px;
position: absolute;
right: 15px;
top: 50%;
}
}
@media only screen and (min-width: 620px) and (max-width: 768px), only screen and (min-width: 1025px) {
.button-feature .button {
float: right;
margin: 19px 0 0 25px;
}
}
@media only screen and (min-width: 1151px) {
.button-feature.comment h3:before {
content: '\1F4AC';
}
}
@media only screen and (max-width: 619px), only screen and (min-width: 769px) and (max-width: 1024px) {
.button-feature.comment .button:before {
content: '\1F4AC';
}
}
@media only screen and (min-width: 1151px) {
.button-feature.competition h3:before {
content: '\01F3C6';
}
}
@media only screen and (max-width: 619px), only screen and (min-width: 769px) and (max-width: 1024px) {
.button-feature.competition .button:before {
content: '\01F3C6';
}
}
@media only screen and (min-width: 1151px) {
.button-feature.post h3:before {
content: '\270E';
}
}
@media only screen and (max-width: 619px), only screen and (min-width: 769px) and (max-width: 1024px) {
.button-feature.post .button:before {
content: '\270E';
}
}
@media only screen and (min-width: 1151px) {
.button-feature.media h3:before {
content: '\01F4F7';
}
}
@media only screen and (max-width: 619px), only screen and (min-width: 769px) and (max-width: 1024px) {
.button-feature.media .button:before {
content: '\01F4F7';
}
}
.button-full {
display: block;
font-size: 25px;
line-height: 30px;
padding: 16px 15px;
text-align: center;
}
.button-full:before {
content: '\1F4AC';
font-family: 'SSSymbol';
font-size: 0.8em;
font-weight: normal;
margin-right: 0.6em;
vertical-align: middle;
}
.button-full:after {
display: none;
}
.button-full.comment:before {
content: '\1F4AC';
}
.button-full.competition:before {
content: '\01F3C6';
}
.button-full.post:before {
content: '\270E';
}
.button-full.media:before {
content: '\01F4F7';
}
/* ================================================================================================== *\
Team Line ups
\* ================================================================================================== */
.team-lineups .content-fragment-content ul {
font-size: 0;
margin-bottom: 30px;
}
@media only screen and (min-width: 769px) {
.team-container {
width: 45%;
display: inline-block;
}
}
.forum-post-list .content-fragment-content ul {
font-size: 0;
}
.team-lineup-player {
margin-bottom: 23px;
position: relative;
padding-left: 47px;
}
.no-image {
padding-left: 0;
}
.team-lineup-player-thumb {
border: 2px solid white;
border-radius: 40px;
-webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.45);
box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.45);
left: 0;
overflow: hidden;
position: absolute;
}
.team-lineup-player-thumb img {
height: 30px;
width: 20px;
}
.team-lineup-player-name {
color: #333333;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 18px;
margin: 0 0 4px 0;
}
.team-lineup-player-name a {
color: inherit;
}
/* ================================================================================================== *\
Profile page
\* ================================================================================================== */
.fa.user-navigation {
clear: both;
}
.fa.user-activity,
.activity-story-stream {
background: white;
clear: both;
overflow: hidden;
padding: 20px !important;
}
@media only screen and (min-width: 571px) {
.fa.user-activity,
.activity-story-stream {
padding: 0 !important;
}
}
@media only screen and (min-width: 571px) {
.fa.user-activity .content-fragment-content {
padding: 40px !important;
}
}
.fa.user-profile-details {
background: white;
overflow: hidden;
}
@media only screen and (max-width: 570px) {
.fa.user-profile-details {
margin-top: 15px;
}
}
@media only screen and (min-width: 571px) {
.fa.user-profile-details {
overflow: hidden;
margin-top: 25px;
padding-top: 20px !important;
}
}
.fa.user-profile-details .caps-box .caps {
margin-top: 0;
display: inline-block;
}
.fa.user-profile-details .caps-box .caps.active {
margin-right: 20px;
}
.fa.user-profile-details .caps-box .caps .number {
float: left;
line-height: 31px;
margin-right: 5px;
}
.fa.user-profile-details .caps-box .caps .text {
display: block;
float: left;
width: 30px;
}
@media only screen and (min-width: 769px) {
.fa.user-profile-details .caps-box {
float: right;
width: 164px;
}
}
@media only screen and (max-width: 768px) {
.fa.user-profile-details .navigation-list {
padding-top: 50px;
}
}
@media only screen and (min-width: 769px) {
.fa.user-profile-details .navigation-list {
clear: left;
padding: 20px 0 0 0;
}
}
.fa.user-profile-details .profile {
position: relative;
}
@media only screen and (min-width: 769px) {
.user-profile-details-image {
float: left;
height: 140px;
width: 140px;
}
}
.user-profile-details-image .is_verified {
left: 10%;
position: absolute;
top: 10%;
width: 20%;
}
.user-profile-details-image-link {
display: block;
margin-right: 20px;
position: relative;
}
@media only screen and (max-width: 768px) {
.user-profile-details-image-link {
float: left;
width: 100px;
}
}
@media only screen and (min-width: 769px) {
.user-profile-details-image-link {
width: 140px;
}
}
.user-profile-details-image-link img {
width: 100%;
}
.user-profile-details-image-verified {
position: absolute;
bottom: 0;
right: 0;
}
@media only screen and (max-width: 768px) {
.user-profile-details-intro {
clear: both;
}
}
@media only screen and (min-width: 769px) {
.user-profile-details-intro {
clear: none;
float: left;
margin-left: 40px;
width: 280px;
}
}
@media only screen and (min-width: 851px) {
.user-profile-details-intro {
width: 550px;
}
}
@media only screen and (max-width: 768px) {
.user-profile-details-intro-name {
margin-left: 120px;
position: absolute;
top: -7px;
}
}
@media only screen and (min-width: 769px) {
.user-profile-posts {
font-size: 0;
}
}
.user-profile-post {
box-sizing: border-box;
margin-top: 40px;
max-width: 640px;
overflow: hidden;
vertical-align: top;
}
.user-profile-post:first-child {
margin-top: 0;
}
@media only screen and (min-width: 769px) {
.user-profile-post {
display: inline-block;
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.user-profile-post {
padding: 0 20px 0 0;
width: 50%;
}
.user-profile-post:nth-child(2) {
margin-top: 0;
}
.user-profile-post:nth-child(even) {
padding: 0 0 0 20px;
}
}
@media only screen and (min-width: 1025px) {
.user-profile-post {
padding: 0 20px 0 0;
width: 33.3333%;
}
.user-profile-post:nth-child(2),
.user-profile-post:nth-child(3) {
margin-top: 0;
}
.user-profile-post:nth-child(3n+1) {
padding: 0 26.666666667px 0 0;
}
.user-profile-post:nth-child(3n+2) {
padding: 0 13.333333333px;
}
.user-profile-post:nth-child(3n+3) {
padding: 0 0 0 26.666666667px;
}
}
.user-profile-post .read-more {
font-size: 14px;
font-weight: bold;
}
.user-profile-post .read-more:after {
font-weight: normal;
}
.user-profile-post-image {
display: block;
width: 100%;
}
@media only screen and (max-width: 768px) {
.user-profile-post-image {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 769px) {
.user-profile-post-image {
margin-bottom: 20px;
}
}
.user-profile-post-image img {
display: block;
width: 100%;
}
.activity-story-stream {
background: white;
overflow: hidden;
padding: 20px;
}
@media only screen and (min-width: 571px) {
.activity-story-stream {
padding: 40px;
}
}
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header {
background: white;
box-sizing: border-box;
margin-bottom: 20px;
overflow: hidden;
padding: 20px;
}
@media only screen and (min-width: 571px) {
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header {
float: left;
margin-bottom: 40px;
padding: 40px;
width: 48%;
}
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header + .fa.user-profile-group-content-fragment {
float: right;
}
}
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header .content-fragment-header {
background: transparent;
color: #333333;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 25px;
font-weight: 700;
height: auto;
line-height: 1;
margin: 0;
padding: 0;
position: static;
}
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header .content-fragment-header:before,
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header .content-fragment-header:after {
display: none;
}
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header .content-fragment-content {
padding: 20px 0 0 0 !important;
}
.content-fragment-page .layout .content .fa.user-profile-group-content-fragment.with-header {
margin-top: 20px !important;
}
.fa.user-navigation.no-wrapper .content-fragment-content {
background-color: transparent !important;
padding: 0 0 0 0 !important;
}
/* ================================================================================================== *\
Profile page
\* ================================================================================================== */
.fa.caps-history .caps-history-list {
display: block;
font-size: 13px;
letter-spacing: -0.05em;
line-height: 18px;
margin: 0;
overflow: hidden;
padding: 0;
}
.fa.caps-history .caps-history-list dt,
.fa.caps-history .caps-history-list dd {
display: none;
float: left;
margin: 12px 0 0;
}
.fa.caps-history .caps-history-list dt {
display: none;
text-align: right;
width: 22%;
}
.fa.caps-history .caps-history-list dt:first-child {
margin-top: 0;
}
.fa.caps-history .caps-history-list dt:first-child + dd {
margin-top: 0;
}
.fa.caps-history .caps-history-list dd {
box-sizing: content-box;
font-size: 14px;
padding-left: 9%;
width: 69%;
}
.fa.caps-history .caps-history-list .team-name-england {
font-weight: bold;
}
.fa.caps-history .caps-history-list .vs-label {
color: #999999;
font-style: italic;
}
.fa.caps-history .loadmore,
.fa.caps-history .showless {
display: block;
font-weight: 700;
padding-top: 20px;
text-align: center;
}
/*
.fa.user-profile.tabbed-content.user-activity .content-fragment-content {
padding-bottom: 0px !important;
padding-top: 40px !important;
overflow: auto;
}
.fa.user-profile.tabbed-content.user-activity .content-fragment-content ul li .image {
padding-right: 2%; float: left; clear: left; padding-bottom: 1em;
}
.fa.user-profile.tabbed-content.user-activity .content-fragment-content ul li .detail {
float: left; width: 78%;
}
.fa.user-profile.tabbed-content.user-activity ul {
padding-top: 20px;
float: left;
}
.fa.user-profile.tabbed-content.user-activity .heading {
box-sizing: border-box;
color: rgb(102, 102, 102);
display: inline;
font-family: Flama, Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: 300;
height: auto;
line-height: 39.20000076293945px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
text-align: left;
width: auto;
zoom: 1;
}
.fa.user-profile-details .profile div.block {
display: inline-block;
vertical-align: top;
max-width: 60%;
padding: 10px;
width: auto;
}
.content-fragment .content.full .author, .popup-list .content.full .author {
height: auto !important;
}*/
.content-fragment {
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
.content-fragment.create-status {
margin-top: 9px;
}
.content-fragment.create-status fieldset {
margin: 0px;
}
.content-fragment.create-status input {
width: 96%;
padding: 8px;
border-radius: 3px;
width: 70%;
}
.content-fragment.create-status textarea {
width: 96%;
height: 2.5em;
}
.content-fragment.site-banner .banner.site .navigation-list ul a.read-queue-count {
position: absolute;
top: 0px;
right: -5px;
color: white;
border-radius: 3px;
font-size: 10.769230769px;
text-align: center;
line-height: 15px;
background-color: #f15922;
width: 16px;
height: 16px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment.login-and-create-user .login-providers .login-provider {
float: left;
margin: 0 5px 5px 0;
}
.content-fragment.media-gallery-post .actions.download {
background-color: inherit;
border-width: 0;
padding: 0;
height: auto;
margin: 0;
float: right;
width: auto !important;
}
.content-fragment.media-gallery-post .actions.download .download-attachment.button {
float: right;
line-height: 44px;
height: 44px;
padding: 0 30px 0 30px;
border: 0px;
border-radius: 3px;
display: inline-block;
background-color: #00509f;
color: white;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-size: 14px;
margin-right: 10px;
-webkit-transition: background-color 0.15s;
-moz-transition: background-color 0.15s;
transition: background-color 0.15s;
margin: 32px 0;
}
.content-fragment.media-gallery-post .actions.download .download-attachment.button:hover {
background-color: #005db9;
}
.content-fragment.media-gallery-post .actions.download .download-attachment.button:active {
background-color: #004386;
}
.content-fragment.media-gallery-post .actions.download .download-attachment.button.disabled {
background-color: #cbd0d3;
cursor: default;
}
.content-fragment.media-gallery-post .actions.download .download-attachment.button.disabled:hover {
color: white;
}
.content-fragment.media-gallery-post .name {
float: left;
}
.content-fragment.media-gallery-slideshow .wrapper {
background-color: black;
padding: 10px;
}
.content-fragment.media-gallery-slideshow .wrapper > .view-wrapper {
overflow: hidden;
}
.content-fragment.media-gallery-slideshow .wrapper > .view-wrapper > div {
text-align: center;
overflow: hidden;
width: 100%;
}
.content-fragment.media-gallery-slideshow .wrapper > .view-wrapper > div > table {
width: 100%;
}
.content-fragment.media-gallery-slideshow .wrapper > .page-wrapper {
width: 100%;
height: 70px;
overflow: hidden;
position: relative;
margin-top: 10px;
}
.content-fragment.media-gallery-slideshow .wrapper > .page-wrapper > .inner {
position: absolute;
top: 0;
left: 0;
}
.content-fragment.media-gallery-slideshow h3 {
text-align: center;
margin: 0;
padding: 0 0 10px 0;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 30px;
}
.content-fragment.media-gallery-slideshow h3 a {
color: white;
}
.content-fragment.media-gallery-slideshow .slideshow-item {
width: 90px;
height: 70px;
position: absolute;
overflow: hidden;
top: 0px;
}
.content-fragment.media-gallery-slideshow .slideshow-item > div {
width: 74px;
margin: 0 8px;
padding: 4px;
border: solid 1px #222222;
padding: 5px;
border-radius: 5px;
overflow: hidden;
text-align: center;
cursor: pointer;
}
.content-fragment.media-gallery-slideshow .slideshow-item .preview {
width: 64px;
height: 32px;
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.content-fragment.media-gallery-slideshow .slideshow-item .preview-title {
font-size: 10px;
white-space: nowrap;
text-overflow: ellipsis;
color: white;
}
.content-fragment.compare .merge-added {
background-color: #e6eef5;
}
.content-fragment.compare .merge-deleted {
background-color: #ff9b9b;
}
.content-fragment.activity-story-stream .internal-link.comment {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.activity-story-stream .internal-link.comment:before,
.content-fragment.activity-story-stream .internal-link.comment .ie7_before {
width: 12px;
height: 12px;
display: inline-block;
content: "\e83b";
font-family: Entypo;
font-size: 12px;
line-height: 12px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e83b');
}
.content-fragment.activity-story-stream .internal-link.comment:before {
top: -1px;
}
.content-fragment.activity-story-stream .internal-link .post-date {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.activity-story-stream .internal-link .post-date:before,
.content-fragment.activity-story-stream .internal-link .post-date .ie7_before {
width: 12px;
height: 12px;
display: inline-block;
content: "\e862";
font-family: Entypo;
font-size: 12px;
line-height: 12px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e862');
}
.content-fragment.activity-story-stream .internal-link .post-date:before {
top: -1px;
}
.content-fragment.activity-story-stream .activity-date-grouping {
background-color: transparent;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 28px;
line-height: 1.4em;
margin: 21px 0 7px 0;
}
.content-fragment.activity-story-stream .activity-date-grouping.today {
color: #666666;
background-color: transparent;
}
.content-fragment.activity-story-stream .filter {
margin-top: 20px;
}
.activity .avatar {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
}
.activity .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.activity .activity-avatar .avatar {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
overflow: hidden;
}
.activity .activity-avatar .avatar img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.activity-story {
padding-left: 66px;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 14px;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.activity-story.highlight {
border-left: 1px solid #00509f !important;
}
.activity-story p {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
text-rendering: auto;
}
.activity-story .post-moderate {
display: none;
}
.activity-story .post-actions.activity {
font-size: 11.9px;
}
.activity-story .navigation-list {
left: 0px;
}
.activity-story .navigation-list span.date {
margin: 0 20px 0 0;
color: #949da4;
}
.activity-story .navigation-list a {
color: #949da4;
}
.activity-story .navigation-list a:hover {
color: #006ad2;
}
.activity-story .navigation-list .navigation-item {
font-size: 11.9px;
}
.activity-story .navigation-list .navigation-item:before {
display: none;
}
.activity-story .navigation-list:before {
display: none;
}
.activity-story .full-post {
line-height: 16.8px;
}
.activity-story .full-post .content-item.action a {
color: #869198;
}
.activity-story .full-post .content-item.action a:hover {
color: #006ad2;
}
.activity-story .full-post .content-item.action a.expand {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.appendChild(document.createElement('span')).className='ie7_after');
}
.activity-story .full-post .content-item.action a.expand:after,
.activity-story .full-post .content-item.action a.expand .ie7_after {
width: 14px;
height: 14px;
display: inline-block;
content: "\e877";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-left: 10px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e877');
}
.activity-story .full-post .post-actions.activity {
margin-top: 12px;
}
.activity-story .activity-summary {
color: #bdc3c7;
}
.activity-story .activity-summary a {
color: #bdc3c7;
}
.activity-story .activity-summary a:hover {
color: #00509f;
}
.activity-story .activity-summary .user-name a {
color: #00509f;
}
.activity-story .activity-summary .user-name a:hover {
color: #005db9;
}
.activity-story .navigation-list-item .like-toggle a {
margin: 0 0 0 0;
}
.activity-story .navigation-list-item .ui-like[data-initialcount="0"] .like-toggle a {
margin: 0 10px 0 0;
}
.activity-story .navigation-list-item .like-count {
margin: 0 10px 0 0;
}
.activity-story .navigation-list-item .like-count:before {
top: -1px;
}
.activity-story .content-list.comments {
margin-top: 0px;
}
.activity-story .content-list.comments .content-item.action,
.activity-story .content-list.comments .content-item.comment {
background-color: transparent;
font-size: 11.2px;
font-weight: normal;
padding: 6.666666667px 0 6.666666667px 0;
display: block;
overflow: hidden;
border: 0px;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.activity-story .content-list.comments .content-item.action.highlight,
.activity-story .content-list.comments .content-item.comment.highlight {
border-left: 1px solid #00509f !important;
}
.activity-story .content-list.comments .content-item.action .full-post.comment .avatar,
.activity-story .content-list.comments .content-item.comment .full-post.comment .avatar {
top: 5px;
}
.activity-story .content-list.comments .content-item.action .full-post.comment .navigation-item,
.activity-story .content-list.comments .content-item.comment .full-post.comment .navigation-item {
color: #869198;
}
.activity-story .content-list.comments .content-item.action.likes.with-likes .like-message,
.activity-story .content-list.comments .content-item.comment.likes.with-likes .like-message {
color: #869198;
}
.activity-story .content-list.comments .content-item.action.likes.with-likes .ui-like:before,
.activity-story .content-list.comments .content-item.comment.likes.with-likes .ui-like:before {
display: none;
}
.activity-story .content-list.comments .content-item.action.likes.without-likes,
.activity-story .content-list.comments .content-item.comment.likes.without-likes {
display: none;
}
.activity-story .content-list.comments .content-item.action .post-author .user-name a,
.activity-story .content-list.comments .content-item.comment .post-author .user-name a {
font-size: 11.9px;
font-weight: normal;
}
.activity-story .content-list.comments .content-item.action p,
.activity-story .content-list.comments .content-item.comment p {
line-height: 16.1px;
font-size: 11.9px;
margin: 10px 0 10px 0;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.activity-story .content-list.comments .content-item.action p:first-child,
.activity-story .content-list.comments .content-item.comment p:first-child {
margin-top: 0;
}
.activity-story .content-list.comments .content-item.action p:last-child,
.activity-story .content-list.comments .content-item.comment p:last-child {
margin-bottom: 0;
}
.activity-story .content-list.comments .content-item.action .navigation-list,
.activity-story .content-list.comments .content-item.comment .navigation-list {
left: 0px;
}
.activity-story .content-list.comments .content-item.action .navigation-item,
.activity-story .content-list.comments .content-item.comment .navigation-item {
font-size: 11.9px;
font-weight: normal;
}
.activity-story .content-list.comments .content-item.action .navigation-item a,
.activity-story .content-list.comments .content-item.comment .navigation-item a {
font-size: 11.9px;
font-weight: normal;
}
.activity-story .content-list.comments .content-item.action.comment-form,
.activity-story .content-list.comments .content-item.comment.comment-form {
padding: 0px;
margin: 10px 0 0 0;
}
.activity-story .content-list.comments .content-item.action.comment-form fieldset .field-list .field-item .field-item-input,
.activity-story .content-list.comments .content-item.comment.comment-form fieldset .field-list .field-item .field-item-input {
margin-top: 0;
margin-bottom: 0;
}
.activity-story .content-list.comments .content-item.action.comment-form .field-list .field-item textarea,
.activity-story .content-list.comments .content-item.comment.comment-form .field-list .field-item textarea {
min-height: 24.5px;
font-size: 11.9px;
border: 1px solid #e8e8e8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.activity-story .content-list.comments .content-item.action.comment-form .field-list .field-item textarea:focus,
.activity-story .content-list.comments .content-item.comment.comment-form .field-list .field-item textarea:focus {
border: 1px solid #00509f;
margin-bottom: 10px;
}
.activity-story .content-list.comments .content-item.action.comment-form.with-avatar .avatar img,
.activity-story .content-list.comments .content-item.comment.comment-form.with-avatar .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.activity-story .content-list.comments.with-content {
padding: 10px;
background-color: #ededed;
margin-top: 10px;
padding-top: 3.333333333px;
}
.activity-story .content-list.comments.with-content .content-item.action.comment-form,
.activity-story .content-list.comments.with-content .content-item.comment.comment-form {
margin-top: 0;
}
.activity-story a.internal-link.view-user-profile.activity-summary-user,
.activity-story .activity-title a,
.activity-story .activity-summary .user-name a,
.activity-story .full-post .post-content {
font-size: 12.74px;
}
.activity-story a.internal-link.view-user-profile.activity-summary-user a,
.activity-story .activity-title a a,
.activity-story .activity-summary .user-name a a,
.activity-story .full-post .post-content a {
font-weight: normal;
}
.activity-story .post-author .avatar {
left: -66px;
}
.activity-story .post-attachment-viewer,
.activity-story .activity-avatar {
margin-right: 10px;
padding: 5px !important;
}
.activity-story .post-attachment-viewer.access-denied {
color: #a1aab0;
font-size: 11.2px;
}
.activity-story a.internal-link.view-user-profile.activity-summary-user,
.activity-story .activity-title a,
.activity-story .activity-summary .user-name a {
font-weight: normal;
}
.content-list .content-item.activity-story {
font-family: Arial, 'Helvetica', sans-serif;
padding: 15px 0 15px 66px;
border-top: 1px solid #e1e1e1;
}
.content-list .content-item.activity-story .full-post {
line-height: 16.8px;
}
.content-list .content-item.activity-story .full-post .content-item.action {
padding: 5px 0 0 0;
}
.tourtip {
margin-top: 10px;
background-color: whitesmoke;
color: #666666;
padding: 20px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.6);
width: 400px;
font-family: Arial, 'Helvetica', sans-serif;
font-size: 14px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tourtip:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent;
}
.tourtip.belowleft:after {
border-bottom-color: whitesmoke;
top: -10px;
left: 10px;
}
.tourtip.belowright:after {
border-bottom-color: whitesmoke;
top: -10px;
right: 10px;
}
.tourtip.aboveleft:after {
border-top-color: whitesmoke;
top: 100%;
left: 10px;
padding-bottom: 10px;
}
.tourtip.aboveright:after {
border-top-color: whitesmoke;
top: 100%;
right: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.tourtip .tourtip-actions {
list-style: none;
padding: 0px;
width: 100%;
margin: 20px 0 0 0;
}
.tourtip .tourtip-actions a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 12.6px;
float: left;
color: #00509f;
border: 1px solid #00509f;
padding: 5px 10px 5px 10px;
text-decoration: none;
margin: 0 6.666666667px 0 0;
}
.tourtip .tourtip-actions a.tourtip-skip {
color: #bdc3c7;
border: 1px solid #bdc3c7;
float: right;
margin-right: 0;
}
.tourtip .tourtip-actions a:hover {
border: 1px solid #00509f;
background-color: #00509f;
color: white;
}
.tourtip .tourtip-actions a:active {
border: 1px solid #00509f;
background-color: #00366c;
color: white;
}
.content-fragment.more-content .content-item {
overflow: hidden;
}
.content-fragment.more-content .content-item .content.abbreviated {
overflow: hidden;
}
.content-fragment.more-content .content-item .name {
float: left;
width: auto !important;
margin-right: 0 !important;
}
.content-fragment.more-content .content-item .actions {
width: auto;
float: right;
margin: 0;
padding: 0;
}
.content-fragment.more-content .content-item .actions .navigation-list {
margin: 0;
padding: 0;
}
.content-fragment.more-content .content-item .ignore {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
display: block;
color: #bdc3c7;
float: right;
display: none;
}
.content-fragment.more-content .content-item .ignore:before,
.content-fragment.more-content .content-item .ignore .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e814";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.content-fragment.more-content .content-item .content {
clear: both;
display: none;
}
.content-fragment.more-content .content-item .content:not(:empty) {
display: block;
}
.content-fragment.more-content .content-item:hover .ignore:hover {
color: #00509f;
}
.recommended-content-slider {
background-color: whitesmoke;
overflow: auto;
padding: 10px;
border: 1px solid #00509f;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
.recommended-content-slider .recommended-content-slider-content {
position: relative;
}
.recommended-content-slider h2 {
margin: 0px;
font-size: 14px;
font-size: 12.6px;
font-weight: bold;
}
.recommended-content-slider h3 {
margin: 0px;
line-height: 1.5em;
font-size: 14px;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
.recommended-content-slider h3 a {
color: #666666;
}
.recommended-content-slider h3 a:hover {
color: #00509f;
}
.recommended-content-slider .close {
float: right;
color: #8c8c8c;
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.recommended-content-slider .close:before,
.recommended-content-slider .close .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.recommended-content-slider .close:hover {
color: #00509f;
}
.recommended-content-slider .content-list {
margin: 10px 0 10px 0;
}
.recommended-content-slider .content-list:last-child {
margin-bottom: 0;
}
.recommended-content-slider .content-list .content-item {
overflow: hidden;
margin-bottom: 5px;
}
.recommended-content-slider .content-list .content-item:last-child {
margin-bottom: 0;
}
.recommended-content-slider .content-list .content-item .name {
float: left;
}
.recommended-content-slider .content-list .content-item .content {
clear: both;
font-size: 11.9px;
color: #cccccc;
padding-bottom: 3px;
line-height: 1.3em;
}
.recommended-content-slider .content-list .content-item .ignore {
display: inline-block;
width: 14px;
height: 14px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
float: left;
margin-left: 5px;
display: none;
}
.recommended-content-slider .content-list .content-item .ignore:before,
.recommended-content-slider .content-list .content-item .ignore .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 14px;
height: 14px;
top: 0px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.recommended-content-slider .content-list .content-item:hover .ignore {
color: #bdc3c7;
display: block;
}
.recommended-content-slider .content-list .content-item:hover .ignore:hover {
color: #00509f;
}
.user-info-popup-content {
background-color: transparent;
border-width: 0;
color: black;
position: relative;
margin: 0;
padding: 12px 0 0 0;
font-size: 13px;
white-space: normal;
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
}
.user-info-popup-content .arrow {
height: 0px;
position: relative;
top: 20px;
}
.user-info-popup-content .arrow:after {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(100, 100, 100, 0);
border-bottom-color: whitesmoke;
border-width: 15px;
left: 50%;
margin-left: -15px;
}
.user-info-popup-content .name h4 {
font-size: 15.4px;
text-align: center;
margin: 0 0 5px 0;
}
.user-info-popup-content .name h4 a {
color: #666666;
}
.user-info-popup-content .post-attributes.profile-fields .attribute-item {
text-align: center;
color: #999999;
}
.user-info-popup-content .post-attributes.profile-fields .attribute-item a {
color: #999999;
}
.user-info-popup-content .post-attributes.profile-fields .attribute-item a:hover {
color: #00509f;
}
.user-info-popup-content .close {
position: absolute;
top: 40px;
right: 30px;
}
.user-info-popup-content .close a {
color: #bdc3c7;
display: inline-block;
width: 20px;
height: 20px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.user-info-popup-content .close a:before,
.user-info-popup-content .close a .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 20px;
height: 20px;
top: 0px;
left: 0;
display: block;
content: "\e814";
font-family: Entypo;
font-size: 20px;
line-height: 20px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.user-info-popup-content .close a:hover {
color: #00509f;
}
.user-info-popup-content .profile-avatar {
display: block;
width: 250px;
padding: 20px 10px 10px 10px;
}
.user-info-popup-content .profile-avatar a {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
display: block;
width: 80px;
}
.user-info-popup-content .abbreviated-post {
padding: 0;
background-color: white;
width: 250px;
margin: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.user-info-popup-content .recent-activity {
margin-top: 20px;
}
.user-info-popup-content .recent-activity .internal-link.recent-activity {
background-color: #ededed;
display: block;
padding: 10px;
}
.user-info-popup-content .recent-activity .internal-link.recent-activity:hover {
color: #00366c;
background-color: gainsboro;
}
.user-info-popup-content .content-list.activity {
width: 250px;
background-color: #ededed;
padding: 10px;
margin-bottom: 0px;
}
.user-info-popup-content .content-list.activity li {
padding-bottom: 5px;
border-bottom: 1px solid gainsboro;
margin-bottom: 5px;
}
.user-info-popup-content .content-list.activity li:last-child {
padding-bottom: 0px;
border-bottom: 0px;
margin-bottom: 0px;
}
.user-info-popup-content .post-date {
margin-left: 5px;
font-style: italic;
}
.user-info-popup-content .badges {
margin: 0 0 0 10px;
overflow: hidden;
position: relative;
top: 10px;
}
.user-info-popup-content .badges .badge {
float: left;
margin: 0 5px 5px 0;
}
.user-info-popup-content .navigation-list {
padding: 0 10px 0 10px;
position: relative;
top: 10px;
}
.user-info-popup-content .navigation-list .navigation-item {
margin-bottom: 5px;
}
.user-info-popup-content .navigation-list .navigation-item .internal-link {
display: block;
padding: 2.5px 10px 2.5px 10px;
border: 1px solid #00509f;
overflow: hidden;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.user-info-popup-content .navigation-list .navigation-item .internal-link:hover {
background-color: #00509f;
color: white;
}
.user-info-popup-content .navigation-list .navigation-item .internal-link:active {
background-color: #004386;
}
.user-info-popup-content .navigation-list .navigation-item:last-child {
margin-bottom: 0;
}
.content-like-details {
clear: both;
text-align: center;
margin: 10px 0 -25px 0;
background-color: #f0f0f0;
padding: 10px;
color: #a1aab0;
}
.content-like-details .content-list .content-item {
display: inline;
border-width: 0;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
}
.content-like-details .content-list .content-item img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
overflow: hidden;
display: inline;
}
.content-actions {
margin-top: 5px;
font-size: 12.6px;
}
.content-actions .navigation-list-item {
color: #a1aab0;
}
.content-actions .navigation-list-item > span,
.content-actions .navigation-list-item > a {
padding-right: 15px;
}
.content-fragment.friendship-list .content-item.thumbnail .edit-mode {
position: absolute;
top: 5px;
left: 5px;
}
.content-fragment.friendship-list fieldset {
padding: 10px;
background-color: #f2f2f2;
border: 1px solid gainsboro;
margin-bottom: 10px;
}
.content-fragment.friendship-list fieldset .field-list .field-item {
margin: 0;
}
.content-fragment.group-membership-list .content-item.thumbnail .status {
position: absolute;
top: 5px;
width: 100%;
text-align: center;
color: whitesmoke;
text-shadow: -1px -1px 1px #666666, 1px 1px 1px #666666, 1px -1px 1px #666666, -1px 1px 1px #666666;
}
.content-fragment.group-membership-list .content-item.thumbnail .edit-mode {
position: absolute;
top: 5px;
left: 5px;
}
.content-fragment.group-membership-list fieldset {
padding: 10px;
background-color: #f2f2f2;
border: 1px solid gainsboro;
margin-bottom: 10px;
}
.content-fragment.group-membership-list fieldset .field-list .field-item {
margin: 0;
}
.content-fragment.thread fieldset {
clear: both;
width: 100%;
border-top: 0px solid #bdc3c7;
padding-top: 10px;
}
.content-fragment.thread fieldset .advanced-reply {
float: right;
position: relative;
top: 15px;
}
.content-fragment.thread .content-list .content-item {
margin: 10px 0 25px 0;
padding: 0;
border-width: 0;
}
.content-fragment.thread .content-list .content-item.suggested > .content {
border: solid 5px #f8af34;
}
.content-fragment.thread .content-list .content-item.verified > .content {
border: solid 5px #00509f;
}
.content-fragment.thread .content-list .content-item.verified .content {
background-color: #e6eef5 !important;
}
.content-fragment.thread .content-list .content-item > .content {
border-left: solid 5px #f4f5f6;
border-right: solid 5px #f4f5f6;
background-color: #f4f5f6;
}
.content-fragment.thread .content-list .content-item > .content .author.header,
.content-fragment.thread .content-list .content-item > .content .actions.header {
border-width: 0;
padding-left: 10px;
padding-right: 10px;
}
.content-fragment.thread .content-list .content-item > .content .actions.header a {
color: #a1aab0;
}
.content-fragment.thread .content-list .content-item > .content .actions.footer {
border-width: 0;
padding-left: 10px;
padding-right: 10px;
width: 100%;
}
.content-fragment.thread .content-list .content-item > .content > .content {
background-color: whitesmoke;
margin: 0;
padding: 10px;
}
.content-fragment.thread .content-list .content-item > .content > .content .in-reply-to {
color: #a1aab0;
font-size: 11.9px;
}
.content-fragment.thread .content-list .content-item > .content > .content .in-reply-to a {
color: #a1aab0;
text-decoration: none;
border-width: 0;
}
.content-fragment.thread .content-list .content-item > .content fieldset {
padding: 0 10px 10px 10px;
}
.content-fragment.thread .content .status {
float: right;
clear: right;
}
.content-fragment.thread .content .status .attribute-list .attribute-item {
margin-right: 0;
margin-top: 33.6px;
font-size: 16.8px;
}
.content-fragment.thread .content .status .attribute-list .attribute-item .verified {
color: #00509f;
}
.content-fragment.thread .content .status .attribute-list .attribute-item .verified a {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
color: #00509f;
}
.content-fragment.thread .content .status .attribute-list .attribute-item .verified a:before,
.content-fragment.thread .content .status .attribute-list .attribute-item .verified a .ie7_before {
width: 16.8px;
height: 16.8px;
display: inline-block;
content: "\e812";
font-family: Entypo;
font-size: 16.8px;
line-height: 16.8px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e812');
}
.content-fragment.thread .content .status .attribute-list .attribute-item .suggested {
color: #f8af34;
}
.content-fragment.thread .content .status .attribute-list .attribute-item .suggested a {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
color: #f8af34;
}
.content-fragment.thread .content .status .attribute-list .attribute-item .suggested a:before,
.content-fragment.thread .content .status .attribute-list .attribute-item .suggested a .ie7_before {
width: 16.8px;
height: 16.8px;
display: inline-block;
content: "\e82a";
font-family: Entypo;
font-size: 16.8px;
line-height: 16.8px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e82a');
}
.content-fragment.thread .content .content.full .content {
line-height: 1.3em;
text-rendering: optimizeLegibility;
}
.content-fragment.thread .content .content.full .actions,
.content-fragment.thread .content .content.full .author {
margin: 0;
}
.content-fragment.thread .content fieldset {
padding: 0 0 10px 0;
margin: 0;
}
.content-fragment.quick-post fieldset .field-list .field-item {
margin: 0;
}
.content-fragment.quick-post .field-item.status {
-webkit-transition: border-color 0.1s;
-moz-transition: border-color 0.1s;
transition: border-color 0.1s;
border: 1px solid #d9dcde;
box-sizing: border-box;
border-radius: 3px;
padding: 0;
margin: 10px 0;
}
.content-fragment.quick-post .field-item.status:hover,
.content-fragment.quick-post .field-item.status.focused {
border-color: #00509f;
}
.content-fragment.quick-post .field-item.status .field-item-input {
padding: 0;
margin: 0;
}
.content-fragment.quick-post .field-item.status .field-item-input.preview {
padding: 4px;
background-color: #f4f5f6;
border-top: solid 1px #d9dcde;
}
.content-fragment.quick-post .field-item.status .field-item-input.preview > img {
margin: 0 auto;
display: inherit;
}
.content-fragment.quick-post .field-item.status .field-item-input textarea {
border-width: 0;
padding: 4px;
margin: 0;
}
.content-fragment.quick-post a.upload {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.quick-post a.upload:before,
.content-fragment.quick-post a.upload .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e823";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e823');
}
.content-fragment.group-description {
padding: 10px;
font-size: 11.9px;
margin: 10px 0;
}
.banner_button {
text-align: center;
background-color: #00509f;
color: white;
font-size: 12.6px;
font-weight: 700;
min-height: 34px;
margin-top: 5px;
line-height: 34px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.banner_button:hover {
background-color: #0055a9;
}
.content-fragment.conversation-banner .banner.context,
.scrolled .content-fragment.conversation-banner .banner.context {
padding-left: 0px;
}
.content-fragment.conversation-banner .banner.context .name,
.scrolled .content-fragment.conversation-banner .banner.context .name {
width: 230px;
margin-left: 0px;
position: relative;
line-height: 44px;
font-weight: normal;
}
.content-fragment.conversation-banner .banner.context .name span,
.scrolled .content-fragment.conversation-banner .banner.context .name span {
float: left;
}
.content-fragment.conversation-banner .banner.context .name .count,
.scrolled .content-fragment.conversation-banner .banner.context .name .count {
font-size: 10.5px;
background-color: #bdc3c7;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
margin: 7px 0 0 10px;
color: whitesmoke;
font-weight: bold;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment.conversation-banner .banner.context .name .new,
.scrolled .content-fragment.conversation-banner .banner.context .name .new {
position: absolute;
right: 0px;
width: 70px;
text-align: center;
background-color: #00509f;
color: white;
font-size: 12.6px;
font-weight: 700;
min-height: 34px;
margin-top: 5px;
line-height: 34px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.content-fragment.conversation-banner .banner.context .name .new:hover,
.scrolled .content-fragment.conversation-banner .banner.context .name .new:hover {
background-color: #0055a9;
}
.content-fragment.conversation-banner .banner.context .subject,
.scrolled .content-fragment.conversation-banner .banner.context .subject {
float: left;
font-size: 18.2px;
line-height: 44px;
overflow: hidden;
padding: 0 10px 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 60%;
-webkit-font-smoothing: antialiased;
font-weight: 700;
}
.content-fragment.conversation-banner .banner.context .delete,
.scrolled .content-fragment.conversation-banner .banner.context .delete {
float: right;
width: 70px;
text-align: center;
background-color: #00509f;
color: white;
font-size: 12.6px;
font-weight: 700;
min-height: 34px;
margin-top: 5px;
line-height: 34px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.content-fragment.conversation-banner .banner.context .delete:hover,
.scrolled .content-fragment.conversation-banner .banner.context .delete:hover {
background-color: #0055a9;
}
.right-sidebar .content-fragment.conversation-list .content-list.content,
.left-sidebar .content-fragment.conversation-list .content-list.content {
border-right: 1px solid #e6e9ea;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item {
padding: 5px 10px 10px 50px;
border-top: 0px;
border-bottom: 1px solid #e6e9ea;
cursor: pointer;
position: relative;
min-height: 51px;
overflow: hidden;
font-size: 12.6px;
padding: 10px 10px 10px 55px;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item:last-child,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item:last-child {
border-bottom: 0px;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.no-author,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.no-author {
padding-left: 7px;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected {
background-color: #00509f;
color: rgba(255, 255, 255, 0.9);
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread .description,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread .description,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover .description,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover .description,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected .description,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected .description,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread .post-date,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread .post-date,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover .post-date,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover .post-date,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected .post-date,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected .post-date,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread .post-like,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread .post-like,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover .post-like,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover .post-like,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected .post-like,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected .post-like {
color: rgba(255, 255, 255, 0.5);
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread a,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.unread a,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover a,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item:hover a,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected a,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item.selected a {
color: white !important;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .user-name,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .user-name {
display: none;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .avatar,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .avatar {
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .avatar img,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .description,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .description,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .post-date,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .post-date,
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .post-like,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .post-like {
padding: 0px;
margin: 0px 10px 0px 0px;
float: left;
line-height: 1.3em;
font-size: 11.2px;
color: #bdc3c7;
}
.right-sidebar .content-fragment.conversation-list .content-list.content .content-item .avatar,
.left-sidebar .content-fragment.conversation-list .content-list.content .content-item .avatar {
top: 11px;
}
.content-fragment.conversation .message.norecords {
display: none;
margin-top: 10px;
}
.content-fragment.conversation .content-list.content.simple > .content-item {
padding-bottom: 5px;
}
.content-fragment.conversation .content-item.day {
border-bottom: 1px solid #cbd0d3;
text-align: center;
color: #869198;
font-size: 12.6px;
}
.content-fragment.conversation .field-item.reply.body {
min-height: 230px;
margin-bottom: 10px;
}
.content-fragment.conversation fieldset .field-list .field-item .field-item-name {
font-size: 14px;
}
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.conversation-list .content-fragment-content,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.conversation-list .content-fragment-content,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.conversation-list .content-fragment-content,
.content-fragment-page .layout-region.content .layout-region-inner .content-fragment.conversation .content-fragment-content,
.content-fragment-page .layout-region.right-sidebar .layout-region-inner .content-fragment.conversation .content-fragment-content,
.content-fragment-page .layout-region.left-sidebar .layout-region-inner .content-fragment.conversation .content-fragment-content {
margin-top: 0px;
}
.content-fragment.create-edit-post a.move-up {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.create-edit-post a.move-up:before,
.content-fragment.create-edit-post a.move-up .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e882";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e882');
}
.content-fragment.create-edit-post a.move-down {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.create-edit-post a.move-down:before,
.content-fragment.create-edit-post a.move-down .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e87f";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87f');
}
.content-fragment.create-edit-post a.delete-question {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.create-edit-post a.delete-question:before,
.content-fragment.create-edit-post a.delete-question .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e814";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e814');
}
.content-fragment.more-content.as-slider {
display: none;
}
.content-fragment.wiki-resolve-appeal fieldset,
.content-fragment.compare fieldset,
.content-fragment.revision fieldset {
padding: 5px;
background-color: #f1f1f1;
margin-bottom: 10px;
}
.content-fragment.wiki-resolve-appeal fieldset .field-list .field-item,
.content-fragment.compare fieldset .field-list .field-item,
.content-fragment.revision fieldset .field-list .field-item {
margin: 0;
}
.content-fragment.site-and-group-setup .group-application {
width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
float: left;
margin-bottom: 5px;
}
.content-fragment.site-and-group-setup .field-item.photo-upload > .field-item-input.preview {
border: 1px solid #d9dcde;
box-sizing: border-box;
border-radius: 3px;
padding: 4px;
margin: 0 0 5px 0;
background-color: #f4f5f6;
}
.content-fragment.site-and-group-setup .field-item.photo-upload > .field-item-input.preview > img {
margin: 0 auto;
display: inherit;
}
.content-fragment.site-and-group-setup .field-item.photo-upload a.upload {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.site-and-group-setup .field-item.photo-upload a.upload:before,
.content-fragment.site-and-group-setup .field-item.photo-upload a.upload .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e82e";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e82e');
}
.content-fragment.featured-content-slider {
height: 334px;
}
.content-fragment.featured-content-slider .content-fragment-content {
position: absolute;
left: 0px;
width: 100%;
border-bottom: 1px solid gainsboro;
}
.content-fragment.featured-content-slider .content-fragment-content .featured-content-slider {
margin-left: auto;
margin-right: auto;
min-width: 570px;
max-width: 1160px;
padding-left: 10px;
padding-right: 10px;
}
.content-fragment.featured-content-slider .featured-content-slider {
position: relative;
width: 100%;
height: 100%;
}
.content-fragment.featured-content-slider .featured-content-slider .navigation {
opacity: 0.5;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
color: whitesmoke;
}
.content-fragment.featured-content-slider .featured-content-slider .navigation.previous {
display: inline-block;
width: 55.4px;
height: 55.4px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
position: absolute;
left: 10px;
bottom: 0;
top: auto;
z-index: 4;
}
.content-fragment.featured-content-slider .featured-content-slider .navigation.previous:before,
.content-fragment.featured-content-slider .featured-content-slider .navigation.previous .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 55.4px;
height: 55.4px;
top: 20px;
left: 0;
display: block;
content: "\e87c";
font-family: Entypo;
font-size: 15.4px;
line-height: 15.4px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87c');
}
.content-fragment.featured-content-slider .featured-content-slider .navigation.next {
display: inline-block;
width: 55.4px;
height: 55.4px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
position: absolute;
right: 10px;
bottom: 0;
top: auto;
z-index: 4;
}
.content-fragment.featured-content-slider .featured-content-slider .navigation.next:before,
.content-fragment.featured-content-slider .featured-content-slider .navigation.next .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 55.4px;
height: 55.4px;
top: 20px;
left: 0;
display: block;
content: "\e87d";
font-family: Entypo;
font-size: 15.4px;
line-height: 15.4px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e87d');
}
.content-fragment.featured-content-slider .featured-content-slider .feature-links {
width: 100%;
position: absolute;
bottom: 15px;
overflow: hidden;
z-index: 3;
}
.content-fragment.featured-content-slider .featured-content-slider .feature-links ul {
position: relative;
float: left;
left: 50%;
padding: 0;
list-style: none;
}
.content-fragment.featured-content-slider .featured-content-slider .feature-links li {
position: relative;
float: left;
right: 50%;
margin: 0 3px;
}
.content-fragment.featured-content-slider .featured-content-slider .feature-links li .feature-link {
opacity: 0.25;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
transition: all 200ms;
color: whitesmoke;
display: inline-block;
width: 10.5px;
height: 10.5px;
text-indent: 200%;
white-space: nowrap;
overflow: hidden;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.featured-content-slider .featured-content-slider .feature-links li .feature-link:before,
.content-fragment.featured-content-slider .featured-content-slider .feature-links li .feature-link .ie7_before {
text-indent: 0;
position: absolute;
text-align: center;
width: 10.5px;
height: 10.5px;
top: 0px;
left: 0;
display: block;
content: "\e89a";
font-family: Entypo;
font-size: 10.5px;
line-height: 10.5px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e89a');
}
.content-fragment.featured-content-slider .featured-content-slider .feature-links li .feature-link.active {
opacity: 1;
}
.content-fragment.featured-content-slider .featured-content-slider:hover .navigation {
opacity: 1;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper {
height: 314px;
overflow: auto;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list {
height: 100%;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item {
padding: 0;
height: 100%;
position: relative;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container {
width: 100%;
overflow: hidden;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper {
float: right;
position: relative;
left: -50%;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper > .avatar {
z-index: 0;
position: relative;
left: 50%;
width: 940px;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper > .avatar.shadowed:after {
content: ' ';
position: absolute;
top: 0px;
left: 0px;
width: 940px;
height: 314px;
z-index: 1;
background-color: transparent;
background-image: -webkit-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.73) 100%);
background-image: -moz-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.73) 100%);
background-image: -ms-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.73) 100%);
background-image: -o-linear-gradient(top, transparent 30%, rgba(0, 0, 0, 0.73) 100%);
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar-container > .avatar-wrapper > .avatar img {
max-width: none;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .caption {
position: absolute;
z-index: 2;
bottom: 50px;
padding: 0 20px 0 20px;
width: 100%;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .name {
margin: 0 0 4px 0;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 42px;
color: whitesmoke;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .name a {
color: #666666;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .author {
position: absolute;
bottom: 0;
right: 20px;
width: 20px;
text-indent: -3000em;
z-index: 5;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .author .avatar {
height: 20px;
width: 20px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .author .avatar a {
width: 20px;
height: 20px;
display: block;
float: right;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .author .avatar img {
float: right;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .author .user-name {
display: none;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .content {
z-index: 2;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
font-weight: 300;
font-size: 12.6px;
color: whitesmoke;
opacity: .9;
position: relative;
left: 2px;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .shadowed .name {
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .shadowed .name a {
text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .shadowed .name {
color: whitesmoke;
}
.content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .shadowed .name a {
color: whitesmoke;
}
.right-sidebar .content-fragment.featured-content-slider,
.left-sidebar .content-fragment.featured-content-slider {
height: 230px;
}
.right-sidebar .content-fragment.featured-content-slider .content-fragment-content,
.left-sidebar .content-fragment.featured-content-slider .content-fragment-content {
width: 100%;
position: static;
border-bottom: 0px;
}
.right-sidebar .content-fragment.featured-content-slider .content-fragment-content .featured-content-slider,
.left-sidebar .content-fragment.featured-content-slider .content-fragment-content .featured-content-slider {
margin-left: auto;
margin-right: auto;
min-width: 0 !important;
max-width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
border-bottom: 0px;
}
.right-sidebar .content-fragment.featured-content-slider .content-fragment-content .featured-content-slider .content-list-wrapper,
.left-sidebar .content-fragment.featured-content-slider .content-fragment-content .featured-content-slider .content-list-wrapper {
height: 230px;
}
.right-sidebar .content-fragment.featured-content-slider .featured-content-slider .navigation,
.left-sidebar .content-fragment.featured-content-slider .featured-content-slider .navigation {
opacity: 0.5;
}
.right-sidebar .content-fragment.featured-content-slider .featured-content-slider:hover .navigation,
.left-sidebar .content-fragment.featured-content-slider .featured-content-slider:hover .navigation {
opacity: 0.5;
}
.right-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar,
.left-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar {
width: 100%;
text-align: center;
}
.right-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar img,
.left-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item > .avatar img {
width: auto !important
height: 100% !important;
max-width: none;
}
.right-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .name,
.left-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .name {
font-size: 28px;
}
.right-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .content,
.left-sidebar .content-fragment.featured-content-slider .featured-content-slider .content-list-wrapper .content-list .content-item .content {
font-size: 14px;
}
.content-fragment.forum-ask-question .field-item {
width: 100%;
display: table;
}
.content-fragment.forum-ask-question .field-item .field-item-input {
vertical-align: top;
display: table-cell;
width: 100%;
}
.content-fragment.forum-ask-question .field-item .field-item-input .button {
margin-left: 10px;
}
.composer-suggestion-selector {
font-family: Arial, 'Helvetica', sans-serif;
font-weight: 400;
font-size: 12.6px;
position: absolute;
overflow: hidden;
background-color: whitesmoke;
margin: 0px;
padding: 0px;
list-style: none;
z-index: 10;
border: 1px solid #bdc3c7;
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.composer-suggestion-selector .heading {
display: block;
padding: 10px;
}
.composer-suggestion-selector .content-list.suggestions {
width: 100%;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion {
padding: 5px 10px 10px 50px;
border-top: 0px;
border-bottom: 1px solid #e6e9ea;
cursor: pointer;
position: relative;
min-height: 51px;
overflow: hidden;
padding: 10px 10px 10px 10px;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion:last-child {
border-bottom: 0px;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.no-author {
padding-left: 7px;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.unread,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion:hover,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.selected {
background-color: #00509f;
color: rgba(255, 255, 255, 0.9);
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.unread .description,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion:hover .description,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.selected .description,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.unread .post-date,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion:hover .post-date,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.selected .post-date,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.unread .post-like,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion:hover .post-like,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.selected .post-like {
color: rgba(255, 255, 255, 0.5);
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.unread a,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion:hover a,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion.selected a {
color: white !important;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion .user-name {
display: none;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion .avatar {
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion .avatar img {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion .description,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion .post-date,
.composer-suggestion-selector .content-list.suggestions .content-item.suggestion .post-like {
padding: 0px;
margin: 0px 10px 0px 0px;
float: left;
line-height: 1.3em;
font-size: 11.2px;
color: #bdc3c7;
}
.composer-suggestion-selector ul {
margin: 0px;
padding: 0px;
}
.composer-suggestion-selector ul li.suggestion {
border-bottom: 1px solid #bdc3c7;
display: block;
margin: 0px;
cursor: pointer;
}
.composer-suggestion-selector li.suggestion:hover,
.composer-suggestion-selector li.suggestion.highlight:hover,
.composer-suggestion-selector li.suggestion.highlight {
background-color: #e6e9ea;
}
.composer-suggestion-selector .loading {
text-align: center;
color: #bbbbbb;
}
.composer-suggestion-selector .loading strong {
color: #333333;
}
.composer-suggestion-selector:hover li.suggestion.highlight {
background-color: whitesmoke;
}
.composer-suggestion-suggestion-highlight {
background-color: #e6e9ea;
}
.content-fragment.temporary-rss-feed-list .content.abbreviated .name,
.content-fragment.temporary-rss-feed-item-list .content.abbreviated .name {
margin: 20px 0;
padding: 0;
}
.content-fragment.temporary-rss-feed-list .content.abbreviated > .content ul,
.content-fragment.temporary-rss-feed-item-list .content.abbreviated > .content ul {
list-style: none;
margin: 0;
padding: 0;
}
.content-fragment.temporary-rss-feed-list .content.abbreviated > .content ul li,
.content-fragment.temporary-rss-feed-item-list .content.abbreviated > .content ul li {
margin: 0 0 20px 0;
padding: 0;
}
.content-fragment.temporary-rss-feed-list .content.abbreviated > .content ul li h4,
.content-fragment.temporary-rss-feed-item-list .content.abbreviated > .content ul li h4 {
font-size: 14px;
margin: 10px 0 0 0;
}
.content-fragment.temporary-rss-feed-list .content.abbreviated > .content ul li div,
.content-fragment.temporary-rss-feed-item-list .content.abbreviated > .content ul li div {
color: #bdc3c7;
}
.content-fragment.user-banner fieldset .field-list .field-item {
margin: 0;
padding: 0 0 14px 0;
}
.content-fragment.user-banner fieldset .field-list .field-item input {
font-size: 18.2px;
padding: 4px 6px 4px 6px;
}
.scrolled .content-fragment.user-banner fieldset .field-list .field-item input {
padding: 2px;
margin-bottom: 8px;
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a {
line-height: 44px;
height: 44px;
padding: 0 10px 0 10px;
border: 0px;
font-family: 'Flama', 'Helvetica', Arial, sans-serif;
margin-right: 0px;
color: #8c8c8c;
font-weight: normal;
font-size: 11.9px;
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
transition: 0.15s;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a:hover {
background-color: transparent;
color: #00509f;
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a.selected {
border-bottom: 4px solid gainsboro;
color: #737373;
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a[data-more] {
*zoom: expression( this.runtimeStyle['zoom'] = '1', (this.childNodes.length > 0 ? this.insertBefore(document.createElement('span'),this.childNodes[0]).className='ie7_before' : this.appendChild(document.createElement('span')).className='ie7_before'));
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a[data-more]:before,
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a[data-more] .ie7_before {
width: 14px;
height: 14px;
display: inline-block;
content: "\e877";
font-family: Entypo;
font-size: 14px;
line-height: 14px;
margin-right: 2px;
position: relative;
top: 1px;
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e877');
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a[data-more]:before {
color: #bdc3c7;
}
.content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] li:first-child a {
padding-left: 0px;
}
.header-fragments .content-fragment.navigation-custom {
height: 44px;
}
.header-fragments .content-fragment.navigation-custom .content-fragment-content {
position: absolute;
left: 0px;
width: 100%;
border-bottom: 1px solid gainsboro;
}
.header-fragments .content-fragment.navigation-custom .content-fragment-content .navigation-list {
margin-left: auto;
margin-right: auto;
min-width: 570px;
max-width: 1160px;
padding-left: 10px;
padding-right: 10px;
}
.header-fragments .content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a {
color: #bfbfbf;
}
.header-fragments .content-fragment.navigation-custom .navigation-list[data-direction='horizontal'] a:hover {
color: #00509f;
}
.content-fragment.user-badges .badges {
clear: both;
overflow: hidden;
}
.content-fragment.user-badges span {
float: left;
overflow: hidden;
}
.content-fragment.user-badges .badge {
margin: 0 0 10px 0;
float: left;
}
.content-fragment.user-badges .badge.odd {
margin-right: 10px;
}
.content-fragment.user-badges .badge img {
float: left;
}
.user-info-popup-content .navigation-list .navigation-item a.internal-link.start-conversation,
.user-info-popup-content .navigation-list .navigation-item a.internal-link.start-chat {
height: auto !important;
display: block !important;
}
.content-fragment.wiki-page-hierarchy {
-webkit-overflow-scrolling: touch;
}
.content-fragment.blog-post .content.full {
font-size: 14.28px;
}
.content-fragment.blog-post .content.full p,
.content-fragment.blog-post .content.full pre,
.content-fragment.blog-post .content.full ol,
.content-fragment.blog-post .content.full ul,
.content-fragment.blog-post .content.full table {
line-height: 150%;
}
.content-fragment.page .content > .content a.new-page {
color: #f15922;
}
.content-fragment.page .content > .content a.new-page:hover {
border-color: #f15922;
}