/* stylesheet for 'Bikerportal-Hell', generated on Tue, 02 Jan 2024 06:05:04 +0000 -- DO NOT EDIT */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote::before, blockquote::after, q::before, q::after {content: '';content: none;} .clearfix::before, .clearfix::after {display: table;content: "";} .clearfix::after {clear: both;} .userSelectNone {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .aclList, .aclPermissionList {margin-top: 0;min-height: 100px;} .aclList > li, .aclPermissionList > li {display: block;padding: 4px;} .aclList > li:first-child, .aclPermissionList > li:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;} .aclList > li:last-child:not(:first-child), .aclPermissionList > li:last-child:not(:first-child) {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .aclList {margin-bottom: 7px;} .aclList > li {cursor: pointer;} .aclList > li:hover, .aclList > li.active:hover {background-color: #ffe5c8;} .aclList > li.active {background-color: #d6ddfa;} .aclList > li > span:last-child {float: right;margin-right: 7px;} .aclPermissionList {margin-top: 7px;min-height: 200px;text-align: right;} .aclPermissionList > li:hover {background-color: #ffe5c8;} .aclPermissionList > li.aclCategory {background-color: rgba(187,187,187,0.4);padding: 4px 11px;text-align: left;} .aclPermissionList > li.aclFullAccess {background-color: #d6ddfa;} .aclPermissionList > li > span {float: left;padding-left: 7px;} .aclPermissionList > li > label {cursor: pointer;margin: 0 7px;padding: 0 21px;} .info, .error, .success, .warning {border-width: 1px;border-style: solid;line-height: 1.5;margin-top: 14px;padding: 11px 14px 11px 48px;position: relative;} .info::after, .error::after, .success::after, .warning::after {font-family: FontAwesome;font-size: 28px;display: block;height: 32px;left: 13px;margin-top: -19px;position: absolute;top: 50%;width: 32px;} .info a, .error a, .success a, .warning a {text-decoration: underline;} @media only screen and (max-width: 800px) { .info, .error, .success, .warning {margin-left: 7px;margin-right: 7px;padding: 4px 7px;} .info::after, .error::after, .success::after, .warning::after {display: none;} } .error > .fa-times, .notice > .fa-times {float: right;} .info {background-color: #ddeeff;border-color: #99bbee;color: #6688bb;text-shadow: 0 1px 0 transparent;} .info::after {content: "\f05a";} .info a, .info a:hover {color: #6688bb;} .info .icon {color: #6688bb;text-shadow: 0 1px 0 transparent;} .success {background-color: #eeffee;border-color: #00cc00;color: #009900;text-shadow: 0 1px 0 transparent;} .success::after {content: "\f058";} .success a, .success a:hover {color: #009900;} .success .icon {color: #009900;text-shadow: 0 1px 0 transparent;} .warning {background-color: #ffffdd;border-color: #cccc00;color: #999900;text-shadow: 0 1px 0 transparent;} .warning::after {content: "\f071";} .warning a, .warning a:hover {color: #999900;} .warning .icon {color: #999900;text-shadow: 0 1px 0 transparent;} .error {background-color: #ffeeee;border-color: #ff9999;color: #cc0000;text-shadow: 0 1px 0 transparent;} .error::after {content: "\f05e";} .error a, .error a:hover {color: #cc0000;} .error .icon {color: #cc0000;text-shadow: 0 1px 0 transparent;} .innerError {background-color: #ffeeee;border: 1px solid #ff9999;color: #cc0000;display: table;line-height: 1.5;margin-top: 8px;padding: 2px 10px;position: relative;} .innerError::after {border: 7px solid transparent;border-bottom-color: #ff9999;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;} .innerError::before {border: 6px solid transparent;border-bottom-color: #ffeeee;border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;} .attachmentThumbnailList, .attachmentFileList {padding-top: 7px !important;} .attachmentThumbnailList > fieldset, .attachmentFileList > fieldset {padding: 0;} .attachmentThumbnailList > fieldset > legend, .attachmentFileList > fieldset > legend {border-bottom: 0;font-size: 1.2rem;padding-bottom: 7px;} .attachmentThumbnailList {padding-bottom: 7px !important;} .attachmentThumbnailList > fieldset > ul {padding: 0 11px 0 4px;} .attachmentThumbnailList > fieldset > ul > li {margin: 0 0 14px 7px;vertical-align: top;} .attachmentFileList > fieldset > ul > li:not(:first-child) {margin-top: 4px;} .attachmentThumbnail {background-color: white;display: inline-block;min-height: 210px;min-width: 280px;position: relative;} .attachmentThumbnail > a {display: inline-block;min-height: 210px;min-width: 280px;} .attachmentThumbnail > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;} .attachmentThumbnail > div > p, .attachmentThumbnail > div > small {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .attachmentThumbnail > div > small {display: block;height: 0;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .attachmentThumbnail:hover > div > small {height: 1.27em;} .formAttachmentList {border-bottom: 1px solid #b6afaf;margin-bottom: 7px;padding-bottom: 7px;} .formAttachmentList > li {margin-bottom: 7px;} .formAttachmentList > li > div > div {margin-right: 7px;} .formAttachmentList > li > div > div > p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .formAttachmentList > li > div > div > p > a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .formAttachmentList > li > div > ul {margin-top: 7px;} .formAttachmentList > li > div > ul > li {display: inline-block;} .formAttachmentList.sortableList {list-style-type: none;margin-left: 0;} .formAttachmentContent .jsButtonAttachmentInsertAll {vertical-align: baseline;} .formAttachmentContent .uploadButton {vertical-align: bottom;} .formAttachmentContent > dl div + small {margin-top: 7px !important;} @media only screen and (min-width: 801px) { .formAttachmentList > li {float: left;width: 50%;} } .box48 .attachmentTinyThumbnail {max-height: 48px;max-width: 48px;} .box64 .attachmentTinyThumbnail {max-height: 64px;max-width: 64px;} .embeddedAttachmentLink, .embeddedImageLink {display: inline-block;max-width: 100%;min-height: 48px;position: relative;} .embeddedAttachmentLink::after, .embeddedImageLink::after {background-color: rgba(0,0,0,0.8);border-radius: 2px;bottom: 7px;color: white;content: "\f002";display: block;font-family: FontAwesome;font-size: 21px;opacity: .5;padding: 2px 8px;position: absolute;right: 7px;text-decoration: none;box-shadow: 0 0 0 3px rgba(0,0,0,0.15);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .embeddedAttachmentLink:hover::after, .embeddedImageLink:hover::after {opacity: .8;} .codeBox {background-color: rgba(5,177,99,0.4);clear: both;margin: 11px 0;} .codeBox > div {padding: 14px 21px 14px 14px;box-shadow: inset 4em 0 0 #f0f2f4 , inset 4.1em 0 0 #cecaca;} .codeBox > div > div {margin: 0 0 7px 3.4em;} .codeBox > div > div > h3 {font-size: 1.2rem;font-weight: bold;padding-left: 7px;position: relative;} .codeBox > div > div > h3 > span.icon {position: absolute;right: 0;top: 3px;} .codeBox > div > ol {list-style-type: decimal;margin-left: 3.4em;} .codeBox > div > ol > li {font-family: Consolas, 'Courier New', monospace;margin: 0;padding-left: 7px;position: relative;white-space: pre-wrap;word-break: break-all;word-wrap: break-word;} .codeBox > div > ol > li > .lineAnchor {display: block;height: 1.4em;left: -3.6em;position: absolute;top: 0;width: 3.0em;} .codeBox > div > ol > li:target {background-color: #ffff66;} .codeBox.minimized {max-height: 200px;overflow: hidden;position: relative;} .codeBox.minimized > .codeBoxExpand {background-color: #f0f2f4;border-top: 1px solid #b6afaf;bottom: 0;cursor: pointer;display: block;height: 20px;left: 0;padding: 4px;position: absolute;right: 0;text-align: center;box-shadow: 0 -10px 25px 5px #f0f2f4;} html[dir='rtl'] .codeBox > div {box-shadow: inset -4em 0 0 #f0f2f4 , inset -4.1em 0 0 #cecaca;} @media only screen and (max-width: 800px) { .codeBox > div {padding: 7px;box-shadow: 0 0 5px 0 transparent;} .codeBox > div > div {margin-left: 0;} .codeBox > div > div > h3 {padding-left: 0;} .codeBox > div > ol {list-style-type: none;margin-left: 0;overflow: auto;} .codeBox > div > ol > li {padding-left: 0;white-space: pre;word-wrap: normal;} } .codeBox .hlQuotes {color: red;} .codeBox .hlComments, .codeBox .hlOperators {color: green;} .codeBox .hlKeywords1 {color: blue;} .codeBox .hlKeywords2 {color: darkred;} .codeBox .hlKeywords3 {color: darkviolet;} .codeBox .hlKeywords4 {color: darkgoldenrod;} .codeBox .hlKeywords5 {color: crimson;} .codeBox .hlNumbers {color: darkorange;} .diffHighlighter .hlComments {color: darkviolet;} .diffHighlighter .hlRemoved {color: red;} .diffHighlighter .hlAdded {color: green;} .phpHighlighter .hlKeywords2 {color: green;} .phpHighlighter .hlComments {color: darkgoldenrod;} .cssHighlighter .hlComments {color: #236e26;} .cssHighlighter .hlColors {color: #751116;} .cssHighlighter .hlNumbers, .sqlHighlighter .hlNumbers {color: #1906fd;} .cssHighlighter .hlKeywords1 {color: #87154f;} .cssHighlighter .hlKeywords2 {color: #994509;} .cssHighlighter .hlKeywords3, .cssHighlighter .hlKeywords4 {color: inherit;} .sqlHighlighter .hlKeywords1 {color: #663821;} .sqlHighlighter .hlKeywords2 {color: #871550;} .quoteBox {min-height: 28px;position: relative;} .quoteBox::before, .quoteBox::after {display: table;content: "";} .quoteBox::after {clear: both;} .quoteBox.quoteBoxSimple {clear: both;margin: 11px 0;padding-left: 54px;} .quoteBox.container {background-color: rgba(5,177,99,0.4);} .quoteBox > header {padding-bottom: 4px;border-bottom: 1px dotted #b6afaf;margin-bottom: 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .quoteBox > header > h3 {font-weight: bold;} .quoteBox > div:first-of-type::before {content: "\f10d";color: #060505;font-family: FontAwesome;font-size: 28px;position: absolute;left: 14px;top: 7px;} .quoteBox .quoteBox {margin-left: 0;padding-left: 21px;min-height: 0;} .quoteBox .quoteBox > div:first-of-type::before {display: none;} .quoteBoxAuthor {clear: both;margin: 11px 0;position: relative;} .quoteBoxAuthor::before, .quoteBoxAuthor::after {display: table;content: "";} .quoteBoxAuthor::after {clear: both;} .quoteBoxAuthor > .quoteAuthorAvatar {float: left;} .quoteBoxAuthor > .quoteAuthorAvatar::before, .quoteBoxAuthor > .quoteAuthorAvatar::after {border-style: inset solid inset none;border-width: 15px;content: "";display: block;height: 0;position: absolute;top: 15px;width: 0;} .quoteBoxAuthor > .quoteAuthorAvatar::before {border-color: transparent #b6afaf transparent transparent;left: 75px;z-index: 100;} .quoteBoxAuthor > .quoteAuthorAvatar::after {border-color: transparent rgba(5,177,99,0.4) transparent transparent;left: 76px;z-index: 101;} .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 90px;padding-left: 21px;} .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox > div:first-of-type::before {display: none;} .quoteBoxAuthor > .quoteAuthorAvatar > a {display: inline-block;} .quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar {display: none;} .quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 0;} @media only screen and (max-width: 800px) { .quoteBoxAuthor > .quoteAuthorAvatar {display: none;} .quoteBox {margin-left: 0 !important;padding-left: 28px !important;} .quoteBox > div:first-of-type::before {display: block !important;font-size: 14px;left: 7px;} .quoteBox .quoteBox {padding-left: 7px !important;} .quoteBox .quoteBox > div:first-of-type::before {display: none !important;} } .spoilerBox {background-color: rgba(5,177,99,0.4);clear: both;font-size: 1rem;padding-bottom: 7px;} .spoilerBox > header {margin-bottom: 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .spoilerBox > div {overflow: hidden;padding-bottom: 7px;} .inlineCode {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;border-radius: 3px;display: inline-block;font-family: Consolas, 'Courier New', monospace;margin: 0 2px;padding: 0 5px;word-break: break-all;word-wrap: break-word;} ul.smileyList > li {display: inline;} .bbcodeTable {display: inline-block;} @media screen and (max-width: 800px) { .bbcodeTable {display: block;} } .gist .highlight {background-color: inherit;} button, input[type='reset'], input[type='submit'], input[type='button'], .button {border-radius: 15px;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin: 0 4px;padding: 5px 13px;position: relative;} .button, input[type='reset']:not([disabled]), input[type='submit']:not([disabled]), input[type='button']:not([disabled]), button:not([disabled]) {background-color: #e3e3e3;border-color: #bbbbbb;color: #999999;text-decoration: none;text-shadow: 0 1px 0 transparent;} .button.buttonPrimary, input[type='submit']:not([disabled]), input[type='button']:not([disabled]).buttonPrimary, button:not([disabled]).buttonPrimary {background-color: #d8e7f5;border-color: #6699cc;color: #6699cc;font-weight: bold;text-shadow: 0 1px 0 transparent;} .button.buttonPrimary .icon, input[type='submit']:not([disabled]) .icon, input[type='button']:not([disabled]).buttonPrimary .icon, button:not([disabled]).buttonPrimary .icon {color: #6699cc;} .button:hover, input[type='reset']:not([disabled]):hover, input[type='submit']:not([disabled]):hover, input[type='button']:not([disabled]):hover, button:not([disabled]):hover {background-color: #ffe5c8;border-color: #ffaa22;color: #666666;text-decoration: none;z-index: 100;text-shadow: 0 1px 0 transparent;} .button:hover .icon, input[type='reset']:not([disabled]):hover .icon, input[type='submit']:not([disabled]):hover .icon, input[type='button']:not([disabled]):hover .icon, button:not([disabled]):hover .icon {color: #666666;} .button.buttonPrimary:hover, input[type='submit']:not([disabled]):hover, input[type='button']:not([disabled]).buttonPrimary:hover, button:not([disabled]).buttonPrimary:hover {background-color: #cce0f2;border-color: #4080bf;color: #6699cc;text-shadow: 0 1px 0 transparent;} .button.buttonPrimary:hover .icon, input[type='submit']:not([disabled]):hover .icon, input[type='button']:not([disabled]).buttonPrimary:hover .icon, button:not([disabled]).buttonPrimary:hover .icon {color: #6699cc;} input[type='reset']:disabled, input[type='submit']:disabled, input[type='button']:disabled, button:disabled {background-color: #e3e3e3;border-color: #bbbbbb;color: #b3b3b3;cursor: not-allowed;text-decoration: none;text-shadow: 0 1px 0 transparent;} .button.active, input[type='button'].active, button.active, .button.active:hover, input[type='button'].active:hover, button.active:hover {background-color: #999999;border-color: #8c8c8c;color: #e3e3e3;box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);text-shadow: 0 1px 0 transparent;} .button.active .icon, input[type='button'].active .icon, button.active .icon, .button.active:hover .icon, input[type='button'].active:hover .icon, button.active:hover .icon {color: #e3e3e3;text-shadow: 0 1px 0 transparent;} button.small, .button.small {border-radius: 3px;font-size: .85rem;min-height: 13px;padding: 4px 9px;margin: 0 2px;} .buttonList {font-size: 0;margin-bottom: -7px;} .buttonList > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;} .buttonList > li:not(:last-child) {margin-right: 8px;} .buttonList > li .button {margin-left: 0;margin-right: 0;} .buttonList.smallButtons > li:not(:last-child) {margin-right: 4px;} .buttonList.iconList > li:not(:last-child) {margin-right: 2px;} .buttonGroup {font-size: 0;} .buttonGroup > li {font-size: 1rem;display: inline-block;} .buttonGroup > li.likeButton {display: inline-block !important;} .buttonGroup > li > .button {border-radius: 0;margin: 0 0 0 -1px;} .buttonGroup > li:first-child > .button:not(.small) {border-top-left-radius: 15px;border-bottom-left-radius: 15px;} .buttonGroup > li:first-child > .button.small {border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .buttonGroup > li:last-child > .button:not(.small) {border-top-right-radius: 15px;border-bottom-right-radius: 15px;} .buttonGroup > li:last-child > .button.small {border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .smallButtons > li {font-size: .85rem;} nav.buttonGroupNavigation > a.dropdownLabel {display: none;} @media only screen and (max-width: 800px) { nav.buttonGroupNavigation > a.dropdownLabel {display: inline-block;outline: 0;} nav.buttonGroupNavigation > a.dropdownLabel span.icon {font-size: 21px;height: 24px;width: 24px;} nav.buttonGroupNavigation > ul {display: none;font-size: 0;position: absolute;right: -3px;top: 24px;z-index: 450;} nav.buttonGroupNavigation > ul.open {display: block;} nav.buttonGroupNavigation > ul.buttonGroup > li > .button {margin: 0;} nav.buttonGroupNavigation > ul > li {display: block;float: none;font-size: 0 !important;margin-bottom: 0;opacity: 1 !important;overflow: hidden;} nav.buttonGroupNavigation > ul > li:not(:last-child) > a {border-bottom-width: 0;} nav.buttonGroupNavigation > ul > li > a {font-weight: bold;border-color: #e6e6e6 #bbbbbb #909090;box-shadow: 0 8px 3px 0 rgba(0,0,0,0.1);background-color: #fdfdfd;background-image: -webkit-linear-gradient(90deg,#fdfdfd,#f0f0f0 2px,#e3e3e3);background-image: linear-gradient(180deg,#fdfdfd,#f0f0f0 2px,#e3e3e3);-webkit-transition-property: background-color, background-image, border, box-shadow, color;transition-property: background-color, background-image, border, box-shadow, color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;border-radius: 15px;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin: 0 4px;padding: 5px 13px;position: relative;background-color: #e3e3e3;border-color: #bbbbbb;color: #999999;text-decoration: none;text-shadow: 0 1px 0 transparent;border-radius: 0 !important;font-size: .85rem;overflow: hidden;text-overflow: ellipsis;width: 124px;white-space: nowrap;word-wrap: normal;} nav.buttonGroupNavigation > ul > li > a .icon {-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} } .sidebar button, .sidebar input[type='reset'], .sidebar input[type='submit'], .sidebar input[type='button'], .sidebar .button {font-size: .85rem;padding: 5px 11px;} .button > .icon {margin: -1px -5px;} .button > .icon + span {margin-left: 6px;} #colorPickerGradient {background-color: #f00;background-image: url('../images/colorPickerGradient.png');background-repeat: no-repeat;border: 1px solid #000000;cursor: default;display: inline-block;height: 256px;overflow: hidden;position: relative;width: 256px;} #colorPickerGradient > span {border: 1px solid #000000;border-radius: 10px;display: block;height: 10px;left: -4px;position: absolute;top: -4px;width: 10px;} #colorPickerGradient > span > span {border: 1px solid #ffffff;border-radius: 10px;display: block;height: 8px;width: 8px;} #colorPickerBar {background-image: url('../images/colorPickerBar.png');background-repeat: repeat-x;border: 1px solid #000000;cursor: default;display: inline-block;height: 256px;margin-left: 10px;position: relative;width: 16px;} #colorPickerBar > span {display: inline-block;height: 1px;left: 0;position: absolute;top: 27px;width: 16px;} #colorPickerBar > span::after, #colorPickerBar > span::before {content: "";display: block;height: 0;position: absolute;top: 0;width: 0;} #colorPickerBar > span::after {border-bottom: 5px solid transparent;border-right: 5px solid #000000;border-top: 5px solid transparent;right: -7px;top: -5px;} #colorPickerBar > span::before {border-bottom: 5px solid transparent;border-left: 5px solid #000000;border-top: 5px solid transparent;left: -7px;top: -5px;} #colorPickerForm {display: inline-block;margin-left: 20px;position: relative;text-align: center;width: 100px;} #colorPickerForm > .colors {margin-left: 2px;} #colorPickerForm > .colors > .new, #colorPickerForm > .colors > .old {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);border: 1px solid #000000;display: block;height: 24px;} #colorPickerForm > .colors > .new > span, #colorPickerForm > .colors > .old > span {display: block;height: 24px;} #colorPickerForm > .colors > .old {background-position: 8px 0;border-top-width: 0;} #colorPickerForm > .hex {margin-top: 21px;} #colorPickerForm > .rgba {margin-top: 21px;} #colorPickerForm > .rgba > li.a {margin-top: 7px;} #colorPickerForm > .rgba > li.g, #colorPickerForm > .rgba > li.b {margin-top: 2px;} #colorPickerForm > .rgba > li, #colorPickerForm > .hex > li {text-align: right;} #colorPickerForm > .rgba > li input, #colorPickerForm > .hex > li input {margin-left: 7px;width: 80px;} .comment, .commentResponse {position: relative;} .commentList .buttonGroupNavigation {position: absolute;top: 4px;right: 14px;} .commentList .buttonGroupNavigation > ul > li {float: left;opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .commentList .buttonGroupNavigation > ul > li > a {padding: 4px;} .commentResponseList .buttonGroupNavigation {right: 7px;} .commentContent:hover > .buttonGroupNavigation > ul > li {opacity: 1;} .commentList textarea {line-height: 1.2em;min-height: 13px;max-height: 130px;} .commentList textarea + button {margin-top: 4px;} .commentResponse {border-top: 1px solid #b6afaf;padding: 7px;} .commentOptionContainer > ul {font-size: 0;} .commentOptionContainer > ul > li {display: inline-block;font-size: .85rem;padding-right: 3px;} .commentOptionContainer > ul > li:not(:last-child)::after {content: " - ";} .commentOptionContainer.jsAddResponseActive, .commentResponseList:not(:empty) + .commentOptionContainer {border-top: 1px solid #b6afaf;padding: 7px 7px 0;} .commentResponseList:empty, .commentContent + .commentOptionContainer:not(.jsAddResponseActive) {margin-top: 4px;} .commentContent + .commentOptionContainer.jsAddResponseActive {margin-top: 14px;} .commentResponseList:not(:empty) {margin-top: 14px;} .commentList > li:nth-child(2n) .commentResponseList .commentResponse:nth-child(2n+1) {background-color: #f0f2f4;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .commentList > li:nth-child(2n+1) .commentResponseList .commentResponse:nth-child(2n+1) {background-color: #d6ddfa;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .commentResponseList > li:hover {background-color: rgba(187,187,187,0.4) !important;} .commentList > li:not(.commentAdd):hover {background-color: #f0f2f4;} .commentList > li:not(.commentAdd):hover:nth-child(2n) {background-color: #d6ddfa;} .commentList > .commentLoadNext {text-align: center;} .commentList > .commentLoadNext > button {padding-left: 30px;padding-right: 30px;} .commentList .userMessage {margin-top: 0;} .commentResponseContent {position: relative;} .commentList .likesBadge {display: inline-block;margin: -2px 0 -2px 4px;} @media only screen and (max-width: 800px) { .commentList .buttonGroupNavigation {top: 1px;right: 7px;} .commentResponseList .buttonGroupNavigation {right: 0;} .commentList .containerHeadline > h3 {padding-right: 35px;} .commentResponseContent > .containerHeadline > h3 {padding-right: 28px;} } .ui-datepicker {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;color: #000000;margin-top: 7px;z-index: 450 !important;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);} .ui-datepicker::after {border: 7px solid transparent;border-bottom-color: #b6afaf;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;} .ui-datepicker::before {border: 6px solid transparent;border-bottom-color: rgba(5,177,99,0.4);border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;} .ui-datepicker a:hover {text-decoration: none;} .ui-datepicker > .ui-datepicker-header {padding: 4px;text-align: center;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {display: inline-block;margin: 2px 2px 0 2px;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev > span, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next > span {display: none;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev {float: left;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev::before {content: "\f060";font-family: FontAwesome;font-size: 14px;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {float: right;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next::before {content: "\f061";font-family: FontAwesome;font-size: 14px;} .ui-datepicker > table {border-collapse: collapse;border-spacing: 0;width: 100%;} .ui-datepicker > table > thead {background-color: #3d668f;} .ui-datepicker > table > thead > tr > th {color: #ffffff;font-size: .85rem;padding: 5px 0;text-transform: uppercase;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .ui-datepicker > table > tbody > tr {border-bottom: 1px solid #b6afaf;} .ui-datepicker > table > tbody > tr:last-child {border-bottom: 0;} .ui-datepicker > table > tbody > tr > td {border-right: 1px solid #b6afaf;} .ui-datepicker > table > tbody > tr > td:last-child {border-right: 0;} .ui-datepicker > table > tbody > tr > td > span, .ui-datepicker > table > tbody > tr > td > a {display: inline-block;color: #000000;font-weight: bold;height: 30px;line-height: 30px;text-align: center;width: 30px;text-shadow: 0 1px 0 transparent;} .ui-datepicker .ui-datepicker-calendar .ui-state-default {background-color: #d6ddfa;} .ui-datepicker .ui-datepicker-unselectable .ui-state-default {background-color: #f0f2f4;color: #060505;} .ui-datepicker .ui-datepicker-calendar .ui-state-hover {background-color: rgba(187,187,187,0.4);} .ui-datepicker .ui-datepicker-calendar .ui-state-active {background-color: rgba(187,187,187,0.4);} .ui-datepicker .ui-timepicker-div {border-top: 1px solid #b6afaf;} .ui-datepicker .ui-timepicker-div > dl > dt {margin-top: 4px !important;width: 100px;} .ui-datepicker .ui-timepicker-div > dl > dd {margin-left: 120px;margin-top: 4px !important;} .ui-datepicker.timeOnlyPicker .ui-timepicker-div {border-top: none;} .ui-datepicker.timeOnlyPicker .ui-timepicker-div > .ui-widget-header {display: none;} .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl {margin-right: 4px;} .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dt {width: 70px;} .ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dd {margin-left: 90px;} .dialogContainer {background: rgba(0,0,0,0.4);border: 14px solid transparent;border-radius: 15px;margin-left: auto;margin-right: auto;max-width: 90%;min-width: 500px;position: fixed;box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);} @media only screen and (max-width: 800px) { .dialogContainer {border: 0;border-radius: 0;left: 0 !important;max-width: none;min-width: 0;position: absolute;top: 0 !important;width: 100%;} } .dialogTitlebar {background-color: #3d668f;border-bottom: 1px solid rgba(0,0,0,0.1);border-top-left-radius: 7px;border-top-right-radius: 7px;display: block;padding: 10px 20px;min-height: 27px;position: relative;} .dialogTitlebar .dialogTitle {color: #ffffff;display: block;font-size: 1.7rem;font-weight: bold;margin-right: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .dialogTitlebar .dialogCloseButton {color: #ffffff;cursor: pointer;display: inline-block;font-family: FontAwesome;font-size: 28px;height: 32px;position: absolute;right: 10px;text-align: center;text-decoration: none;top: 7px;width: 32px;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .dialogTitlebar .dialogCloseButton::before {content: "\f057";} .dialogTitlebar .dialogCloseButton span {display: none;} @media only screen and (max-width: 800px) { .dialogTitlebar {border-radius: 0;} } .dialogContent {background-color: #f0f2f4;color: #000000;padding: 10px 20px 20px;} .dialogContent:not(.dialogForm) {border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;} .dialogContent > .icon-spinner {left: 50%;margin: -21px -21px 0 0;padding: 0 21px 0 21px;position: absolute;top: 50%;} .dialogContent dl:not(.plain) > dt {width: 170px;} .dialogContent dl:not(.plain) > dd {margin-left: 190px;} .dialogContent .formSubmit {background-color: #d6ddfa;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;border-top: 1px solid #b6afaf;bottom: 0;left: 0;padding: 10px 0;position: absolute;width: 100%;} @media only screen and (max-width: 800px) { .dialogContent {max-height: none !important;max-width: none !important;} .dialogContent:not(.dialogForm) {border-radius: 0;} .dialogContent .formSubmit {border-radius: 0;} } .dialogOverlay {background-color: rgba(0,0,0,0.5);bottom: 0;left: 0;position: fixed;right: 0;top: 0;} #packageInstallationDialogContainer > .boxHeadline {margin-top: 0;} .spinner {border: 1px solid rgba(0,0,0,0.3);border-radius: 6px;box-sizing: border-box;-moz-box-sizing: border-box;color: #fff;left: 50%;padding: 7px 0;position: fixed;text-align: center;top: 200px;z-index: 401;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);background-color: rgba(0,0,0,0.5);background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));} .spinner > .icon {color: #fff;} .spinner > span:not(.icon) {display: block;margin-top: 7px;} .systemConfirmation p {padding-top: 7px;} #systemNotification {left: 0;pointer-events: none;position: fixed;top: 0;width: 100%;z-index: 460;} #systemNotification > p {border-top-left-radius: 0;border-top-right-radius: 0;border-top-width: 0;cursor: pointer;display: table;margin: 0 auto;max-width: 80%;pointer-events: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {outline: 0;} .dropdown.preInput {display: table;width: 100%;} .dropdown.preInput input {border-radius: 0 0;display: table-cell;margin: 0;width: 99%;} .dropdown.preInput textarea {border-radius: 0 ;display: block;margin-top: 0;} .dropdown.preInput .dropdownCaption {cursor: pointer;display: table-cell;letter-spacing: -1px;padding: 0 7px 0 4px;vertical-align: middle;width: 1%;} .dropdown.preInput .dropdownCaption.button {border-right-width: 0;border-radius: 0 0 ;} .dropdown.preInput .dropdownCaption span {margin-right: -1px;padding-left: 4px;white-space: nowrap;word-wrap: normal;} .dropdown.preInput .dropdownCaption span.active::after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;} .dropdown.preInput .dropdownCaptionTextarea {cursor: pointer;margin: 0 0 -1px 0;padding-left: 7px;padding-right: 7px;} .dropdown.preInput .dropdownCaptionTextarea.button {border-radius: 0 0;} .dropdown.preInput .dropdownCaptionTextarea~ .dropdownMenu {top: 10%;} .dropdown.preInput .dropdownCaptionTextarea span {white-space: nowrap;word-wrap: normal;} .dropdown.preInput .dropdownCaptionTextarea span.active::after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;} .dropdown.dropdownOpen .dropdownMenu {display: block;} .dropdown .dropdownToggle {cursor: pointer;} .dropdownMenu {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;color: #000000;display: none;float: left;min-width: 160px;padding: 4px 0;position: absolute;text-align: left;z-index: 450;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);} .dropdownMenu::after {border: 7px solid transparent;border-bottom-color: #b6afaf;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;} .dropdownMenu::before {border: 6px solid transparent;border-bottom-color: rgba(5,177,99,0.4);border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;} .dropdownMenu.dropdownArrowRight::after {left: auto;right: 9px;} .dropdownMenu.dropdownArrowRight::before {left: auto;right: 10px;} .dropdownMenu.dropdownArrowBottom::after {border: 7px transparent solid;border-top-color: #b6afaf;border-bottom-width: 0;bottom: -7px;top: auto;} .dropdownMenu.dropdownArrowBottom::before {border: 6px transparent solid;border-top-color: rgba(5,177,99,0.4);border-bottom-width: 0;bottom: -6px;top: auto;} .dropdownMenu.dropdownOpen {display: block;} .dropdownMenu li {display: block;} .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active {background-color: rgba(187,187,187,0.4);} .dropdownMenu li.dropdownDivider {border-top: 1px dotted #b6afaf;margin: 4px;} .dropdownMenu li.dropdownText {font-size: .85rem;padding: 4px 14px;} .dropdownMenu li.boxFlag {padding-top: 2px;} .dropdownMenu li > a, .dropdownMenu li > span {clear: both;color: #000000;cursor: pointer;display: block;max-width: 350px;overflow: hidden;padding: 4px 14px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 -1px 0 transparent;} .dropdownMenu li > a:hover, .dropdownMenu li > span:hover {color: #000000;text-shadow: 0 1px 0 transparent;} .dropdownMenu li > a > div > h3, .dropdownMenu li > span > div > h3 {overflow: hidden;text-overflow: ellipsis;} .dropdownMenu li > a > small {display: block;} .dropdownMenu li > a + span.badge {display: none;} .dropdownMenu li > .box16 {cursor: pointer;min-height: 0;padding: 4px 4px 4px 7px;} .dropdownMenu li > .box16 > div {margin-left: 21px;} .dropdownMenu li > label {display: block;} .dropdownMenu li .containerHeadline {margin-bottom: 0;} .dropdownMenu li .containerHeadline > p {font-size: .85rem;} .dropdownMenu .scrollableDropdownMenu {max-height: 300px;overflow: auto;} .boxFlag > .box24, .boxFlag.box24 {min-height: 20px;} @media only screen and (max-width: 800px) { .dropdownMenu {left: 0 !important;right: 0 !important;} .dropdownMenu li {overflow: hidden;} .dropdownMenu li > a, .dropdownMenu li > span {max-width: none;white-space: normal;} } .interactiveDropdown {background-color: #d6ddfa;border: 1px solid #b6afaf;color: #000000;display: block;position: absolute;z-index: 450;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);} .interactiveDropdown:not(.open) {display: none !important;} .interactiveDropdown > .interactiveDropdownHeader {padding: 7px 11px;} .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownTitle {font-weight: bold;} .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks {float: right;} .interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks > li {display: inline-block;margin-left: 11px;} .interactiveDropdown > .interactiveDropdownHeader:after {clear: both;} .interactiveDropdown > .interactiveDropdownItemsContainer {border: 1px solid #b6afaf;border-width: 1px 0;max-height: 300px;} .interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .interactiveDropdownItems {position: relative;z-index: 100;} .interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .ps-scrollbar-y-rail {z-index: 200;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li {background-color: rgba(5,177,99,0.4);-webkit-transition-property: background-color, background-position;transition-property: background-color, background-position;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.loading, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.noItems {font-size: 1.2rem;padding: 21px 14px;text-align: center;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems) {overflow: hidden;padding: 7px 11px;position: relative;text-shadow: 0 1px 0 transparent;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):not(:last-child) {border-bottom: 1px solid #b6afaf;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):hover {background-color: rgba(187,187,187,0.4);} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstanding {background-color: rgba(187,187,187,0.4);background-repeat: no-repeat;background-size: 200%;background-image: -webkit-linear-gradient(to left, rgba(187,187,187,0.4) 50%, rgba(5,177,99,0.4) 100%);background-image: linear-gradient(to left, rgba(187,187,187,0.4) 50%, rgba(5,177,99,0.4) 100%);} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstanding:hover {background-position: 100%;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstandingIcon > div.box32 {padding-right: 27px;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).notificationItem .userLink {font-weight: bold;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32 {position: relative;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead {pointer-events: none;z-index: 20;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32 a, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead a {pointer-events: all;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemShadowLink {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 10;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).groupedNotificationItem > .box32 > .framed > span.fa-users:before {position: relative;top: 3px;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li.dropdownDivider {padding: 0 !important;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li:not(.dropdownDivider) {border-bottom-width: 0 !important;padding: 11px;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box32 > .containerHeadline > h3 {font-size: 1.1rem;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 {position: relative;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 > .containerHeadline > .interactiveDropdownUserMenuLinkList {bottom: 0;position: absolute;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li {display: inline-block;font-size: .85rem;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:after {content: " \2013 ";} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:last-child:after {content: "";} .interactiveDropdown > .interactiveDropdownShowAll {display: block;padding: 7px 11px;text-align: center;} .interactiveDropdown > .pointer {border: 10px solid transparent;border-bottom-color: #b6afaf;border-top-width: 0;content: "";display: inline-block;position: absolute;top: -10px;z-index: 100;} .interactiveDropdown > .pointer > span {border: 8px solid transparent;border-bottom-color: #d6ddfa;border-top-width: 0;content: "";display: inline-block;left: -8px;position: absolute;top: 2px;z-index: 101;} .interactiveDropdown.interactiveDropdownUserMenu > .interactiveDropdownItemsContainer {overflow: visible;max-height: none;} .interactiveDropdown.interactiveDropdownUserMenu > .pointer {border-width: 0 7px 7px 7px;top: -7px;} .interactiveDropdown.interactiveDropdownUserMenu > .pointer > span {border-width: 0 5px 5px 5px;left: -5px;} @media only screen and (min-width: 801px) { .interactiveDropdown {min-width: 350px;} .interactiveDropdown > .interactiveDropdownItemsContainer {overflow: hidden;position: relative;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading) {max-width: 400px;box-sizing: border-box;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading).interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {opacity: .6;position: absolute;right: 11px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading).interactiveDropdownItemOutstandingIcon:hover > div.interactiveDropdownItemMarkAsRead {opacity: 1;} } @media only screen and (max-width: 800px) { .interactiveDropdown {border-width: 1px 0;box-sizing: border-box;left: 0 !important;right: 0 !important;width: 100%;} .interactiveDropdown > .interactiveDropdownItemsContainer {overflow-x: auto;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {bottom: 0;position: absolute;right: 0;top: 0;width: 38px;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a {display: block;height: 100%;text-align: center;} .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a > .icon {position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} } fieldset {padding-top: 14px;} fieldset > legend {border-bottom: 1px solid #b6afaf;color: #060505;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 1.4rem;font-weight: bold;width: 100%;padding-bottom: 4px;text-shadow: 0 1px 0 transparent;} fieldset > legend + small {display: inline-block;margin-bottom: 4px;position: relative;top: -7px;} fieldset > dl:not(:first-of-type) {margin-top: 11px;} fieldset:not(:first-of-type) {margin-top: 14px;} dl:not(.plain) {position: relative;} dl:not(.plain)::before, dl:not(.plain)::after {display: table;content: "";} dl:not(.plain)::after {clear: both;} dl:not(.plain) > dd:not(:first-of-type), dl:not(.plain) > dt:not(:first-of-type) {margin-top: 11px;} dl:not(.plain) > dt {color: #000000;float: left;text-align: right;width: 230px;} dl:not(.plain) > dt > label {display: block;} dl:not(.plain) > dt.reversed {left: 270px;margin-top: 2px;position: absolute;text-align: left;white-space: nowrap;width: auto;word-wrap: normal;right: 0;} dl:not(.plain) > dt.reversed ~ dd > input[type='checkbox'], dl:not(.plain) > dt.reversed ~ dd > input[type='radio'] {margin-left: 0;} dl:not(.plain) > dt.reversed > label {overflow: hidden;text-overflow: ellipsis;} dl:not(.plain) > dd {margin-left: 250px;} dl:not(.plain) > dd > small:not(.innerError) {color: #060505;display: block;margin-top: 3px;} dl:not(.plain) > dd > label {color: #000000;display: block;} dl:not(.plain) > dd > label > input[type='checkbox'], dl:not(.plain) > dd > label > input[type='radio'] {margin: 2px 2px 2px 0;} dl:not(.plain) > dd > input[type='checkbox'] ~ small, dl:not(.plain) > dd > input[type='radio'] ~ small {margin-left: 21px;margin-top: 2px;} dl:not(.plain) > dd:not(.floated) > label ~ small {margin-left: 21px;} dl:not(.plain) > dd.floated > label {display: inline-block;margin-right: 7px;} dl:not(.plain) > dd > input + label, dl:not(.plain) > dd textarea + label, dl:not(.plain) > dd select + label {margin-top: 2px;} dl:not(.plain) > dd > .innerError + label {margin-top: 2px;} dl:not(.plain) > dd:after {clear: left;content: "";display: block;} dl:not(.plain).wide > dt {display: none;} dl:not(.plain).wide > dd {margin-left: 0;} dl:not(.plain).disabled > dt, dl:not(.plain).disabled > dd > label {color: #060505;} dl:not(.plain).condensed > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;} dl:not(.plain).condensed > dt:empty {margin-bottom: 0;} dl:not(.plain).condensed > dd {margin-left: 0 !important;} @media only screen and (max-width: 1024px) { dl:not(.plain) > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;} dl:not(.plain) > dt.reversed {left: 20px;} dl:not(.plain) > dd {margin-left: 0 !important;} fieldset > dl:not(:first-of-type) {margin-top: 14px;} } .sidebar dl:not(.plain):not(:last-child) {margin-bottom: 14px;} .sidebar dl:not(.plain) > dt {text-align: left;float: none;width: auto;text-shadow: 0 1px 0 transparent;} .sidebar dl:not(.plain) > dd {margin-top: 2px;margin-left: 0;} .formSubmit {font-size: 0;margin-top: 14px;text-align: center;} .formSubmit button, .formSubmit input[type='reset'], .formSubmit input[type='submit'], .formSubmit input[type='button'], .formSubmit .button {font-size: 1rem;} button, input[type='reset'], input[type='submit'], input[type='button'], input[type='checkbox'], input[type='radio'], select:not([multiple]) {cursor: pointer;} input[type='text'], input[type='search'], input[type='date'], input[type='email'], input[type='number'], input[type='url'], input[type='password'], textarea, select[multiple] {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius: ;font-family: "Trebuchet MS", Arial, sans-serif;padding: 4px 3px;margin: 0;} select {margin: 0;max-width: 100%;min-width: 1px;padding: 3px;} input[type='number'] {text-align: right;} textarea {font-size: 1rem;} input[type='text'], input[type='search'], input[type='date'], input[type='datetime'], input[type='email'], input[type='number'], input[type='url'], input[type='password'], textarea, select[multiple] {background-color: #ffffff;border-color: #cccccc;border-style: solid;border-width: 1px;color: #666666;} input[type='text']::-webkit-input-placeholder, input[type='search']::-webkit-input-placeholder, input[type='date']::-webkit-input-placeholder, input[type='datetime']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='url']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select[multiple]::-webkit-input-placeholder {color: #999999;} input[type='text']::-moz-placeholder, input[type='search']::-moz-placeholder, input[type='date']::-moz-placeholder, input[type='datetime']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='url']::-moz-placeholder, input[type='password']::-moz-placeholder, textarea::-moz-placeholder, select[multiple]::-moz-placeholder {color: #999999;} input[type='text']:-ms-input-placeholder, input[type='search']:-ms-input-placeholder, input[type='date']:-ms-input-placeholder, input[type='datetime']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='url']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, textarea:-ms-input-placeholder, select[multiple]:-ms-input-placeholder {color: #999999;} input[type='text']:hover, input[type='search']:hover, input[type='date']:hover, input[type='datetime']:hover, input[type='email']:hover, input[type='number']:hover, input[type='url']:hover, input[type='password']:hover, textarea:hover, select[multiple]:hover {background-color: #fff9f4;border-color: #ffaa22;} input[type='text']:active, input[type='search']:active, input[type='date']:active, input[type='datetime']:active, input[type='email']:active, input[type='number']:active, input[type='url']:active, input[type='password']:active, textarea:active, select[multiple]:active, input[type='text']:focus, input[type='search']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='email']:focus, input[type='number']:focusinput[type='url']:focus, input[type='password']:focus, textarea:focus, select[multiple]:focus {background-color: #fff9f4;border-color: #ffaa22;outline: 0;} input[type='text'][readonly], input[type='search'][readonly], input[type='email'][readonly], input[type='number'][readonly], input[type='date'][readonly], input[type='datetime'][readonly], input[type='url'][readonly], input[type='password'][readonly], textarea[readonly], select[multiple][readonly] {background-color: #f2f2f2;border-color: #cccccc;} input[type='text'][disabled], input[type='search'][disabled], input[type='date'][disabled], input[type='datetime'][disabled], input[type='email'][disabled], input[type='number'][disabled], input[type='url'][disabled], input[type='password'][disabled], textarea[disabled], select[multiple][disabled] {background-color: #f2f2f2;border-color: #cccccc;color: #060505;cursor: not-allowed;opacity: 1;} .formSuccess input[type='text'], .formSuccess input[type='search'], .formSuccess input[type='email'], .formSuccess input[type='number'], .formSuccess input[type='url'], .formSuccess input[type='password'], .formSuccess textarea {background-color: #eeffee;border-color: #00cc00;} .formError input[type='text'], .formError input[type='search'], .formError input[type='email'], .formError input[type='number'], .formError input[type='url'], .formError input[type='password'], .formError textarea {background-color: #ffeeee;border-color: #ff9999;} textarea {width: 100%;} .tiny {width: 80px;} .short {min-width: 80px;width: 10%;} .medium {min-width: 150px;width: 30%;} .long {min-width: 150px;width: 100%;} @media only screen and (max-width: 800px) { textarea {max-height: 160px;} .medium {width: 100%;} } .uploadButton {cursor: pointer;display: inline-block;overflow: hidden;position: relative;} .uploadButton input {cursor: pointer;right: 0;opacity: 0;padding: 4px 0;position: absolute;top: 0;} .uploadButton, .uploadFallbackButton {margin-top: 7px;} .structuredList {background-color: #f0f2f4;} .structuredList li {padding: 4px 7px;text-align: right;} .structuredList li:hover {background-color: #ffe5c8;} .structuredList li:first-child {border-radius: 0px 0px 0 0;} .structuredList li:last-child {border-radius: 0 0 0px 0px;} .structuredList li.category {background-color: rgba(5,177,99,0.4);} .structuredList li.category:hover {background-color: #ffe5c8;} .structuredList li span {float: left;} .structuredList li label {cursor: pointer;margin: 0 7px;padding: 0 21px;} .editableItemList ul li {cursor: pointer;margin-left: 4px;} .editableItemList ul li:first-child {margin-left: 0;} select > option {display: block !important;} .reCaptcha input.marginTop {margin-top: 14px;} @media only screen and (max-width: 800px) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .cke_editable, .redactor-editor {font-size: 16px;} } html, body {font-size: 13px;} body {background-color: #222222;color: #000000;font-family: "Trebuchet MS", Arial, sans-serif;line-height: 1.28;word-wrap: break-word;} small {font-size: .85rem;} img {vertical-align: middle;} img.disabled {opacity: .3;} a {color: #040500;cursor: pointer;text-decoration: none;} a:hover {color: #3b9bfc;text-decoration: underline;} a.externalURL::after {content: "\f08e";display: inline-block;font-family: FontAwesome !important;font-size: 14px !important;font-weight: normal !important;font-style: normal !important;margin-left: 4px;vertical-align: -1px;} pre {word-wrap: normal;white-space: pre;} .footerContent, .logo {color: #ffffff;} .footerContent a, .logo a {color: #488bce;} .footerContent a:hover, .logo a:hover {color: #ffffff;} .nativeList {margin: 1em 0;margin-left: 40px;} .nativeList ul, .nativeList ol {margin-bottom: 0;margin-top: 0;} .nativeList li {margin: 7px 0;} ul.nativeList {list-style-type: disc;} ol.nativeList {list-style-type: decimal;} .htmlContent p {margin: 1em 0;} .htmlContent h1 {font-size: 1.4rem;} .htmlContent h2 {font-size: 1.2rem;} .htmlContent h1, .htmlContent h2, .htmlContent h3, .htmlContent h4, .htmlContent h5, .htmlContent h6 {font-weight: bold;margin: 0.5em 0;} .htmlContent ul, .htmlContent ol {margin: 1em 0;margin-left: 40px;} .htmlContent ul ul, .htmlContent ul ol, .htmlContent ol ul, .htmlContent ol ol {margin-bottom: 0;margin-top: 0;} .htmlContent ul li, .htmlContent ol li {margin: 7px 0;} .htmlContent ul {list-style-type: disc;} .htmlContent ol {list-style-type: decimal;} .datetime {display: inline-block;} body > iframe[src="about:blank"] {display: none;} ::selection {text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;color: #300;background-color: rgba(255,170,34,0.7);} .invisible {display: none;} .marginTopLarge {margin-top: 21px;} .marginTop, .marginMedium {margin-top: 14px;} .marginTopSmall {margin-top: 7px;} .marginTopTiny {margin-top: 4px;} .textLeft {text-align: left;} .textCenter, .center {text-align: center;} .textRight {text-align: right;} .textJustify {text-align: justify;} .pointer {cursor: pointer;} .dimmed {color: #060505;} .monospace {font-family: Consolas, 'Courier New', monospace !important;} .iconFlag {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;padding: 1px;height: 15px;width: 24px;} .framed > canvas, .framed > img, .framed > .icon {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;padding: 1px;} .highlight {background-color: #ffff66;} .grayscale {filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);} fieldset {min-width: 0;} @-moz-document url-prefix() {fieldset {display: table-column;} } .balloonTooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);} .balloonTooltip .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;} .balloonTooltip.inverse .pointer {border-width: 5px 5px 0;} .popover {background-color: rgba(0,0,0,0.4);border-radius: 6px;padding: 7px;position: absolute;vertical-align: middle;width: 400px !important;z-index: 500;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);} .popover > .icon-spinner {color: white;left: 50%;margin-left: -21px;margin-top: -21px;position: absolute;top: 50%;text-shadow: 0 -1px 0 transparent;} .popover > .popoverContent {background-color: #f0f2f4;border-radius: 6px;color: #000000;max-height: 300px;min-height: 16px;opacity: 0;overflow: hidden;padding: 7px 14px;} .popover::after {border: 10px solid transparent;content: "";display: inline-block;position: absolute;z-index: 100;} .popover.top::after {border-bottom-width: 0;border-top-color: rgba(0,0,0,0.3);bottom: -10px;} .popover.bottom::after {border-bottom-color: rgba(0,0,0,0.3);border-top-width: 0;top: -10px;} .popover.right::after {left: 10px;} .popover.left::after {right: 10px;} .badge {background-color: #000000;border-radius: 9px;color: rgba(5,177,99,0.4);display: inline-block;font-size: .85rem;font-weight: bold;padding: 1px 6px 1px;position: relative;text-shadow: none !important;vertical-align: middle;white-space: nowrap;word-wrap: normal;} .badge.label {border-radius: 4px;font-weight: normal;} .badge.badgeUpdate {background-color: #3d668f;color: #ffffff;} .badge.badgeInverse {background-color: #ffffff;color: #3d668f;} .badge.green {background-color: #009900;color: #eeffee;} .badge.red {background-color: #cc0000;color: #ffeeee;} .badge.black {background-color: #333;color: #fff;} .badge.brown {background-color: #c63;color: #fff;} .badge.orange {background-color: #f90;color: #fff;} .badge.yellow {background-color: #ff0;color: #333;} .badge.blue {background-color: #369;color: #fff;} .badge.purple {background-color: #c0f;color: #fff;} .badge.pink {background-color: #f0c;color: #fff;} a.badge:hover {color: rgba(5,177,99,0.4);text-decoration: none;} a.badge:hover.black {background-color: #000;} a.badge:hover.brown {background-color: #930;} a.badge:hover.red {background-color: #900;} a.badge:hover.orange {background-color: #f60;} a.badge:hover.yellow {background-color: #cc0;} a.badge:hover.green {background-color: #060;} a.badge:hover.blue {background-color: #036;} a.badge:hover.purple {background-color: #90c;} a.badge:hover.pink {background-color: #c09;} @media only screen and (max-width: 800px) { html {caption-side: bottom;} body {caption-side: top;} } @media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) { html {-webkit-text-size-adjust: 100%;} } .googleMap {height: 400px;} .sidebarGoogleMap {height: 250px;} .googleMapsCustomControlContainer {cursor: pointer !important;margin-top: 5px;} .googleMapsCustomControlContainer .googleMapsCustomControl {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;position: relative;color: #565656;font-size: 11px !important;background-color: #ffffff;padding: 1px 6px;border-radius: 3px;background-clip: padding-box;border: 1px solid rgba(0,0,0,0.14902);box-shadow: rgba(0,0,0,0.298039) 0px 1px 4px -1px;min-width: 29px;} .googleMapsCustomControlContainer .googleMapsCustomControl:hover {background-color: #ebebeb;color: #000000;} .googleMapsCustomControlContainer .googleMapsCustomControl.active {color: #000000;font-weight: 500;} .googleMapsUseLocationSuggestionLink {font-size: .85rem;} @font-face {font-family: 'FontAwesome';src: url('../font/getFont.php?type=eot&v=4.4.0');src: url('../font/getFont.php?type=eot&v=4.4.0#iefix') format('embedded-opentype'), url('../font/getFont.php?type=woff2&v=4.4.0') format('woff2'), url('../font/getFont.php?type=woff&v=4.4.0') format('woff'), url('../font/getFont.php?type=ttf&v=4.4.0') format('truetype');font-weight: normal;font-style: normal;} .icon, .fa {color: #000000;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-shadow: 0 -1px 0 transparent;} .icon.disabled, .fa.disabled {opacity: .3;} .icon:hover, .fa:hover {text-decoration: none;} .icon.green, .fa.green {color: #009900;} .icon.red, .fa.red {color: #cc0000;} .icon.black, .fa.black {color: #333;} .icon.brown, .fa.brown {color: #c63;} .icon.orange, .fa.orange {color: #f90;} .icon.yellow, .fa.yellow {color: #ff0;} .icon.blue, .fa.blue {color: #369;} .icon.purple, .fa.purple {color: #c0f;} .icon.pink, .fa.pink {color: #f0c;} span.icon:not(.pointer):not(.disabled), span.fa:not(.pointer):not(.disabled) {cursor: default;} a > span.icon:not(.pointer), a > span.fa:not(.pointer) {cursor: pointer !important;} .icon16 {font-size: 14px;height: 16px;width: 16px;} .icon24 {font-size: 18px;height: 24px;width: 24px;} .icon32 {font-size: 28px;height: 32px;width: 32px;vertical-align: -5px;} .icon48 {font-size: 42px;height: 48px;width: 48px;} .icon96 {font-size: 84px;height: 96px;width: 96px;} .icon-spinner, .fa-spinner {height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} @-moz-keyframes spin {0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg);} } @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(359deg);} } @-o-keyframes spin {0% {-o-transform: rotate(0deg);} 100% {-o-transform: rotate(359deg);} } @-ms-keyframes spin {0% {-ms-transform: rotate(0deg);} 100% {-ms-transform: rotate(359deg);} } @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);} } .icon-rotate-90:before, .fa-rotate-90:before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);} .icon-rotate-180:before, .fa-rotate-180:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} .icon-rotate-270:before, .fa-rotate-270:before {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .icon-flip-horizontal:before, .fa-flip-horizontal:before {-webkit-transform: scale(-1,1);-moz-transform: scale(-1,1);-ms-transform: scale(-1,1);-o-transform: scale(-1,1);transform: scale(-1,1);} .icon-flip-vertical:before, .fa-flip-vertical:before {-webkit-transform: scale(1,-1);-moz-transform: scale(1,-1);-ms-transform: scale(1,-1);-o-transform: scale(1,-1);transform: scale(1,-1);} .icon-glass:before, .fa-glass:before {content: "\f000";} .icon-music:before, .fa-music:before {content: "\f001";} .icon-search:before, .fa-search:before {content: "\f002";} .icon-envelope-alt:before, .fa-envelope-o:before {content: "\f003";} .icon-heart:before, .fa-heart:before {content: "\f004";} .icon-star:before, .fa-star:before {content: "\f005";} .icon-star-empty:before, .fa-star-o:before {content: "\f006";} .icon-user:before, .fa-user:before {content: "\f007";} .icon-film:before, .fa-film:before {content: "\f008";} .icon-th-large:before, .fa-th-large:before {content: "\f009";} .icon-th:before, .fa-th:before {content: "\f00a";} .icon-th-list:before, .fa-th-list:before {content: "\f00b";} .icon-ok:before, .fa-check:before {content: "\f00c";} .icon-remove:before, .fa-times:before {content: "\f00d";} .icon-zoom-in:before, .fa-search-plus:before {content: "\f00e";} .icon-zoom-out:before, .fa-search-minus:before {content: "\f010";} .icon-power-off:before, .fa-power-off:before, .icon-off:before, .fa-power-off:before {content: "\f011";} .icon-signal:before, .fa-signal:before {content: "\f012";} .icon-gear:before, .fa-gear:before, .icon-cog:before, .fa-cog:before {content: "\f013";} .icon-trash:before, .fa-trash-o:before {content: "\f014";} .icon-home:before, .fa-home:before {content: "\f015";} .icon-file-alt:before, .fa-file-o:before {content: "\f016";} .icon-time:before, .fa-clock-o:before {content: "\f017";} .icon-road:before, .fa-road:before {content: "\f018";} .icon-download-alt:before, .fa-download:before {content: "\f019";} .icon-download:before, .fa-arrow-circle-o-down:before {content: "\f01a";} .icon-upload:before, .fa-arrow-circle-o-up:before {content: "\f01b";} .icon-inbox:before, .fa-inbox:before {content: "\f01c";} .icon-play-circle:before, .fa-play-circle-o:before {content: "\f01d";} .icon-rotate-right:before, .fa-rotate-right:before, .icon-repeat:before, .fa-repeat:before {content: "\f01e";} .icon-refresh:before, .fa-refresh:before {content: "\f021";} .icon-list-alt:before, .fa-list-alt:before {content: "\f022";} .icon-lock:before, .fa-lock:before {content: "\f023";} .icon-flag:before, .fa-flag:before {content: "\f024";} .icon-headphones:before, .fa-headphones:before {content: "\f025";} .icon-volume-off:before, .fa-volume-off:before {content: "\f026";} .icon-volume-down:before, .fa-volume-down:before {content: "\f027";} .icon-volume-up:before, .fa-volume-up:before {content: "\f028";} .icon-qrcode:before, .fa-qrcode:before {content: "\f029";} .icon-barcode:before, .fa-barcode:before {content: "\f02a";} .icon-tag:before, .fa-tag:before {content: "\f02b";} .icon-tags:before, .fa-tags:before {content: "\f02c";} .icon-book:before, .fa-book:before {content: "\f02d";} .icon-bookmark:before, .fa-bookmark:before {content: "\f02e";} .icon-print:before, .fa-print:before {content: "\f02f";} .icon-camera:before, .fa-camera:before {content: "\f030";} .icon-font:before, .fa-font:before {content: "\f031";} .icon-bold:before, .fa-bold:before {content: "\f032";} .icon-italic:before, .fa-italic:before {content: "\f033";} .icon-text-height:before, .fa-text-height:before {content: "\f034";} .icon-text-width:before, .fa-text-width:before {content: "\f035";} .icon-align-left:before, .fa-align-left:before {content: "\f036";} .icon-align-center:before, .fa-align-center:before {content: "\f037";} .icon-align-right:before, .fa-align-right:before {content: "\f038";} .icon-align-justify:before, .fa-align-justify:before {content: "\f039";} .icon-list:before, .fa-list:before {content: "\f03a";} .icon-indent-left:before, .fa-outdent:before {content: "\f03b";} .icon-indent-right:before, .fa-indent:before {content: "\f03c";} .icon-facetime-video:before, .fa-video-camera:before {content: "\f03d";} .icon-picture:before, .fa-picture-o:before {content: "\f03e";} .icon-pencil:before, .fa-pencil:before {content: "\f040";} .icon-map-marker:before, .fa-map-marker:before {content: "\f041";} .icon-adjust:before, .fa-adjust:before {content: "\f042";} .icon-tint:before, .fa-tint:before {content: "\f043";} .icon-edit:before, .fa-pencil-square-o:before {content: "\f044";} .icon-share:before, .fa-share-square-o:before {content: "\f045";} .icon-check:before, .fa-check-square-o:before {content: "\f046";} .icon-move:before, .fa-arrows:before {content: "\f047";} .icon-step-backward:before, .fa-step-backward:before {content: "\f048";} .icon-fast-backward:before, .fa-fast-backward:before {content: "\f049";} .icon-backward:before, .fa-backward:before {content: "\f04a";} .icon-play:before, .fa-play:before {content: "\f04b";} .icon-pause:before, .fa-pause:before {content: "\f04c";} .icon-stop:before, .fa-stop:before {content: "\f04d";} .icon-forward:before, .fa-forward:before {content: "\f04e";} .icon-fast-forward:before, .fa-fast-forward:before {content: "\f050";} .icon-step-forward:before, .fa-step-forward:before {content: "\f051";} .icon-eject:before, .fa-eject:before {content: "\f052";} .icon-chevron-left:before, .fa-chevron-left:before {content: "\f053";} .icon-chevron-right:before, .fa-chevron-right:before {content: "\f054";} .icon-plus-sign:before, .fa-plus-circle:before {content: "\f055";} .icon-minus-sign:before, .fa-minus-circle:before {content: "\f056";} .icon-remove-sign:before, .fa-times-circle:before {content: "\f057";} .icon-ok-sign:before, .fa-check-circle:before {content: "\f058";} .icon-question-sign:before, .fa-question-circle:before {content: "\f059";} .icon-info-sign:before, .fa-info-circle:before {content: "\f05a";} .icon-screenshot:before, .fa-crosshairs:before {content: "\f05b";} .icon-remove-circle:before, .fa-times-circle-o:before {content: "\f05c";} .icon-ok-circle:before, .fa-check-circle-o:before {content: "\f05d";} .icon-ban-circle:before, .fa-ban:before {content: "\f05e";} .icon-arrow-left:before, .fa-arrow-left:before {content: "\f060";} .icon-arrow-right:before, .fa-arrow-right:before {content: "\f061";} .icon-arrow-up:before, .fa-arrow-up:before {content: "\f062";} .icon-arrow-down:before, .fa-arrow-down:before {content: "\f063";} .icon-mail-forward:before, .fa-mail-forward:before, .icon-share-alt:before, .fa-share:before {content: "\f1e0";} .icon-resize-full:before, .fa-expand:before {content: "\f065";} .icon-resize-small:before, .fa-compress:before {content: "\f066";} .icon-plus:before, .fa-plus:before {content: "\f067";} .icon-minus:before, .fa-minus:before {content: "\f068";} .icon-asterisk:before, .fa-asterisk:before {content: "\f069";} .icon-exclamation-sign:before, .fa-exclamation-circle:before {content: "\f06a";} .icon-gift:before, .fa-gift:before {content: "\f06b";} .icon-leaf:before, .fa-leaf:before {content: "\f06c";} .icon-fire:before, .fa-fire:before {content: "\f06d";} .icon-eye-open:before, .fa-eye:before {content: "\f06e";} .icon-eye-close:before, .fa-eye-slash:before {content: "\f070";} .icon-warning-sign:before, .fa-exclamation-triangle:before {content: "\f071";} .icon-plane:before, .fa-plane:before {content: "\f072";} .icon-calendar:before, .fa-calendar:before {content: "\f073";} .icon-random:before, .fa-random:before {content: "\f074";} .icon-comment:before, .fa-comment:before {content: "\f075";} .icon-magnet:before, .fa-magnet:before {content: "\f076";} .icon-chevron-up:before, .fa-chevron-up:before {content: "\f077";} .icon-chevron-down:before, .fa-chevron-down:before {content: "\f078";} .icon-retweet:before, .fa-retweet:before {content: "\f079";} .icon-shopping-cart:before, .fa-shopping-cart:before {content: "\f07a";} .icon-folder-close:before, .fa-folder:before {content: "\f07b";} .icon-folder-open:before, .fa-folder-open:before {content: "\f07c";} .icon-resize-vertical:before, .fa-arrows-v:before {content: "\f07d";} .icon-resize-horizontal:before, .fa-arrows-h:before {content: "\f07e";} .icon-bar-chart:before, .fa-bar-chart:before, .fa-bar-chart-o:before {content: "\f080";} .icon-twitter-sign:before, .fa-twitter-square:before {content: "\f081";} .icon-facebook-sign:before, .fa-facebook-square:before {content: "\f082";} .icon-camera-retro:before, .fa-camera-retro:before {content: "\f083";} .icon-key:before, .fa-key:before {content: "\f084";} .icon-gears:before, .fa-gears:before, .icon-cogs:before, .fa-cogs:before {content: "\f085";} .icon-comments:before, .fa-comments:before {content: "\f086";} .icon-thumbs-up-alt:before, .fa-thumbs-o-up:before {content: "\f087";} .icon-thumbs-down-alt:before, .fa-thumbs-o-down:before {content: "\f088";} .icon-star-half:before, .fa-star-half:before {content: "\f089";} .icon-heart-empty:before, .fa-heart-o:before {content: "\f08a";} .icon-signout:before, .fa-sign-out:before {content: "\f08b";} .icon-linkedin-sign:before, .fa-linkedin-square:before {content: "\f08c";} .icon-pushpin:before, .fa-thumb-tack:before {content: "\f08d";} .icon-external-link:before, .fa-external-link:before {content: "\f08e";} .icon-signin:before, .fa-sign-in:before {content: "\f090";} .icon-trophy:before, .fa-trophy:before {content: "\f091";} .icon-github-sign:before, .fa-github-square:before {content: "\f092";} .icon-upload-alt:before, .fa-upload:before {content: "\f093";} .icon-lemon:before, .fa-lemon-o:before {content: "\f094";} .icon-phone:before, .fa-phone:before {content: "\f095";} .icon-unchecked:before, .fa-unchecked:before, .icon-check-empty:before {content: "\f096";} .icon-bookmark-empty:before, .fa-bookmark-o:before {content: "\f097";} .icon-phone-sign:before, .fa-phone-square:before {content: "\f098";} .icon-twitter:before, .fa-twitter:before {content: "\f099";} .icon-facebook:before, .fa-facebook-f:before, .fa-facebook:before {content: "\f09a";} .icon-github:before, .fa-github:before {content: "\f09b";} .icon-unlock:before, .fa-unlock:before {content: "\f09c";} .icon-credit-card:before, .fa-credit-card:before {content: "\f09d";} .icon-rss:before, .fa-rss:before {content: "\f09e";} .icon-hdd:before, .fa-hdd-o:before {content: "\f0a0";} .icon-bullhorn:before, .fa-bullhorn:before {content: "\f0a1";} .icon-bell:before, .fa-bell-o:before {content: "\f0a2";} .icon-certificate:before, .fa-certificate:before {content: "\f0a3";} .icon-hand-right:before, .fa-hand-o-right:before {content: "\f0a4";} .icon-hand-left:before, .fa-hand-o-left:before {content: "\f0a5";} .icon-hand-up:before, .fa-hand-o-up:before {content: "\f0a6";} .icon-hand-down:before, .fa-hand-o-down:before {content: "\f0a7";} .icon-circle-arrow-left:before, .fa-arrow-circle-left:before {content: "\f0a8";} .icon-circle-arrow-right:before, .fa-arrow-circle-right:before {content: "\f0a9";} .icon-circle-arrow-up:before, .fa-arrow-circle-up:before {content: "\f0aa";} .icon-circle-arrow-down:before, .fa-arrow-circle-down:before {content: "\f0ab";} .icon-globe:before, .fa-globe:before {content: "\f0ac";} .icon-wrench:before, .fa-wrench:before {content: "\f0ad";} .icon-tasks:before, .fa-tasks:before {content: "\f0ae";} .icon-filter:before, .fa-filter:before {content: "\f0b0";} .icon-briefcase:before, .fa-briefcase:before {content: "\f0b1";} .icon-fullscreen:before, .fa-arrows-alt:before {content: "\f0b2";} .icon-group:before, .fa-users:before {content: "\f0c0";} .icon-link:before, .fa-link:before {content: "\f0c1";} .icon-cloud:before, .fa-cloud:before {content: "\f0c2";} .icon-beaker:before, .fa-flask:before {content: "\f0c3";} .icon-cut:before, .fa-scissors:before {content: "\f0c4";} .icon-copy:before, .fa-files-o:before {content: "\f0c5";} .icon-paperclip:before, .fa-paperclip:before, .icon-paper-clip:before, .fa-paperclip:before {content: "\f0c6";} .icon-save:before, .fa-floppy-o:before {content: "\f0c7";} .icon-sign-blank:before, .fa-square:before {content: "\f0c8";} .icon-reorder:before, .fa-bars:before {content: "\f0c9";} .icon-list-ul:before, .fa-list-ul:before {content: "\f0ca";} .icon-list-ol:before, .fa-list-ol:before {content: "\f0cb";} .icon-strikethrough:before, .fa-strikethrough:before {content: "\f0cc";} .icon-underline:before, .fa-underline:before {content: "\f0cd";} .icon-table:before, .fa-table:before {content: "\f0ce";} .icon-magic:before, .fa-magic:before {content: "\f0d0";} .icon-truck:before, .fa-truck:before {content: "\f0d1";} .icon-pinterest:before, .fa-pinterest:before {content: "\f0d2";} .icon-pinterest-sign:before, .fa-pinterest-square:before {content: "\f0d3";} .icon-google-plus-sign:before, .fa-google-plus-square:before {content: "\f0d4";} .icon-google-plus:before, .fa-google-plus:before {content: "\f0d5";} .icon-money:before, .fa-money:before {content: "\f0d6";} .icon-caret-down:before, .fa-caret-down:before {content: "\f0d7";} .icon-caret-up:before, .fa-caret-up:before {content: "\f0d8";} .icon-caret-left:before, .fa-caret-left:before {content: "\f0d9";} .icon-caret-right:before, .fa-caret-right:before {content: "\f0da";} .icon-columns:before, .fa-columns:before {content: "\f0db";} .icon-sort:before, .fa-sort:before {content: "\f0dc";} .icon-sort-down:before, .fa-sort-asc:before {content: "\f0dd";} .icon-sort-up:before, .fa-sort-desc:before {content: "\f0de";} .icon-envelope:before, .fa-envelope:before {content: "\f0e0";} .icon-linkedin:before, .fa-linkedin:before {content: "\f0e1";} .icon-rotate-left:before, .fa-rotate-left:before, .icon-undo:before, .fa-undo:before {content: "\f0e2";} .icon-legal:before, .fa-gavel:before {content: "\f0e3";} .icon-dashboard:before, .fa-tachometer:before {content: "\f0e4";} .icon-comment-alt:before, .fa-comment-o:before {content: "\f0e5";} .icon-comments-alt:before, .fa-comments-o:before {content: "\f0e6";} .icon-bolt:before, .fa-bolt:before {content: "\f0e7";} .icon-sitemap:before, .fa-sitemap:before {content: "\f0e8";} .icon-umbrella:before, .fa-umbrella:before {content: "\f0e9";} .icon-paste:before, .fa-clipboard:before {content: "\f0ea";} .icon-lightbulb:before, .fa-lightbulb-o:before {content: "\f0eb";} .icon-exchange:before, .fa-exchange:before {content: "\f0ec";} .icon-cloud-download:before, .fa-cloud-download:before {content: "\f0ed";} .icon-cloud-upload:before, .fa-cloud-upload:before {content: "\f0ee";} .icon-user-md:before, .fa-user-md:before {content: "\f0f0";} .icon-stethoscope:before, .fa-stethoscope:before {content: "\f0f1";} .icon-suitcase:before, .fa-suitcase:before {content: "\f0f2";} .icon-bell-alt:before, .fa-bell:before {content: "\f0f3";} .icon-coffee:before, .fa-coffee:before {content: "\f0f4";} .icon-food:before, .fa-cutlery:before {content: "\f0f5";} .icon-file-text-alt:before, .fa-file-text-o:before {content: "\f0f6";} .icon-building:before, .fa-building-o:before {content: "\f0f7";} .icon-hospital:before, .fa-hospital-o:before {content: "\f0f8";} .icon-ambulance:before, .fa-ambulance:before {content: "\f0f9";} .icon-medkit:before, .fa-medkit:before {content: "\f0fa";} .icon-fighter-jet:before, .fa-fighter-jet:before {content: "\f0fb";} .icon-beer:before, .fa-beer:before {content: "\f0fc";} .icon-h-sign:before, .fa-h-square:before {content: "\f0fd";} .icon-plus-sign-alt:before, .fa-plus-square:before {content: "\f0fe";} .icon-double-angle-left:before, .fa-angle-double-left:before {content: "\f100";} .icon-double-angle-right:before, .fa-angle-double-right:before {content: "\f101";} .icon-double-angle-up:before, .fa-angle-double-up:before {content: "\f102";} .icon-double-angle-down:before, .fa-angle-double-down:before {content: "\f103";} .icon-angle-left:before, .fa-angle-left:before {content: "\f104";} .icon-angle-right:before, .fa-angle-right:before {content: "\f105";} .icon-angle-up:before, .fa-angle-up:before {content: "\f106";} .icon-angle-down:before, .fa-angle-down:before {content: "\f107";} .icon-desktop:before, .fa-desktop:before {content: "\f108";} .icon-laptop:before, .fa-laptop:before {content: "\f109";} .icon-tablet:before, .fa-tablet:before {content: "\f10a";} .icon-mobile-phone:before, .fa-mobile:before {content: "\f10b";} .icon-circle-blank:before, .fa-circle-o:before {content: "\f10c";} .icon-quote-left:before, .fa-quote-left:before {content: "\f10d";} .icon-quote-right:before, .fa-quote-right:before {content: "\f10e";} .icon-spinner:before, .fa-spinner:before {content: "\f110" !important;} .icon-circle:before, .fa-circle:before {content: "\f111";} .icon-mail-reply:before, .fa-mail-reply:before, .icon-reply:before, .fa-reply:before {content: "\f112";} .icon-github-alt:before, .fa-github-alt:before {content: "\f113";} .icon-folder-close-alt:before, .fa-folder-o:before {content: "\f114";} .icon-folder-open-alt:before, .fa-folder-open-o:before {content: "\f115";} .icon-expand-alt:before, .fa-expand-o:before {content: "\f196";} .icon-collapse-alt:before, .fa-square-o:before {content: "\f096";} .icon-smile:before, .fa-smile-o:before {content: "\f118";} .icon-frown:before, .fa-frown-o:before {content: "\f119";} .icon-meh:before, .fa-meh-o:before {content: "\f11a";} .icon-gamepad:before, .fa-gamepad:before {content: "\f11b";} .icon-keyboard:before, .fa-keyboard-o:before {content: "\f11c";} .icon-flag-alt:before, .fa-flag-o:before {content: "\f11d";} .icon-flag-checkered:before, .fa-flag-checkered:before {content: "\f11e";} .icon-terminal:before, .fa-terminal:before {content: "\f120";} .icon-code:before, .fa-code:before {content: "\f121";} .icon-reply-all:before, .fa-reply-all:before, .icon-mail-reply-all:before, .fa-mail-reply-all:before {content: "\f122";} .icon-star-half-full:before, .fa-star-half-full:before, .icon-star-half-empty:before, .fa-star-half-o:before {content: "\f123";} .icon-location-arrow:before, .fa-location-arrow:before {content: "\f124";} .icon-crop:before, .fa-crop:before {content: "\f125";} .icon-code-fork:before, .fa-code-fork:before {content: "\f126";} .icon-unlink:before, .fa-chain-broken:before {content: "\f127";} .icon-question:before, .fa-question:before {content: "\f128";} .icon-info:before, .fa-info:before {content: "\f129";} .icon-exclamation:before, .fa-exclamation:before {content: "\f12a";} .icon-superscript:before, .fa-superscript:before {content: "\f12b";} .icon-subscript:before, .fa-subscript:before {content: "\f12c";} .icon-eraser:before, .fa-eraser:before {content: "\f12d";} .icon-puzzle-piece:before, .fa-puzzle-piece:before {content: "\f12e";} .icon-microphone:before, .fa-microphone:before {content: "\f130";} .icon-microphone-off:before, .fa-microphone-slash:before {content: "\f131";} .icon-shield:before, .fa-shield:before {content: "\f132";} .icon-calendar-empty:before, .fa-calendar-o:before {content: "\f133";} .icon-fire-extinguisher:before, .fa-fire-extinguisher:before {content: "\f134";} .icon-rocket:before, .fa-rocket:before {content: "\f135";} .icon-maxcdn:before, .fa-maxcdn:before {content: "\f136";} .icon-chevron-sign-left:before, .fa-chevron-circle-left:before {content: "\f137";} .icon-chevron-sign-right:before, .fa-chevron-circle-right:before {content: "\f138";} .icon-chevron-sign-up:before, .fa-chevron-circle-up:before {content: "\f139";} .icon-chevron-sign-down:before, .fa-chevron-circle-down:before {content: "\f13a";} .icon-html5:before, .fa-html5:before {content: "\f13b";} .icon-css3:before, .fa-css3:before {content: "\f13c";} .icon-anchor:before, .fa-anchor:before {content: "\f13d";} .icon-unlock-alt:before, .fa-unlock-alt:before {content: "\f13e";} .icon-bullseye:before, .fa-bullseye:before {content: "\f140";} .icon-ellipsis-horizontal:before, .fa-ellipsis-h:before {content: "\f141";} .icon-ellipsis-vertical:before, .fa-ellipsis-v:before {content: "\f142";} .icon-rss-sign:before, .fa-rss-square:before {content: "\f143";} .icon-play-sign:before, .fa-play-circle:before {content: "\f144";} .icon-ticket:before, .fa-ticket:before {content: "\f145";} .icon-minus-sign-alt:before, .fa-minus-square:before {content: "\f146";} .icon-check-minus:before, .fa-minus-square-o:before {content: "\f147";} .icon-level-up:before, .fa-level-up:before {content: "\f148";} .icon-level-down:before, .fa-level-down:before {content: "\f149";} .icon-check-sign:before, .fa-check-square:before {content: "\f14a";} .icon-edit-sign:before, .fa-pencil-square:before {content: "\f14b";} .icon-external-link-sign:before, .fa-external-link-square:before {content: "\f14c";} .icon-share-sign:before, .fa-share-square:before {content: "\f14d";} .icon-compass:before, .fa-compass:before {content: "\f14e";} .icon-collapse:before, .fa-caret-square-o-down:before {content: "\f150";} .icon-collapse-top:before, .fa-caret-square-o-up:before {content: "\f151";} .icon-expand:before, .fa-caret-square-o-right:before {content: "\f152";} .icon-euro:before, .fa-euro:before, .icon-eur:before, .fa-eur:before {content: "\f153";} .icon-gbp:before, .fa-gbp:before {content: "\f154";} .icon-dollar:before, .fa-dollar:before, .icon-usd:before, .fa-usd:before {content: "\f155";} .icon-rupee:before, .fa-rupee:before, .icon-inr:before, .fa-inr:before {content: "\f156";} .icon-yen:before, .fa-yen:before, .icon-jpy:before, .fa-jpy:before {content: "\f157";} .icon-renminbi:before, .fa-renminbi:before, .icon-cny:before, .fa-rub:before {content: "\f158";} .icon-won:before, .fa-won:before, .icon-krw:before, .fa-krw:before {content: "\f159";} .icon-bitcoin:before, .fa-bitcoin:before, .icon-btc:before, .fa-btc:before {content: "\f15a";} .icon-file:before, .fa-file:before {content: "\f15b";} .icon-file-text:before, .fa-file-text:before {content: "\f15c";} .icon-sort-by-alphabet:before, .fa-sort-alpha-asc:before {content: "\f15d";} .icon-sort-by-alphabet-alt:before, .fa-sort-alpha-desc:before {content: "\f15e";} .icon-sort-by-attributes:before, .fa-sort-amount-asc:before {content: "\f160";} .icon-sort-by-attributes-alt:before, .fa-sort-amount-desc:before {content: "\f161";} .icon-sort-by-order:before, .fa-sort-numeric-asc:before {content: "\f162";} .icon-sort-by-order-alt:before, .fa-sort-numeric-desc:before {content: "\f163";} .icon-thumbs-up:before, .fa-thumbs-up:before {content: "\f164";} .icon-thumbs-down:before, .fa-thumbs-down:before {content: "\f165";} .icon-youtube-sign:before, .fa-youtube-square:before {content: "\f166";} .icon-youtube:before, .fa-youtube:before {content: "\f167";} .icon-xing:before, .fa-xing:before {content: "\f168";} .icon-xing-sign:before, .fa-xing-square:before {content: "\f169";} .icon-youtube-play:before, .fa-youtube-play:before {content: "\f16a";} .icon-dropbox:before, .fa-dropbox:before {content: "\f16b";} .icon-stackexchange:before, .fa-stack-overflow:before {content: "\f16c";} .icon-instagram:before, .fa-instagram:before {content: "\f16d";} .icon-flickr:before, .fa-flickr:before {content: "\f16e";} .icon-adn:before, .fa-adn:before {content: "\f170";} .icon-bitbucket:before, .fa-bitbucket:before {content: "\f171";} .icon-bitbucket-sign:before, .fa-bitbucket-square:before {content: "\f172";} .icon-tumblr:before, .fa-tumblr:before {content: "\f173";} .icon-tumblr-sign:before, .fa-tumblr-square:before {content: "\f174";} .icon-long-arrow-down:before, .fa-long-arrow-down:before {content: "\f175";} .icon-long-arrow-up:before, .fa-long-arrow-up:before {content: "\f176";} .icon-long-arrow-left:before, .fa-long-arrow-left:before {content: "\f177";} .icon-long-arrow-right:before, .fa-long-arrow-right:before {content: "\f178";} .icon-apple:before, .fa-apple:before {content: "\f179";} .icon-windows:before, .fa-windows:before {content: "\f17a";} .icon-android:before, .fa-android:before {content: "\f17b";} .icon-linux:before, .fa-linux:before {content: "\f17c";} .icon-dribbble:before, .fa-dribbble:before {content: "\f17d";} .icon-skype:before, .fa-skype:before {content: "\f17e";} .icon-foursquare:before, .fa-foursquare:before {content: "\f180";} .icon-trello:before, .fa-trello:before {content: "\f181";} .icon-female:before, .fa-female:before {content: "\f182";} .icon-male:before, .fa-male:before {content: "\f183";} .icon-gittip:before, .fa-gittip:before, .fa-gratipay:before {content: "\f184";} .icon-sun:before, .fa-sun-o:before {content: "\f185";} .icon-moon:before, .fa-moon-o:before {content: "\f186";} .icon-archive:before, .fa-archive:before {content: "\f187";} .icon-bug:before, .fa-bug:before {content: "\f188";} .icon-vk:before, .fa-vk:before {content: "\f189";} .icon-weibo:before, .fa-weibo:before {content: "\f18a";} .icon-renren:before, .fa-renren:before {content: "\f18b";} .fa-pagelines:before {content: "\f18c";} .fa-stack-exchange:before {content: "\f18d";} .fa-arrow-circle-o-right:before {content: "\f18e";} .fa-arrow-circle-o-left:before {content: "\f190";} .fa-toggle-left:before, .fa-caret-square-o-left:before {content: "\f191";} .fa-dot-circle-o:before {content: "\f192";} .fa-wheelchair:before {content: "\f193";} .fa-vimeo-square:before {content: "\f194";} .fa-turkish-lira:before, .fa-try:before {content: "\f195";} .fa-plus-square-o:before {content: "\f196";} .fa-empire:before, .fa-ge:before {content: "\f1d1";} .fa-space-shuttle:before {content: "\f197";} .fa-slack:before {content: "\f198";} .fa-envelope-square:before {content: "\f199";} .fa-wordpress:before {content: "\f19a";} .fa-openid:before {content: "\f19b";} .fa-institution:before, .fa-bank:before, .fa-university:before {content: "\f19c";} .fa-mortar-board:before, .fa-graduation-cap:before {content: "\f19d";} .fa-yahoo:before {content: "\f19e";} .fa-google:before {content: "\f1a0";} .fa-reddit:before {content: "\f1a1";} .fa-reddit-square:before {content: "\f1a2";} .fa-stumbleupon-circle:before {content: "\f1a3";} .fa-stumbleupon:before {content: "\f1a4";} .fa-delicious:before {content: "\f1a5";} .fa-digg:before {content: "\f1a6";} .fa-pied-piper-square:before, .fa-pied-piper:before {content: "\f1a7";} .fa-pied-piper-alt:before {content: "\f1a8";} .fa-drupal:before {content: "\f1a9";} .fa-joomla:before {content: "\f1aa";} .fa-language:before {content: "\f1ab";} .fa-fax:before {content: "\f1ac";} .fa-building:before {content: "\f1ad";} .fa-child:before {content: "\f1ae";} .fa-paw:before {content: "\f1b0";} .fa-spoon:before {content: "\f1b1";} .fa-cube:before {content: "\f1b2";} .fa-cubes:before {content: "\f1b3";} .fa-behance:before {content: "\f1b4";} .fa-behance-square:before {content: "\f1b5";} .fa-steam:before {content: "\f1b6";} .fa-steam-square:before {content: "\f1b7";} .fa-recycle:before {content: "\f1b8";} .fa-automobile:before, .fa-car:before {content: "\f1b9";} .fa-cab:before, .fa-taxi:before {content: "\f1ba";} .fa-tree:before {content: "\f1bb";} .fa-spotify:before {content: "\f1bc";} .fa-deviantart:before {content: "\f1bd";} .fa-soundcloud:before {content: "\f1be";} .fa-database:before {content: "\f1c0";} .fa-file-pdf-o:before {content: "\f1c1";} .fa-file-word-o:before {content: "\f1c2";} .fa-file-excel-o:before {content: "\f1c3";} .fa-file-powerpoint-o:before {content: "\f1c4";} .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {content: "\f1c5";} .fa-file-zip-o:before, .fa-file-archive-o:before {content: "\f1c6";} .fa-file-sound-o:before, .fa-file-audio-o:before {content: "\f1c7";} .fa-file-movie-o:before, .fa-file-video-o:before {content: "\f1c8";} .fa-file-code-o:before {content: "\f1c9";} .fa-vine:before {content: "\f1ca";} .fa-codepen:before {content: "\f1cb";} .fa-jsfiddle:before {content: "\f1cc";} .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {content: "\f1cd";} .fa-circle-o-notch:before {content: "\f1ce";} .fa-ra:before, .fa-rebel:before {content: "\f1d0";} .fa-git-square:before {content: "\f1d2";} .fa-git:before {content: "\f1d3";} .fa-hacker-news:before {content: "\f1d4";} .fa-tencent-weibo:before {content: "\f1d5";} .fa-qq:before {content: "\f1d6";} .fa-wechat:before, .fa-weixin:before {content: "\f1d7";} .fa-send:before, .fa-paper-plane:before {content: "\f1d8";} .fa-send-o:before, .fa-paper-plane-o:before {content: "\f1d9";} .fa-history:before {content: "\f1da";} .fa-genderless:before, .fa-circle-thin:before {content: "\f1db";} .fa-header:before {content: "\f1dc";} .fa-paragraph:before {content: "\f1dd";} .fa-sliders:before {content: "\f1de";} .fa-share-alt:before {content: "\f1e0";} .fa-share-alt-square:before {content: "\f1e1";} .fa-bomb:before {content: "\f1e2";} .fa-soccer-ball-o:before, .fa-futbol-o:before {content: "\f1e3";} .fa-tty:before {content: "\f1e4";} .fa-binoculars:before {content: "\f1e5";} .fa-plug:before {content: "\f1e6";} .fa-slideshare:before {content: "\f1e7";} .fa-twitch:before {content: "\f1e8";} .fa-yelp:before {content: "\f1e9";} .fa-newspaper-o:before {content: "\f1ea";} .fa-wifi:before {content: "\f1eb";} .fa-calculator:before {content: "\f1ec";} .fa-paypal:before {content: "\f1ed";} .fa-google-wallet:before {content: "\f1ee";} .fa-cc-visa:before {content: "\f1f0";} .fa-cc-mastercard:before {content: "\f1f1";} .fa-cc-discover:before {content: "\f1f2";} .fa-cc-amex:before {content: "\f1f3";} .fa-cc-paypal:before {content: "\f1f4";} .fa-cc-stripe:before {content: "\f1f5";} .fa-bell-slash:before {content: "\f1f6";} .fa-bell-slash-o:before {content: "\f1f7";} .fa-trash:before {content: "\f1f8";} .fa-copyright:before {content: "\f1f9";} .fa-at:before {content: "\f1fa";} .fa-eyedropper:before {content: "\f1fb";} .fa-paint-brush:before {content: "\f1fc";} .fa-birthday-cake:before {content: "\f1fd";} .fa-area-chart:before {content: "\f1fe";} .fa-pie-chart:before {content: "\f200";} .fa-line-chart:before {content: "\f201";} .fa-lastfm:before {content: "\f202";} .fa-lastfm-square:before {content: "\f203";} .fa-toggle-off:before {content: "\f204";} .fa-toggle-on:before {content: "\f205";} .fa-bicycle:before {content: "\f206";} .fa-bus:before {content: "\f207";} .fa-ioxhost:before {content: "\f208";} .fa-angellist:before {content: "\f209";} .fa-cc:before {content: "\f20a";} .fa-shekel:before, .fa-sheqel:before, .fa-ils:before {content: "\f20b";} .fa-meanpath:before {content: "\f20c";} .fa-buysellads:before {content: "\f20d";} .fa-connectdevelop:before {content: "\f20e";} .fa-dashcube:before {content: "\f210";} .fa-forumbee:before {content: "\f211";} .fa-leanpub:before {content: "\f212";} .fa-sellsy:before {content: "\f213";} .fa-shirtsinbulk:before {content: "\f214";} .fa-simplybuilt:before {content: "\f215";} .fa-skyatlas:before {content: "\f216";} .fa-cart-plus:before {content: "\f217";} .fa-cart-arrow-down:before {content: "\f218";} .fa-diamond:before {content: "\f219";} .fa-ship:before {content: "\f21a";} .fa-user-secret:before {content: "\f21b";} .fa-motorcycle:before {content: "\f21c";} .fa-street-view:before {content: "\f21d";} .fa-heartbeat:before {content: "\f21e";} .fa-venus:before {content: "\f221";} .fa-mars:before {content: "\f222";} .fa-mercury:before {content: "\f223";} .fa-transgender:before {content: "\f224";} .fa-transgender-alt:before {content: "\f225";} .fa-venus-double:before {content: "\f226";} .fa-mars-double:before {content: "\f227";} .fa-venus-mars:before {content: "\f228";} .fa-mars-stroke:before {content: "\f229";} .fa-mars-stroke-v:before {content: "\f22a";} .fa-mars-stroke-h:before {content: "\f22b";} .fa-neuter:before {content: "\f22c";} .fa-facebook-official:before {content: "\f230";} .fa-pinterest-p:before {content: "\f231";} .fa-whatsapp:before {content: "\f232";} .fa-server:before {content: "\f233";} .fa-user-plus:before {content: "\f234";} .fa-user-times:before {content: "\f235";} .fa-hotel:before, .fa-bed:before {content: "\f236";} .fa-viacoin:before {content: "\f237";} .fa-train:before {content: "\f238";} .fa-subway:before {content: "\f239";} .fa-medium:before {content: "\f23a";} .fa-yc:before, .fa-y-combinator:before {content: "\f23b";} .fa-optin-monster:before {content: "\f23c";} .fa-opencart:before {content: "\f23d";} .fa-expeditedssl:before {content: "\f23e";} .fa-battery-4:before, .fa-battery-full:before {content: "\f240";} .fa-battery-3:before, .fa-battery-three-quarters:before {content: "\f241";} .fa-battery-2:before, .fa-battery-half:before {content: "\f242";} .fa-battery-1:before, .fa-battery-quarter:before {content: "\f243";} .fa-battery-0:before, .fa-battery-empty:before {content: "\f244";} .fa-mouse-pointer:before {content: "\f245";} .fa-i-cursor:before {content: "\f246";} .fa-object-group:before {content: "\f247";} .fa-object-ungroup:before {content: "\f248";} .fa-sticky-note:before {content: "\f249";} .fa-sticky-note-o:before {content: "\f24a";} .fa-cc-jcb:before {content: "\f24b";} .fa-cc-diners-club:before {content: "\f24c";} .fa-clone:before {content: "\f24d";} .fa-balance-scale:before {content: "\f24e";} .fa-hourglass-o:before {content: "\f250";} .fa-hourglass-1:before, .fa-hourglass-start:before {content: "\f251";} .fa-hourglass-2:before, .fa-hourglass-half:before {content: "\f252";} .fa-hourglass-3:before, .fa-hourglass-end:before {content: "\f253";} .fa-hourglass:before {content: "\f254";} .fa-hand-grab-o:before, .fa-hand-rock-o:before {content: "\f255";} .fa-hand-stop-o:before, .fa-hand-paper-o:before {content: "\f256";} .fa-hand-scissors-o:before {content: "\f257";} .fa-hand-lizard-o:before {content: "\f258";} .fa-hand-spock-o:before {content: "\f259";} .fa-hand-pointer-o:before {content: "\f25a";} .fa-hand-peace-o:before {content: "\f25b";} .fa-trademark:before {content: "\f25c";} .fa-registered:before {content: "\f25d";} .fa-creative-commons:before {content: "\f25e";} .fa-gg:before {content: "\f260";} .fa-gg-circle:before {content: "\f261";} .fa-tripadvisor:before {content: "\f262";} .fa-odnoklassniki:before {content: "\f263";} .fa-odnoklassniki-square:before {content: "\f264";} .fa-get-pocket:before {content: "\f265";} .fa-wikipedia-w:before {content: "\f266";} .fa-safari:before {content: "\f267";} .fa-chrome:before {content: "\f268";} .fa-firefox:before {content: "\f269";} .fa-opera:before {content: "\f26a";} .fa-internet-explorer:before {content: "\f26b";} .fa-tv:before, .fa-television:before {content: "\f26c";} .fa-contao:before {content: "\f26d";} .fa-500px:before {content: "\f26e";} .fa-amazon:before {content: "\f270";} .fa-calendar-plus-o:before {content: "\f271";} .fa-calendar-minus-o:before {content: "\f272";} .fa-calendar-times-o:before {content: "\f273";} .fa-calendar-check-o:before {content: "\f274";} .fa-industry:before {content: "\f275";} .fa-map-pin:before {content: "\f276";} .fa-map-signs:before {content: "\f277";} .fa-map-o:before {content: "\f278";} .fa-map:before {content: "\f279";} .fa-commenting:before {content: "\f27a";} .fa-commenting-o:before {content: "\f27b";} .fa-houzz:before {content: "\f27c";} .fa-vimeo:before {content: "\f27d";} .fa-black-tie:before {content: "\f27e";} .fa-fonticons:before {content: "\f280";} #lbOverlay {background-color: #000;bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 399;} #lbPrevLink, #lbNextLink {display: block;overflow: hidden;position: absolute;top: 0;width: 50%;outline: none;} #lbPrevLink > span, #lbNextLink > span {background-color: #fff;display: none;padding: 7px;position: absolute;top: 20%;} #lbPrevLink:hover > span, #lbNextLink:hover > span {box-shadow: 0 0 20px 0 #ffaa22;} #lbPrevLink {left: 0;} #lbPrevLink > span {border-radius: 0 30px 30px 0;left: 0;padding-right: 14px;} #lbNextLink {right: 0;} #lbNextLink > span {border-radius: 30px 0 0 30px;padding-left: 14px;right: 0;} #lbEnlarge, #lbCloseLink {cursor: pointer;display: block;float: right;padding-right: 7px;outline: none;} #lbCenter, #lbBottomContainer {background-color: #fff;overflow: hidden;position: absolute;z-index: 400;} #lbCenter > .icon-spinner {left: 50%;margin: -21px 0 0 -21px;position: absolute;top: 50%;} #lbImage {background-repeat: no-repeat;background-size: cover;border: 10px solid #fff;left: 0;position: absolute;top: 0;} #lbImage:hover #lbNextLink > span, #lbImage:hover #lbPrevLink > span {display: block;} #lbBottom {border: 10px solid #fff;border-top-style: none;color: #666;} #lbCaption, #lbNumber {margin-right: 71px;} #lbCaption {font-weight: bold;} .wcfImageViewer {background-color: #000000;bottom: 0;display: none;left: 0;opacity: 0;position: fixed;right: 0;top: 0;z-index: 399;} .wcfImageViewer .icon {color: #666666;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .wcfImageViewer.open {display: block;opacity: 1;} .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header {top: -100px;} .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div {bottom: 0;border-color: rgba(51,51,51,0);top: 0;} .wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer {bottom: -100px;} .wcfImageViewer.wcfImageViewerStatic > header > div > h1, .wcfImageViewer.wcfImageViewerStatic > header > div > h2, .wcfImageViewer.wcfImageViewerStatic > header > div > h3 {margin-left: 0 !important;} .wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {background-color: #000000;opacity: 1;position: absolute;visibility: visible;z-index: 402;} .wcfImageViewer.wcfImageViewerMobile.maximized > header, .wcfImageViewer.wcfImageViewerMobile.maximized > footer {opacity: 0;visibility: hidden;transition: visibility 0s linear .5s, opacity .5s linear;} .wcfImageViewer.wcfImageViewerMobile.maximized > div > ul > li.pointer {opacity: 0;} .wcfImageViewer.wcfImageViewerMobile > div {bottom: 0;top: 0;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li {background-color: #e0e0e0;border-radius: 30px;margin-top: -24px;opacity: 0;position: absolute;top: 50%;z-index: 30;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.pointer {opacity: 1;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {left: 10px;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious > span {left: -3px;position: relative;top: 2px;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext {right: 10px;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext > span {position: relative;right: -1px;top: 2px;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull {bottom: 80px;left: 50%;top: auto;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 32px;left: 2px;position: relative;top: 10px;} .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonToggle, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonEnlarge {display: none;} .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonPrevious, .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonNext {display: none;} .wcfImageViewer.wcfImageViewerMobile > footer > div {margin: 0;} .wcfImageViewer > header, .wcfImageViewer > div, .wcfImageViewer > footer {box-sizing: border-box;-moz-box-sizing: border-box;left: 0;position: fixed;right: 0;z-index: 400;} .wcfImageViewer > header {height: 100px;overflow: hidden;padding: 1rem;top: 0;} .wcfImageViewer > header > div > h1, .wcfImageViewer > header > div > h2, .wcfImageViewer > header > div > h3 {color: #d3d3d3;margin-left: 80px !important;} .wcfImageViewer > header > div > h1 > a, .wcfImageViewer > header > div > h2 > a, .wcfImageViewer > header > div > h3 > a {color: #d3d3d3;} .wcfImageViewer > header > div > h1 {font-size: 1.75rem;} .wcfImageViewer > header > div > h2 {font-size: 1.25rem;} .wcfImageViewer > header > div > h3 {color: #d3d3d3;font-size: .85rem;margin-top: .25rem;} .wcfImageViewer > header > div > a > img {height: 64px;width: 64px;} .wcfImageViewer > header > .wcfImageViewerButtonClose {opacity: .6;position: absolute;right: 26px;top: 26px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer > header > .wcfImageViewerButtonClose:hover {opacity: 1;} .wcfImageViewer > div {background-color: #000000;border-bottom: 1px solid #333333;border-top: 1px solid #333333;bottom: 100px;top: 100px;z-index: 401;-webkit-transition-property: top, bottom, border-color;transition-property: top, bottom, border-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer > div.loading:before {content: "\f110";margin: -24px 0 0 -24px;left: 50%;position: absolute;top: 50%;color: #000000;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 -1px 0 transparent;font-size: 42px;height: 48px;width: 48px;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} .wcfImageViewer > div > img {opacity: 0;position: absolute;top: 50%;z-index: 10;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .75s;transition-duration: .75s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer > div > img.animateTransformation {transition: left .3s, margin-top .3s, height .3s, width .3s, opacity .75s;-webkit-transition: left .3s, margin-top .3s, height .3s, width .3s, opacity .75s;} .wcfImageViewer > div > img.active {opacity: 1;z-index: 20;} .wcfImageViewer:not(.wcfImageViewerMobile) > header {-webkit-transition-property: top;transition-property: top;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer:not(.wcfImageViewerMobile) > footer {-webkit-transition-property: bottom;transition-property: bottom;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer:not(.wcfImageViewerMobile) > div {cursor: pointer;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > img, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {cursor: default;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {background-color: #000000;border: 1px solid #333333;border-bottom-width: 0;border-radius: 5px 5px 0 0;bottom: 0;display: inline-block;left: 50%;margin-left: -122px;opacity: .4;position: absolute;z-index: 30;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul:hover {opacity: 1;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li {display: inline-block;opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer > span.icon {cursor: pointer;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.active, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer:hover {opacity: 1;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 28px;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span:before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span:before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span:before {left: 2px;position: relative;top: 9px;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull {border-left: 1px solid #333333;box-sizing: border-box;} .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span {vertical-align: middle;} .wcfImageViewer > footer {bottom: 0;height: 100px;padding: 10px;} .wcfImageViewer > footer:hover > div > ul > li > img {filter: none;-webkit-filter: none;} .wcfImageViewer > footer > span {bottom: 0;font-size: 48px;padding-top: 26px;opacity: 0;position: absolute;top: 0;width: 30px;z-index: 2;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer > footer > span.pointer {opacity: .6;} .wcfImageViewer > footer > span.pointer:hover {opacity: 1;} .wcfImageViewer > footer > span.wcfImageViewerButtonPrevious {left: 5px;} .wcfImageViewer > footer > span.wcfImageViewerButtonNext {right: 5px;} .wcfImageViewer > footer > div {height: 80px;margin: 0 35px;overflow: hidden;white-space: nowrap;} .wcfImageViewer > footer > div > ul {font-size: 0;height: 80px;z-index: 1;transition: margin-left cubic-bezier(.5,1.595,.56,.98) .75s;-webkit-transition: margin-left cubic-bezier(.5,1.595,.56,.98) .75s;} .wcfImageViewer > footer > div > ul > li {display: inline-block;height: 80px;opacity: .6;position: relative;width: 80px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wcfImageViewer > footer > div > ul > li.active, .wcfImageViewer > footer > div > ul > li:hover {opacity: 1;} .wcfImageViewer > footer > div > ul > li:not(:last-child) {margin-right: 10px;} .wcfImageViewer > footer > div > ul > li.active > img {filter: none;-webkit-filter: none;} .wcfImageViewer > footer > div > ul > li.loading:before {content: "\f110";margin: -16px 0 0 -16px;left: 50%;position: absolute;top: 50%;z-index: -1;color: #000000;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 -1px 0 transparent;font-size: 28px;height: 32px;width: 32px;vertical-align: -5px;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} .wcfImageViewer > footer > div > ul > li.loading > img {opacity: 0;} .wcfImageViewer > footer > div > ul > li > img {height: 80px;opacity: 1;width: 80px;filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);transition: filter .5s, opacity 1s;-webkit-transition: -webkit-filter .5s, opacity 1s;} @media only screen and (max-width: 800px) { .wcfImageViewer > header {height: 80px;} .wcfImageViewer > header > .wcfImageViewerButtonClose {right: 16px;top: 16px;} .wcfImageViewer > footer {height: 80px;} .wcfImageViewer > footer > div {height: 60px;} .wcfImageViewer > footer > div > ul {height: 60px;} .wcfImageViewer > footer > div > ul > li {height: 60px;} } .labelList {font-size: 0;margin-bottom: -4px;} .labelList > li {display: inline-block;margin-bottom: 4px;} .labelList > li:not(:last-child) {margin-right: 4px;} .boxHeadline.labeledHeadline {font-size: 0;} .boxHeadline.labeledHeadline > ul {display: inline-block;font-size: 1rem;} .boxHeadline.labeledHeadline > ul:not(:empty) {margin-right: 7px;} .boxHeadline.labeledHeadline > ul.statusIcons > li {display: inline-block;} .boxHeadline.labeledHeadline > ul.labelList {position: relative;top: -4px;} .boxHeadline.labeledHeadline > h1, .boxSubHeadline.labeledHeadline > h2 {display: inline-block;margin-right: 7px;} #labelList::before, #labelList::after {display: table;content: "";} #labelList::after {clear: both;} #labelList li {float: left;margin-right: 1%;width: 30%;} #labelList li.labelCustomClass {position: relative;} #labelList li.labelCustomClass input[type='radio'] {left: 0;position: absolute;top: 0;} #labelList li.labelCustomClass span {display: block;margin-left: 24px;} .labelChooser > .dropdownToggle > span {cursor: pointer;} .layoutFluid {margin-left: auto;margin-right: auto;min-width: 980px;max-width: 90%;} @media only screen and (max-width: 800px) { .layoutFluid {min-width: 0;max-width: none;} } .layoutFixed {margin-left: auto;margin-right: auto;width: 1200px;} @media only screen and (max-width: 800px) { .layoutFixed {width: auto;} } @media only screen and (min-width: 801px) { body {min-width: 980px;} } #pageHeader {z-index: 100;} @media only screen and (max-width: 800px) { #pageHeader {margin-top: 48px;} } #top {display: block;height: 1px;visibility: hidden;} .userPanel {background-color: rgba(0,0,0,0.5);height: 40px;left: 0;overflow: hidden;position: absolute;top: 0;right: 0;z-index: 200;} .userPanel .icon {color: #ffffff;text-shadow: 0 -1px 0 transparent;} .userPanel > div {position: relative;} .userPanel > div > ul.userPanelItems::before, .userPanel > div > ul.userPanelItems::after {display: table;content: "";} .userPanel > div > ul.userPanelItems::after {clear: both;} .userPanel > div > ul.userPanelItems > li {float: left;} .userPanel > div > ul.userPanelItems > li > a, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {color: #ffffff;display: block;height: 20px;padding: 12px 8px 8px 8px;text-shadow: 0 -1px 0 transparent;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .userPanel > div > ul.userPanelItems > li > a:hover, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu):hover {background-color: rgba(0,0,0,0.4);color: #ffffff;text-decoration: none;} .userPanel > div > ul.userPanelItems > li > a > .badge.badgeInverse, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {background-color: #3d668f;color: #ffffff;} .userPanel > div > ul.userPanelItems > li > a > img, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > img {position: relative;top: -2px;} .userPanel > div > ul.userPanelItems > li > .framed > img {margin-top: -5px;margin-bottom: -4px;padding: 0px;top: 0;} .userPanel > div > .searchBar {background-color: rgba(0,0,0,0.4);position: absolute;right: 0;top: 0;} .userPanel > div > .searchBar::before {content: "\f002";color: #ffffff;font-family: FontAwesome;font-size: 14px;left: 7px;position: absolute;top: 12px;} .userPanel > div > .searchBar.loading::before {content: "\f110";-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} .userPanel > div > .searchBar > form {display: inline-block;} .userPanel > div > .searchBar > form input[type="search"] {background-color: transparent;border-width: 0;color: #ffffff;height: 40px;padding: 6px 12px 5px 26px;width: 240px;-webkit-appearance: textfield;text-shadow: 0 -1px 0 transparent;} .userPanel > div > .searchBar > form input[type="search"]:focus {outline: 0;} .userPanel > div > .searchBar > form input[type="search"]::-webkit-input-placeholder {color: #cccccc;} .userPanel > div > .searchBar > form input[type="search"]::-moz-placeholder {color: #cccccc;} .userPanel > div > .searchBar > form input[type="search"]:-ms-input-placeholder {color: #cccccc;} .userPanel > div > .searchBar > form input[type="search"]::-webkit-search-cancel-button {display: none;} .userPanel > div > .searchBar .dropdownMenu li > span {max-width: 210px;overflow: hidden;text-overflow: ellipsis;} @media only screen and (max-width: 800px) { .userPanel {height: 41px;} .userPanel .icon {font-size: 21px;height: auto;width: auto;} .userPanel > div > ul.userPanelItems > li > a, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {height: 21px;padding: 11px 11px 9px 11px;} .userPanel > div > ul.userPanelItems > li > .framed > img {margin-top: -4px;} .userPanel > div > ul.userPanelItems > li > a > span:not(.icon):not(.badge), .userPanel > div > ul.userPanelItems > li#pageLanguageContainer > div > div > div > h3 {display: none;} .userPanel > div > ul.userPanelItems > li > a > .badge {top: -4px;} .userPanel > div > .searchBar {height: 41px;min-width: 40px;right: 0 !important;} .userPanel > div > .searchBar::before {font-size: 21px;} .userPanel > div > .searchBar > form {display: none;} .userPanel > div > .searchBar > form input[type="search"] {height: 41px;padding-left: 40px;width: 100%;} .userPanel > div > .searchBar.searchBarOpen {width: 100%;} .userPanel > div > .searchBar.searchBarOpen > form {display: block;} .userPanel > div > .searchBar::before {top: 8px;} } .logo {margin-bottom: 21px;margin-top: 14px;} .logo::before, .logo::after {display: table;content: "";} .logo::after {clear: both;} .logo a {display: block;} .logo a:hover {text-decoration: none;} .logo a h1 {color: #ffffff;float: right;font-size: 1.7rem;padding-top: 21px;text-shadow: 0 -1px 0 transparent;} .userPanel + .logo {margin-top: 57px;} @media only screen and (max-width: 800px) { .logo {display: none;} } .sitemapList {margin: 0 -7px;} .sitemapList li > a, .sitemapList li > h3 {overflow: hidden;padding: 4px 14px;} .sitemapList li > a {border-radius: 6px;display: block;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .sitemapList li > a:hover {background-color: rgba(187,187,187,0.4);text-decoration: none;} .sitemapList > li:not(:first-child) {margin-top: 7px;} .sitemapList > li:not(:last-child) {border-bottom: 1px solid #b6afaf;padding-bottom: 7px;} .sitemapList > li > ul > li > a {padding-left: 35px;} .sitemapList > li > ul > li > ul > li a {padding-left: 56px;} .mainMenu {font-size: 0;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .mainMenu > ul {background-color: #d6ddfa;display: inline-block;} .mainMenu > ul > li {display: inline-block;font-size: 1.2rem;vertical-align: middle;} .mainMenu > ul > li > a {color: #000000;display: inline-block;padding: 4px 9px;text-shadow: 0 1px 0 transparent;} .mainMenu > ul > li > a:hover {color: #040500;text-decoration: none;} .mainMenu > ul > li > a > span {color: #000000;text-shadow: 0 1px 0 transparent;} .mainMenu > ul > li > a > span:hover {text-decoration: none;} .mainMenu > ul > li.active > a, .mainMenu > ul > li.active > a:hover {background-color: rgba(5,177,99,0.4);color: #040500;font-weight: bold;text-align: center;text-shadow: 0 -1px 0 transparent;} .mainMenu > ul > li:not(:last-child) > a {border-right: 1px solid #b6afaf;} @media screen and (min-width: 801px),print { .mainMenu > ul > li {margin-top: -7px;vertical-align: bottom;} .mainMenu > ul > li > a {padding: 9px 21px;} .mainMenu > ul > li.active {font-size: 1.4rem;margin-top: -8px;} .mainMenu > ul > li.active > a {min-width: 80px;padding: 14px 21px 8px;} .mainMenu > ul > li:not(.active) {padding-top: 5px;} } @media only screen and (max-width: 800px) { .mainMenu > ul > li.active {margin-bottom: -1px;} .mainMenu > ul > li.active > a {padding-bottom: 5px;} } .navigation {padding: 0 7px;} .navigation > ul {display: inline-block;font-size: 0;} .navigation > ul.navigationItems, .navigation > ul.navigationIcons {float: right;} .navigation > ul.navigationItems > li, .navigation > ul.navigationIcons > li {float: right;} .navigation > ul.navigationIcons > li {padding: 0 3px;} .navigation > ul.navigationIcons > li > a {display: inline-block;padding: 4px 3px 3px;} .navigation > ul.navigationItems {border-right: 1px dotted #b6afaf;} .navigation > ul.navigationItems > li > p {color: #040500;} .navigation > ul.navigationItems > li, .navigation > ul.navigationMenuItems > li {font-size: 1rem;margin: 4px 7px 2px;} .navigation > ul.navigationItems > li > a, .navigation > ul.navigationMenuItems > li > a {color: #040500;} .navigation > ul.navigationItems > li > a:hover, .navigation > ul.navigationMenuItems > li > a:hover {color: #3b9bfc;text-decoration: none;} .navigation > ul.navigationItems .icon, .navigation > ul.navigationMenuItems .icon, .navigation > ul.navigationIcons .icon {color: #040500;} .navigation > ul.navigationMenuItems {float: left;} .navigation > ul.navigationMenuItems > li {display: inline-block;} .navigation > ul.navigationMenuItems > li > .badge {top: -2px;} @media only screen and (max-width: 800px) { .navigation.navigationHeader > ul.navigationIcons, .navigation.navigationHeader > ul.navigationItems {display: none;} .navigation.navigationFooter > ul.navigationIcons, .navigation.navigationFooter > ul.navigationItems {display: none;} .navigation.navigationFooter > ul.navigationMenuItems > li {margin: 4px 7px 4px 0;} } .navigationHeader {overflow: hidden;background-color: rgba(5,177,99,0.4);border-bottom: 1px solid #b6afaf;border-top: 1px solid #b6afaf;} .navigationHeader::before, .navigationHeader::after {display: table;content: "";} .navigationHeader::after {clear: both;} .navigationHeader > ul.navigationMenuItems {white-space: nowrap;} .navigationFooter {background-color: #d6ddfa;border-top: 1px solid #b6afaf;} .navigationFooter::before, .navigationFooter::after {display: table;content: "";} .navigationFooter::after {clear: both;} @media only screen and (max-width: 800px) { .navigationHeader {min-height: 4px;} } .footer {padding-bottom: 14px;z-index: 100;} .footer .footerContent {text-align: center;} .footer .footerContent a {text-shadow: 0 -1px 0 transparent;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .footer .footerContent a:hover {text-decoration: none;} @media only screen and (max-width: 800px) { .footerContent {margin: 0 14px;} } #main {background-color: rgba(5,177,99,0.4);border-right: 1px solid transparent;box-sizing: border-box;-moz-box-sizing: border-box;z-index: 110;} #main.sidebarOrientationRight {background-color: rgba(187,187,187,0.4);} #main > div {display: table;table-layout: fixed;width: 100%;} #main > div > div {display: table-row;} #main > div > div > .sidebar, #main > div > div > .content {display: table-cell;vertical-align: top;} #main > div > div > .sidebar > .mobileSidebarToggleButton, #main > div > div > .content > .mobileSidebarToggleButton {display: none;} #main > div > div > .sidebar {background-color: rgba(187,187,187,0.4);width: 300px;z-index: 120;-webkit-transition-property: width;transition-property: width;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease;transition-timing-function: ease;} #main > div > div > .sidebar > span {display: inline-block;position: absolute;} #main > div > div > .sidebar > span > .collapsibleButton {background-color: rgba(187,187,187,0.4);border-radius: 6px 0 0 6px;display: block;height: 24px;left: -20px;position: absolute;text-decoration: none;top: 0;width: 24px;} #main > div > div > .sidebar > span > .collapsibleButton::before {content: "\f054";font-family: FontAwesome;font-size: 14px;position: absolute;left: 6px;top: 4px;text-shadow: 0 1px 0 transparent;} #main > div > div > .sidebar > div {overflow: hidden;width: 300px;-webkit-transition-property: width;transition-property: width;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease;transition-timing-function: ease;} #main > div > div > .content {background-color: rgba(5,177,99,0.4);min-height: 100px;padding: 7px 38px 21px;z-index: 130;} #main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) .sidebar {display: none;} @media only screen and (max-width: 800px) { #main {position: relative;} #main > div > div > .sidebar, #main > div > div > .content {width: 100%;} #main.sidebarOrientationLeft > div > div > .sidebar {display: none;} #main.sidebarOrientationLeft > div > div > .sidebar > div {width: 100%;} #main.sidebarOrientationLeft > div > div > .sidebar > div fieldset {width: 100%;} #main.sidebarOrientationLeft > div > div > .sidebar > .mobileSidebarToggleButton {border-radius: 0 0 0 3px;border-width: 0 0 1px 1px;display: block;right: -3px;position: absolute;top: 0;} #main.sidebarOrientationLeft > div > div > .content {padding-top: 35px;} #main.sidebarOrientationLeft > div > div > .content > .mobileSidebarToggleButton {border-radius: 0 0 3px 0;border-width: 0 1px 1px 0;display: block;left: -3px;position: absolute;top: 0;} #main.sidebarOrientationRight > div > div > .sidebar {display: none;} #main.sidebarOrientationRight > div > div > .sidebar > div {width: 100%;} #main.sidebarOrientationRight > div > div > .sidebar > div fieldset {width: 100%;} #main.sidebarOrientationRight > div > div > .sidebar > .mobileSidebarToggleButton {border-radius: 0 0 3px 0;border-width: 0 1px 1px 0;display: block;left: -3px;position: absolute;top: 0;} #main.sidebarOrientationRight > div > div > .content {padding-top: 35px;} #main.sidebarOrientationRight > div > div > .content > .mobileSidebarToggleButton {border-radius: 0 0 0 3px;border-width: 0 0 1px 1px;display: block;right: -3px;position: absolute;top: 0;} #main.mobileShowSidebar > div > div > .sidebar {display: table-cell;padding-top: 35px;} #main.mobileShowSidebar > div > div > .content {display: none;} #main .content {border-left: 0 !important;border-right: 0 !important;margin-left: 0;margin-right: 0;padding-left: 0 !important;padding-right: 0 !important;} #main .content > *:first-child {margin-top: 0;} } @media only screen and (min-width: 801px) and (max-width: 1239px) { #main > div > .content {padding-left: 28px;padding-right: 28px;} } @media only screen and (min-width: 801px) { #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar {width: 20px;} #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "\f053";} #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > div {width: 0;} } html[dir="rtl"] #main.sidebarOrientationRight > div > div > .sidebar > span > .collapsibleButton::before {content: "\f053";} html[dir="rtl"] #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "\f054";} .boxHeadline {margin-top: 14px;overflow: hidden;} .boxHeadline h1 {font-size: 1.7rem;} .boxHeadline > p {color: #060505;font-size: .85rem;} .boxHeadline > .dataList, .boxHeadline > .inlineDataList {color: #060505;font-size: .85rem;} .boxHeadline > h1, .boxSubHeadline > h2 {color: #000000;font-family: "Trebuchet MS", Arial, sans-serif;font-weight: bold;text-shadow: 0 -1px 0 transparent;} .boxHeadline > h1 a, .boxSubHeadline > h2 a {color: #000000;text-decoration: none;} .boxSubHeadline > h2 {font-size: 1.4rem;} @media only screen and (max-width: 800px) { .boxHeadline {margin-top: 7px;margin-left: 7px;margin-right: 7px;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .boxHeadline {margin-left: 14px;margin-right: 14px;} } .contentNavigation {display: table;width: 100%;} .contentNavigation > * {margin-top: 14px;} .contentNavigation > nav.pageNavigation > ul {float: left;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) {margin-right: 2px;float: right;font-size: 0;margin-bottom: -7px;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:last-child) {margin-right: 8px;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li .button {margin-left: 0;margin-right: 0;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup).smallButtons > li:not(:last-child) {margin-right: 4px;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup).iconList > li:not(:last-child) {margin-right: 2px;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:last-child) {margin-right: 0;} .contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:first-child) {margin-left: 8px;} .contentNavigation > nav:not(.pageNavigation) > ul.buttonGroup {float: right;} .contentNavigation > nav:not(.pageNavigation) + nav.jsClipboardEditor > ul, .contentNavigation > nav:not(.pageNavigation) + nav > ul.buttonGroup {margin-right: 8px;} @media only screen and (max-width: 800px) { .contentNavigation {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 7px;padding-right: 7px;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .contentNavigation {padding-left: 14px;padding-right: 14px;} } .container {background-color: #f0f2f4;border: 1px solid #b6afaf;} .containerPadding {padding: 14px 21px 14px;} @media only screen and (max-width: 800px) { .container {border-width: 1px 0;} .containerPadding {padding: 7px;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .containerPadding {padding-left: 14px;padding-right: 14px;} } .containerHeadline > h3 {font-size: 1.2rem;font-weight: bold;} .containerHeadline > h3 > small {color: #060505;font-weight: normal;text-shadow: none;white-space: nowrap;word-wrap: normal;} .containerHeadline > h3 > .badge {top: -1px;} .containerHeadline > h3, .containerHeadline > h3 > a {text-shadow: 0 1px 0 transparent;} .containerHeadline + * {margin-top: 7px;} .containerList > li {padding: 14px 21px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .containerList > li:nth-child(even) {background-color: #d6ddfa;} .containerList > li:hover {background-color: rgba(187,187,187,0.4);} .containerList > li:hover > div > div > .buttonGroupNavigation > .buttonList {opacity: 1;} .containerList > li:hover > div > div > .containerHeadline > .containerContentType {color: #060505;} .containerList > li.showMore {text-align: center;} .containerList > li.showMore > button {padding-left: 30px;padding-right: 30px;} .containerList > li.showMore > small {color: #060505;} .containerList > li > div > div {position: relative;} .containerList > li > div > div > .buttonGroupNavigation {margin-top: 0;position: absolute;right: 0;top: 0;} .containerList > li > div > div > .buttonGroupNavigation > .buttonList {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .containerList > li > div > div > .containerHeadline > .containerContentType {color: #3e3333;position: absolute;right: 0;top: 3px;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .containerList > li > div > div > .containerHeadline .newContentBadge {color: #ffffff;text-transform: uppercase;text-shadow: 0 -1px 0 transparent;background-color: #2e4d6b;background-image: -webkit-linear-gradient(#3d668f,#2e4d6b);background-image: linear-gradient(#3d668f,#2e4d6b);} .containerList > * > li {padding: 14px 21px;} .containerList.styleList > li > div.box64 > span {text-align: center;width: 110px;} .containerList.styleList > li > div.box64 > div {margin-left: 115px;} @media only screen and (max-width: 800px) { .containerList > li {padding: 7px;} .containerList > li .containerContentType {display: none;} .containerList.infoBoxList > li.box32 > span.icon {display: none;} .containerList.infoBoxList > li.box32 > div {margin-left: 0;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .containerList > li {padding: 7px 14px;} } @media screen and (min-width: 1240px) { .containerList.doubleColumned {overflow: hidden;} .containerList.doubleColumned > li {padding: 0;float: left;width: 50%;height: 90px;overflow: hidden;} .containerList.doubleColumned > li:nth-child(even) {float: right;} .containerList.doubleColumned > li:nth-child(4n), .containerList.doubleColumned > li:nth-child(4n+1) {background-color: #f0f2f4;} .containerList.doubleColumned > li:nth-child(4n+2), .containerList.doubleColumned > li:nth-child(4n+3) {background-color: #d6ddfa;} .containerList.doubleColumned > li:hover {background-color: rgba(187,187,187,0.4);} .containerList.doubleColumned > li > div {padding: 14px 21px;} .containerList.doubleColumned::after {content: "";display: table;clear: left;} } .nestedCategoryList > li {margin-top: 14px;overflow: hidden;} .nestedCategoryList > li:first-child {margin-top: 0;} .nestedCategoryList > li > div {padding: 0 14px;} .nestedCategoryList > li > div > ol {margin-top: 0;} .nestedCategoryList > li > div > ol > li {display: inline-block;font-size: .85rem;} .flexibleCategoryList {position: relative;} .flexibleCategoryList > li {margin-bottom: 14px;} .flexibleCategoryList > li > ol {margin-left: 21px;} .flexibleCategoryList > li > ol > li > ol {margin-bottom: 7px;margin-left: 21px;} .flexibleCategoryList > li > ol > li > ol > li {font-size: .85rem;} @media all and (min-width: 801px) { .nestedCategoryList.doubleColumned > li {float: left;width: 50%;} .nestedCategoryList.doubleColumned > li:nth-child(odd):not(:first-child) {clear: left;} .nestedCategoryList.doubleColumned > li:nth-child(2) {margin-top: 0;} .nestedCategoryList.doubleColumned::after {content: "";display: table;clear: left;} .flexibleCategoryList:not(.flexibleCategoryListDisabled) {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {-webkit-column-break-inside: avoid;break-inside: avoid;} .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol {font-size: 0;} .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {display: inline-block;} @-moz-document url-prefix() {.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {display: block;overflow: hidden;} } } .sidebarNestedCategoryList ol {margin-left: 14px;} .sidebarNestedCategoryList li {margin: 6px 0;position: relative;} .sidebarNestedCategoryList li > span {position: absolute;right: 0;top: 2px;} .sidebarNestedCategoryList li > a {display: block;overflow: hidden;padding-right: 45px;text-overflow: ellipsis;} .sidebarNestedCategoryList li.active > a {font-weight: bold;} .containerBoxList {margin-bottom: -7px;} .containerBoxList > li {margin-bottom: 7px;} .containerBoxList > li > div {overflow: hidden;white-space: nowrap;word-wrap: normal;} @media all and (min-width: 801px) { .containerBoxList.doubleColumned::before, .containerBoxList.doubleColumned::after, .containerBoxList.tripleColumned::before, .containerBoxList.tripleColumned::after {display: table;content: "";} .containerBoxList.doubleColumned::after, .containerBoxList.tripleColumned::after {clear: both;} .containerBoxList.doubleColumned > li, .containerBoxList.tripleColumned > li {float: left;} .containerBoxList.doubleColumned > li > div, .containerBoxList.tripleColumned > li > div {margin-right: 21px;} .containerBoxList.doubleColumned > li {width: 50%;} .containerBoxList.doubleColumned > li:nth-child(odd):not(:first-child) {clear: left;} .containerBoxList.tripleColumned > li {width: 33%;} .containerBoxList.tripleColumned > li:nth-child(3n+1):not(:first-child) {clear: left;} } .box16 {min-height: 20px;} .box16 > :first-child {float: left;} .box16 > *:not(:first-child) {margin-left: 20px;} .box16 > .framed ~ * {margin-left: 24px;} .box24 {min-height: 28px;} .box24 > :first-child {float: left;} .box24 > *:not(:first-child) {margin-left: 28px;} .box24 > .framed ~ * {margin-left: 32px;} .box32 {min-height: 36px;} .box32 > :first-child {float: left;} .box32 > *:not(:first-child) {margin-left: 39px;} .box32 > .framed ~ * {margin-left: 43px;} .box48 {min-height: 52px;} .box48 > :first-child {float: left;} .box48 > *:not(:first-child) {margin-left: 55px;} .box48 > .framed ~ * {margin-left: 59px;} .box64 {min-height: 68px;} .box64 > :first-child {float: left;} .box64 > *:not(:first-child) {margin-left: 71px;} .box64 > .framed ~ * {margin-left: 75px;} .box96 {min-height: 100px;} .box96 > :first-child {float: left;} .box96 > *:not(:first-child) {margin-left: 107px;} .box96 > .framed ~ * {margin-left: 111px;} .box128 {min-height: 132px;} .box128 > :first-child {float: left;} .box128 > *:not(:first-child) {margin-left: 139px;} .box128 > .framed ~ * {margin-left: 143px;} .box256 {min-height: 260px;} .box256 > :first-child {float: left;} .box256 > *:not(:first-child) {margin-left: 277px;} .box256 > .framed ~ * {margin-left: 281px;} .breadcrumbs {box-sizing: border-box;overflow: hidden;position: relative;text-align: left;} .breadcrumbs > ul::before, .breadcrumbs > ul::after {display: table;content: "";} .breadcrumbs > ul::after {clear: both;} .breadcrumbs > ul > li {float: left;font-size: .85rem;list-style: none;max-width: 30%;padding-right: 10px;position: relative;} .breadcrumbs > ul > li:first-child > a::before {content: "\f015";display: inline-block;font-family: FontAwesome;font-size: 14px;margin: -3px 7px -3px 0;vertical-align: -1px;} .breadcrumbs > ul > li > a {color: #000000;display: block;overflow: hidden;padding: 5px 1px 5px 5px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 -1px 0 transparent;} .breadcrumbs > ul > li > .pointer {padding: 5px 0;position: absolute;top: 0;right: 0;} @media only screen and (max-width: 800px) { .content > .breadcrumbs {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;border-radius: 6px;display: inline-block;margin-left: 7px;margin-right: 7px;max-width: 90%;} .content > .breadcrumbs > ul > li {float: none;max-width: none;padding-right: 0;} .content > .breadcrumbs > ul > li:not(:last-child) {display: none;} .content > .breadcrumbs > ul > li > a {padding: 4px 14px;} .content > .breadcrumbs > ul > li > a::before {content: "\f062";font-family: FontAwesome;font-size: 14px;padding-right: 7px;} .content > .breadcrumbs > ul > li > .pointer {display: none;} .content > .breadcrumbs ~ .breadcrumbs {display: none;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .content > .breadcrumbs {margin-left: 14px;margin-right: 14px;} } .smallBreadcrumbs > li {display: inline;font-size: .85rem;} .tabMenu {display: block;margin-top: 21px;position: relative;text-align: left;} .tabMenu > ul {background-color: #d6ddfa;border-color: #b6afaf;border-style: solid;border-width: 1px 1px 0 1px;display: inline-block;font-size: 0;position: relative;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;} .tabMenu > ul > li {display: inline-block;outline: 0;} .tabMenu > ul > li.ui-state-active > a {background-color: #f0f2f4;border-color: #b6afaf #b6afaf #f0f2f4;border-style: solid;border-width: 1px;color: #040500;font-weight: bold;z-index: 30;} .tabMenu > ul > li > a {color: #060505;display: inline-block;font-size: 1.1rem;outline: 0;padding: 7px 10px;position: relative;text-decoration: none;z-index: 10;} .tabMenu > ul > li > a > .badge {top: -1px;} .tabMenu > ul > li:not(.ui-state-active) > a:hover {color: #040500;} @media only screen and (max-width: 800px) { .tabMenu > ul > li.ui-state-active {margin-top: -1px;} .tabMenu > ul > li.ui-state-active:first-child {margin-left: -1px;} .tabMenu > ul > li.ui-state-active:last-child {margin-right: -1px;} } @media all and (min-width: 801px) { .tabMenu > ul {padding: 0 5px 3px 5px;} .tabMenu > ul > li > a {bottom: -3px;padding: 1px 10px 3px;} .tabMenu > ul > li.ui-state-active > a {font-size: 1.3rem;margin-top: -10px;padding: 10px 15px 5px;} .tabMenu > ul > li.ui-state-active:first-child {margin-left: -6px;} .tabMenu > ul > li.ui-state-active:last-child {margin-right: -6px;} } .tabMenu > ul > li.ui-state-active > a, .tabMenu > ul > li.ui-state-disabled > a, .tabMenu > ul > li.ui-state-processing > a {cursor: default;} .tabMenuContent {display: block;margin-top: -1px;min-height: 21px;position: relative;z-index: 20;} .tabMenuContainer.containerPadding > .menu {margin: -14px -21px 14px -21px;} .tabMenuContainer > .menu {border-bottom: 1px solid #b6afaf;padding: 4px 7px;background-color: #f0f2f4;background-image: -webkit-linear-gradient(#f0f2f4,#d6ddfa);background-image: linear-gradient(#f0f2f4,#d6ddfa);} .tabMenuContainer > .menu ul {display: inline-block;font-size: 0;white-space: nowrap;} .tabMenuContainer > .menu ul li {display: inline-block;outline: 0;vertical-align: bottom;} .tabMenuContainer > .menu ul li.ui-state-active a, .tabMenuContainer > .menu ul li.ui-state-active a:hover {background-color: #d8e7f5;border-color: #6699cc;color: #6699cc;cursor: default;} .tabMenuContainer > .menu ul li a {background-color: #f0f2f4;border: 1px solid #b6afaf;border-radius: 15px;color: #999999;display: block;font-size: .85rem;margin: 4px 0;outline: 0;padding: 4px 7px;} .tabMenuContainer > .menu ul li a:hover {background-color: #ffe5c8;border-color: #ffaa22;color: #666666;text-decoration: none;} .tabMenuContainer > .menu ul li:not(:last-child) {padding-right: 4px;} .tabMenuContainer > .menu ul li.dropdown > a {font-size: 1.0rem;padding: 4px 7px 2px;} @media only screen and (max-width: 800px) { .tabMenuContainer.containerPadding > .menu {margin: -7px -14px 7px -14px;} } .containerPadding > .tabMenuContainer:last-child {margin-bottom: 7px;} .ui-tabs .ui-tabs-hide {display: none !important;} .ui-helper-hidden {display: none;} .ui-helper-hidden-accessible {position: absolute !important;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);} .tabularBox {background-color: #3d668f;border: 1px solid #b6afaf;} .tabularBox > .container {border: 0;} .tabularBoxTitle > header {color: #ffffff;padding: 5px 7px;} .tabularBoxTitle > header > h2 {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .tabularBoxTitle > header > h2 > a {color: #ffffff;} .tabularBoxTitle > header > h2 > a:hover {color: #a09595;text-decoration: none;} .tabularBoxTitle > header .icon {color: #ffffff;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} @media only screen and (max-width: 800px) { .tabularBox {border-width: 1px 0;} .tabularBoxTitle {border-top-width: 0;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .tabularBoxTitle > header {padding-left: 14px;padding-right: 14px;} } .table, .cke_wysiwyg_div table {border-spacing: 0;width: 100%;} .table th, .table td, .cke_wysiwyg_div table th, .cke_wysiwyg_div table td {padding: 7px;text-align: left;vertical-align: middle;word-break: break-word;} .table th > label, .table td > label, .cke_wysiwyg_div table th > label, .cke_wysiwyg_div table td > label {cursor: pointer;display: block;margin: -7px;padding: 7px;} .table th > label > input[type="checkbox"], .table td > label > input[type="checkbox"], .cke_wysiwyg_div table th > label > input[type="checkbox"], .cke_wysiwyg_div table td > label > input[type="checkbox"] {margin: -1px 3px 0;} .table th, .cke_wysiwyg_div table th {border-right: 1px solid rgba(0,0,0,0.2);color: #ffffff;font-size: .85rem;font-weight: bold;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;background-color: rgba(0,0,0,0.3);background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));} .table th > a, .cke_wysiwyg_div table th > a {color: #ffffff;display: block;margin: -7px;position: relative;} .table th > a:hover, .cke_wysiwyg_div table th > a:hover {text-decoration: none;} .table th > a > img, .cke_wysiwyg_div table th > a > img {margin: -5px 0;} .table th.active > a, .cke_wysiwyg_div table th.active > a {background-color: rgba(0,0,0,0.1);color: #a09595;box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);} .table th.ASC > a, .table th.DESC > a, .cke_wysiwyg_div table th.ASC > a, .cke_wysiwyg_div table th.DESC > a {padding-right: 20px;} .table th.ASC > a::after, .table th.DESC > a::after, .cke_wysiwyg_div table th.ASC > a::after, .cke_wysiwyg_div table th.DESC > a::after {display: inline-block;font-family: FontAwesome;font-size: 14px;position: absolute;margin-left: 4px;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .table th.ASC > a::after, .cke_wysiwyg_div table th.ASC > a::after {content: "\f0de";top: 8px;} .table th.DESC > a::after, .cke_wysiwyg_div table th.DESC > a::after {content: "\f0dd";top: 3px;} .table th:hover > a, .cke_wysiwyg_div table th:hover > a {background-color: rgba(0,0,0,0.2);color: #a09595;} .table th > *, .cke_wysiwyg_div table th > * {padding: 7px;} .table td, .cke_wysiwyg_div table td {background-color: #f0f2f4;-webkit-transition-property: background;transition-property: background;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .table td.columnMark, .table td.columnStatus, .cke_wysiwyg_div table td.columnMark, .cke_wysiwyg_div table td.columnStatus {text-align: center;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnDigits, .table td.columnID, .cke_wysiwyg_div table td.columnDigits, .cke_wysiwyg_div table td.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnIcon, .cke_wysiwyg_div table td.columnIcon {text-align: left;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnTitle, .cke_wysiwyg_div table td.columnTitle {font-weight: bold;text-align: left;} .table td.columnText, .cke_wysiwyg_div table td.columnText {font-weight: normal;text-align: left;max-width: 20%;} .table td.columnDate, .cke_wysiwyg_div table td.columnDate {font-size: .85rem;text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnURL, .table td.columnSmallText, .cke_wysiwyg_div table td.columnURL, .cke_wysiwyg_div table td.columnSmallText {font-size: .85rem;text-align: left;} .table > tbody > tr:nth-child(even) > td, .cke_wysiwyg_div table > tbody > tr:nth-child(even) > td {background-color: #d6ddfa;} .table > tbody > tr:not(:last-child) > td, .cke_wysiwyg_div table > tbody > tr:not(:last-child) > td {border-bottom: 1px solid rgba(255,255,255,0.3);} .table > tbody > tr:hover > td, .cke_wysiwyg_div table > tbody > tr:hover > td {background-color: rgba(187,187,187,0.4);} .table > tbody > tr > td:not(:last-child), .cke_wysiwyg_div table > tbody > tr > td:not(:last-child) {border-right: 1px solid rgba(255,255,255,0.3);} .table > tbody > tr > td.focus, .cke_wysiwyg_div table > tbody > tr > td.focus {background-color: rgba(187,187,187,0.4);} .table > tbody > tr > td.left, .cke_wysiwyg_div table > tbody > tr > td.left {text-align: left;} .table > tbody > tr > td.right, .cke_wysiwyg_div table > tbody > tr > td.right {text-align: right;} .table .statusDisplay, .cke_wysiwyg_div table .statusDisplay {float: right;} .table .statusDisplay .statusIcons, .cke_wysiwyg_div table .statusDisplay .statusIcons {float: right;margin-left: 7px;} .table .statusDisplay .statusIcons li, .cke_wysiwyg_div table .statusDisplay .statusIcons li {display: inline-block;} .table tr.jsMarked, .cke_wysiwyg_div table tr.jsMarked {color: #000000;} .table tr.jsMarked > td, .cke_wysiwyg_div table tr.jsMarked > td {background-color: #ffffc8 !important;} .table tr.jsMarked a:not(.badge), .cke_wysiwyg_div table tr.jsMarked a:not(.badge) {color: #000000;} @media screen and (max-width: 800px) { .responsiveTable {display: block;} .responsiveTable thead, .responsiveTable tbody, .responsiveTable th, .responsiveTable td, .responsiveTable tr {display: block;} .responsiveTable thead tr {display: none;} .responsiveTable tr {border: 1px solid #b6afaf;border-top-width: 0;} .responsiveTable tr:last-child {border-bottom-width: 0;} .responsiveTable td {text-align: left !important;max-width: none !important;width: auto !important;} } dl.statsDataList > dt {color: #060505;display: block;float: right;font-size: .85rem;line-height: 1.5;overflow: hidden;text-align: left;white-space: nowrap;width: 62%;word-wrap: normal;} dl.statsDataList > dt > a {text-decoration: none;} dl.statsDataList > dt:not(:first-child) {clear: both;} dl.statsDataList > dd {color: #000000;float: left;font-weight: bold;margin: 0;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 35%;word-wrap: normal;} dl.statsDataList > dd > a {text-decoration: none;} dl.statsDataList::after {display: table;content: "";clear: both;} dl.inlineDataList {overflow: hidden;} dl.inlineDataList > dd {display: inline-block;margin: 0 4px 0 0;padding: 0;} dl.inlineDataList > dt {color: #060505;display: inline-block;margin: 0;text-align: left;width: auto;} dl.inlineDataList > dt::after {content: ":";} dl.dataList::before, dl.dataList::after {display: table;content: "";} dl.dataList::after {clear: both;} dl.dataList dt {color: #060505;clear: right;float: left;margin-right: 4px;text-align: left;} dl.dataList dt::after {content: ":";} dl.dataList dd {float: right;text-align: right;} dl.dataList dd:not(:last-child) {margin-bottom: 3px;} ul.inlineDataList li, ul.dataList li {display: inline-block;} ul.inlineDataList li:not(:last-child)::after, ul.dataList li:not(:last-child)::after {content: ",";} ul.inlineDataList {display: inline-block;} .contentNavigation .pageNavigation {float: left;margin: 19px 0 3px;} .contentNavigation .pageNavigation ul li {margin: 0 2px;} .pageNavigation ul li {border-radius: 3px;float: left;font-weight: bold;margin: 0 1px;min-width: 19px;padding: 0;text-align: center;} .pageNavigation ul li:not(.active):not(.disabled) {cursor: pointer;} .pageNavigation ul li.disabled {background-image: none;border: 1px solid rgba(0,0,0,0.1);cursor: not-allowed;} .pageNavigation ul li.skip > a {padding: 2px 0 1px;} .pageNavigation ul li.skip > span {padding: 3px 0 1px;} .pageNavigation ul li:not(.disabled):hover > a {color: #666666;} .pageNavigation ul li:not(.skip) > a {padding: 2px 3px;} .pageNavigation ul li.active > span {padding: 2px 3px;} .pageNavigation ul li > a {color: #999999;display: block;text-decoration: none;text-shadow: 0 1px 0 transparent;} .pageNavigation ul li > span:not(.invisible) {display: inline-block;} @media only screen and (max-width: 800px) { .pageNavigation > ul > li:not(.skip):not(.active) {display: none;} .pageNavigation > ul > li:nth-last-child(2):not(.active) {display: block;} .pageNavigation > ul > li.active > span.invisible {display: inline-block;} .pageNavigation > ul > li.active > span:not(.invisible) {display: none;} } .statusDisplay .pageNavigation {font-size: .85rem;float: left;margin-top: 2px;} .statusDisplay .pageNavigation ul li {min-width: 13px;} .statusDisplay .pageNavigation ul li:not(.skip) a {padding: 1px;} .sidebar > div > fieldset:not(:last-child), .sidebar > div > div:not(:last-child) {border-bottom: 1px solid #b6afaf;margin-bottom: 14px;} .sidebar.collapsibleMenu > div > fieldset, .sidebar.collapsibleMenu > div > div {border-bottom-width: 0;} .sidebar {padding: 21px 0 7px;} .sidebar fieldset {padding: 7px 14px 14px;margin-top: 0;box-sizing: border-box;-moz-box-sizing: border-box;min-width: 300px;width: 300px;} .sidebar fieldset > legend {border-width: 0;color: #000000;font-family: "Trebuchet MS", Arial, sans-serif;font-weight: normal;font-size: 1rem;padding: 0;text-transform: uppercase;text-shadow: 0 1px 0 transparent;} .sidebar fieldset > legend > .badge {float: right;} .sidebar fieldset > legend > a {color: #000000;text-decoration: none;} .sidebar fieldset > legend.invisible + div {margin-top: -7px;} .sidebar fieldset::after {content: "";height: 0;display: block;clear: both;} .sidebar fieldset .button.more {margin: 5px 0 0;float: right;} .sidebar fieldset > nav {margin: 0 -14px 0;} .sidebar fieldset > nav ul > li.active {background-color: rgba(5,177,99,0.4);} .sidebar fieldset > nav ul > li.active > a {font-weight: bold;} .sidebar fieldset > nav ul > li:hover:not(.active) > a {color: #3b9bfc;} .sidebar fieldset > nav ul > li > a {color: #040500;display: block;padding: 4px 14px 7px 21px;text-shadow: 0 1px 0 transparent;} .sidebar fieldset > nav ul > li > a:hover {text-decoration: none;} .sidebar .sidebarBoxList > li:not(:last-child) {margin-bottom: 7px;} .sidebar .sidebarBoxList {overflow: hidden;} .sidebar .sidebarBoxHeadline > h3 {color: #040500;margin-bottom: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 transparent;} .sidebar .sidebarBoxHeadline > h3 a {text-shadow: 0 1px 0 transparent;} .sidebar .sidebarBoxHeadline > h3 small {text-shadow: none;} .sidebar .formSubmit {margin-bottom: 14px;margin-top: 0;width: 300px;} .sidebar.collapsibleMenu legend {color: #040500;cursor: pointer;font-weight: bold;font-size: 1.3rem;padding-left: 41px;position: relative;margin-left: -14px;text-transform: none;} .sidebar.collapsibleMenu legend::before {content: "\f054";display: inline-block;font-family: FontAwesome;font-size: 14px;height: 16px;left: 21px;position: absolute;text-align: center;top: 2px;width: 16px;} .sidebar.collapsibleMenu legend.active::before {content: "\f078";} .sidebar.collapsibleMenu nav ul > li > a {padding-left: 41px;} .sidebar dl.dataList {font-size: .85rem;overflow: hidden;} .sidebar dl.inlineDataList {font-size: .85rem;} .sidebar dl.inlineDataList > dt {float: left;} .sidebar dl.inlineDataList > dd {display: block;padding-right: 14px;text-align: right;} .sideBySide {display: table;table-layout: fixed;width: 100%;} .sideBySide > * {display: table-cell;width: 50%;} .wcfAdLocation {overflow: hidden;} .wcfAdLocationHeaderContent, .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {text-align: center;} .wcfAdLocationHeaderContent > div, .wcfAdLocationFooterContent > div, .wcfAdLocationFooterBottom > div {display: inline-block;text-align: left;} .wcfAdLocationHeaderContent {margin-top: 7px;} .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {margin-top: 14px;} .wcfAdLocationSidebarTop, .wcfAdLocationSidebarBottom {padding: 0 14px 14px;text-align: center;} .wcfAdLocationSidebarTop > div, .wcfAdLocationSidebarBottom > div {display: inline-block;text-align: left;} .wcfAdLocationLogo {float: right;padding: 0 14px;} @media print { * {background-color: transparent !important;background-image: none !important;box-shadow: none !important;color: #000 !important;text-shadow: none !important;} html, body {font-size: 12pt !important;} .badge::before {content: "[";} .badge::after {content: "]";} .content {padding-left: 0 !important;padding-right: 0 !important;} .logo {margin-top: 14px !important;} a.externalURL::after {content: " (" attr(href) ")";font-size: .85rem;} .sidebar, .button, .navigationIcons, .navigationMenuItems, .navigationHeader, .userPanel, .styleChooser {display: none !important;} } .CodeMirror-linenumber {min-width: 32px !important;} .CodeMirror-lines {line-height: 1.2;} .CodeMirror {direction: ltr;} .ui-resizable {position: relative;} .ui-resizable-handle {position: absolute;font-size: 0.1px;z-index: 99999;display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;} .ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0px;} .ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0px;} .ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0px;height: 100%;} .ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0px;height: 100%;} .ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;} .ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;} .ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;} .ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;} .ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0.6);} .ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block;} .ps-container > .ps-scrollbar-y-rail {background-color: rgba(102,102,102,0);border-radius: 4px;bottom: 0;display: none;position: absolute;right: 2px;width: 8px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .ps-container > .ps-scrollbar-y-rail:hover {background-color: rgba(102,102,102,0.3);} .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0);border-radius: 4px;position: relative;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageGroupList .columnSubject > .labelList {float: right;padding-left: 7px;} .messageGroupList .columnSubject > h3 > .messageGroupLink {font-size: 1.2rem;} .messageGroupList .columnSubject > h3 > .badge.label {top: -2px;} .messageGroupList .columnSubject > small {display: block;} .messageGroupList .columnSubject > nav {font-size: .85rem;} .messageGroupList .columnSubject > nav > ul > li {display: inline;} .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {font-weight: bold;} .messageGroupList tr.new .columnAvatar div > p > img, .messageGroupList tr:hover .columnAvatar div > p > img {opacity: 1;} .messageGroupList tr.messageDisabled {color: #009900;} .messageGroupList tr.messageDisabled > td {background-color: #eeffee !important;} .messageGroupList tr.messageDisabled a:not(.badge) {color: #009900;} .messageGroupList tr.messageDeleted {color: #cc0000;} .messageGroupList tr.messageDeleted > td {background-color: #ffeeee !important;} .messageGroupList tr.messageDeleted a:not(.badge) {color: #cc0000;} .messageGroupList tr .columnSubject .statusDisplay .pageNavigation {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageGroupList tr:hover .columnSubject .statusDisplay .pageNavigation {opacity: 1;} .messageGroupList tr.new .columnAvatar > div::after {color: #040500;content: "\f069";font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;font-size: 14px;position: absolute;text-decoration: none !important;top: -4px;right: -2px;text-shadow: 0 1px 0 transparent;} .messageGroupList .columnAvatar div {position: relative;width: 40px;height: 38px;} .messageGroupList .columnAvatar div > p > img {opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageGroupList .columnAvatar .myAvatar {position: absolute;width: 16px;height: 16px;bottom: -2px;left: 24px;opacity: 1;box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);} .messageGroupList .columnLastPost {white-space: nowrap;word-wrap: normal;} .messageGroupList .columnLastPost > div > div > small {color: #060505;} .messageGroupList .messageGroupInfo {font-size: .85rem;} .messageGroupList .messageGroupInfo > li {display: inline-block;} .messageGroupList .messageGroupInfo > li:not(:first-child)::before {content: " - ";} .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: none;} @media only screen and (max-width: 800px) { .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupAuthor, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupTime {display: none;} .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: inline-block;} .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster::before {display: none;} } @media only screen and (min-width: 801px) { .messageList .messageGroupStarter {position: relative;} .messageList .messageGroupStarter > .message::after {content: "\f005";font-family: FontAwesome;font-size: 14px;display: block;left: 4px;position: absolute;top: 2px;text-shadow: 0 1px 0 transparent;} .messageList .messageGroupStarter > .message.messageSidebarOrientationRight::after {left: auto;right: 4px;} } .message {background-color: rgba(187,187,187,0.4);border: 1px solid #b6afaf;position: relative;} .message:hover .messageHeader .messageQuickOptions > li {opacity: 1;} .message:hover .messageOptions nav {opacity: 1;} .message.messageDisabled:not(.messageReduced) {background-color: #eeffee;} .message.messageDisabled:not(.messageReduced) .messageSidebar {color: #009900;} .message.messageDisabled:not(.messageReduced) .messageSidebar a {color: #009900;} .message.messageDeleted:not(.messageReduced) {background-color: #ffeeee;} .message.messageDeleted:not(.messageReduced) .messageSidebar {color: #cc0000;} .message.messageDeleted:not(.messageReduced) .messageSidebar a {color: #cc0000;} .message.jsMarked:not(.messageReduced) {background-color: #ffffc8;} .message.jsMarked:not(.messageReduced) .messageSidebar {color: #000000;} .message.jsMarked:not(.messageReduced) .messageSidebar a {color: #000000;} .message .messageOptions {font-size: .85rem;position: relative;} .message .messageOptions.forceHidden nav {display: none !important;} .message .messageOptions.forceOpen nav {opacity: 1;} .message .messageOptions nav {bottom: -2px;opacity: 0;position: absolute;right: -22px;text-align: right;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .message .messageOptions nav ul.smallButtons > li a.button {border-radius: 0;} .message .messageHeader .messageQuickOptions {float: right;} .message .messageHeader .messageQuickOptions > li {display: inline-block;opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .message .messageHeader .messageQuickOptions > li span.icon {color: #060505;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .message .messageHeader .messageQuickOptions > li > a:hover > span.icon {color: #040500;} .message .messageHeader .messageQuickOptions > li > .badge {top: -2px;} .message .messageHeader .messageQuickOptions input[type=checkbox] {position: relative;top: 1px;} .message .messageHeader .permalink {color: #060505;} .message.dividers .userCredits {border-top: 1px solid #b6afaf;} .touch .message .messageOptions nav {opacity: 1;} .touch .messageBody > footer {padding-bottom: 28px;} @media only screen and (max-width: 800px) { .message {border-width: 1px 0;} } .message.messageSidebarOrientationLeft .messageContent {border-left: 1px solid #b6afaf;margin: 0 0 0 211px;} .message.messageSidebarOrientationLeft .messageSidebar {float: left;} .message.messageSidebarOrientationRight .messageContent {border-right: 1px solid #b6afaf;margin: 0 211px 0 0;} .message.messageSidebarOrientationRight .messageSidebar {float: right;} .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-width: 20px;content: "";display: block;height: 0;position: absolute;top: 35px;width: 0;} .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::before {z-index: 100;} .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::after {z-index: 101;} .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after {border-style: inset solid inset none;} .message.messageSidebarOrientationLeft .messageHeader::before {border-color: transparent #b6afaf transparent transparent;left: -20px;} .message.messageSidebarOrientationLeft .messageHeader::after {border-color: transparent #f0f2f4 transparent transparent;left: -19px;} .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-style: inset none inset solid;} .message.messageSidebarOrientationRight .messageHeader::before {border-color: transparent transparent transparent #b6afaf;right: -20px;} .message.messageSidebarOrientationRight .messageHeader::after {border-color: transparent transparent transparent #f0f2f4;right: -19px;} .message .newMessageBadge {color: #ffffff;display: block;font-size: .85rem;font-weight: bold;padding: 6px 10px;position: absolute;text-transform: uppercase;top: 24px;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #2e4d6b;background-image: -webkit-linear-gradient(#3d668f,#2e4d6b);background-image: linear-gradient(#3d668f,#2e4d6b);text-shadow: 0 -1px 0 transparent;} .message .newMessageBadge::before {border-bottom: 4px solid #1f3348;content: "";display: block;position: absolute;top: -4px;} .message.messageSidebarOrientationLeft .newMessageBadge {border-radius: 0 5px 5px 0;left: -219px;} .message.messageSidebarOrientationLeft .newMessageBadge::before {border-left: 6px solid transparent;left: 0;} .message.messageSidebarOrientationRight .newMessageBadge {right: -219px;} .message.messageReduced .newMessageBadge {right: -7px;top: 21px;} .message.messageSidebarOrientationRight .newMessageBadge, .message.messageReduced .newMessageBadge {border-radius: 5px 0 0 5px;} .message.messageSidebarOrientationRight .newMessageBadge::before, .message.messageReduced .newMessageBadge::before {border-right: 6px solid transparent;right: 0;} .messageBody {color: #000000;display: block;line-height: 1.5;} .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) {overflow: hidden;padding-bottom: 14px;} .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText img {max-width: 100%;} .messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText table img {max-width: none;} .messageBody > footer {padding-bottom: 14px;} .messageBody > .messageSignature {color: #060505;} .messageBody > .messageSignature img {max-height: 150px;} .messageBody .messageFooter > *:not(:first-child) {margin-top: 7px;} .messageTextPreview img {max-width: 100%;} .messageTextPreview table img {max-width: none;} .messageFooterNote {border-left: 2px solid #b6afaf;color: #060505;font-size: .85rem;padding: 4px 7px;background-image: -webkit-linear-gradient(90deg, rgba(182,175,175,0.2) 0%, rgba(182,175,175,0) 40%);background-image: linear-gradient(90deg, rgba(182,175,175,0.2) 0%, rgba(182,175,175,0) 40%);} html[dir='rtl'] .messageFooterNote {background-image: -webkit-linear-gradient(270deg, rgba(182,175,175,0.2) 0%, rgba(182,175,175,0) 40%);background-image: linear-gradient(270deg, rgba(182,175,175,0.2) 0%, rgba(182,175,175,0) 40%);} .messageHeader + .messageBody > div:first-child:not(.redactor-box), .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box):not(:first-child) {border-top: 1px dotted #b6afaf;padding: 14px 0;} .message .messageBody {padding: 14px 21px 1px;} .message .messageContent {background-color: #f0f2f4;} .message .messageContent .messageHeader {padding: 14px 21px 0;position: relative;} .message .messageContent .messageHeader .messageHeadline > h1 {color: #000000;font-size: 1.4rem;font-weight: bold;overflow: hidden;padding-right: 21px;text-overflow: ellipsis;text-shadow: 0 1px 0 transparent;} .message .messageContent .messageHeader .messageHeadline > h1 + p {margin-top: 2px;} .message .messageContent .messageHeader .messageHeadline > p {font-size: .85rem;} .message .messageContent .messageHeader .messageHeadline > p > .likesBadge {margin: -2px 0 -1px 4px;} .message .messageContent .messageHeader .messageHeadline > p > .username::after {content: " - ";} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child {font-size: 1rem;} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 transparent;} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {display: block;} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username::after {content: "";} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .likesBadge {font-size: .85rem;top: -1px;} .message .messageSidebar {line-height: 1.3;margin-bottom: -1px;padding: 14px 21px 21px;position: relative;text-align: center;width: 170px;} .message .messageSidebar::after {clear: both;content: '';display: block;} .message .messageSidebar header .username {color: #040500;font-size: 1.2rem;font-weight: bold;padding: 0 3px 1px;text-shadow: 0 1px 0 transparent;} .message .messageSidebar header .username a {text-decoration: none;} .message .messageSidebar .userTitle {margin: 7px 0 0;} .message .messageSidebar .userRank {margin: 2px 0 0;} .message .messageSidebar .userAvatar {display: inline-block;margin: 7px 0 0;position: relative;text-align: left;} .message .messageSidebar .userAvatar > .badgeOnline {border-radius: 0 5px 5px 0;color: #eeffee;bottom: 7px;left: -5px;position: absolute;text-transform: uppercase;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #006600;background-image: -webkit-linear-gradient(#009900,#006600);background-image: linear-gradient(#009900,#006600);text-shadow: 0 -1px 0 transparent;} .message .messageSidebar .userAvatar > .badgeOnline::before {border-bottom: 4px solid #003300;border-left: 6px solid transparent;content: "";display: block;left: 0;position: absolute;top: -4px;} .message .messageSidebar .userCredits {font-size: .85rem;margin: 7px 0 0;overflow: hidden;padding: 7px 0 0;} .message:not(.messageReduced) .messageOptions::before, .message:not(.messageReduced) .messageOptions::after {display: table;content: "";} .message:not(.messageReduced) .messageOptions::after {clear: both;} .message:not(.messageReduced) .messageBody::before, .message:not(.messageReduced) .messageBody::after {display: table;content: "";} .message:not(.messageReduced) .messageBody::after {clear: both;} li:nth-child(2n+1) .message.messageSidebarOrientationLeft .messageHeader::after {border-right-color: #d6ddfa;} li:nth-child(2n+1) .message.messageSidebarOrientationRight .messageHeader::after {border-left-color: #d6ddfa;} li:nth-child(2n+1) .message .messageContent {background-color: #d6ddfa;} .messageReduced .messageOptions > .breadcrumbs {bottom: 10px;left: 0;opacity: 1;position: relative;} .messageReduced.messageDisabled {border-color: #009900;} .messageReduced.messageDisabled .messageContent {background-image: -webkit-linear-gradient(180deg, #eeffee, rgba(238,255,238,0) 90px);background-image: linear-gradient(180deg, #eeffee, rgba(238,255,238,0) 90px);} .messageReduced.messageDeleted {border-color: #cc0000;} .messageReduced.messageDeleted .messageContent {background-image: -webkit-linear-gradient(180deg, #ffeeee, rgba(255,238,238,0) 90px);background-image: linear-gradient(180deg, #ffeeee, rgba(255,238,238,0) 90px);} .messageReduced.jsMarked {border-color: #000000;} .messageReduced.jsMarked .messageContent {background-image: -webkit-linear-gradient(180deg, #ffffc8, rgba(255,255,200,0) 90px);background-image: linear-gradient(180deg, #ffffc8, rgba(255,255,200,0) 90px);} .messageCollapsed {color: #060505;opacity: .8;padding: 14px 21px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageCollapsed:hover {opacity: 1;} .messageCollapsed.messageCollapsedExpandable {cursor: pointer;} .messageCollapsed h1 {font-size: .85rem;} .messageCollapsed .messageCounter {padding-top: 3px;} .messageCollapsed.jsMarked {background-color: #ffffc8 !important;color: #000000;} .messageCollapsed.jsMarked a {color: #000000;} @media only screen and (max-width: 800px) { .messageCollapsed {padding: 7px;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .messageCollapsed {padding: 7px 14px;} } .messageBody > span.icon-spinner {left: 50%;margin: -21px -21px 0 0;position: absolute;top: 50%;} #messageQuickReply .formSubmit {padding-bottom: 14px;} #showQuotes {bottom: 25px;cursor: pointer;opacity: .7;position: fixed;right: 25px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} #showQuotes:hover {opacity: 1;} #messageQuoteList {max-width: 800px !important;} #messageQuoteList li:not(:first-child) {margin-top: 7px;} #messageQuoteList li > span {float: left;} #messageQuoteList li > span > input {vertical-align: bottom;} #messageQuoteList li > span > span {cursor: pointer;vertical-align: middle;} #messageQuoteList li div.jsQuote {margin-left: 60px;} #messageQuoteList li div.jsFullQuote {display: none;} #quoteManagerCopy > span:not(.pointer) {cursor: pointer;} #quoteManagerCopy > .jsQuoteManagerQuoteAndInsert {border-left: 1px solid #ffffff;margin-left: 4px;padding-left: 4px;} #quoteManagerCopy > .pointer {border-width: 5px 5px 0;bottom: -5px;margin-left: -5px;top: auto;} .messageShareButtons > ul > li {display: inline-block;} .messageShareButtons > ul > li > a {text-decoration: none;} .messageShareButtons > ul > li > a > .icon {height: 28px;} .messageShareButtons > ul > li > .badge {background-color: #f0f2f4;border: 1px solid #b6afaf;border-radius: 3px;color: #000000;line-height: 23px;padding: 0 7px;position: relative;vertical-align: 1px;} .messageShareButtons > ul > li > .badge::before {border: 6px solid #b6afaf;border-color: transparent #b6afaf transparent transparent;content: "";display: block;height: 0;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;} .messageShareButtons > ul > li > .badge::after {border: 6px solid #f0f2f4;border-color: transparent #f0f2f4 transparent transparent;content: "";display: block;height: 0;margin-right: -1px;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;} .messageShareButtons .jsShareFacebook:not(.disabled) > a > .icon {color: #3b5998;} .messageShareButtons .jsShareTwitter:not(.disabled) > a > .icon {color: #4099ff;} .messageShareButtons .jsShareGoogle:not(.disabled) > a > .icon {color: #d34836;} .messageShareButtons .jsShareReddit:not(.disabled) > a > .icon {color: #5f99cf;} .contentNavigation > .messageShareButtons {float: right;margin-right: 14px;margin-top: 0;} .messageSearchResultList > li > .box48 > div > .containerHeadline > h3 {padding-right: 100px;} .likeButton.active .icon, .wcfLikeButton.active .icon {color: #009900;} .dislikeButton.active .icon, .wcfDislikeButton.active .icon {color: #cc0000;} @media screen and (max-width: 800px),print { .message.messageSidebarOrientationLeft .messageContent, .message.messageSidebarOrientationRight .messageContent {border: 0;margin: 0;} .message.messageSidebarOrientationLeft .messageSidebar, .message.messageSidebarOrientationRight .messageSidebar {float: none;min-height: 37px;} .message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {display: none;} .message .messageHeader .messageQuickOptions, .message .messageBody .messageSignature, .message .messageSidebar .userCredits {display: none;} .message .messageSidebar {padding: 7px;text-align: left;width: auto;} .message .messageSidebar > div {margin-left: 40px;} .message .messageSidebar .userAvatar {left: 7px;position: absolute;top: 0;} .message .messageSidebar .userAvatar img {height: 32px !important;width: 32px !important;} .message .messageSidebar .userAvatar > .badgeOnline {display: none;} .message .messageSidebar .userTitle {margin-top: -2px;} .message .messageContent .messageHeader {padding: 7px 7px 0;} .message .messageBody {padding: 7px;} .message .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box) {padding: 7px 0;} .message .messageBody > footer {padding: 0;position: absolute;right: 7px;top: 7px;} .message .messageOptions nav {opacity: 1;position: static;text-align: left;} .message .newMessageBadge {display: none;} } @media screen and (min-width: 641px) and (max-width: 800px),print { .message .messageSidebar, .message .messageContent .messageHeader, .message .messageBody {padding-left: 14px;padding-right: 14px;} .message .messageSidebar .userAvatar {left: 14px;} .message .messageBody > footer {right: 14px;} } @media only screen and (max-width: 800px) { .moderationList thead {display: none;} .moderationList tbody .columnAssignedUserID, .moderationList tbody .columnLastChangeTime {display: none;} } .editHistoryDiff > .sideBySide:first-child {margin-bottom: 21px;text-align: center;} .editHistoryDiff .sideBySide > div:first-child {padding-right: 14px;} .editHistoryDiff .sideBySide > div:last-child {padding-left: 14px;} @media only screen and (max-width: 800px) { .editHistoryVersionList .columnUser, .editHistoryVersionList .columnEditReason {display: none;} } .messageFloatObjectLeft {float: left;margin: 0 14px 7px 0;} .messageFloatObjectRight {float: right;margin: 0 0 7px 14px;} #pollOptionContainer .sortableList {padding: 7px 0;} #pollOptionContainer .sortableList .sortableNode {margin-top: 7px;} #pollOptionContainer .sortableList .sortableNode .sortableButtonContainer > img {cursor: pointer;margin-right: 14px;} .pollContainer {float: left;margin: 0 14px 7px 0;max-width: 50%;min-width: 300px;} .pollContainer > .formSubmit {background-color: #d6ddfa;border-top: 1px solid #b6afaf;margin: 14px -21px -14px -21px;padding: 10px 0;} .pollInnerContainer > p:first-of-type {margin-top: 7px;} .pollResultList li {margin-bottom: 8px;padding: 1px 0;position: relative;z-index: 0;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .pollResultList li:last-child {margin-bottom: 0px;} .pollResultList li:hover {background-color: #d6ddfa;border-radius: 0 5px 5px 0;} .pollResultList li .pollMeter {background-color: rgba(187,187,187,0.4);border-radius: 0 5px 5px 0;height: 100%;left: 0;position: absolute;top: 0;z-index: -1;} .pollResultList li .caption {color: #040500;padding: 2px 0;} .pollResultList li .caption .optionName {display: block;padding: 0 3.5em 0 7px;} .pollResultList li .caption .relativeVotes {position: absolute;right: 7px;top: 3px;} @media only screen and (max-width: 800px) { .pollContainer > .formSubmit {margin: 14px -14px -7px -14px;} } @font-face {font-family: 'RedactorFont';src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight: normal;font-style: normal;} .re-icon {font-family: 'RedactorFont';} .re-icon > i:before {position: relative;font-size: 14px;} .re-video:before {content: "\e600";} .re-unorderedlist:before {content: "\e601";} .re-undo:before {content: "\e602";} .re-underline:before {content: "\e603";} .re-textdirection:before {content: "\e604";} .re-fontcolor:before {content: "\e605";} .re-table:before {content: "\e606";} .re-redo:before {content: "\e607";} .re-quote:before {content: "\e608";} .re-outdent:before {content: "\e609";} .re-orderedlist:before {content: "\e60a";} .re-link:before {content: "\e60b";} .re-horizontalrule:before {content: "\e60c";} .re-italic:before {content: "\e60d";} .re-indent:before {content: "\e60e";} .re-image:before {content: "\e60f";} .re-fullscreen:before {content: "\e610";} .re-normalscreen:before {content: "\e611";} .re-formatting:before {content: "\e612";} .re-fontsize:before {content: "\e613";} .re-fontfamily:before {content: "\e614";} .re-deleted:before {content: "\e615";} .re-html:before {content: "\e616";} .re-clips:before {content: "\e617";} .re-bold:before {content: "\e618";} .re-backcolor:before {content: "\e619";} .re-file:before {content: "\e61a";} .re-alignright:before {content: "\e61b";} .re-alignment:before, .re-alignleft:before {content: "\e61c";} .re-alignjustify:before {content: "\e61d";} .re-aligncenter:before {content: "\e61e";} .re-gallery:before {content: "\e61f";} .redactor-box {border: 1px solid #b6afaf;font-size: 0;line-height: 1.28;position: relative;} .redactor-box + .messageTabMenu {padding: 0;} .redactor-box + .innerError, .redactor-box > .innerError {border-radius: 0;box-shadow: none;display: block;margin-top: -1px;} .redactor-box > .innerError {margin: -1px;} .redactor-box > .redactorAutosaveNotice {background-color: #f0f2f4;border: 1px solid #b6afaf;border-width: 1px 0 0 1px;bottom: 0;font-size: 1rem;opacity: 0;padding: 7px;position: absolute;right: 0;transition: visibility 0s linear .3s, opacity .3s linear;visibility: hidden;} .redactor-box > .redactorAutosaveNotice.open {opacity: 1;visibility: visible;transition-delay: 0s;} .redactor-box > .redactorAutosaveNotice.redactorAutosaveNoticeIcons > span.fa-check {margin-right: 7px;} .redactor-box > .redactorAutosaveNotice > span.redactorAutosaveMessage {padding: 0 7px;} .redactor-editor {max-height: 500px;padding: 10px;position: relative;outline: none;overflow: auto;} .redactor-editor + textarea {border-width: 0;box-shadow: none;font-size: 1rem;line-height: 1.28;outline: none;padding: 10px;resize: vertical;} .redactor-editor + textarea:focus {box-shadow: none;} .redactor-editor ul, .redactor-editor ol {margin: 1em 0;margin-left: 40px;} .redactor-editor ul ul, .redactor-editor ul ol, .redactor-editor ol ul, .redactor-editor ol ol {margin-bottom: 0;margin-top: 0;} .redactor-editor ul li, .redactor-editor ol li {margin: 7px 0;} .redactor-editor ul {list-style-type: disc;} .redactor-editor ol {list-style-type: decimal;} .redactor-editor img {border: 1px solid transparent;max-width: 100%;} .redactor-editor table {border-collapse: collapse;font-size: 14px;line-height: 1.6em;} .redactor-editor table td {border: 1px solid #ddd;padding: 5px;vertical-align: top;} .redactor-editor .quoteBox {clear: none;} .redactor-editor .quoteBox > header {position: relative;} .redactor-editor .quoteBox > header > .redactorQuoteEdit {bottom: -7px;left: -14px;right: -14px;top: -14px;padding-top: 14px;padding-left: 14px;position: absolute;} .redactor-editor .codeBox {overflow: hidden;position: relative;} .redactor-editor .codeBox .redactorEditCodeBox {background-color: rgba(255,255,255,0.8);bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;z-index: 200;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .redactor-editor .codeBox .redactorEditCodeBox > div {cursor: pointer;font-size: 1.4rem;left: 50%;padding: 1em 3em;position: absolute;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .redactor-editor .codeBox:hover .redactorEditCodeBox {opacity: 1;} .redactor-editor .codeBox ol {margin-bottom: 0;margin-top: 0;} .redactor-editor.msie .quoteBox {min-height: auto;} @media all and (min-width: 801px) { .redactor-editor {font-size: 1rem;} } @media only screen and (max-width: 800px) { .redactor-editor + textarea {font-size: 16px;max-height: 500px;} } .redactor-toolbar {background: repeating-linear-gradient(0deg,#b6afaf 0px,#b6afaf 3%,#f0f2f4 3%,#d6ddfa 100%);background-size: 100% 31px;} .redactor-toolbar > li {display: inline-block;margin-bottom: 1px;vertical-align: middle;} .redactor-toolbar > li:last-of-type, .redactor-toolbar > li.separator {border-right: 1px solid #b6afaf;} .redactor-toolbar > li > a {box-sizing: border-box;color: #999999;display: block;font-size: 14px;height: 30px;outline: none;padding: 6px 0;text-align: center;text-decoration: none;width: 30px;text-shadow: 0 1px 0 transparent;} .redactor-toolbar > li > a.redactor-button-disabled, .redactor-toolbar > li > a.redactor-button-disabled:before, .redactor-toolbar > li > a.redactor-button-disabled > i:before {color: rgba(0,0,0,0.4);cursor: default;} .redactor-toolbar > li > a:before {color: #000000;} .redactor-toolbar > li > a > i {height: 14px;width: 12px;} .redactor-toolbar > li > a > i:before {color: #000000;} .redactor-toolbar > li > a:not(.redactor-button-disabled):hover, .redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {background-color: rgba(187,187,187,0.4);text-shadow: 0 1px 0 transparent;} .redactor-toolbar > li > a:not(.redactor-button-disabled):hover > i, .redactor-toolbar > li > a.redactor-act > i, .redactor-toolbar > li > a.dropact > i {text-shadow: none;} .redactor-toolbar > li > a.fa-redactor-btn:before {content: "";} .redactor-toolbar > li > a.redactor-btn-image {background-position: center;background-repeat: no-repeat;} .redactor-toolbar > li > a.redactor-btn-image.redactor-button-disabled {opacity: .5;} .redactor-toolbar-tooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);} .redactor-toolbar-tooltip .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;} .redactor-toolbar-tooltip.inverse .pointer {border-width: 5px 5px 0;} #redactor-image-box {border: 1px dashed rgba(0,0,0,0.5);display: inline-block;line-height: 0;max-width: 100%;position: relative;} #redactor-image-box > img {border-width: 0;opacity: .5;} #redactor-image-editter {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);cursor: pointer;left: 50%;line-height: .85rem;margin-top: -13px;top: 50%;z-index: 5;} #redactor-image-editter .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;} #redactor-image-editter.inverse .pointer {border-width: 5px 5px 0;} #redactor-image-resizer {background-color: #000000;border: 1px solid #ffffff;bottom: -4px;cursor: nw-resize;height: 8px;line-height: 1;position: absolute;right: -5px;width: 8px;z-index: 10;} .redactorAttachmentContainer {background-color: #ffffff;border: 1px solid #eeeeee;border-top-width: 0;padding: 7px 14px 7px;} .messageTabMenu {border: 1px solid #b6afaf;border-top-width: 0;line-height: 1.28;} .messageTabMenu > nav.messageTabMenuNavigation > ul {background-color: #f0f2f4;font-size: 0;white-space: nowrap;} .messageTabMenu > nav.messageTabMenuNavigation > ul > li {display: inline-block;} .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a {border-right: 1px solid #b6afaf;border-bottom: 1px solid transparent;color: #999999;display: block;font-size: 1rem;line-height: 1.28;margin-bottom: -1px;padding: 7px 14px 8px 14px;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a:hover {color: #040500;} .messageTabMenu > nav.messageTabMenuNavigation > ul > li > a > span.icon {display: none;} .messageTabMenu > nav.messageTabMenuNavigation > ul > li.active > a {background-color: #f0f2f4;color: #040500;} .messageTabMenu > div, .messageTabMenu > fieldset {background-color: #f0f2f4;border-width: 0;border-radius: 0;border-top: 1px solid #b6afaf;display: none;position: static;} .messageTabMenu > div.active, .messageTabMenu > fieldset.active {display: block;} .messageTabMenu > div > nav {background-color: #f0f2f4;border-bottom: 1px solid #b6afaf;margin: -14px -21px 14px -21px;padding: 4px 7px;} .messageTabMenu > div > nav ul {display: inline-block;font-size: 0;white-space: nowrap;} .messageTabMenu > div > nav ul li {display: inline-block;outline: 0;vertical-align: baseline;} .messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {color: #6699cc;cursor: default;} .messageTabMenu > div > nav ul li a {color: #999999;display: block;font-size: .85rem;outline: 0;padding: 0 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .messageTabMenu > div > nav ul li a:hover {color: #666666;text-decoration: none;} .messageTabMenu > div > nav ul li:not(:last-child) {padding-right: 4px;} .messageTabMenu > div > nav ul li.dropdown > a {font-size: 1.0rem;padding: 4px 7px 2px;} .messageTabMenu > div > div, .messageTabMenu > div > fieldset {border-top-width: 0;} @media only screen and (max-width: 800px) { .redactor-toolbar > li > a:hover {background-color: transparent !important;} .messageTabMenu > nav > ul > li:not(.active) > a > span.icon {display: block;} .messageTabMenu > nav > ul > li:not(.active) > a > span:not(.icon) {display: none;} .messageTabMenu > div > nav {margin: -3px -7px 7px -7px;} } @-moz-document url-prefix() {fieldset + .messageTabMenu {margin-top: -3px;} } .redactor-dropdown-box-fontcolor {width: 200px;} .redactor-dropdown-box-fontcolor > li.redactorColorPallet {padding: 0 4px;} .redactor-dropdown-box-fontcolor > li.redactorColorPallet:hover {background-color: rgba(5,177,99,0.4) !important;} .redactor-dropdown-box-fontcolor > li.redactorColorPallet > a {border: 2px solid #ffffff;border-bottom-width: 0;display: inline-block;font-size: 0;height: 20px;padding: 0;margin: 0;width: 20px;} .redactorDropArea {background-color: #ffffcc;border: 5px dashed #ffcc00;box-sizing: border-box;font-size: 1.4rem;position: absolute;text-align: center;vertical-align: middle;z-index: 360;} .redactorDropArea.active {background-color: #CEF6CE;border-color: #04B404;} .redactor-link-tooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);} .redactor-link-tooltip > a {color: #ffffff;} .redactor-link-tooltip > a + a {border-left: 1px solid #ffffff;margin-left: 10px;padding-left: 10px;} .slideshowContainer {overflow: hidden;position: relative;} .slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) {display: none;} .slideshowContainer > .slideshowItemList {position: absolute;-webkit-transition-property: left;transition-property: left;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .slideshowContainer > .slideshowItemList > li.slideshowItem {display: block;float: left;overflow: hidden;position: absolute;top: 0;-webkit-transform: translate3d(0,0,0);} .slideshowContainer > .slideshowButtonList {position: absolute;right: 0;top: 0;} .slideshowContainer > .slideshowButtonList > li {display: inline-block;} .slideshowContainer > .slideshowButtonList > li > a > .icon {color: rgba(187,187,187,0.4);} .slideshowContainer > .slideshowButtonList > li > a > .icon.active {color: #040500;} .slideshowContainer > .slideshowButtonList > li:hover > a > .icon {color: #3b9bfc;} .sortableListContainer .sortablePlaceholder {background-color: #ffffdd;border: 1px solid #cccc00;color: #999900;margin: 4px 0;padding: 4px;} .sortablePlaceholder.sortableInvalidTarget {background-color: #ffeeee;border: 1px solid #ff9999;color: #cc0000;} .sortableList {list-style-position: outside;list-style-type: decimal;margin-left: 21px;} .sortableList .jsCollapsibleCategory > .sortableNodeLabel {background-color: #3d668f;color: #ffffff;padding-left: 7px;} .sortableList .jsCollapsibleCategory > .sortableNodeLabel > a {color: #ffffff;} .sortableList .jsCollapsibleCategory > .sortableNodeLabel .icon {color: #ffffff;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .sortableList .statusDisplay {float: right;} .sortableNode {cursor: move;} .sortableNode.ui-sortable-helper {list-style: none;} .sortableNodeLabel {padding: 7px 7px 7px 0;display: block;} .sortableList:not(.simpleSortableList) .sortableNodeLabel {border-bottom: 1px solid #b6afaf;} .simpleSortableList {min-height: 21px;} .colorPreview {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);border: 1px solid #b6afaf;border-radius: 0px;display: inline-block;} .colorPreview:hover {box-shadow: 0 0 15px 0 #b6afaf;} .colorPreview > div {border: 2px solid rgba(5,177,99,0.4);border-radius: 0px;cursor: pointer;display: block;height: 60px;width: 180px;} .colorList > li {float: left;padding: 7px;} .colorList > li > figure > figcaption {font-size: .85rem;margin-bottom: 7px;text-align: center;} .colorList::after {clear: both;content: "";display: block;} #tplStyleAdd #styleLogo {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);} .tagList > li {display: inline-block;} .tag {border-radius: 0 4px 4px 0;font-weight: normal;height: 13px;margin-left: 6px;padding-bottom: 2px;padding-left: 10px;} .tag::before {border-color: transparent #000000 transparent transparent;border-style: inset solid inset inset;border-width: 8px 8px 8px 0;clip: rect(auto auto auto 2px);content: "";height: 0;left: -8px;position: absolute;top: 0;width: 0;} .tag::after {background: rgba(5,177,99,0.4);border-radius: 2px;content: "";height: 4px;left: -2px;position: absolute;top: 6px;width: 4px;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);} .tag:hover {background-color: #3d668f;color: #ffffff;} .tag:hover::before {border-right-color: #3d668f;} .editableItemList li.tag {margin-bottom: 11px;margin-left: 10px;} .editableItemList li.tag:first-child {margin-left: 6px;} .sidebar .userAvatar {text-align: center;overflow: hidden;} .sidebar .userAvatar > a {display: block;} .sidebar .userList > li > a {font-size: .85rem;} .framedIconList li {float: left;margin: 0 2px 4px 0;} .framedIconList li .framed {display: inline-block;} .framedIconList::after {content: "";height: 0;display: block;clear: both;} .userInformation > .inlineDataList, .userInformation > .dataList {font-size: .85rem;} .userInformation > .dataList {margin-top: 0;} .userInformation > .inlineDataList {margin-top: 7px;} .userInformation > .inlineDataList ~ .inlineDataList {margin-top: 0;} .userInformation > .containerHeadline + .inlineDataList {margin-top: 0;} .userInformation > .containerHeadline > p {margin-bottom: 2px;} .userInformation > .userFacts {overflow: hidden;} .userTitleBadge {font-weight: normal;max-width: 154px;overflow: hidden;text-overflow: ellipsis;} .userProfilePreview {position: relative;} .userProfilePreview > .userInformation {padding-bottom: 16px;} .userProfilePreview > .userInformation > .userStats, .userProfilePreview > .userInformation > .userFields {margin-bottom: 5px;padding-top: 5px;border-top: 1px dotted #b6afaf;} .userProfilePreview > .userInformation > .userFields {padding-bottom: 5px;border-bottom: 1px dotted #b6afaf;} .userProfilePreview > .userInformation > .buttonGroupNavigation {position: absolute;bottom: 0;right: 0;} .userHeadline {padding-right: 428px;position: relative;} .userHeadline > nav.buttonGroupNavigation {position: absolute;right: 7px;top: 7px;} .userHeadline > .dataList {overflow: hidden;} .letters > li {margin-bottom: 4px;} .letters > li > .button {min-width: 1.2em;text-align: center;} .recentActivityList > li.recentActivitiesMore {text-align: center;} .recentActivityList > li.recentActivitiesMore > button {padding-left: 30px;padding-right: 30px;} .recentActivityList > li.recentActivitiesMore > small {color: #060505;} .recentActivityList > li > div.box48 > div {overflow: hidden;} .likeList > li:first-child {padding-bottom: 7px;text-align: right;} .likeList > li:first-child:hover {background-color: #f0f2f4;} .likeList > li:first-child > ul.buttonGroup {display: inline-block;margin-bottom: 7px;} .likeList > li:first-child > ul.buttonGroup:not(:first-child) {margin-left: 4px;} @media only screen and (max-width: 800px) { .likeList > li:first-child {padding-bottom: 0;} } .dashboardBoxSidebarButton {padding-bottom: 21px !important;} .dashboardBoxSidebarButton > div {text-align: center;} .dashboardBoxSidebarButton > div > .button {font-size: 1.2rem;padding: 5px 13px;} .usersOnlineInfoBox .usersOnlineLegend {margin-top: 7px;} .usersOnlineInfoBox .usersOnlineLegend > p {display: inline-block;} .usersOnlineInfoBox .usersOnlineLegend > ul {display: inline-block;} @media only screen and (max-width: 800px) { #tplUser .userHeadline {overflow: visible;padding-right: 30px;} #tplUser .userHeadline > .invisible {display: block;float: left;} #tplUser .userHeadline > *:not(.invisible) {margin-left: 59px;} } .userAvatarCrop {cursor: pointer;} #userAvatarCropSelection {position: relative;margin: 0 auto;} #userAvatarCropOverlay {background-color: #000000;height: 100%;opacity: 0.5;position: absolute;left: 0;top: 0;width: 100%;z-index: 10;} #userAvatarCropOverlaySelection {cursor: move;position: absolute;left: 0;top: 0;height: 128px;overflow: hidden;width: 128px;z-index: 20;} .buttonList.thirdPartyLogin {text-align: center;} .thirdPartyLoginButton {border-radius: 3px;border: 1px solid rgba(255,255,255,0.1);color: #fff;display: inline-block;font-size: 0;} .thirdPartyLoginButton:hover {color: #fff;text-decoration: none;} .thirdPartyLoginButton > .icon {border-right: 1px solid rgba(0,0,0,0.1);color: #fff;text-shadow: none;padding: 4px 6px;} .thirdPartyLoginButton > span:not(.icon) {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1rem;padding: 4px 12px;} .thirdPartyLoginButton.googleLoginButton {background-color: #dd4b39;} .thirdPartyLoginButton.googleLoginButton:hover {background-color: #ca3523;} .thirdPartyLoginButton.facebookLoginButton {background-color: #3b5998;} .thirdPartyLoginButton.facebookLoginButton:hover {background-color: #30487b;} .thirdPartyLoginButton.twitterLoginButton {background-color: #55acee;} .thirdPartyLoginButton.twitterLoginButton:hover {background-color: #309aea;} .thirdPartyLoginButton.githubLoginButton {background-color: #444444;} .thirdPartyLoginButton.githubLoginButton:hover {background-color: #303030;} .userNotificationItemList > .notificationItem.groupedNotificationItem > div > .framed > span.fa-users:before {position: relative;top: 3px;} .userNotificationItemList > .notificationItem.notificationUnconfirmed {position: relative;} .userNotificationItemList > .notificationItem.notificationUnconfirmed > div > .details {padding-right: 37px;} .userNotificationItemList > .notificationItem.notificationUnconfirmed > .notificationItemMarkAsConfirmed {opacity: .6;position: absolute;right: 21px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .userNotificationItemList > .notificationItem.notificationUnconfirmed:hover > .notificationItemMarkAsConfirmed {opacity: 1;} .userNotificationItemList > .notificationItem > div > .details {padding-top: 3px;} .userNotificationItemList > .notificationItem > div > .details .userLink {font-weight: bold;} .dashboardBoxRecentActivityHeadline {overflow: visible;position: relative;min-height: 30px;} .dashboardBoxRecentActivityHeadline > nav.buttonGroupNavigation {position: absolute;right: 4px;top: 2px;} #aboutMe img {max-width: 100%;} #conversationLabelFilter {margin-bottom: 14px;} .conversationLabelList {margin-bottom: 14px;} .conversationLabelList li:not(:last-child) {margin-bottom: 4px;} .conversationLabelList~small {display: block;} #unreadConversations .dropdownMenu > li h3 {max-width: 250px;overflow: hidden;text-overflow: ellipsis;} .conversationParticipantList > li .inlineDataList {font-size: .85rem;} .conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);} .conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {text-decoration: line-through;} .sidebar fieldset.conversationQuota > div {text-align: center;} .conversationUsageBar {background-color: #000000;border-radius: 5px;height: 20px;padding: 4px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);} .conversationUsageBar > span {border-radius: 3px;color: transparent;display: block;height: 100%;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);background-color: #a5df41;background-image: -webkit-linear-gradient(#a5df41,#4ca916);background-image: linear-gradient(#a5df41,#4ca916);} .conversationUsageBar.yellow > span {background-color: #fecf23;background-image: -webkit-linear-gradient(#fecf23,#fd9215);background-image: linear-gradient(#fecf23,#fd9215);} .conversationUsageBar.red > span {background-color: #f0a3a3;background-image: -webkit-linear-gradient(#f0a3a3,#f42323);background-image: linear-gradient(#f0a3a3,#f42323);} .conversationFolderList > li > a > span {float: right;} @media only screen and (max-width: 800px) { .conversationList thead {display: none;} .conversationList tbody .columnMark, .conversationList tbody .columnReplies, .conversationList tbody .columnParticipants, .conversationList tbody .columnLastPost, .conversationList tbody .conversationParticipantSummary, .conversationList tbody .columnSubject .statusDisplay {display: none;} } @media only screen and (max-width: 1239px) { .conversationList thead .columnParticipants, .conversationList tbody .columnParticipants {display: none;} } .wbbBoardList .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 43px;} .wbbBoardList .wbbDepth2.wbbCategory > header {padding-left: 43px;} .wbbBoardList .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 79px;} .wbbBoardList .wbbDepth3.wbbCategory > header {padding-left: 79px;} .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 7px;} .wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 43px;} .wbbBoardList .tabularBox:not(.wbbDepth1) {border-width: 1px 0 0;} .wbbBoardList .wbbStats {left: 49%;margin-top: 0;position: absolute;top: 14px;width: 16%;} .wbbBoardList .wbbStats > dl > dt {line-height: 1.28;width: 48%;} .wbbBoardList .wbbStats > dl > dd {font-weight: normal;font-size: .85rem;width: 50%;} .wbbBoardList .wbbLastPost {left: 66%;margin-top: 0;position: absolute;top: 14px;width: 34%;} .wbbBoardList .wbbLastPost > div > div > p, .wbbBoardList .wbbLastPost > div > div > small {overflow: hidden;text-overflow: ellipsis;width: 98%;white-space: nowrap;word-wrap: normal;} .wbbBoardList .wbbLastPost > div > div > p {color: #040500;} .wbbBoardList .wbbLastPost > div > div > p > .badge {font-size: .85rem;max-width: 33%;overflow: hidden;text-overflow: ellipsis;top: -1px;} .wbbBoardList .wbbLastPost > div > div > small {display: block;} .wbbBoardList .wbbLastPost > div > div > small time {color: #060505;} .wbbBoardList .wbbSubBoards {margin-top: 7px;} .wbbBoardList .wbbSubBoards li {display: inline-block;} .wbbBoardList .wbbSubBoards li > span.icon {position: relative;top: 2px;} .wbbBoardList .wbbSubBoards + .wbbUsersOnline {margin-top: 0;} .wbbBoardList .wbbUsersOnline {margin-top: 7px;} .wbbBoardList .wbbUsersOnline > span.icon {position: relative;top: 1px;} .wbbBoardList .wbbBoardContainer {position: relative;} .wbbBoardList .wbbDepth1 {margin-top: 14px;} .wbbBoardList .wbbBoard {min-height: 44px;padding: 7px;padding-right: 51%;-webkit-transition-property: background;transition-property: background;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .wbbBoardList .wbbBoard:hover {background-color: rgba(187,187,187,0.4);} .wbbBoardList .wbbBoardNode1 {background-color: #f0f2f4;} .wbbBoardList .wbbBoardNode2 {background-color: #d6ddfa;} .wbbBoardList .wbbBoard > div > .containerHeadline > h3 {font-weight: normal;} .wbbBoardList .new > div > .containerHeadline > h3, .wbbBoardList .wbbSubBoards li.new a {font-weight: bold;} .wbbBoardList .wbbCollapsibleCategory .collapsibleButton {display: inline-block;margin-right: 7px;} .wbbBoardList .wbbCollapsibleCategory > header > small {display: inline-block;margin-left: 23px;} .wbbBoardList .icon {color: #040500;} @media only screen and (max-width: 800px) { .wbbBoardList .wbbBoard {padding-right: 7px;} .wbbBoardList .wbbBoard > div {margin-left: 0;} .wbbBoardList .wbbBoard > div > .containerHeadline > h3 > a {display: inline-block;width: 88%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .wbbBoardList .wbbCategory > header > h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .wbbBoardList .wbbCategory > header > h2 > a {display: inline-block;text-overflow: ellipsis;overflow: hidden;width: 100%;} .wbbBoardList .wbbBoardDescription, .wbbBoardList .wbbSubBoards, .wbbBoardList .wbbStats, .wbbBoardList .wbbUsersOnline, .wbbBoardList .collapsibleButton, .wbbBoardList .wbbBoard > span.icon {display: none !important;} .wbbBoardList .wbbLastPost {position: static;width: auto;} .wbbBoardList .wbbCollapsibleCategory > header > small {margin-left: 0;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .wbbBoardList .wbbBoard {padding: 7px 14px;} } @media only screen and (min-width: 801px) and (max-width: 1239px) { .wbbBoardList .wbbBoard {padding-right: 56%;} .wbbBoardList .wbbStats {display: none !important;} .wbbBoardList .wbbLastPost {left: 55%;width: 45%;} } .wbbBoardListReduced .wbbBoardContainer > div {padding: 7px;} .wbbBoardListReduced .wbbDepth2.wbbBoardContainer > div {padding-left: 28px;} .wbbBoardListReduced .wbbDepth2.wbbCategory > header {padding-left: 28px;} .wbbBoardListReduced .wbbDepth3.wbbBoardContainer > div {padding-left: 56px;} .wbbBoardListReduced .wbbDepth3.wbbCategory > header {padding-left: 56px;} .wbbBoardListReduced .wbbCategory .wbbDepth2.wbbBoardContainer > div {padding-left: 7px;} .wbbBoardListReduced .wbbCategory .wbbDepth3.wbbBoardContainer > div {padding-left: 28px;} #tplBoard .wbbThreadList tr.wbbThreadSticky + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td, #tplBoard .wbbThreadList tr.wbbThreadAnnouncement + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td {border-top: 1px solid #b6afaf;} @media only screen and (max-width: 800px) { .wbbThreadList thead {display: none;} .wbbThreadList tbody .columnMark, .wbbThreadList tbody .columnReplies, .wbbThreadList tbody .columnLikes, .wbbThreadList tbody .columnViews, .wbbThreadList tbody .columnLastPost, .wbbThreadList tbody .columnSubject .statusDisplay {display: none;} #tplBoard .boxHeadline > p {display: none;} } @media only screen and (max-width: 1239px) { .wbbThreadList thead .columnViews, .wbbThreadList tbody .columnViews {display: none;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .wbbThreadList tbody .columnAvatar {padding-left: 14px;} .wbbThreadList tbody .columnSubject {padding-right: 14px;} } @media only screen and (max-width: 800px) { #tplThread .contentNavigation > nav:not(.pageNavigation) .button:not(.buttonPrimary):not(.jsThreadInlineEditor) {display: none;} } .wbbSimilarThreadList .box48 > div > p:not(:first-child) {color: #060505;} .wbbSimilarThreadList .box48 > div > p:not(:first-child) a {color: #060505;} .wbbSimilarThreadList .box48 > div > p:first-child > a {display: block;overflow: hidden;text-overflow: ellipsis;} .wbbInlineSimilarThreadList {margin: 7px 0;} .wbbPostPreview .labelList {margin-bottom: 7px;} .wbbMarkAsDone.icon-check {color: #009900;} .wbbMarkAsDone.icon-check-empty {color: #cc0000;} .wbbAdLocationIn1stPost {float: left;margin-bottom: 7px;margin-right: 14px;} .wbbAdLocationPostList, .wbbAdLocationBoardList {margin-top: 14px;text-align: center;} .wbbAdLocationPostList > div, .wbbAdLocationBoardList > div {display: inline-block;text-align: left;} .galleryImageList {margin-bottom: -2%;} .galleryImageList::before, .galleryImageList::after {display: table;content: "";} .galleryImageList::after {clear: both;} .galleryImageList > li {display: block;float: left;margin-bottom: 2%;margin-left: 1%;margin-right: 1%;overflow: hidden;position: relative;width: 31.333333333333%;} .galleryImageList > li:nth-child(3n+1) {clear: both;} .galleryImageList > li > a {display: block;} .galleryImageList > li > a > img {width: 100%;} .galleryImageList > li > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;} .galleryImageList > li > div a {color: #fff;} .galleryImageList > li > div > p, .galleryImageList > li > div > div > small, .galleryImageList > li > div > div > dl {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .galleryImageList > li > div > p {margin-right: 32px;} .galleryImageList > li > div > label {bottom: 5px;position: absolute;right: 7px;} .galleryImageList > li > div > div {height: 0;overflow: hidden;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .galleryImageList > li > div > div > dl {font-size: .85rem;margin-top: 2px;} .galleryImageList > li > div > div > dl > dt::after {display: none;} .galleryImageList > li > div > div > dl > dd {margin-right: 7px;} .galleryImageList > li > div .icon {color: #fff;text-shadow: 0 -1px 0 transparent;} .galleryImageList > li.imageDisabled > div {background-color: rgba(238,255,238,0.9);color: #009900;} .galleryImageList > li.imageDisabled > div a {color: #009900;} .galleryImageList > li.imageDisabled > div .icon {color: #009900;text-shadow: none;} .galleryImageList > li.imageDeleted > div {background-color: rgba(255,238,238,0.9);color: #cc0000;} .galleryImageList > li.imageDeleted > div a {color: #cc0000;} .galleryImageList > li.imageDeleted > div .icon {color: #cc0000;text-shadow: none;} .galleryImageList > li.jsMarked > div {background-color: rgba(255,255,200,0.9);color: #000000;} .galleryImageList > li.jsMarked > div a {color: #000000;} .galleryImageList > li.jsMarked > div .icon {color: #000000;text-shadow: none;} .galleryImageList > li.jsGalleryImageShowDetails > div > div, .galleryImageList > li:hover > div > div {height: 2.5em;} .gallerySortableImageList {font-size: 0;padding: 0 7px;margin-bottom: -14px;margin-left: 0;margin-right: -14px;} .gallerySortableImageList > .gallerySortableImagePlaceholder {background-color: #ffffdd;} .gallerySortableImageList > li {display: inline-block;margin-bottom: 14px;margin-right: 14px;min-height: 144px;min-width: 144px;position: relative;vertical-align: top;} .gallerySortableImageList > li > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;} .gallerySortableImageList > li > div > p {font-size: .85rem;margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .galleryAlbumList ul.galleryAlbumCoverImages {margin-bottom: 7px;margin-right: -7px;margin-top: 14px;max-height: 295px;overflow: hidden;} .galleryAlbumList ul.galleryAlbumCoverImages > li {float: left;margin-right: 7px;margin-bottom: 7px;} .galleryAlbumList ul.galleryAlbumCoverImages.galleryMediumAlbumCoverImages {height: 295px;} .galleryAlbumList ul.galleryAlbumCoverImages.galleryMediumAlbumCoverImages > li:first-child {height: 295px;margin-bottom: 0;position: relative;} .galleryAlbumList ul.galleryAlbumCoverImages.galleryMediumAlbumCoverImages > li:first-child > a > img {position: relative;top: -62px;} .galleryAlbumList ul.galleryAlbumCoverImages.galleryMediumAlbumCoverImages > li:not(:first-child) {margin-bottom: 7px;} .galleryImageContainer > .galleryImage {position: relative;text-align: center;} .galleryImageContainer > .galleryImage img {max-width: 100%;} .galleryImageContainer > .galleryImage > .galleryPreviousImageButton, .galleryImageContainer > .galleryImage > .galleryNextImageButton {background-color: black;border-radius: 30px;margin-top: -20px;opacity: .2;padding: 4px;position: absolute;top: 50%;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .galleryImageContainer > .galleryImage > .galleryPreviousImageButton > span, .galleryImageContainer > .galleryImage > .galleryNextImageButton > span {color: white;position: relative;text-shadow: none;top: 4px;} .galleryImageContainer > .galleryImage > .galleryPreviousImageButton:hover, .galleryImageContainer > .galleryImage > .galleryNextImageButton:hover {opacity: .9 !important;} .galleryImageContainer > .galleryImage:hover > .galleryPreviousImageButton, .galleryImageContainer > .galleryImage:hover > .galleryNextImageButton {opacity: .6;} .galleryImageContainer > .galleryImage > .galleryPreviousImageButton {left: 7px;} .galleryImageContainer > .galleryImage > .galleryPreviousImageButton > span {left: -2px;} .galleryImageContainer > .galleryImage > .galleryNextImageButton {right: 7px;} .galleryImageContainer > .galleryImage > .galleryNextImageButton > span {left: 2px;} .gallerySidebarBoxList > li > .framed > img {max-width: 64px;} .gallerySidebarBoxList > li > .sidebarBoxHeadline {padding-top: 7px;} .gallerySidebarImageList {font-size: 0;margin-right: -4px;} .gallerySidebarImageList > li {display: inline-block;margin-right: 4px;margin-bottom: 4px;} .gallerySidebarImageList > li > a {display: block;} .gallerySidebarImageList > li > a > img {width: 88px;} .gallerySidebarBoxImageNavigation {font-size: 0;} .gallerySidebarBoxImageNavigation > ul {height: 76px;position: relative;overflow: hidden;} .gallerySidebarBoxImageNavigation > ul > li {display: inline-block;position: absolute;} .gallerySidebarBoxImageNavigation > ul > li:first-child, .gallerySidebarBoxImageNavigation > ul > li:last-child {background-color: rgba(162,162,162,0.4);height: 76px;vertical-align: top;z-index: 10;} .gallerySidebarBoxImageNavigation > ul > li:first-child.disabled, .gallerySidebarBoxImageNavigation > ul > li:last-child.disabled {opacity: 0.5;} .gallerySidebarBoxImageNavigation > ul > li:first-child.disabled > .icon, .gallerySidebarBoxImageNavigation > ul > li:last-child.disabled > .icon {cursor: not-allowed;} .gallerySidebarBoxImageNavigation > ul > li:first-child > .icon, .gallerySidebarBoxImageNavigation > ul > li:last-child > .icon {padding: 30px 0;} .gallerySidebarBoxImageNavigation > ul > li:first-child {margin-right: 3px;left: 0;} .gallerySidebarBoxImageNavigation > ul > li:nth-child(2) {left: 19px;position: relative;} .gallerySidebarBoxImageNavigation > ul > li:last-child {right: 0;} .gallerySidebarBoxImageNavigation > ul > li > ul {height: 76px;width: 99999px;position: absolute;overflow: hidden;} .gallerySidebarBoxImageNavigation > ul > li > ul > li {display: inline-block;margin-right: 3px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .gallerySidebarBoxImageNavigation > ul > li > ul > li:not(.active) {opacity: 0.5;} .gallerySidebarBoxImageNavigation > ul > li > ul > li:hover {opacity: 1;} .gallerySidebarBoxImageNavigation > ul > li > ul > li > a {display: block;} .gallerySidebarBoxImageNavigation > ul > li > ul > li > a > img {width: 76px;} .galleryImageHeadline {overflow: visible;padding-right: 250px;position: relative;} .galleryImageHeadline > nav.buttonGroupNavigation {position: absolute;right: 4px;top: 4px;} .galleryImageHeadline > h1 .likesBadge {margin-left: 4px;} .galleryImageHeadline > h1 .likesBadge:not(.green):not(.red) {color: rgba(5,177,99,0.4);} #thumbnailList {margin-bottom: -21px;} #thumbnailList::before, #thumbnailList::after {display: table;content: "";} #thumbnailList::after {clear: both;} #thumbnailList > li {border: 1px solid #b6afaf;float: left;margin: 0 21px 21px 0;padding: 7px;position: relative;} #thumbnailList > li.active {background-color: #ffffc8;} #thumbnailList > li.active:hover .imageOptions {background-color: #ffffc8 !important;} #thumbnailList > li.imageError {background-color: #ffeeee;border-color: #ff9999;} #thumbnailList > li .imageOptions {display: none;position: absolute;bottom: 7px;right: 7px;background-color: #f0f2f4 !important;} #thumbnailList > li:hover .imageOptions {display: block;padding: 3px;background-color: rgba(255,255,255,0);} #thumbnailList > li.jsImageUpload {position: relative;} #thumbnailList > li.jsImageUpload > input {position: absolute;height: 100px;width: 100px;left: 7px;opacity: 0;top: 7px;z-index: 100;} #thumbnailList > li.jsImageUpload > input, #thumbnailList > li.jsImageUpload > span {cursor: pointer !important;} #thumbnailList > li > .icon32 {position: absolute;left: 40px;top: 40px;} #thumbnailList > li > progress {bottom: 7px;position: absolute;width: 100px;} #thumbnailList > li, #thumbnailList > li > img {height: 100px;width: 100px;} #image {text-align: center;} #image > img {max-height: 800px;max-width: 100%;} .galleryOverwriteIcon {margin-left: 7px;} .galleryPreviewTag > img {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;padding: 7px;} .galleryPreviewTagBox {min-height: 160px;} .galleryPreviewTagBox > .galleryPreviewTag {float: left;} .galleryPreviewTagBox > div {margin-left: 174px;} .galleryPreviewTagList {margin-right: -7px;margin-bottom: -7px;} .galleryPreviewTagList::before, .galleryPreviewTagList::after {display: table;content: "";} .galleryPreviewTagList::after {clear: both;} .galleryPreviewTagList > li {float: left;margin: 0 7px 7px 0;} #galleryImageThumbnailAreaSelector {position: relative;} #galleryImageThumbnailAreaSelector:not(.disabled) {cursor: move;} #galleryImageThumbnailAreaSelector > .galleryImageThumbnailArea {box-sizing: border-box;border: #ffffc8 3px solid;width: 100%;height: 100%;position: absolute;} #galleryImageThumbnailAreaButtons {bottom: 25px;cursor: pointer;position: fixed;right: 25px;z-index: 400;} .galleryImageSeries {max-width: 560px;} .galleryImageSeries .slideshowButtonList {text-align: center;width: 100%;} .galleryImageSeries .galleryImageSeriesImage:not(:only-child) {padding-top: 21px;} .galleryImageSeries .galleryImageSeriesImage .galleryImageSeriesHeadline {border-bottom: 1px solid #b6afaf;margin-bottom: 7px;} .galleryImageSeries .galleryImageSeriesImage .containerHeadline:not(:first-child) p {height: 1.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .galleryNewImageBagde {background-color: #ddeeff;color: #6688bb;font-weight: bold;left: -15px;letter-spacing: 1px;padding: 1px 0;position: absolute;text-align: center;top: 10px;white-space: nowrap;width: 80px;-webkit-backface-visibility: hidden;-webkit-transform: rotate(-40deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40deg);-o-transform: rotate(-40deg);} html[dir='rtl'] .galleryNewImageBagde {-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);} .galleryImageInfoWindow .boxHeadline {margin-top: 0;white-space: nowrap;} .galleryImageInfoWindow > ul {font-size: 0;} .galleryImageInfoWindow > ul > li {display: inline-block;margin-right: 7px;margin-top: 7px;} .galleryImageInfoWindow > ul > li img {max-height: 50px;vertical-align: bottom;} #galleryImagesInMotion {height: 500px;overflow: hidden;position: relative;} #galleryImagesInMotion.loading:before {content: "\f110";margin: -24px 0 0 -24px;left: 50%;position: absolute;top: 50%;color: #000000;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-shadow: 0 -1px 0 transparent;font-size: 42px;height: 48px;width: 48px;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} #galleryImagesInMotion.loading:before.disabled {opacity: .3;} #galleryImagesInMotion.loading:before:hover {text-decoration: none;} #galleryImagesInMotion.loading:before.green {color: #009900;} #galleryImagesInMotion.loading:before.red {color: #cc0000;} #galleryImagesInMotion.loading:before.black {color: #333;} #galleryImagesInMotion.loading:before.brown {color: #c63;} #galleryImagesInMotion.loading:before.orange {color: #f90;} #galleryImagesInMotion.loading:before.yellow {color: #ff0;} #galleryImagesInMotion.loading:before.blue {color: #369;} #galleryImagesInMotion.loading:before.purple {color: #c0f;} #galleryImagesInMotion.loading:before.pink {color: #f0c;} #galleryImagesInMotion:hover > .primary > figcaption {opacity: 1;} #galleryImagesInMotion:hover > a {opacity: 1;} #galleryImagesInMotion > canvas {border-radius: 6px;bottom: 0;left: 0;overflow: hidden;position: absolute;right: 0;top: 0;z-index: 0;} #galleryImagesInMotion > canvas.secondary {z-index: 1;} #galleryImagesInMotion > a {background-color: rgba(0,0,0,0.4);border-radius: 0 0 6px 6px;bottom: 0;height: 52px;left: 0;opacity: 0;padding: 10px;position: absolute;right: 0;text-decoration: none;z-index: 2;transition: opacity linear .3s;} #galleryImagesInMotion > a > img {height: 48px;width: 48px;} #galleryImagesInMotion > a > h1 {color: #ffffff;font-size: 1.8rem;font-weight: normal;margin: 10px 0 0 65px;text-shadow: 0 -1px 0 transparent;} #galleryImagesInMotion > img {display: none;} #galleryImageGrid {height: 420px;overflow: hidden;display: -ms-flexbox;-ms-flex-wrap: wrap;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;} #galleryImageGrid > .imageGridMain {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;box-sizing: border-box;height: 420px;min-width: 560px;padding: 1px;position: relative;-ms-flex: 1 0 auto;-webkit-flex: 1 0 auto;flex: 1 0 auto;} #galleryImageGrid > .imageGridMain > a {bottom: 1px;left: 1px;opacity: 0;overflow: hidden;position: absolute;right: 1px;text-decoration: none;top: 1px;z-index: 1;transition: opacity 1.5s linear;} #galleryImageGrid > .imageGridMain > a.active {opacity: 1;z-index: 2;} #galleryImageGrid > .imageGridMain > a.active:hover > span::before {-webkit-transform: none;transform: none;} #galleryImageGrid > .imageGridMain > a.active > span::before {background-color: rgba(0,0,0,0.5);bottom: 0;content: attr(data-title);color: #ffffff;display: block;font-size: 1.4rem;left: 0;padding: 14px 21px;position: absolute;right: 0;-webkit-transform: translateY(100%);transform: translateY(100%);transition: -webkit-transform .3s linear;transition: transform .3s linear;} #galleryImageGrid > .imageGridMain > a > span {background-position: center;background-repeat: no-repeat;background-size: 100%;display: block;height: 100%;opacity: 1;transition: opacity .3s linear;} #galleryImageGrid > .imageGridMain > a > span.imageLoading {opacity: 0;} #galleryImageGrid > .imageGridColumn {height: 420px;overflow: hidden;display: -ms-flexbox;-ms-flex: 0 282px;-ms-flex-wrap: wrap;display: -webkit-flex;-webkit-flex: 0 282px;-webkit-flex-wrap: wrap;display: flex;flex: 0 282px;flex-wrap: wrap;} #galleryImageGrid > .imageGridColumn > li {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;box-sizing: border-box;margin: 0 0 10px 10px;max-height: 210px;padding: 1px;position: relative;transition: margin-top 1s cubic-bezier(.17,.67,.48,1.22);} #galleryImageGrid > .imageGridColumn > li.imageGridItemOffset {margin-top: -100%;} #galleryImageGrid > .imageGridColumn > li > a {display: block;overflow: hidden;position: relative;text-decoration: none;} #galleryImageGrid > .imageGridColumn > li > a:hover::before {-webkit-transform: none;transform: none;} #galleryImageGrid > .imageGridColumn > li > a::before {background-color: rgba(0,0,0,0.5);bottom: 0;content: attr(data-title);color: #ffffff;display: block;left: 0;padding: 7px 14px;position: absolute;right: 0;-webkit-transform: translateY(100%);transform: translateY(100%);transition: -webkit-transform .3s linear;transition: transform .3s linear;} #galleryImageGrid > .imageGridColumn > li > a > img {height: 201px;opacity: 1;width: 268px;transition: opacity .3s linear;} #galleryImageGrid > .imageGridColumn > li > a > img.imageLoading {opacity: 0;} #galleryImageGrid > .imageGridMain:not(.hideLoading)::before, #galleryImageGrid > .imageGridColumn > li::before {content: "\f110";display: block;font-family: FontAwesome;font-size: 28px;left: 50%;margin: -14px 0 0 -14px;position: absolute;top: 50%;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} html.touch #galleryImageGrid > .imageGridMain > a.active > span::before, html.touch #galleryImageGrid > .imageGridColumn > li > a::before {-webkit-transform: none;transform: none;} @media only screen and (max-width: 800px) { #galleryImageGrid > .imageGridMain > a.active > span::before {-webkit-transform: none;transform: none;} } .galleryImageBrowserContainerList > li {height: 96px;} .galleryImageBrowserContainerList > li > .box64 > .framed > img {width: 64px;height: 64px;} .galleryImageBrowserContainerList > li > .box64 > .details {padding-top: 7px;} .galleryImageBrowserContainerList > li > .box64 > .details > .containerHeadline > h3 {overflow: hidden;padding-right: 21px;text-overflow: ellipsis;white-space: nowrap;} .galleryImageBrowserContainerList > li > .box64 > .details > nav > .buttonList {opacity: 1;} @media only screen and (min-width: 801px) { #galleryImageBrowser > div.container {min-height: 530px;min-width: 720px;} } @media only screen and (max-width: 800px) { .galleryImageList {margin-right: 0;} #galleryImagesInMotion {margin-left: 7px;margin-right: 7px;} .galleryImageHeadline {padding-right: 30px;} .galleryImageContainer {padding: 0 7px;} .galleryAlbumList ul.galleryAlbumCoverImages {margin-bottom: 0;margin-right: 0;} .galleryAlbumList ul.galleryAlbumCoverImages > li:first-child {width: 295px;overflow: hidden;} .galleryAlbumList ul.galleryAlbumCoverImages > li:first-child > a > img {top: 0;height: 295px;left: -49px;} } @media only screen and (max-width: 1200px) { #galleryImagesInMotion {height: 300px;} } .galleryImageMarker.icon32 {height: auto;width: auto;} .galleryImageMarkerContainer {position: relative;} .galleryImageMarkerContainer .galleryImageMarker {border: 2px solid #ffffff;position: absolute;opacity: 0.5;height: 35px;width: 35px;box-shadow: 0 0 2px 0 #000000;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .galleryImageMarkerContainer .galleryImageMarker:hover {opacity: 1;} .galleryImageMarkerContainer .galleryImageMarker.jsMarked {border-color: #ffff66;opacity: 1;} .calendarMonthView > .calendarMonthViewHeader {box-sizing: border-box;-moz-box-sizing: border-box;background-color: #3d668f;border-top-left-radius: 0px;border-top-right-radius: 0px;border-width: 1px 0 1px 1px;border-style: solid;border-color: rgba(5,177,99,0.4);color: #ffffff;font-size: .85rem;} .calendarMonthView > .calendarMonthViewHeader::before, .calendarMonthView > .calendarMonthViewHeader::after {display: table;content: "";} .calendarMonthView > .calendarMonthViewHeader::after {clear: both;} .calendarMonthView > .calendarMonthViewHeader > li {box-sizing: border-box;-moz-box-sizing: border-box;border-right: 1px solid rgba(5,177,99,0.4);float: left;padding: 4px;text-align: center;width: 14.285714%;} .calendarMonthView > .calendarMonthViewHeader > li:last-child {border-top-right-radius: 0px;} .calendarMonthView > .calendarWeeks > li {background-color: #f0f2f4;} .calendarMonthView > .calendarWeeks > li::before, .calendarMonthView > .calendarWeeks > li::after {display: table;content: "";} .calendarMonthView > .calendarWeeks > li::after {clear: both;} .calendarMonthView > .calendarWeeks > li:nth-child(even) {background-color: #d6ddfa;} .calendarMonthView > .calendarWeeks > li:hover {background-color: rgba(187,187,187,0.4);} .calendarMonthView > .calendarWeeks > li:last-child > .calendarWeekDays {border-bottom-left-radius: 0px;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays {box-sizing: border-box;-moz-box-sizing: border-box;border-left: 1px solid rgba(5,177,99,0.4);} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays::before, .calendarMonthView > .calendarWeeks > li > .calendarWeekDays::after {display: table;content: "";} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays::after {clear: both;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li {box-sizing: border-box;-moz-box-sizing: border-box;border-width: 0 1px 1px 0;border-style: solid;border-color: rgba(5,177,99,0.4);float: left;padding: 4px;width: 14.285714%;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarOffMonth {color: #3e3333;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarOffMonth > h3 > a {color: #3e3333;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarToday {background-color: rgba(187,187,187,0.4);} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarToday > h3 {font-weight: bold;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarWeekend:not(.calendarToday) {background-color: rgba(204,204,204,0.1);} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li.calendarWeekend:not(.calendarToday):hover {background-color: transparent;} .calendarMonthView > .calendarWeeks > li > .calendarWeekDays > li > h3 {text-align: center;} .calendarMonthView > .calendarWeeks > li:last-child {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .calendarMonthView > .calendarWeeks > li:last-child > .calendarWeekDays > li:first-child {border-bottom-left-radius: 0px;} .calendarMonthView > .calendarWeeks > li:last-child > .calendarWeekDays > li:last-child {border-bottom-right-radius: 0px;} .calendarFullMonthView > .calendarMonthViewHeader {padding-left: 27px;} .calendarFullMonthView > .calendarMonthViewHeader > li:first-child {border-left: 1px solid rgba(5,177,99,0.4);} .calendarFullMonthView > .calendarWeeks > li > div {box-sizing: border-box;-moz-box-sizing: border-box;border-width: 0 0 1px 1px;border-style: solid;border-color: rgba(5,177,99,0.4);float: left;height: 100px;padding: 4px;text-align: right;width: 28px;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays {border-left: 0;margin-left: 28px;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li {height: 100px;position: relative;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li:first-child {border-left-width: 1px;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li > h3 {text-align: right;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li > .calendarEvents {max-height: 58px;overflow: hidden;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li > .calendarEvents > li {font-size: .85rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li > .calendarBirthdays {font-size: .85rem;position: absolute;bottom: 7px;} .calendarFullMonthView > .calendarWeeks > li:last-child > div {border-bottom-left-radius: 0px;} .calendarFullMonthView > .calendarWeeks > li:last-child > .calendarWeekDays > li:first-child {border-bottom-left-radius: 0;} .calendarWeekView > .containerList > li {position: relative;} .calendarWeekView > .containerList > li::before, .calendarWeekView > .containerList > li::after {display: table;content: "";} .calendarWeekView > .containerList > li::after {clear: both;} .calendarWeekView > .containerList > li.calendarToday {background-color: rgba(187,187,187,0.4);} .calendarWeekView > .containerList > li > .calendarDay {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;border-radius: 6px;float: left;padding: 4px 0;text-align: center;width: 90px;} .calendarWeekView > .containerList > li > .calendarDay > h3 {font-size: 4.0rem;line-height: 100%;} .calendarWeekView > .containerList > li > .calendarDay > h3 > a {text-decoration: none;} .calendarWeekView > .containerList > li > .calendarDay > p {color: #3e3333;} .calendarWeekView > .containerList > li > .calendarEvents {margin: 4px 0 0 103px;} .calendarWeekView > .containerList > li > .calendarEvents > li {background-color: #d6ddfa;padding: 7px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .calendarWeekView > .containerList > li > .calendarEvents > li:not(:last-child) {border-bottom: 1px solid #b6afaf;} .calendarWeekView > .containerList > li > .calendarEvents > li:nth-child(2n) {background-color: #f0f2f4;} .calendarWeekView > .containerList > li > .calendarEvents > li:hover {background-color: rgba(187,187,187,0.4) !important;} .calendarWeekView > .containerList > li > .calendarEvents + .calendarBirthdays {margin-top: 14px;} .calendarWeekView > .containerList > li > .calendarBirthdays {margin: 3px 80px 0 106px;} .calendarWeekView > .containerList > li > .calendarBirthdays > h4 {margin-bottom: 2px;} .calendarWeekView > .containerList > li > .calendarBirthdays > .framedIconList {margin-bottom: -4px;} .calendarWeekView > .containerList > li:nth-child(2n) > .calendarEvents > li {background-color: #f0f2f4;} .calendarWeekView > .containerList > li:nth-child(2n) > .calendarEvents > li:nth-child(2n) {background-color: #d6ddfa;} .calendarWeekView > .containerList > li:hover:not(.calendarToday) {background-color: #f0f2f4;} .calendarWeekView > .containerList > li:hover:not(.calendarToday):nth-child(2n) {background-color: #d6ddfa;} .calendarDateNavigation {float: left;} .calendarNavigationHeadline {overflow: visible;position: relative;} .calendarNavigationHeadline > nav.buttonGroupNavigation {position: absolute;right: 2px;top: 4px;} .calendarParticipantList > li > div {white-space: normal;} .calendarEventInfoWindow .boxHeadline {margin-top: 0;white-space: nowrap;} .calendarEventInfoWindow > ul {margin-top: 7px;} .calendarEventInfoWindow > ul > li:not(:last-child) {margin-bottom: 7px;} @media only screen and (max-width: 800px) { .calendarWeekView > .containerList > li > .calendarDay {width: 45px;} .calendarWeekView > .containerList > li > .calendarDay > p {font-size: .85rem;} .calendarWeekView > .containerList > li > .calendarDay > h3 {font-size: 2.0rem;} .calendarWeekView > .containerList > li > .calendarDayOfWeek {font-size: .85rem;right: 7px;top: 7px;} .calendarWeekView > .containerList > li > .calendarEvents {margin-left: 56px;} .calendarWeekView > .containerList > li > .calendarBirthdays {margin-left: 59px;} .calendarFullMonthView > .calendarMonthViewHeader {display: none;} .calendarFullMonthView > .calendarWeeks > li.open > div:after {content: "\f107";} .calendarFullMonthView > .calendarWeeks > li.open > .calendarWeekDays {display: block;} .calendarFullMonthView > .calendarWeeks > li > div {color: #040500;cursor: pointer;display: block;float: none;height: 3rem;padding-top: .75rem;position: relative;text-align: center;width: 100%;} .calendarFullMonthView > .calendarWeeks > li > div:after {content: "\f105";left: 0;position: absolute;top: .85rem;color: #000000;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 -1px 0 transparent;font-size: 14px;height: 16px;width: 16px;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays {display: none;margin-left: 0;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li {display: block;float: none;height: auto;min-height: 60px;width: 100%;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li > h3 {font-size: .85rem;} .calendarFullMonthView > .calendarWeeks > li > .calendarWeekDays > li > a {position: static;} } .calendarEventBox {display: inline-block;line-height: 1.28;max-width: 500px;padding: 11px 14px;white-space: nowrap;} .calendarEventBox > div > .containerHeadline {position: relative;} .calendarEventBox > div > .containerHeadline > h3 {text-overflow: ellipsis;overflow: hidden;} .calendarEventBox > div > .containerHeadline > p {color: #060505;font-size: .85rem;} .calendarEventBox > div > .containerHeadline > p > a {color: #060505;} .calendarEventBox > div > .containerHeadline > p > .containerContentType {color: #3e3333;position: absolute;right: 0;} .calendarEventBox > div > .containerHeadline > p.calendarEventShowLocation {display: table;width: 100%;} .calendarEventBox > div > .containerHeadline > p.calendarEventShowLocation > span {display: table-cell;} .calendarEventBox > div > .containerHeadline > p.calendarEventShowLocation > .containerContentType {display: table-cell;padding-left: 14px;position: relative;text-align: right;} @media only screen and (max-width: 800px) { .calendarEventBox {display: block;} } .portalMain {display: table;table-layout: fixed;width: 100%;} .portalInner {display: table-row;width: 100%;} #leftBoardColumn, #leftColumn {display: table-cell;vertical-align: top;} #rightBoardColumn, #rightColumn {display: table-cell;vertical-align: top;} #centerBoardColumn, #centerColumn {display: table-cell;vertical-align: top;} #centerBoardInner {display: table;table-layout: fixed;width: 100%;} #centerBoardInner >div {display: table-row;} #collapsibleLeftColumnButton {background-color: rgba(187,187,187,0.4);border: 1px solid #b6afaf;position: relative;left: -20px;top: 5000px;padding-top: 1px;border-radius: 3px;} #centerBoardInner >div >div {display: table-cell;} .boxInner {padding: 4px;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;border-bottom-left-radius: 4px !important;border-bottom-right-radius: 4px !important;border: none;} #leftBoardColumn .columnInner, #leftColumn .columnInner {padding-right: 10px;} #rightBoardColumn .columnInner, #rightColumn .columnInner {padding-left: 10px;} .boxInner .iconList dl:not(.plain) > dt {float: left;text-align: left;width: 20px;} .boxInner .iconList dl:not(.plain) > dd {text-align: left;margin-left: 20px;} .boxInner > .tabularBox.tabularBoxTitle {margin: -4px;border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;border-bottom-left-radius: inherited;border-bottom-right-radius: inherited;border: none;} #leftBoardColumnButton {display: table-cell;width: 1px;} .sidebarOrientationLeft #leftBoardColumn, .sidebarOrientationLeft #leftBoardColumnButton {display: none;} .sidebarOrientationLeft #portalSort #leftColumn {display: table-cell;} .portalAcpIcons {text-align: right;width: 100%;} .portalIcon {float: left;} .portalIcons {float: right;} #tplPortalBoxList .sortablePlaceholder, #tplUserPortalSort .sortablePlaceholder {background-color: #ffffdd;border: 1px solid #cccc00;height: 1.5em;line-height: 1.2em;margin-top: 14px;} #tplPortalBoxList .sortableBoxColumn, #tplUserPortalSort .sortableBoxColumn {min-height: 30px;} #tplPortalBoxList .sortableBoxItem, #tplUserPortalSort .sortableBoxItem {cursor: move;} @media only screen and (max-width: 1200px) { .portalIcon {display: table-cell;float: none !important;text-align: left;} .portalIcons {display: table-cell;float: none !important;text-align: right;width: 100%;} } @media only screen and (max-width: 800px) { #leftBoardColumn, #leftBoardColumnButton, #leftColumn, #rightColumn {display: none !important;} #centerColumn {padding-left: 5px !important;padding-right: 5px !important;} .ptlSupressSmall {display: none;} } .portalBoxLatestPosts {border: medium none;border-radius: 0 !important;margin: -4px;} .statsClicksSidebarTable {font-size: 0.85rem;} .statsClicksSidebarTable {width: 100%;} .statsClicksContentTable, .statsClicksSidebarTable {display: table;} .statsClicksContentTable .statsClicksTitle, .statsClicksSidebarTable .statsClicksTitle {display: table-cell;} .statsClicksContentTable .statsClicksRow, .statsClicksSidebarTable .statsClicksRow {display: table-row;} .statsClicksContentTable .statsClicksRow > div:not(:first-child), .statsClicksSidebarTable .statsClicksRow > div:not(:first-child) {text-align: right;} .statsClicksContentTable .statsClicksCell, .statsClicksSidebarTable .statsClicksCell {display: table-cell;} .statsClicksContentTable .statsClicksCell.header, .statsClicksSidebarTable .statsClicksCell.header {border-bottom: 1px solid;border-top: 1px solid;} .statsClicksContentTable .statsClicksText, .statsClicksContentTable .statsTotalText, .statsClicksContentTable .statsRecordText, .statsClicksSidebarTable .statsClicksText, .statsClicksSidebarTable .statsTotalText, .statsClicksSidebarTable .statsRecordText {display: table-cell;padding-left: 12px;} .statsClicksContentTable .statsClicksCounter, .statsClicksContentTable .statsTotalCounter, .statsClicksContentTable .statsRecordCounter, .statsClicksSidebarTable .statsClicksCounter, .statsClicksSidebarTable .statsTotalCounter, .statsClicksSidebarTable .statsRecordCounter {display: table-cell;text-align: right;width: 60px;} @media only screen and (max-width: 600px) { .statsClicksContentTable .statsRecordText, .statsClicksContentTable .statsRecordCounter {display: none !important;} } #statsClicks #leftBox {display: table-cell;width: 32%;} #statsClicks #centerBox {display: table-cell;width: 32%;padding-left: 1%;padding-right: 1%;} #statsClicks #rightBox {display: table-cell;width: 32%;} #statsClicks .buttonSend, #statsClicks .buttonSend:hover, #statsClicks input[type="submit"]:not([disabled]) {background-color: transparent !important;background-image: none !important;border-radius: 0 !important;border-width: 0px;box-shadow: none;text-shadow: none !important;padding: 0 !important;} #statsClicks .statsClicksSmall {display: none;} @media only screen and (max-width: 600px) { #statsClicks .statsClicksSmall {display: table-row;} #statsClicks #leftBox {width: 100%;} #statsClicks #centerBox, #statsClicks #rightBox {display: none;} } .wrapper {width: 100%;visibility: hidden;} .wrapper.info, .wrapper.warning, .wrapper.error, .wrapper.success {padding: 0px !important;margin: 0px !important;font-weight: normal;} .wrapper.info .containerList > li:nth-child(even), .wrapper.warning .containerList > li:nth-child(even), .wrapper.error .containerList > li:nth-child(even), .wrapper.success .containerList > li:nth-child(even) {background-color: transparent;} .wrapper.info .containerList > li:hover, .wrapper.warning .containerList > li:hover, .wrapper.error .containerList > li:hover, .wrapper.success .containerList > li:hover {background-color: transparent;} .wrapper.info .carousel-wrapper, .wrapper.warning .carousel-wrapper, .wrapper.error .carousel-wrapper, .wrapper.success .carousel-wrapper {padding-left: 48px !important;} .carousel, .carousel_slideshow {overflow: hidden;} .sidebar .easysliderMaster, .sidebar .easysliderMaster + .container {margin-left: auto;margin-right: auto;margin-bottom: 0px !important;} .sidebar .carousel-wrapper .box48 .framed:first-child ~ * {margin-left: 42px;} .sidebar .carousel-wrapper .box48 .framed:first-child > img {width: 32px !important;height: 32px !important;} .easysliderMaster.tabularBox {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .easysliderMaster.tabularBox > header {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .easysliderMaster.tabularBox + .container {margin-top: -2px;} .easysliderMaster.tabularBox + .marginTop {border-top-left-radius: 0px;border-top-right-radius: 0px;} .carousel-wrapper {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;} .carousel-wrapper > div {overflow: hidden;width: 100% !important;} .carousel-wrapper > div > div {overflow: visible !important;} .carousel-wrapper .containerList > li, .carousel-wrapper .containerList2 > li {padding: 0px;background-color: transparent;} .carousel-wrapper .containerList > li:not(.forceCount, .carousel-wrapper .containerList > li .detailContent), .carousel-wrapper .containerList2 > li:not(.forceCount, .carousel-wrapper .containerList2 > li .detailContent) {min-width: 320px !important;} .carousel-wrapper .containerList > li:first-child, .carousel-wrapper .containerList2 > li:first-child {border-top-left-radius: 0px;border-top-right-radius: 0px;} .carousel-wrapper .containerList > li:hover, .carousel-wrapper .containerList2 > li:hover {background-color: transparent;} .carousel-wrapper .containerList.manualbuttons, .carousel-wrapper .containerList2.manualbuttons {padding-left: 35px;} .carousel-wrapper .pagination {text-align: center;position: relative;padding-top: 20px;bottom: 5px;} .carousel-wrapper .pagination a {width: 14px;height: 14px;margin: 0px 5px 0 0;display: inline-block;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;box-shadow: inset 0px 2px 2px rgba(0,0,0,0.5), inset 0px -2px 2px rgba(255,255,255,0.3);} .carousel-wrapper .pagination a.selected {cursor: default;} .carousel-wrapper .pagination a span {display: none;} .carousel-wrapper .pagination.pwhite a {background: rgba(255,255,255,0.5);} .carousel-wrapper .pagination.pwhite a:hover, .carousel-wrapper .pagination.pwhite a.selected {background: rgba(255,255,255,0.7);} .carousel-wrapper .pagination.pgrey a {background: rgba(0,0,0,0.5);} .carousel-wrapper .pagination.pgrey a:hover, .carousel-wrapper .pagination.pgrey a.selected {background: rgba(0,0,0,0.7);} .carousel-wrapper .pagination.pblue a {background: rgba(0,64,255,0.5);} .carousel-wrapper .pagination.pblue a:hover, .carousel-wrapper .pagination.pblue a.selected {background: rgba(0,64,255,0.7);} .carousel-wrapper .pagination.pred a {background: rgba(223,1,1,0.5);} .carousel-wrapper .pagination.pred a:hover, .carousel-wrapper .pagination.pred a.selected {background: rgba(223,1,1,0.7);} .carousel-wrapper .pagination.pgreen a {background: rgba(8,138,8,0.5);} .carousel-wrapper .pagination.pgreen a:hover, .carousel-wrapper .pagination.pgreen a.selected {background: rgba(8,138,8,0.7);} .carousel-wrapper .pagination.pyellow a {background: rgba(174,180,4,0.5);} .carousel-wrapper .pagination.pyellow a:hover, .carousel-wrapper .pagination.pyellow a.selected {background: rgba(174,180,4,0.7);} .carousel-wrapper a.prev, .carousel-wrapper a.next {background: url(../easyslider/images/navigation.png) no-repeat transparent;width: 29px;height: 27px;display: block;position: absolute;top: 50%;margin-top: -13px;} .carousel-wrapper a.prev.disabled, .carousel-wrapper a.next.disabled {cursor: default;} .carousel-wrapper a.prev span, .carousel-wrapper a.next span {display: none;} .carousel-wrapper a.prev {left: 10px;} .carousel-wrapper a.prev.buttonPadding {left: 2px;} .carousel-wrapper a.prev.pwhite {background-position: 0 -26px;} .carousel-wrapper a.prev.pwhite:hover {background-position: 0 -52px;} .carousel-wrapper a.prev.pwhite.disabled {background-position: 0 0px !important;opacity: .5 !important;} .carousel-wrapper a.prev.pgrey {background-position: 0 -105px;} .carousel-wrapper a.prev.pgrey:hover {background-position: 0 -131px;} .carousel-wrapper a.prev.pgrey.disabled {background-position: 0 -79px !important;opacity: .5 !important;} .carousel-wrapper a.prev.pblue {background-position: 0 -184px;} .carousel-wrapper a.prev.pblue:hover {background-position: 0 -210px;} .carousel-wrapper a.prev.pblue.disabled {background-position: 0 -158px !important;opacity: .5 !important;} .carousel-wrapper a.prev.pred {background-position: 0 -263px;} .carousel-wrapper a.prev.pred:hover {background-position: 0 -289px;} .carousel-wrapper a.prev.pred.disabled {background-position: 0 -237px !important;opacity: .5 !important;} .carousel-wrapper a.prev.pgreen {background-position: 0 -342px;} .carousel-wrapper a.prev.pgreen:hover {background-position: 0 -368px;} .carousel-wrapper a.prev.pgreen.disabled {background-position: 0 -316px !important;opacity: .5 !important;} .carousel-wrapper a.prev.pyellow {background-position: 0 -421px;} .carousel-wrapper a.prev.pyellow:hover {background-position: 0 -447px;} .carousel-wrapper a.prev.pyellow.disabled {background-position: 0 -395px !important;opacity: .5 !important;} .carousel-wrapper a.next {right: 15px;} .carousel-wrapper a.next.buttonPadding {right: 2px;} .carousel-wrapper a.next.pwhite {background-position: -31px -26px;} .carousel-wrapper a.next.pwhite:hover {background-position: -31px -52px;} .carousel-wrapper a.next.pwhite.disabled {background-position: -31px 0px !important;opacity: .5 !important;} .carousel-wrapper a.next.pgrey {background-position: -31px -105px;} .carousel-wrapper a.next.pgrey:hover {background-position: -31px -131px;} .carousel-wrapper a.next.pgrey.disabled {background-position: -31px -79px !important;opacity: .5 !important;} .carousel-wrapper a.next.pblue {background-position: -31px -184px;} .carousel-wrapper a.next.pblue:hover {background-position: -31px -210px;} .carousel-wrapper a.next.pblue.disabled {background-position: -31px -158px !important;opacity: .5 !important;} .carousel-wrapper a.next.pred {background-position: -31px -263px;} .carousel-wrapper a.next.pred:hover {background-position: -31px -289px;} .carousel-wrapper a.next.pred.disabled {background-position: -31px -237px !important;opacity: .5 !important;} .carousel-wrapper a.next.pgreen {background-position: -31px -342px;} .carousel-wrapper a.next.pgreen:hover {background-position: -31px -368px;} .carousel-wrapper a.next.pgreen.disabled {background-position: -31px -316px !important;opacity: .5 !important;} .carousel-wrapper a.next.pyellow {background-position: -31px -421px;} .carousel-wrapper a.next.pyellow:hover {background-position: -31px -447px;} .carousel-wrapper a.next.pyellow.disabled {background-position: -31px -395px !important;opacity: .5 !important;} .carousel-wrapper .clearfix {float: none;clear: both;} .pager-wrapper {height: 110px;width: 100%;overflow: hidden;z-index: 2;} .pager-wrapper img {cursor: pointer;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.2);display: block;width: 76px;height: 76px;padding: 6px;margin: 10px 5px;float: left;} .pager-wrapper img:hover {background: #ddd;} .pager-wrapper img.selected {background: #D8E7F5;} .tab-wrapper a > span {opacity: .9;} .tab-wrapper a.selected, .tab-wrapper a:hover {opacity: 1;} .tab-wrapper span.badge {margin-right: 5px;} .carousel_slideshow img {display: block;float: none !important;width: 100%;height: auto;} .carousel_slideshow img:hover div.easysliderPictureDescriptionHover {opacity: 1;} .carousel_slideshow img ~ div {background-color: rgba(0,0,0,0.6);width: 100%;position: absolute;bottom: 0;font-size: 14px;padding: 10px 0 10px 20px;color: #ffffff;} .carousel_slideshow img ~ div.easysliderPictureDescriptionHover {opacity: 0;-webkit-transition: opacity .6s ease-in-out;-moz-transition: opacity .6s ease-in-out;transition: opacity .6s ease-in-out;} .carousel_slideshow img ~ div.easysliderPictureDescriptionHover:hover {opacity: 1;} .carousel_slideshow img ~ div h4 {font-size: 30px;} .carousel_slideshow > div {float: none !important;width: 100%;height: auto !important;} .carousel_slideshow2 img {border: 1px solid #ccc;background-color: white;padding: 9px;margin: 7px;-webkit-transition: background .2s ease-in-out;-moz-transition: background .2s ease-in-out;transition: background .2s ease-in-out;} .carousel_slideshow2 img:hover {background-color: #ddd;} .carousel_slideshow2 div {text-align: center;} #fancybox-title-over h4 {font-size: 24px;} .easySliderContent p, .wrapper .containerHeadline h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .easySliderMessage .easySliderMessageSidebar {line-height: 1.3;margin-bottom: -1px;padding: 5px 10px 21px;position: relative;text-align: center;width: 132px;} .easySliderMessage .easySliderMessageSidebar h2.userName {font-size: 130%;font-weight: bold;padding: 0 3px 1px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .easySliderMessage .easySliderMessageSidebar .userAvatar {position: relative;margin: 4px 0 0;} .easySliderMessage .easySliderMessageSidebar .userAvatar > a > img {-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.6,transparent),to(rgba(0,0,0,0.3)));} .easySliderMessage .easySliderMessageSidebar .userAvatar > .badgeOnline {bottom: 7px;left: -5px;position: absolute;text-transform: uppercase;border-radius: 0 5px 5px 0;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #006600;background-image: -webkit-linear-gradient(#009900,#006600);background-image: -moz-linear-gradient(#009900,#006600);background-image: -ms-linear-gradient(#009900,#006600);background-image: linear-gradient(#009900,#006600);} .easySliderMessage .easySliderMessageSidebar .userAvatar > .badgeOnline:before {border-bottom: 4px solid #003300;border-left: 6px solid transparent;content: "";display: block;left: 0;position: absolute;top: -4px;} .easySliderMessage .easySliderMessageSidebar .userTitle {margin: 7px 0 0;} .easySliderRanking {position: absolute;top: 0px;margin-top: 0px;right: 15px;opacity: .4;} .easySliderRanking h1 {font-weight: bold;background: -webkit-linear-gradient(#eee,#333);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .easySliderBirthday > div {padding-left: 90px !important;min-height: 64px;background: url('../easyslider/images/birthday.png') 15px 10px no-repeat;} .easyslider-content-gallery32 img {max-width: 32px;} .easyslider-content-gallery48 img {max-width: 48px;} #userNotifications:not([data-count="0"]) > a > span.icon, #userNotifications > a > span.icon.animated {-moz-animation: fa-ring 5s ease infinite;-o-animation: fa-ring 5s ease infinite;-webkit-animation: fa-ring 5s ease infinite;animation: fa-ring 5s ease infinite;-moz-transform-origin: 50% 4px initial;-o-transform-origin: 50% 4px;-webkit-transform-origin: 50% 4px initial;-ms-transform-origin: 50% 4px initial;transform-origin: 50% 4px;} @-webkit-keyframes fa-ring {0% {-webkit-transform: rotate(0);} 1% {-webkit-transform: rotate(30deg);} 3% {-webkit-transform: rotate(-28deg);} 5% {-webkit-transform: rotate(34deg);} 7% {-webkit-transform: rotate(-32deg);} 9% {-webkit-transform: rotate(30deg);} 11% {-webkit-transform: rotate(-28deg);} 13% {-webkit-transform: rotate(26deg);} 15% {-webkit-transform: rotate(-24deg);} 17% {-webkit-transform: rotate(22deg);} 19% {-webkit-transform: rotate(-20deg);} 21% {-webkit-transform: rotate(18deg);} 23% {-webkit-transform: rotate(-16deg);} 25% {-webkit-transform: rotate(14deg);} 27% {-webkit-transform: rotate(-12deg);} 29% {-webkit-transform: rotate(10deg);} 31% {-webkit-transform: rotate(-8deg);} 33% {-webkit-transform: rotate(6deg);} 35% {-webkit-transform: rotate(-4deg);} 37% {-webkit-transform: rotate(2deg);} 39% {-webkit-transform: rotate(-1deg);} 41% {-webkit-transform: rotate(1deg);} 43% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(0deg);} } @-moz-keyframes fa-ring {0% {-moz-transform: rotate(0);} 1% {-moz-transform: rotate(30deg);} 3% {-moz-transform: rotate(-28deg);} 5% {-moz-transform: rotate(34deg);} 7% {-moz-transform: rotate(-32deg);} 9% {-moz-transform: rotate(30deg);} 11% {-moz-transform: rotate(-28deg);} 13% {-moz-transform: rotate(26deg);} 15% {-moz-transform: rotate(-24deg);} 17% {-moz-transform: rotate(22deg);} 19% {-moz-transform: rotate(-20deg);} 21% {-moz-transform: rotate(18deg);} 23% {-moz-transform: rotate(-16deg);} 25% {-moz-transform: rotate(14deg);} 27% {-moz-transform: rotate(-12deg);} 29% {-moz-transform: rotate(10deg);} 31% {-moz-transform: rotate(-8deg);} 33% {-moz-transform: rotate(6deg);} 35% {-moz-transform: rotate(-4deg);} 37% {-moz-transform: rotate(2deg);} 39% {-moz-transform: rotate(-1deg);} 41% {-moz-transform: rotate(1deg);} 43% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(0deg);} } @-ms-keyframes fa-ring {0% {-ms-transform: rotate(0);} 1% {-ms-transform: rotate(30deg);} 3% {-ms-transform: rotate(-28deg);} 5% {-ms-transform: rotate(34deg);} 7% {-ms-transform: rotate(-32deg);} 9% {-ms-transform: rotate(30deg);} 11% {-ms-transform: rotate(-28deg);} 13% {-ms-transform: rotate(26deg);} 15% {-ms-transform: rotate(-24deg);} 17% {-ms-transform: rotate(22deg);} 19% {-ms-transform: rotate(-20deg);} 21% {-ms-transform: rotate(18deg);} 23% {-ms-transform: rotate(-16deg);} 25% {-ms-transform: rotate(14deg);} 27% {-ms-transform: rotate(-12deg);} 29% {-ms-transform: rotate(10deg);} 31% {-ms-transform: rotate(-8deg);} 33% {-ms-transform: rotate(6deg);} 35% {-ms-transform: rotate(-4deg);} 37% {-ms-transform: rotate(2deg);} 39% {-ms-transform: rotate(-1deg);} 41% {-ms-transform: rotate(1deg);} 43% {-ms-transform: rotate(0deg);} 100% {-ms-transform: rotate(0deg);} } @-o-keyframes fa-ring {0% {-o-transform: rotate(0);} 1% {-o-transform: rotate(30deg);} 3% {-o-transform: rotate(-28deg);} 5% {-o-transform: rotate(34deg);} 7% {-o-transform: rotate(-32deg);} 9% {-o-transform: rotate(30deg);} 11% {-o-transform: rotate(-28deg);} 13% {-o-transform: rotate(26deg);} 15% {-o-transform: rotate(-24deg);} 17% {-o-transform: rotate(22deg);} 19% {-o-transform: rotate(-20deg);} 21% {-o-transform: rotate(18deg);} 23% {-o-transform: rotate(-16deg);} 25% {-o-transform: rotate(14deg);} 27% {-o-transform: rotate(-12deg);} 29% {-o-transform: rotate(10deg);} 31% {-o-transform: rotate(-8deg);} 33% {-o-transform: rotate(6deg);} 35% {-o-transform: rotate(-4deg);} 37% {-o-transform: rotate(2deg);} 39% {-o-transform: rotate(-1deg);} 41% {-o-transform: rotate(1deg);} 43% {-o-transform: rotate(0deg);} 100% {-o-transform: rotate(0deg);} } @keyframes fa-ring {0% {transform: rotate(0);} 1% {transform: rotate(30deg);} 3% {transform: rotate(-28deg);} 5% {transform: rotate(34deg);} 7% {transform: rotate(-32deg);} 9% {transform: rotate(30deg);} 11% {transform: rotate(-28deg);} 13% {transform: rotate(26deg);} 15% {transform: rotate(-24deg);} 17% {transform: rotate(22deg);} 19% {transform: rotate(-20deg);} 21% {transform: rotate(18deg);} 23% {transform: rotate(-16deg);} 25% {transform: rotate(14deg);} 27% {transform: rotate(-12deg);} 29% {transform: rotate(10deg);} 31% {transform: rotate(-8deg);} 33% {transform: rotate(6deg);} 35% {transform: rotate(-4deg);} 37% {transform: rotate(2deg);} 39% {transform: rotate(-1deg);} 41% {transform: rotate(1deg);} 43% {transform: rotate(0deg);} 100% {transform: rotate(0deg);} } @font-face {font-family: 'SoftCreatR';src: url('../font/getFontExt.php?type=eot&font=softcreatr&v=1.0.0');src: url('../font/getFontExt.php?type=eot&font=softcreatr&v=1.0.0#iefix') format('embedded-opentype'), url('../font/getFontExt.php?type=woff&font=softcreatr&v=1.0.0') format('woff'), url('../font/getFontExt.php?type=ttf&font=softcreatr&v=1.0.0') format('truetype');font-weight: normal;font-style: normal;} .icon-sccg {font-family: 'SoftCreatR' !important;} .icon-yahoo::before {content: "\e801";} .icon-steam::before {content: "\e802";} .icon-steam-squared::before {content: "\e803";} .icon-twitch::before {content: "\e806";} .icon-battlenet::before, .icon-bnet::before {content: "\e804";} .icon-whatsapp::before {content: "\e805";} .table tr.multiFound > td {background-color: #ffffc8 !important;} #tplNewsletterMail #outlook a {padding: 0;} #tplNewsletterMail body {width: 100% !important;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;margin: 0;padding: 0;} #tplNewsletterMail .ExternalClass {width: 100%;} #tplNewsletterMail .ExternalClass, #tplNewsletterMail .ExternalClass p, #tplNewsletterMail .ExternalClass span, #tplNewsletterMail .ExternalClass font, #tplNewsletterMail .ExternalClass td, #tplNewsletterMail .ExternalClass div {line-height: 100%;} #tplNewsletterMail img {outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;} #tplNewsletterMail a img {border: none;} #tplNewsletterMail table {border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;} #tplNewsletterMail table td {border-collapse: collapse;} #tplNewsletterMail .logo {display: block !important;} #tplNewsletterMail .navigationHeader > *, #tplNewsletterMail .navigationFooter > * {height: 20px;} @media only screen and (max-width: 800px) { #tplNewsletterMail #pageHeader {margin-top: 0;} } .teamList h2 {margin: 14px 0 4px;} .teamList h2:first-child {margin-top: 0;} .moviezoneImageList {padding: 0 7px;margin-bottom: -14px;margin-right: -14px;} .moviezoneImageList > li {background-color: white;display: inline-block;margin-bottom: 14px;margin-right: 14px;min-height: 330px;min-width: 400px;overflow: hidden;position: relative;vertical-align: top;} .moviezoneImageList > li > a {display: inline-block;min-height: 330px;min-width: 400px;} .moviezoneImageList > li > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;} .moviezoneImageList > li > div a {color: #fff;} .moviezoneImageList > li > div > p, .moviezoneImageList > li > div > div > small, .moviezoneImageList > li > div > div > dl {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .moviezoneImageList > li > div > p {margin-right: 32px;} .moviezoneImageList > li > div > label {bottom: 5px;position: absolute;right: 7px;} .moviezoneImageList > li > div > div {height: 0;overflow: hidden;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .moviezoneImageList > li > div > div > dl {font-size: .85rem;margin-top: 2px;} .moviezoneImageList > li > div > div > dl > dt::after {display: none;} .moviezoneImageList > li > div > div > dl > dd {margin-right: 7px;} .moviezoneImageList > li > div .icon {color: #fff;text-shadow: 0 -1px 0 transparent;} .moviezoneImageList > li.jsMoviezoneImageShowDetails > div > div, .moviezoneImageList > li:hover > div > div {height: 2.5em;} .moviezoneImage {max-width: 100%;height: auto;} .moviezoneImage > figcaption {font-style: italic;font-size: .85rem;} .moviezoneImage > figure {background: #f0f2f4;border: 1px solid #b6afaf;width: 100%;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;line-height: 190px;height: 210px;transition: .2s all ease-in-out;} .moviezoneImage > figure:hover {background: rgba(187,187,187,0.4);} figure {margin-top: 14px;margin-bottom: 14px;overflow: hidden;} figure > figcaption {font-style: italic;font-size: .85rem;} figure > a.framed > img {max-width: 100%;height: auto;} figure > a.imgThumb > img {max-width: 100%;height: auto;max-height: 150px;} figure > img {max-width: 100%;height: auto;} .gridContainer::before, .gridContainer::after {display: table;content: '';} .gridContainer::after {clear: both;} @media all and (min-width: 801px) { .grid {float: left;box-sizing: border-box;-moz-box-sizing: border-box;} .grid:not(:last-child) {padding-right: 14px;} .grid10 {width: 10%;} .grid15 {width: 15%;} .grid20 {width: 20%;} .grid25 {width: 25%;} .grid30 {width: 30%;} .grid33 {width: 33%;} .grid40 {width: 40%;} .grid50 {width: 50%;} .grid60 {width: 60%;} .grid70 {width: 70%;} .grid75 {width: 75%;} .grid80 {width: 80%;} .grid90 {width: 90%;} .grid100 {width: 100%;} } .moviezoneCategoryList {margin-top: 14px;} .moviezoneCategoryList > li.tabularBox {box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);} .moviezoneCategoryList .moviezoneNodeTop {margin-top: 14px;} .moviezoneCategoryList .moviezoneCategoryContainer {position: relative;} .moviezoneCategoryList .moviezoneCategoryNode1 {background-color: #f0f2f4;} .moviezoneCategoryList .moviezoneCategoryNode2 {background-color: #d6ddfa;} .moviezoneCategoryList .moviezoneCategory {padding: 7px 51% 7px 7px;} .moviezoneCategoryList .moviezoneCategory:hover {background-color: rgba(187,187,187,0.4);} .moviezoneCategoryList li:last-child > div {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .moviezoneCategoryList .subCategory {margin-top: 7px;} .moviezoneCategoryList .subCategory li {display: inline-block;} .moviezoneCategoryList .moviezoneCategoryDescription {font-size: 90%;} .moviezoneCategoryList .boardStats {left: 45%;margin-top: 0px;position: absolute;top: 9px;width: 50%;} .table td.columnLikes, .table td.columnID, .cke_wysiwyg_div table td.columnLikes, .cke_wysiwyg_div table td.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnID1, .table td.columnID, .cke_wysiwyg_div table td.columnID1, .cke_wysiwyg_div table td.columnID {text-align: left;width: 30px;white-space: nowrap;word-wrap: normal;} .table td.columnHits, .table td.columnID, .cke_wysiwyg_div table td.columnHits, .cke_wysiwyg_div table td.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnBe, .table td.columnID, .cke_wysiwyg_div table td.columnBe, .cke_wysiwyg_div table td.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table th.columnBe, .table th.columnID, .cke_wysiwyg_div table th.columnBe, .cke_wysiwyg_div table th.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table th.columnHits, .table th.columnID, .cke_wysiwyg_div table th.columnHits, .cke_wysiwyg_div table th.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table th.columnLikes, .table th.columnID, .cke_wysiwyg_div table th.columnLikes, .cke_wysiwyg_div table th.columnID {text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .boardDisabled {background-color: #eeffee !important;} .boardDeleted {background-color: #ffeeee !important;} .moviezone .details {margin-left: 80px;} .moviezone .detailsone {margin-left: 150px;} .moviezoneMovie:hover .MovieNavigation {display: block !important;} .moviezoneCatList {max-height: 800px;overflow: hidden;} .moviezoneCatList > li {float: left;margin-bottom: 7px;padding-right: 7px;white-space: nowrap;width: 200px;word-wrap: normal;} .moviezoneCatList > li .containerHeadline > h3 {text-overflow: ellipsis;overflow: hidden;} .moviezoneCatList > li .containerHeadline > p {color: #060505;font-size: .85rem;} .moviezoneCatList > li .containerHeadline > p > a {color: #060505;} .moviezoneList {max-height: 300px;overflow: hidden;} .moviezoneList > li {float: left;margin-bottom: 7px;padding-right: 7px;white-space: nowrap;width: 300px;word-wrap: normal;} .moviezoneList > li .containerHeadline > h3 {text-overflow: ellipsis;overflow: hidden;} .moviezoneList > li .containerHeadline > p {color: #060505;font-size: .85rem;} .moviezoneList > li .containerHeadline > p > a {color: #060505;} .visitButton {font-size: 100% !important;} #tplCategoryListIndex .content #dashboard .dashboardBox legend {display: none;} .movieContent .movie .movieOptions nav {text-align: right;} .previewImage {border-radius: 0px;} .gamezoneImageList {padding: 0 7px;margin-bottom: -14px;margin-right: -14px;} .gamezoneImageList > li {background-color: white;display: inline-block;margin-bottom: 14px;margin-right: 14px;min-height: 210px;min-width: 280px;overflow: hidden;position: relative;vertical-align: top;} .gamezoneImageList > li > a {display: inline-block;min-height: 210px;min-width: 280px;} .gamezoneImageList > li > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;} .gamezoneImageList > li > div a {color: #fff;} .gamezoneImageList > li > div > p, .gamezoneImageList > li > div > div > small, .gamezoneImageList > li > div > div > dl {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .gamezoneImageList > li > div > p {margin-right: 32px;} .gamezoneImageList > li > div > label {bottom: 5px;position: absolute;right: 7px;} .gamezoneImageList > li > div > div {height: 0;overflow: hidden;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .gamezoneImageList > li > div > div > dl {font-size: .85rem;margin-top: 2px;} .gamezoneImageList > li > div > div > dl > dt::after {display: none;} .gamezoneImageList > li > div > div > dl > dd {margin-right: 7px;} .gamezoneImageList > li > div .icon {color: #fff;text-shadow: 0 -1px 0 transparent;} .gamezoneImageList > li.jsGamezoneImageShowDetails > div > div, .gamezoneImageList > li:hover > div > div {height: 2.5em;} .gamesname {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 10em;} .gamezoneCategoryList {margin-top: 14px;} .gamezoneCategoryList > li.tabularBox {box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);} .gamezoneCategoryList .gamezoneNodeTop {margin-top: 14px;} .gamezoneCategoryList .gamezoneCategoryContainer {position: relative;} .gamezoneCategoryList .gamezoneCategoryNode1 {background-color: #f0f2f4;} .gamezoneCategoryList .gamezoneCategoryNode2 {background-color: #d6ddfa;} .gamezoneCategoryList .gamezoneCategory {padding: 7px 51% 7px 7px;} .gamezoneCategoryList .gamezoneCategory:hover {background-color: rgba(187,187,187,0.4);} figure {margin-top: 14px;margin-bottom: 14px;overflow: hidden;} figure > figcaption {font-style: italic;font-size: .85rem;} figure > a.framed > img {max-width: 100%;height: auto;} figure > a.imgThumb > img {max-width: 100%;height: auto;max-height: 150px;} figure > img {max-width: 100%;height: auto;} .gridContainer::before, .gridContainer::after {display: table;content: '';} .gridContainer::after {clear: both;} @media all and (min-width: 801px) { .grid {float: left;box-sizing: border-box;-moz-box-sizing: border-box;} .grid:not(:last-child) {padding-right: 14px;} .grid10 {width: 10%;} .grid15 {width: 15%;} .grid20 {width: 20%;} .grid25 {width: 25%;} .grid30 {width: 30%;} .grid33 {width: 33%;} .grid40 {width: 40%;} .grid50 {width: 50%;} .grid60 {width: 60%;} .grid70 {width: 70%;} .grid75 {width: 75%;} .grid80 {width: 80%;} .grid90 {width: 90%;} .grid100 {width: 100%;} } .gamezoneCategoryList li:last-child > div {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;} .gamezoneCategoryList .subCategory {margin-top: 7px;} .gamezoneCategoryList .subCategory li {display: inline-block;} .gamezoneCategoryList .gamezoneCategoryDescription {font-size: 90%;} .gamezoneCategoryList .gameStats {left: 45%;margin-top: 0px;position: absolute;top: 9px;width: 50%;} .gameDisabled {background-color: #eeffee !important;} .gameDeleted {background-color: #ffeeee !important;} .gamezone .details {margin-left: 165px;} .gamezoneGame:hover .gameNavigation {display: block !important;} .gamezoneCatList {max-height: 2000px;overflow: hidden;} .gamezoneCatList > li {float: left;margin-bottom: 7px;padding-right: 7px;white-space: nowrap;width: 250px;word-wrap: normal;} .gamezoneCatList > li .containerHeadline > h3 {text-overflow: ellipsis;overflow: hidden;} .gamezoneCatList > li .containerHeadline > p {color: #060505;font-size: .85rem;} .gamezoneCatList > li .containerHeadline > p > a {color: #060505;} .gamezoneGamesBoxList {max-height: 800px;overflow: hidden;} .gamezoneGamesBoxList > li {float: left;margin-bottom: 7px;padding-right: 10px;white-space: nowrap;width: 250px;word-wrap: normal;} .gamezoneGamesBoxList > li .containerHeadline > h3 {text-overflow: ellipsis;overflow: hidden;} .gamezoneGamesBoxList > li .containerHeadline > p {color: #060505;font-size: .85rem;} .gamezoneGamesBoxList > li .containerHeadline > p > a {color: #060505;} .visitButton {font-size: 100% !important;} #tplCategoryListIndex .content #dashboard .dashboardBox legend {display: none;} .gameContent .game .gameOptions nav {text-align: right;} .previewImage {border-radius: 0px;} .pdfFlashViewerBBCode {background-color: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 7px;padding: 10px 30px;position: relative;width: auto;} .pdfFlashViewerBBCode2 {width: 100%;} .pdfFlashViewerLink {left: 40px;margin-top: -13px;position: absolute;color: #336699;} .pdfFlashCopyright {position: absolute;right: 50px;margin-top: -13px;color: #336699;} .pdfImages {padding-right: 5px;} #calendarEventThreadBox {position: relative;} #calendarEventThreadBox > .containerContentType {bottom: 14px;color: #b3b3b3;position: absolute;right: 21px;} #calendarEventThreadBox > .calendarEventThreadBoxParticipants.hidden {display: none;} #calendarEventThreadBox > .calendarEventThreadBoxParticipants:not(.hidden) + .containerContentType {display: none;} #calendarEventThreadBox .calendarEventThreadRepetition > small {display: block;} @media only screen and (min-width: 801px) { #calendarEventThreadBox > ul {display: flex;} #calendarEventThreadBox > ul > li {flex: 1 0;} #calendarEventThreadBox > ul > li.calendarEventThreadBoxAvatar {flex: 0 80px;} #calendarEventThreadBox > .calendarEventThreadBoxParticipants {display: flex;} #calendarEventThreadBox > .calendarEventThreadBoxParticipants > fieldset {flex: 1 1 auto;margin: 0 21px 0 0;} #calendarEventThreadBox > .calendarEventThreadBoxParticipants > fieldset:last-child {margin-right: 0;} } @media only screen and (max-width: 800px) { #calendarEventThreadBox > ul > li:not(:last-child) {margin-bottom: 7px;} #calendarEventThreadBox > ul > li.calendarEventThreadBoxAvatar {display: none;} #calendarEventThreadBox > .containerContentType {bottom: 7px;right: 7px;} } .announcementHide {float: right;} .container_MSSMB {margin-top: 10px;} .container_MSSMB a:hover {text-decoration: none;} .container_MSSMB span:hover {color: #3b9bfc;} .mejs-offscreen {clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;} .mejs-container {position: relative;background: #000;font-family: "Helvetica", Arial, serif;text-align: left;vertical-align: top;text-indent: 0;} .mejs-fill-container, .mejs-fill-container .mejs-container {width: 100%;height: 100%;} .mejs-fill-container {overflow: hidden;} .mejs-container:focus {outline: none;} .me-plugin {position: absolute;} .mejs-embed, .mejs-embed body {width: 100%;height: 100%;margin: 0;padding: 0;background: #000;overflow: hidden;} .mejs-fullscreen {overflow: hidden !important;} .mejs-container-fullscreen {position: fixed;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;z-index: 1000;} .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video {width: 100%;height: 100%;} .mejs-clear {clear: both;} .mejs-background {position: absolute;top: 0;left: 0;} .mejs-mediaelement {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .mejs-poster {position: absolute;top: 0;left: 0;background-size: contain;background-position: 50% 50%;background-repeat: no-repeat;} :root .mejs-poster img {display: none;} .mejs-poster img {border: 0;padding: 0;} .mejs-overlay {position: absolute;top: 0;left: 0;} .mejs-overlay-play {cursor: pointer;} .mejs-overlay-button {position: absolute;top: 50%;left: 50%;width: 100px;height: 100px;margin: -50px 0 0 -50px;background: url("../images/mejs/bigplay.svg") no-repeat;} .no-svg .mejs-overlay-button {background-image: url("../images/mejs/bigplay.png");} .mejs-overlay:hover .mejs-overlay-button {background-position: 0 -100px;} .mejs-overlay-loading {position: absolute;top: 50%;left: 50%;width: 80px;height: 80px;margin: -40px 0 0 -40px;background: #333;background: url("../images/mejs/background.png");background: rgba(0,0,0,0.9);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background: -webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background: -moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background: -o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background: -ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background: linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));} .mejs-overlay-loading span {display: block;width: 80px;height: 80px;background: transparent url("../images/mejs/loading.gif") 50% 50% no-repeat;} .mejs-container .mejs-controls {position: absolute;list-style-type: none;margin: 0;padding: 0;bottom: 0;left: 0;background: url("../images/mejs/background.png");background: rgba(0,0,0,0.7);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height: 30px;width: 100%;} .mejs-container .mejs-controls div {list-style-type: none;background-image: none;display: block;float: left;margin: 0;padding: 0;width: 26px;height: 26px;font-size: 11px;line-height: 11px;font-family: "Helvetica", Arial, serif;border: 0;} .mejs-controls .mejs-button button {cursor: pointer;display: block;font-size: 0;line-height: 0;text-decoration: none;margin: 7px 5px;padding: 0;position: absolute;height: 16px;width: 16px;border: 0;background: transparent url("../images/mejs/controls.svg") no-repeat;} .no-svg .mejs-controls .mejs-button button {background-image: url("../images/mejs/controls.png");} .mejs-controls .mejs-button button:focus {outline: dotted 1px #999;} .mejs-container .mejs-controls .mejs-time {color: #fff;display: block;height: 17px;width: auto;padding: 10px 3px 0 3px;overflow: hidden;text-align: center;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} .mejs-container .mejs-controls .mejs-time a {color: #fff;font-size: 11px;line-height: 12px;display: block;float: left;margin: 1px 2px 0 0;width: auto;} .mejs-controls .mejs-play button {background-position: 0 0;} .mejs-controls .mejs-pause button {background-position: 0 -16px;} .mejs-controls .mejs-stop button {background-position: -112px 0;} .mejs-controls div.mejs-time-rail {direction: ltr;width: 200px;padding-top: 5px;} .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {display: block;position: absolute;width: 180px;height: 10px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor: pointer;} .mejs-controls .mejs-time-rail .mejs-time-total {margin: 5px;background: #333;background: rgba(50,50,50,0.8);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));} .mejs-controls .mejs-time-rail .mejs-time-buffering {width: 100%;background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size: 15px 15px;-moz-background-size: 15px 15px;-o-background-size: 15px 15px;background-size: 15px 15px;-webkit-animation: buffering-stripes 2s linear infinite;-moz-animation: buffering-stripes 2s linear infinite;-ms-animation: buffering-stripes 2s linear infinite;-o-animation: buffering-stripes 2s linear infinite;animation: buffering-stripes 2s linear infinite;} @-webkit-keyframes buffering-stripes {from {background-position: 0 0;} to {background-position: 30px 0;} } @-moz-keyframes buffering-stripes {from {background-position: 0 0;} to {background-position: 30px 0;} } @-ms-keyframes buffering-stripes {from {background-position: 0 0;} to {background-position: 30px 0;} } @-o-keyframes buffering-stripes {from {background-position: 0 0;} to {background-position: 30px 0;} } @keyframes buffering-stripes {from {background-position: 0 0;} to {background-position: 30px 0;} } .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #3caac8;background: rgba(60,170,200,0.8);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background: -webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background: -moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background: -o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background: -ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background: linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width: 0;} .mejs-controls .mejs-time-rail .mejs-time-current {background: #fff;background: rgba(255,255,255,0.8);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background: -webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: -o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: -ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width: 0;} .mejs-controls .mejs-time-rail .mejs-time-handle {display: none;position: absolute;margin: 0;width: 10px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;border: solid 2px #333;top: -2px;text-align: center;} .mejs-controls .mejs-time-rail .mejs-time-float {position: absolute;display: none;background: #eee;width: 36px;height: 17px;border: solid 1px #333;top: -26px;margin-left: -18px;text-align: center;color: #111;} .mejs-controls .mejs-time-rail .mejs-time-float-current {margin: 2px;width: 30px;display: block;text-align: center;left: 0;} .mejs-controls .mejs-time-rail .mejs-time-float-corner {position: absolute;display: block;width: 0;height: 0;line-height: 0;border: solid 5px #eee;border-color: #eee transparent transparent transparent;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: 15px;left: 13px;} .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {width: 48px;} .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {width: 44px;} .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {left: 18px;} .mejs-controls .mejs-fullscreen-button button {background-position: -32px 0;} .mejs-controls .mejs-unfullscreen button {background-position: -32px -16px;} .mejs-controls .mejs-mute button {background-position: -16px -16px;} .mejs-controls .mejs-unmute button {background-position: -16px 0;} .mejs-controls .mejs-volume-button {position: relative;} .mejs-controls .mejs-volume-button .mejs-volume-slider {display: none;height: 115px;width: 25px;background: url("../images/mejs/background.png");background: rgba(50,50,50,0.7);-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;top: -115px;left: 0;z-index: 1;position: absolute;margin: 0;} .mejs-controls .mejs-volume-button:hover {-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {position: absolute;left: 11px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255,255,255,0.5);margin: 0;} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {position: absolute;left: 11px;top: 8px;width: 2px;height: 100px;background: #ddd;background: rgba(255,255,255,0.9);margin: 0;} .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {position: absolute;left: 4px;top: -3px;width: 16px;height: 6px;background: #ddd;background: rgba(255,255,255,0.9);cursor: N-resize;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;margin: 0;} .mejs-controls a.mejs-horizontal-volume-slider {height: 26px;width: 56px;position: relative;display: block;float: left;vertical-align: middle;} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #333;background: rgba(50,50,50,0.8);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {position: absolute;left: 0;top: 11px;width: 50px;height: 8px;margin: 0;padding: 0;font-size: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #fff;background: rgba(255,255,255,0.8);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background: -webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: -o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: -ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));} .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {display: none;} .mejs-controls .mejs-captions-button {position: relative;} .mejs-controls .mejs-captions-button button {background-position: -48px 0;} .mejs-controls .mejs-captions-button .mejs-captions-selector {visibility: hidden;position: absolute;bottom: 26px;right: -51px;width: 85px;height: 100px;background: url("../images/mejs/background.png");background: rgba(50,50,50,0.7);border: solid 1px transparent;padding: 10px 10px 0 10px;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .mejs-controls .mejs-captions-button:hover .mejs-captions-selector {visibility: visible;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {margin: 0 0 6px 0;padding: 0;list-style-type: none !important;display: block;color: #fff;overflow: hidden;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px;} .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {width: 55px;float: left;padding: 4px 0 0 0;line-height: 15px;font-family: "Helvetica", Arial, serif;font-size: 10px;} .mejs-controls .mejs-captions-button .mejs-captions-translations {font-size: 10px;margin: 0 0 5px 0;} .mejs-chapters {position: absolute;top: 0;left: 0;border-right: solid 1px #fff;width: 10000px;z-index: 1;} .mejs-chapters .mejs-chapter {position: absolute;float: left;background: #222;background: rgba(0,0,0,0.7);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow: hidden;border: 0;} .mejs-chapters .mejs-chapter .mejs-chapter-block {font-size: 11px;color: #fff;padding: 5px;display: block;border-right: solid 1px #333;border-bottom: solid 1px #333;cursor: pointer;} .mejs-chapters .mejs-chapter .mejs-chapter-block-last {border-right: none;} .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {background: #666;background: rgba(102,102,102,0.7);background: -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background: -webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background: -moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background: -o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background: -ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background: linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {font-size: 12px;font-weight: bold;display: block;white-space: nowrap;text-overflow: ellipsis;margin: 0 0 3px 0;line-height: 12px;} .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {font-size: 12px;line-height: 12px;margin: 3px 0 4px 0;display: block;white-space: nowrap;text-overflow: ellipsis;} .mejs-captions-layer {position: absolute;bottom: 0;left: 0;text-align: center;line-height: 20px;font-size: 16px;color: #fff;} .mejs-captions-layer a {color: #fff;text-decoration: underline;} .mejs-captions-layer[lang=ar] {font-size: 20px;font-weight: normal;} .mejs-captions-position {position: absolute;width: 100%;bottom: 15px;left: 0;} .mejs-captions-position-hover {bottom: 35px;} .mejs-captions-text {padding: 0;background: url("../images/mejs/background.png");background: rgba(20,20,20,0.5);white-space: pre-wrap;-webkit-box-shadow: 5px 0 0 rgba(20,20,20,0.5), -5px 0 0 rgba(20,20,20,0.5);box-shadow: 5px 0 0 rgba(20,20,20,0.5), -5px 0 0 rgba(20,20,20,0.5);} .me-cannotplay a {color: #fff;font-weight: bold;} .me-cannotplay span {padding: 15px;display: block;} .mejs-controls .mejs-loop-off button {background-position: -64px -16px;} .mejs-controls .mejs-loop-on button {background-position: -64px 0;} .mejs-controls .mejs-backlight-off button {background-position: -80px -16px;} .mejs-controls .mejs-backlight-on button {background-position: -80px 0;} .mejs-controls .mejs-picturecontrols-button {background-position: -96px 0;} .mejs-contextmenu {position: absolute;width: 150px;padding: 10px;border-radius: 4px;top: 0;left: 0;background: #fff;border: solid 1px #999;z-index: 1001;} .mejs-contextmenu .mejs-contextmenu-separator {height: 1px;font-size: 0;margin: 5px 6px;background: #333;} .mejs-contextmenu .mejs-contextmenu-item {font-family: "Helvetica", Arial, serif;font-size: 12px;padding: 4px 6px;cursor: pointer;color: #333;} .mejs-contextmenu .mejs-contextmenu-item:hover {background: #2C7C91;color: #fff;} .mejs-controls .mejs-sourcechooser-button {position: relative;} .mejs-controls .mejs-sourcechooser-button button {background-position: -128px 0;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {position: absolute;bottom: 26px;right: -10px;width: 130px;height: 100px;background: url("../images/mejs/background.png");background: rgba(50,50,50,0.7);border: solid 1px transparent;padding: 10px;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {margin: 0 0 6px 0;padding: 0;list-style-type: none !important;display: block;color: #fff;overflow: hidden;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px;} .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {width: 100px;float: left;padding: 4px 0 0 0;line-height: 15px;font-family: "Helvetica", Arial, serif;font-size: 10px;} .mejs-postroll-layer {position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url("../images/mejs/background.png");background: rgba(50,50,50,0.7);z-index: 1000;overflow: hidden;} .mejs-postroll-layer-content {width: 100%;height: 100%;} .mejs-postroll-close {position: absolute;right: 0;top: 0;background: url("../images/mejs/background.png");background: rgba(50,50,50,0.7);color: #fff;padding: 4px;z-index: 100;cursor: pointer;} div.mejs-speed-button {width: 46px !important;position: relative;} .mejs-controls .mejs-button.mejs-speed-button button {background: transparent;width: 36px;font-size: 11px;line-height: normal;color: #ffffff;} .mejs-controls .mejs-speed-button .mejs-speed-selector {display: none;position: absolute;top: -100px;left: -10px;width: 60px;height: 100px;background: url("../images/mejs/background.png");background: rgba(50,50,50,0.7);border: solid 1px transparent;padding: 0;overflow: hidden;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {display: block;} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {color: #21f8f8;} .mejs-controls .mejs-speed-button .mejs-speed-selector ul {margin: 0;padding: 0;display: block;list-style-type: none !important;overflow: hidden;} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li {margin: 0 0 6px 0;padding: 0 10px;list-style-type: none !important;display: block;color: #fff;overflow: hidden;} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {clear: both;float: left;margin: 3px 3px 0 5px;display: none;} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {width: 60px;float: left;padding: 4px 0 0 0;line-height: 15px;font-family: "Helvetica", Arial, serif;font-size: 11px;color: white;margin-left: 5px;cursor: pointer;} .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {background-color: #c8c8c8 !important;background-color: rgba(255,255,255,0.4) !important;} .mejs-controls .mejs-button.mejs-jump-forward-button {background: transparent url("../images/mejs/jumpforward.png") no-repeat 3px 3px;} .mejs-controls .mejs-button.mejs-jump-forward-button button {background: transparent;font-size: 9px;line-height: normal;color: #ffffff;} .mejs-controls .mejs-button.mejs-skip-back-button {background: transparent url("../images/mejs/skipback.png") no-repeat 3px 3px;} .mejs-controls .mejs-button.mejs-skip-back-button button {background: transparent;font-size: 9px;line-height: normal;color: #ffffff;} .mejs-ted .mejs-controls {background: #eee;height: 65px;} .mejs-ted .mejs-button, .mejs-ted .mejs-time {position: absolute;background: #ddd;} .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total {background-color: none;background: url(../images/mejs/controls-ted.png) repeat-x 0 -52px;height: 6px;} .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-buffering {height: 6px;} .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded {background-color: none;background: url(../images/mejs/controls-ted.png) repeat-x 0 -52px;width: 0;height: 6px;} .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current {width: 0;height: 6px;background-color: none;background: url(../images/mejs/controls-ted.png) repeat-x 0 -59px;} .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle {display: block;margin: 0;width: 14px;height: 21px;top: -7px;border: 0;background: url(../images/mejs/controls-ted.png) no-repeat 0 0;} .mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float {display: none;} .mejs-ted .mejs-controls .mejs-playpause-button {top: 29px;left: 9px;width: 49px;height: 28px;} .mejs-ted .mejs-controls .mejs-playpause-button button {width: 49px;height: 28px;background: url(../images/mejs/controls-ted.png) no-repeat -50px -23px;margin: 0;padding: 0;} .mejs-ted .mejs-controls .mejs-pause button {background-position: 0 -23px;} .mejs-ted .mejs-controls .mejs-fullscreen-button {top: 34px;right: 9px;width: 17px;height: 15px;background: none;} .mejs-ted .mejs-controls .mejs-fullscreen-button button {width: 19px;height: 17px;background: transparent url(../images/mejs/controls-ted.png) no-repeat 0 -66px;margin: 0;padding: 0;} .mejs-ted .mejs-controls .mejs-unfullscreen button {background: transparent url(../images/mejs/controls-ted.png) no-repeat -21px -66px;margin: 0;padding: 0;} .mejs-ted .mejs-controls .mejs-volume-button {top: 30px;right: 35px;width: 24px;height: 22px;} .mejs-ted .mejs-controls .mejs-mute button {background: url(../images/mejs/controls-ted.png) no-repeat -15px 0;width: 24px;height: 22px;margin: 0;padding: 0;} .mejs-ted .mejs-controls .mejs-unmute button {background: url(../images/mejs/controls-ted.png) no-repeat -40px 0;width: 24px;height: 22px;margin: 0;padding: 0;} .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-slider {background: #fff;border: solid 1px #aaa;border-width: 1px 1px 0 1px;width: 22px;height: 65px;top: -65px;} .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-total {background: url(../images/mejs/controls-ted.png) repeat-y -41px -66px;left: 8px;width: 6px;height: 50px;} .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-current {left: 8px;width: 6px;background: url(../images/mejs/controls-ted.png) repeat-y -48px -66px;height: 50px;} .mejs-ted .mejs-controls .mejs-volume-button .mejs-volume-handle {display: none;} .mejs-ted .mejs-controls .mejs-time span {color: #333;} .mejs-ted .mejs-controls .mejs-currenttime-container {position: absolute;top: 32px;right: 100px;border: solid 1px #999;background: #fff;color: #333;padding-top: 2px;border-radius: 3px;} .mejs-ted .mejs-controls .mejs-duration-container {position: absolute;top: 32px;right: 65px;border: solid 1px #999;background: #fff;color: #333;padding-top: 2px;border-radius: 3px;} .mejs-ted .mejs-controls .mejs-time button {color: #333;} .mejs-ted .mejs-controls .mejs-captions-button {display: none;} .mejs-wmp .mejs-controls {background: transparent url(../images/mejs/controls-wmp-bg.png) center 16px no-repeat;height: 65px;} .mejs-wmp .mejs-button, .mejs-wmp .mejs-time {position: absolute;background: transparent;} .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total {background-color: transparent;border: solid 1px #ccc;height: 3px;} .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-buffering {height: 3px;} .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {background-color: rgba(255,255,255,0.3);width: 0;height: 3px;} .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {width: 0;height: 1px;background-color: #014CB6;border: solid 1px #7FC9FA;border-width: 1px 0;border-color: #7FC9FA #fff #619FF2 #fff;} .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle {display: block;margin: 0;width: 16px;height: 9px;top: -3px;border: 0;background: url(../images/mejs/controls-wmp.png) no-repeat 0 -80px;} .mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float {display: none;} .mejs-wmp .mejs-controls .mejs-playpause-button {top: 10px;left: 50%;margin: 10px 0 0 -20px;width: 40px;height: 40px;} .mejs-wmp .mejs-controls .mejs-playpause-button button {width: 40px;height: 40px;background: url(../images/mejs/controls-wmp.png) no-repeat 0 0;margin: 0;padding: 0;} .mejs-wmp .mejs-controls .mejs-pause button {background-position: 0 -40px;} .mejs-wmp .mejs-controls .mejs-currenttime-container {position: absolute;top: 25px;left: 50%;margin-left: -93px;} .mejs-wmp .mejs-controls .mejs-duration-container {position: absolute;top: 25px;left: 50%;margin-left: -58px;} .mejs-wmp .mejs-controls .mejs-volume-button {top: 32px;right: 50%;margin-right: -55px;width: 20px;height: 15px;} .mejs-wmp .mejs-controls .mejs-volume-button button {margin: 0;padding: 0;background: url(../images/mejs/controls-wmp.png) no-repeat -42px -17px;width: 20px;height: 15px;} .mejs-wmp .mejs-controls .mejs-unmute button {margin: 0;padding: 0;background: url(../images/mejs/controls-wmp.png) no-repeat -42px 0;width: 20px;height: 15px;} .mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider {background: rgba(102,102,102,0.6);} .mejs-wmp .mejs-controls .mejs-fullscreen-button {top: 32px;right: 50%;margin-right: -82px;width: 15px;height: 14px;} .mejs-wmp .mejs-controls .mejs-fullscreen-button button {margin: 0;padding: 0;background: url(../images/mejs/controls-wmp.png) no-repeat -63px 0;width: 15px;height: 14px;} .mejs-wmp .mejs-controls .mejs-captions-button {display: none;} #tplIndex .twitter-timeline {width: 100% !important;} .sidebar fieldset.donationGoal > div {text-align: center;} .donationGoalBar {background-color: #000000;border-radius: 5px;height: 20px;padding: 4px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);} .donationGoalBar > span {border-radius: 3px;color: transparent;display: block;height: 100%;max-width: 100%;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);background-color: #a5df41;background-image: -webkit-linear-gradient(#a5df41,#4ca916);background-image: linear-gradient(#a5df41,#4ca916);} #shoutbox {overflow: hidden;position: relative;background-color: #d6ddfa;padding: 10px;border-bottom-left-radius: -2px;border-bottom-right-radius: -2px;} #shoutbox .redactor-editor {min-height: 20px !important;padding: 7px;} #shoutbox .redactor-toolbar, #shoutbox #shoutboxMessage, #shoutbox form > .messageTabMenu {display: none;} #shoutbox .messageTabMenu {box-shadow: 0 10px 10px -10px rgba(0,0,0,0.25);} #shoutbox .messageTabMenu .tabMenuContent {margin-top: 0px;} #shoutbox .messageTabMenu .messageSubmitMenu {display: inline-block !important;position: absolute;right: 10px;} #shoutbox .messageTabMenu .messageSubmitMenu li:first-child a {border-left: 1px solid #b6afaf;} #shoutbox .messageTabMenu .messageSubmitMenu > ul {background-color: #f0f2f4;font-size: 0;white-space: nowrap;} #shoutbox .messageTabMenu .messageSubmitMenu > ul > li {display: inline-block;} #shoutbox .messageTabMenu .messageSubmitMenu > ul > li > a {border-right: 1px solid #b6afaf;border-bottom: 1px solid transparent;color: #999999;display: block;font-size: 1rem;line-height: 1.28;margin-bottom: -1px;padding: 7px 14px 8px 14px;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #shoutbox .messageTabMenu .messageSubmitMenu > ul > li > a:hover {color: #040500;} #shoutbox .messageTabMenu .messageSubmitMenu > ul > li > a > span.icon {display: none;} #shoutbox .messageTabMenu .messageSubmitMenu > ul > li.active > a {background-color: #f0f2f4;color: #040500;} #shoutbox .togglable {display: none;} #shoutbox .shoutboxContent {overflow: auto;height: 230px;} #shoutbox > div > ul {overflow: hidden;} #shoutbox > div > ul > li {overflow: hidden;} #shoutbox .shoutboxMessage .shoutboxMessageContent {position: relative;margin-bottom: 5px;} #shoutbox .shoutboxMessage .shoutboxMessageContent .avatarContainer {float: left;position: relative;margin-left: 0;} #shoutbox .shoutboxMessage .shoutboxMessageContent .avatarContainer > .userAvatar {float: left;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer {padding: 4px 7px;position: relative;margin-left: 46px;margin-right: 7px;border-radius: 0px;border-style: solid;border-width: 1px;border-color: #b6afaf;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageOptions {float: right;display: inline-block;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageOptions > nav {float: left;opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageOptions > nav li {float: right;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText {padding: 3px 0 0;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText::before, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText::after {display: table;content: "";} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText::after {clear: both;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText a.embeddedImageLink, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText > img, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText video, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText iframe {width: auto;height: auto;max-width: 40%;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText a.embeddedImageLink img, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText > img img, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText video img, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText iframe img {max-width: 100%;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer:before, #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer:after {content: "";display: block;position: absolute;width: 0;border-style: solid;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer:before {border-color: transparent #b6afaf;left: -7px;top: 7px;border-width: 7px 7px 7px 0;} #shoutbox .shoutboxMessage .shoutboxMessageContent .messageContainer:after {border-color: transparent #d6ddfa;left: -6px;top: 8px;border-width: 6px 6px 6px 0;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right > .avatarContainer {margin-right: 7px;float: right;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer {margin-right: 53px;margin-left: 0;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer .messageUsername {float: right;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer .messageOptions {float: left;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer .messageOptions nav {float: right;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer .messageOptions nav li {float: left;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer .messageText {clear: left;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer:before {left: auto;right: -7px;top: 7px;border-width: 7px 0 7px 7px;} #shoutbox .shoutboxMessage .shoutboxMessageContent.right .messageContainer:after {border-color: transparent #d6ddfa;left: auto;right: -6px;top: 8px;border-width: 6px 0 6px 6px;} #shoutbox .shoutboxMessage:nth-child(even) .shoutboxMessageContent .messageContainer {background-color: #f0f2f4;} #shoutbox .shoutboxMessage:nth-child(even) .shoutboxMessageContent .messageContainer:after {border-color: transparent #f0f2f4;} #shoutbox .shoutboxMessage:hover .shoutboxMessageContent .messageContainer {background-color: rgba(187,187,187,0.4);} #shoutbox .shoutboxMessage:hover .shoutboxMessageContent .messageContainer .messageOptions nav {opacity: 1;} #shoutbox .shoutboxMessage:hover .shoutboxMessageContent .messageContainer:after {border-color: transparent rgba(187,187,187,0.4);} #shoutbox #shoutboxMessage {padding: 10px;width: 100%;margin-top: 10px;} #shoutbox.shoutboxSidebar.enableAvatar .shoutboxMessage .shoutboxMessageContent .messageContainer {margin-left: 38px;margin-right: 7px;} #shoutbox.shoutboxSidebar.enableAvatar .shoutboxMessage .shoutboxMessageContent.right .messageContainer {margin-right: 45px;margin-left: 0;} #shoutbox.shoutboxSidebar:not(.enableAvatar) .shoutboxMessage .shoutboxMessageContent .avatarContainer {display: none;} #shoutbox.shoutboxSidebar:not(.enableAvatar) .shoutboxMessage .shoutboxMessageContent .messageContainer {margin-left: 0;margin-right: 7px;} #shoutbox.shoutboxSidebar:not(.enableAvatar) .shoutboxMessage .shoutboxMessageContent .messageContainer:after {border: 0;} #shoutbox.shoutboxSidebar:not(.enableAvatar) .shoutboxMessage .shoutboxMessageContent .messageContainer:before {border: 0;} #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText a.embeddedImageLink, #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText > img, #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText video, #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText iframe {width: auto;height: auto;max-width: 100%;} #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText a.embeddedImageLink img, #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText > img img, #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText video img, #shoutbox.shoutboxSidebar .shoutboxMessage .shoutboxMessageContent .messageContainer .messageText iframe img {max-width: 100%;} #shoutbox.shoutboxSidebar .redactor-toolbar {display: none;} #shoutbox.shoutboxSidebar form > .messageTabMenu > nav > ul > li {display: none !important;} #shoutbox.shoutboxSidebar form > .messageTabMenu > nav > ul > li a > span.icon {display: block;} #shoutbox.shoutboxSidebar form > .messageTabMenu > nav > ul > li a > span:not(.icon) {display: none;} #shoutbox.shoutboxSidebar form > .messageTabMenu > nav > ul > li[data-name="smilies"], #shoutbox.shoutboxSidebar form > .messageTabMenu > nav > ul > li[data-name="settings"], #shoutbox.shoutboxSidebar form > .messageTabMenu > nav > ul > li.messageSubmitMenu {display: inline-block !important;} #shoutbox.shoutboxArchive .shoutboxContent {height: auto;overflow: auto;} #shoutboxContainer .shoutboxHeadlineOptions {float: right;} #shoutboxContainer .shoutboxHeadlineOptions li {float: right;margin-left: 5px;} .shoutboxSidebar .dashboardBox[data-box-name="shoutboxSidebar"] legend {display: none;} @media only screen and (max-width: 800px) { #shoutbox .messageTabMenu .messageSubmitMenu > ul > li:not(.active) > a > span.icon {display: block;} #shoutbox .messageTabMenu .messageSubmitMenu > ul > li:not(.active) > a > span:not(.icon) {display: none;} } .teaserBox > header > small {margin-left: 23px;} .teaserBox > div {border-radius: 0 0 -2px -2px;position: relative;} .teaserBox > div.teaserBoxNoTitle {border-radius: -2px;} .teaserBox > div.teaserBoxNoTitle > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem {border-radius: -2px;} .teaserBox > div.teaserBoxNoTitle > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription:not(.teaserBoxDescriptionReleased).teaserBoxDescriptionPositionLeft {border-radius: -2px 0 0 -2px;} .teaserBox > div.teaserBoxNoTitle > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription:not(.teaserBoxDescriptionReleased).teaserBoxDescriptionPositionRight {border-radius: 0 -2px -2px 0;} .teaserBox > div.teaserBoxNoTitle > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription:not(.teaserBoxDescriptionReleased).teaserBoxDescriptionPositionTop {border-radius: -2px -2px 0 0;} .teaserBox > div > .teaserBoxContent {overflow: hidden;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList {height: 200px;position: relative;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem {border-radius: 0 0 -2px -2px;display: none;height: 100%;padding: 0;position: absolute;width: 100%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a {display: block;height: 100%;width: 100%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription {-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;padding: 14px;position: absolute;width: 100%;z-index: 10;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription > div {height: 100%;overflow: hidden;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontSizeVerySmall {font-size: 85%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontSizeSmall {font-size: 90%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontSizeNormal {font-size: 100%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontSizeBig {font-size: 110%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontSizeVeryBig {font-size: 120%;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontAlignmentCenter {text-align: center;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontAlignmentLeft {text-align: left;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontAlignmentJustify {text-align: justify;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontAlignmentRight {text-align: right;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxFontAlignmentRight.teaserBoxDescriptionPositionBottom.teaserBoxDescriptionReleased {left: auto;right: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionBottom {border-radius: 0 0 -2px -2px;bottom: 0;left: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionBottom.teaserBoxDescriptionReleased {bottom: 14px;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionLeft {border-radius: 0 0 0 -2px;height: 100%;left: 0;max-width: 33%;top: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionLeft.teaserBoxDescriptionReleased {height: auto;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionRight {border-radius: 0 0 -2px 0;height: 100%;max-width: 33%;right: 0;top: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionRight.teaserBoxDescriptionReleased {height: auto;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionTop {left: 0;top: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionTop.teaserBoxDescriptionReleased {top: 14px;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased {border-radius: 0;padding: 7px 14px !important;width: auto;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased > div {height: auto;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .sliceElements {display: none;position: absolute;top: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .sliceElements > .active {display: block;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem .slicePart {height: 100%;position: absolute;top: 0;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionBottomCenter {background-position: center bottom;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionBottomLeft {background-position: left bottom;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionBottomRight {background-position: right bottom;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionCenterCenter {background-position: center center;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionLeftCenter {background-position: left center;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionRightCenter {background-position: right center;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionTopCenter {background-position: center top;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionTopLeft {background-position: left top;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageDirectionTopRight {background-position: right top;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageRepeatNoRepeat {background-repeat: no-repeat;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageRepeatRepeat {background-repeat: repeat;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageRepeatRepeatX {background-repeat: repeat-x;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageRepeatRepeatY {background-repeat: repeat-y;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageSizeAuto {background-size: auto;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageSizeContain {background-size: contain;} .teaserBox > div > .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem.teaserBoxImageSizeCover {background-size: cover;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionBottom, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionBottom, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionBottom {padding-bottom: 35px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionBottom, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionBottom, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionBottom {bottom: 28px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionLeft, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionRight, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionTop, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionLeft, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionRight, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionTop, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionLeft, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionRight, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionTop {top: 7px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionTop, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionTop, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionPositionTop {padding-top: 35px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionLeft, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionTop, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionLeft, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionTop, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionLeft, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionTop {top: 28px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionBottom, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionBottom, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionBottom {bottom: 7px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationLeftTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionRight, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionRight, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased.teaserBoxDescriptionPositionRight {top: 7px;} .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightBottom > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased, .teaserBox > div > .teaserBoxContent:not(.invisible).navigationOrientationRightTop > .teaserBoxContentList > .teaserBoxContentListItem .teaserBoxDescription.teaserBoxDescriptionReleased {right: 0;} .teaserBox > div > .teaserBoxNavigation {position: absolute;} .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList {font-size: 110%;font-weight: bold;position: relative;z-index: 20;} .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {background-color: #f0f2f4;border: 1px solid #b6afaf;display: block;padding: 4px 7px;} .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a:hover, .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span:hover {background-color: rgba(187,187,187,0.4);text-decoration: none;} .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem.active > a, .teaserBox > div > .teaserBoxNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem.active > span {background-color: rgba(187,187,187,0.4);border-color: rgba(187,187,187,0.4);} .teaserBox > div > .teaserBoxNavigation.navigationOrientationBottom {bottom: 0;text-align: center;width: 100%;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem {display: inline-block;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-bottom-width: 0;border-top-left-radius: 0px;border-top-right-radius: 0px;display: inline-block;margin-right: -5px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationBottom.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationBottom.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-bottom-width: 2px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeft, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftBottom, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftTop {left: 0;top: 0;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeft > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeft > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-left-width: 0;border-top-right-radius: 0px;border-bottom-right-radius: 0px;margin-bottom: -1px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeft.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeft.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftBottom.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftBottom.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftTop.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftTop.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-left-width: 2px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationRight, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightBottom, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightTop {right: 0;top: 0;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationRight > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRight > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightBottom > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-right-width: 0;border-top-left-radius: 0px;border-bottom-left-radius: 0px;margin-bottom: -1px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationRight.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRight.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightBottom.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightBottom.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightTop.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightTop.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-right-width: 2px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftBottom, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightBottom {bottom: 7px;top: auto;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationLeftTop, .teaserBox > div > .teaserBoxNavigation.navigationOrientationRightTop {top: 7px;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationTop {top: 0;text-align: center;width: 100%;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem {display: inline-block;} .teaserBox > div > .teaserBoxNavigation.navigationOrientationTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.navigationOrientationTop > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-top-width: 0;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;display: inline-block;margin-right: -5px;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation {z-index: 20;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem {display: inline-block;margin: 0 4px;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-radius: 7px;border-width: 2px;display: inline-block;height: 10px;overflow: hidden;padding: 0;text-indent: 9000px;width: 10px;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.teaserBoxCounter > .teaserBoxNavigationList > .teaserBoxNavigationListItem > a, .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.teaserBoxCounter > .teaserBoxNavigationList > .teaserBoxNavigationListItem > span {border-radius: 12px;height: 16px;line-height: 1;padding: 0 2px;text-align: center;text-indent: 0;width: 16px;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationBottom {bottom: 7px;text-align: center;top: auto;width: 100%;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationLeft {left: 7px;margin-top: -13px;top: 50%;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationLeftBottom {bottom: 7px;left: 7px;top: auto;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationLeftTop {left: 7px;top: 7px;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationRight {left: auto;margin-top: -13px;right: 7px;text-align: right;top: 50%;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationRightBottom {bottom: 7px;left: auto;right: 7px;top: auto;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationRightTop {left: auto;right: 7px;top: 7px;} .teaserBox > div > .teaserBoxNavigation.teaserBoxCompactNavigation.navigationOrientationTop {text-align: center;top: 7px;width: 100%;} .teaserBox > div > .teaserBoxQuickNavigation {position: absolute;top: 0;width: 100%;z-index: 20;} .teaserBox > div > .teaserBoxQuickNavigation .teaserBoxQuickNavigationListItem {background-color: rgba(0,0,0,0.5);position: absolute;} .teaserBox > div > .teaserBoxQuickNavigation .teaserBoxQuickNavigationListItem > a {display: block;height: 28px;padding: 4px;-webkit-transition-property: padding;transition-property: padding;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .teaserBox > div > .teaserBoxQuickNavigation .teaserBoxQuickNavigationListItem > a .icon {color: #ffffff;text-shadow: none;} .teaserBox > div > .teaserBoxQuickNavigation .teaserBoxQuickNavigationListItem > a:hover {padding: 4px 7px;} .teaserBox > div > .teaserBoxQuickNavigation .teaserBoxQuickNavigationListItem.teaserBoxQuickNavigationPrevious {border-radius: 0 -2px -2px 0;left: 0;} .teaserBox > div > .teaserBoxQuickNavigation .teaserBoxQuickNavigationListItem.teaserBoxQuickNavigationNext {border-radius: -2px 0 0 -2px;right: 0;} .teaserBox > div > .teaserBoxQuickNavigation.quickNavigationOrientationBottom {bottom: 47px;top: auto;} .teaserBox > div > .teaserBoxQuickNavigation.quickNavigationOrientationCenter {margin-top: -20px;top: 50%;} .teaserBox > div > .teaserBoxQuickNavigation.quickNavigationOrientationTop {top: 7px;} .teaserBox > div > .teaserBoxQuickNavigation.teaserBoxQuickNavigationFade {opacity: .2;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .teaserBox > div #teaserBoxButtonPause, .teaserBox > div #teaserBoxButtonPlay {background-color: rgba(0,0,0,0.5);border-radius: -2px;color: #ffffff;cursor: pointer;left: 50%;line-height: 1.18;margin-left: -28px;margin-top: -28px;opacity: 0;padding: 4px;position: absolute;text-shadow: none;top: 50%;z-index: 20;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .teaserBox > div #teaserBoxButtonPlay {opacity: .2;} .teaserBox > div:hover > .teaserBoxQuickNavigation.teaserBoxQuickNavigationFade {opacity: 1;} .teaserBox > div:hover #teaserBoxButtonPause, .teaserBox > div:hover #teaserBoxButtonPlay {opacity: .7;} .teaserBox > div:hover #teaserBoxButtonPause:hover, .teaserBox > div:hover #teaserBoxButtonPlay:hover {opacity: 1;} .teaserBox.dashboardBox > div {border-radius: 0;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem {border-radius: 0;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a .teaserBoxDescription {border-radius: 0 !important;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a .teaserBoxDescription.teaserBoxFontSizeVerySmall {font-size: 85%;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a .teaserBoxDescription.teaserBoxFontSizeSmall {font-size: 90%;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a .teaserBoxDescription.teaserBoxFontSizeNormal {font-size: 100%;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a .teaserBoxDescription.teaserBoxFontSizeBig {font-size: 110%;} .teaserBox.dashboardBox > div .teaserBoxContent > .teaserBoxContentList > .teaserBoxContentListItem > a .teaserBoxDescription.teaserBoxFontSizeVeryBig {font-size: 120%;} .teaserBox.dashboardBox > div > .teaserBoxQuickNavigation.quickNavigationOrientationBottom {bottom: 39px;top: auto;} .teaserBox.dashboardBox > div > .teaserBoxQuickNavigation.quickNavigationOrientationCenter {margin-top: -16px;top: 50%;} .teaserBox:not(.dashboardBox) > div {background-color: #f0f2f4;} .teaser .box96 {max-height: 96px;max-width: 96px;min-height: 0;} #teaserImageUpload .framed > img {height: auto;max-width: 100%;} @media all and (min-width: 801px) { .lastXPosts .tabMenuContainer .menu {border-radius: 0px;} } @media all and (max-width: 800px) { .lastXPosts tbody .columnLastPost {display: table-cell;} .lastXPosts .lastXBoardPostsList .columnBoard, .lastXPosts .lastXBoardPostsList .columnUser, .lastXPosts .lastXBoardPostsList .columnLikes {display: none;} .lastXPosts .lastXBoardPostsList .columnPost {width: 100%;max-width: 100%;} .lastXPosts #lastXBoardPosts .columnAvatar, .lastXPosts #lastXBoardPosts .columnLastPost {display: none;} } #lastXBoardPosts .labelList {float: right;} .lastXPosts .new td {font-weight: bold;} .productScreenshotImageNavigation {font-size: 0;} .productScreenshotImageNavigation > ul {height: 210px;position: relative;overflow: hidden;} .productScreenshotImageNavigation > ul > li {display: inline-block;position: absolute;} .productScreenshotImageNavigation > ul > li:first-child, .productScreenshotImageNavigation > ul > li:last-child {background-color: rgba(162,162,162,0.4);height: 210px;vertical-align: top;z-index: 10;} .productScreenshotImageNavigation > ul > li:first-child.disabled, .productScreenshotImageNavigation > ul > li:last-child.disabled {opacity: 0.5;} .productScreenshotImageNavigation > ul > li:first-child.disabled > .icon, .productScreenshotImageNavigation > ul > li:last-child.disabled > .icon {cursor: not-allowed;} .productScreenshotImageNavigation > ul > li:first-child > .icon, .productScreenshotImageNavigation > ul > li:last-child > .icon {padding: 100px 0;} .productScreenshotImageNavigation > ul > li:first-child {margin-right: 3px;left: 0;} .productScreenshotImageNavigation > ul > li:nth-child(2) {left: 19px;position: relative;} .productScreenshotImageNavigation > ul > li:last-child {right: 0;} .productScreenshotImageNavigation > ul > li > ul {height: 210px;width: 99999px;position: absolute;overflow: hidden;} .productScreenshotImageNavigation > ul > li > ul > li {display: inline-block;margin-right: 3px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .productScreenshotImageNavigation > ul > li > ul > li:not(.active) {opacity: 0.5;} .productScreenshotImageNavigation > ul > li > ul > li:hover {opacity: 1;} .productScreenshotImageNavigation > ul > li > ul > li > a {display: block;} .shopActionHeadline {position: relative;min-height: 42px;} .shopActionHeadline > nav.buttonGroupNavigation {position: absolute;right: 7px;top: 7px;} @media only screen and (max-width: 800px) { .shopActionHeadline {overflow: visible;} .shopActionHeadline > .invisible {display: block;float: left;} .shopActionHeadline > *:not(.invisible) {margin-left: 59px;} .shopActionHeadline > h1 {margin-right: 30px;} } .productDashboardButtonGroup {text-align: center;} .productScreenshotList .productScreenshotThumbnail {display: inline-block;position: relative;vertical-align: top;padding-bottom: 5px;} .customerProductPages .icon24 {height: 24px;width: 24px;vertical-align: -5px;} .customerProductScreenshotList {text-align: center;} .customerProductScreenshotList .customerProductScreenshotThumbnail {background-color: white;display: inline-block;min-height: 210px;min-width: 280px;position: relative;vertical-align: top;} .customerProductScreenshotList .customerProductScreenshotThumbnail > a {display: inline-block;min-height: 210px;min-width: 280px;} .customerProductScreenshotList .customerProductScreenshotThumbnail > div {background-color: rgba(0,0,0,0.6);bottom: 0;color: #fff;position: absolute;width: 100%;padding: 7px 0;} .customerProductScreenshotList .customerProductScreenshotThumbnail > div > p, .customerProductScreenshotList .customerProductScreenshotThumbnail > div > small {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .customerProductScreenshotList .customerProductScreenshotThumbnail > div > small {display: block;height: 0;-webkit-transition-property: height;transition-property: height;-webkit-transition-duration: .25s;transition-duration: .25s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} .customerProductScreenshotList .customerProductScreenshotThumbnail:hover > div > small {height: 1.27em;} .customerProductScreenshotList .customerProductScreenshotThumbnail {box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);-webkit-transition-property: box-shadow;transition-property: box-shadow;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;margin-bottom: 15px;margin-right: 15px;} .customerProductScreenshotList .customerProductScreenshotThumbnail:hover {box-shadow: 0 0 20px 0 #ffaa22;} .customerProductReviewCounter {max-width: 350px;} .customerProductReviewCounter ul {list-style-image: none;list-style-position: outside;list-style-type: none;padding: 10px 0 10px 0;margin: 0;} .customerProductReviewCounter li {min-height: 20px;} .customerProductRatingCounterBar {height: 16px;font-size: 0.5em;box-shadow: 0 0 0 1px #b6afaf inset, 0 2px 0 rgba(0,0,0,0.025) inset;border-radius: 2px;background-color: #d6ddfa;} .customerProductRatingCounterBar div {height: 16px;background-color: #040500;background-image: -webkit-linear-gradient(#212900,#040500);background-image: linear-gradient(#212900,#040500);border-radius: 2px;box-shadow: 0 0 0 1px #040500 inset, 0 2px 0 rgba(255,255,255,0.1) inset;} .customerProductRatingCounterDescription {float: right;width: 90px;} .customerProductRatingCounterDisplay {margin-right: 100px;} .customerProductReview .message .messageOptions nav {opacity: 1;} .customerProductHelpListContent .customerProductHelpListContentInner {float: left;width: 70%;margin-top: 14px;} .customerProductHelpListContent .customerProductHelpSidebar {margin-top: 14px;width: 30%;float: right;} .customerProductHelpListContent .customerProductHelpSidebar .customerProductHelpSidebarBox {margin-bottom: 14px;margin-left: 21px;} .customerProductHelpListContent .customerProductHelpSidebar .customerProductHelpSidebarBox h3 {font-size: 13px;font-weight: bold;padding: 4px 14px;margin: 0;background-color: #040500;color: #f0f2f4;border-radius: 0px 0px 0 0;} .customerProductHelpListContent .customerProductHelpSidebar .customerProductHelpSidebarBox .customerProductHelpInfo {overflow-x: auto;overflow-y: hidden;padding: 4px;} .customerProductHelpListContent .customerProductHelpSidebar .customerProductHelpSidebarBox .customerProductHelpInfo li {border-bottom: 1px #b6afaf solid;padding: 4px 0;width: 100%;} .customerProductHelpListContent .customerProductHelpSidebar .customerProductHelpSidebarBox .customerProductHelpInfo li:last-child {border-bottom-width: 0;} .customerProductFunctionContainer .customerProductFunctionBox {float: left;background-color: #d6ddfa;margin: 14px;border: 1px #b6afaf solid;border-radius: 0px;} .customerProductFunctionContainer .customerProductFunctionBox a {display: block;height: 138px;padding: 14px;text-decoration: none;text-align: center;} .customerProductFunctionContainer .customerProductFunctionBox a .title {font-size: 1.2em;font-weight: bold;line-height: 1.1;} @media all and (min-width: 801px) { .customerProductFunctionContainer .customerProductFunctionBox a {width: 165px;} } @media only screen and (max-width: 800px) { .customerProductFunctionContainer .customerProductFunctionBox {border-bottom: 1px solid #b6afaf;margin-bottom: 5px;} .customerProductFunctionContainer .customerProductFunctionBox a {width: 100%;} .customerProductFunctionContainer .customerProductFunctionBox:last-child {border: 0 !important;} } .productOrder {float: right;margin-top: -40px;} .productOrder .productOrderLink {background-color: rgba(5,177,99,0.4);border: 1px solid;border-color: #b6afaf;color: #000000;border-radius: 4px 4px 4px 4px;cursor: pointer;display: inline-block;font-size: 13px;font-weight: normal;line-height: 1.42857;margin-bottom: 0;padding: 6px 12px;text-align: center;vertical-align: middle;white-space: nowrap;} .productOrder a {text-decoration: none;} .customerProductRecommendButton {text-align: center !important;} .randomProductList > li::before, .randomProductList > li::after {display: table;content: "";} .randomProductList > li::after {clear: both;} .randomProductList > li:not(:first-child) {display: none;} .randomProductList > li > div > a {float: left;} .randomProductList > li > div > a > img {margin-right: 21px;max-height: 156px;} .randomProductList > li > div > div {height: 153px;margin-left: 177px;padding-top: 7px;position: relative;} .randomProductList > li > div > div > .containerHeadline > h3 {margin-bottom: 4px;} .randomProductList > li > div > div > .containerHeadline > p {color: #060505;font-size: .85rem;} .randomProductList > li > div > div > .containerHeadline > p > a {color: #060505;} .randomProductList > li > div > div > .containerHeadline+ div {margin-top: 11px;max-height: 48px;overflow: hidden;} .randomProductList > li > div > div > .buttonList {bottom: 7px;position: absolute;right: 7px;} .productIconSidebar {font-size: 22px;height: 24px;vertical-align: -3px;width: 24px;} .productHeadline {position: relative;padding-bottom: 10px;} .productHeadline nav.buttonGroupNavigation {position: absolute;right: 4px;top: 4px;} .customerSubCategories {border-bottom: 1px dotted #b6afaf;padding-bottom: 14px;margin-bottom: 14px;} .customerSubCategories li {display: inline-block;} .customerSubCategories li:not(:last-child) > a > span::after {content: ",";} .customerSubCategories li > a .icon::after {content: "" !important;} .customerSubCategories li > a {padding: 4px 1px 4px 4px;margin: 0px;} .customerCategoriesList .info {margin-top: 0;} .customerCategoriesList fieldset legend {border: 0;padding: 0 14px;background: rgba(0,0,0,0);width: auto;} .customerCategoryListContainer > ul {margin: 0 auto;} .customerCategoryListContainer > ul > li {margin: 0;} .customerCategoryListContainer > ul > li > div {background-color: #d6ddfa;padding: 14px;border: 1px #b6afaf solid;border-radius: 0px;position: relative;} @media all and (min-width: 801px) { .customerCategoryListContainer > ul > li > div {margin: 14px 10.5px;min-height: 130px;} } .customerCategoryListContainer > ul > li > div h3 {padding-right: 60px;} .customerCategoryListContainer > ul > li > div .description {padding-top: 7px;} .customerCategoryListContainer > ul > li > div .shopPreviewImage img {max-width: 220px;} @media all and (min-width: 801px) { .customerCategoryListContainer > ul > li {display: inline-block;vertical-align: top;} .customerCategoryListContainer > ul > li > div.productLimitedHeight {max-height: 130px;} .customerCategoryListContainer > ul > li > div.productLimitedHeight .description {max-height: 98px;overflow: hidden;} .customerCategoryListContainer > ul > li > div.productLimitedHeight::after {background-color: rgba(0,0,0,0);background-image: -webkit-linear-gradient(rgba(214,221,250,0),#d6ddfa);background-image: linear-gradient(rgba(214,221,250,0),#d6ddfa);border-radius: 0 0 0px 0px;content: " ";display: block;height: 50px;right: 0;left: 0;position: absolute;bottom: 0;width: 100%;} } @media all and (min-width: 801px) and (max-width: 1200px) { .customerCategoryListContainer > ul > li {width: 49%;} } @media all and (min-width: 1201px) { .customerCategoryListContainer > ul > li {width: 33%;} } @media only screen and (max-width: 800px) { .customerCategoryListContainer > ul > li > div {margin: 14px 14px 0 0;} .customerCategoryListContainer > ul > li:last-child > div {margin-bottom: 14px;} } @media all and (min-width: 801px) and (max-width: 1200px) { .customerCategoryListContainer > ul > li:nth-child(1) div, .customerCategoryListContainer > ul > li:nth-child(2) div {margin-top: 0;} .customerCategoryListContainer > ul > li:nth-child(2n) div {margin-right: 0;} .customerCategoryListContainer > ul > li:nth-child(2n+1) div {margin-left: 0;} } @media all and (min-width: 1201px) { .customerCategoryListContainer > ul > li:nth-child(1) div, .customerCategoryListContainer > ul > li:nth-child(2) div, .customerCategoryListContainer > ul > li:nth-child(3) div {margin-top: 0;} .customerCategoryListContainer > ul > li:nth-child(3n) div {margin-right: 0;} .customerCategoryListContainer > ul > li:nth-child(3n+1) div {margin-left: 0;} } .customerCategoryListContainer > ul h3 > a:hover {text-decoration: none !important;} .customerCategoryListContainer > ul .customerCategoryListProductTitle {font-size: 1.3em;font-weight: bold;line-height: 1.1;} @media all and (max-width: 1200px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li, .sidebarOrientationLeft .customerCategoryListContainer > ul > li {width: 100%;} } @media all and (min-width: 1201px) and (max-width: 1600px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li, .sidebarOrientationLeft .customerCategoryListContainer > ul > li {width: 49%;} } @media all and (min-width: 1601px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li, .sidebarOrientationLeft .customerCategoryListContainer > ul > li {width: 33%;} } @media only screen and (max-width: 1200px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li > div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li > div {margin: 14px 14px 0 0;} .sidebarOrientationRight .customerCategoryListContainer > ul > li:last-child > div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:last-child > div {margin-bottom: 14px;} } @media all and (min-width: 1201px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li > div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li > div {margin: 14px 10.5px;} } @media all and (min-width: 1201px) and (max-width: 1600px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(1) div, .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(2) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(1) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(2) div {margin-top: 0;} .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(2n) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(2n) div {margin-right: 0;} .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(2n+1) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(2n+1) div {margin-left: 0;} } @media all and (min-width: 1601px) { .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(1) div, .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(2) div, .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(3) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(1) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(2) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(3) div {margin-top: 0;} .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(3n) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(3n) div {margin-right: 0;} .sidebarOrientationRight .customerCategoryListContainer > ul > li:nth-child(3n+1) div, .sidebarOrientationLeft .customerCategoryListContainer > ul > li:nth-child(3n+1) div {margin-left: 0;} } .customerProduct {position: relative;} .customerCategoryProductPrice, .shopSpecialOffer {color: #ffffff;display: block;font-size: .85rem;font-weight: bold;padding: 6px 10px;position: absolute;top: 8px;right: -6px;border-radius: 5px 0 0 5px;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #2e4d6b;background-image: -webkit-linear-gradient(#3d668f,#2e4d6b);background-image: linear-gradient(#3d668f,#2e4d6b);text-shadow: 0 -1px 0 transparent;} .customerCategoryProductPrice::before, .shopSpecialOffer::before {border-bottom: 4px solid #1f3348;content: "";display: block;position: absolute;top: -4px;border-right: 6px solid transparent;right: 0;} .shopSpecialOfferPrice {color: #040500;font-weight: bold;} .shopSpecialOfferInfo h3 {font-weight: bold;} .customerProductImage {float: right;padding: 0 0 14px 14px;text-align: center;} .customerProductImage > div img {max-width: 200px;} .customerProductImage .buttonPrimary {margin-top: 14px;min-width: 170px;} .customerProductPriceList li > span {float: right;} .customerProductPriceList p {text-align: right;} .customerProductPriceList h3 {font-weight: bold;margin: 14px 0;} .customerProductPriceList li {margin-bottom: 7px;} .customerProductFunctionList li {margin-top: 7px;} .customerProductFunctionList li > a:hover {text-decoration: none;} .customerProductSection {margin-top: 14px;padding-top: 14px;border-top: 1px #b6afaf solid;} .customerProductSection .customerProductSectionVersionHistory {border-top: 1px #b6afaf solid;margin-top: 14px;padding-top: 14px;} .customerProductSection .customerProductSectionReview {padding-top: 14px;} .customerProductSection h2, .customerProductSection h3, .customerProductSection h4 {font-weight: bold;margin-bottom: 4px;} .customerProductSection h2 {font-size: 1.4rem;} .customerProductImageHeroContainer {text-align: center;} .customerProductImageHeroContainer .customerProductImageHero {max-width: 100% !important;} .customerProductSectionScreenshot {padding-top: 14px;} #shoppingCartPopover {background-color: rgba(0,0,0,0.4);border-radius: 6px 0 0 6px;padding: 7px;position: absolute;right: 0;top: 30%;vertical-align: middle;width: 400px !important;z-index: 500;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);} #shoppingCartPopover > .content {background-color: #f0f2f4;border-radius: 6px 0 0 6px;color: #000000;max-height: 300px;min-height: 32px;overflow: hidden;padding: 7px 14px;} #shoppingCartPopover > .content .shoppingCartList > li {padding: 4px 14px;} #shoppingCartPopover > .content .shoppingCartList > li.dropdownDivider {border-top: 1px dotted #b6afaf;margin: 4px;} .productNavigation {float: right;} .productNavigation > li {margin-right: 3px;} .productNavigation > li > a {text-decoration: none;} .customerCurrency {float: right;} .customerSidebarOrder li {margin-top: 7px;} .customerSidebarOrder li > div {float: right;font-weight: bold;} .customerSidebarOrderAction #customerProductOrderPrice {text-align: right;font-weight: bold;font-style: italic;font-size: 1.2rem;} .customerTaxInformation {font-size: .85rem;color: #333333;font-weight: normal;} .customerProductOption {cursor: pointer;border-width: 1px;border-style: solid;line-height: 1.5;margin-top: 14px;padding: 11px 14px 11px 48px;position: relative;border-radius: 0px;border-color: #b6afaf;} .customerProductOption:first-child {margin-top: 0;} .customerProductOption::after {font-family: FontAwesome;font-size: 28px;display: block;height: 32px;left: 13px;margin-top: -19px;position: absolute;top: 50%;width: 32px;} .customerProductOption::after {content: "\f096";} .customerProductOption a {text-decoration: underline;} .customerProductOption h3 {font-style: 1.4rem !important;font-weight: bold !important;} .customerProductOption .customerProductOptionConfig {float: right;text-align: right;} .customerProductOption .customerProductOptionConfig .customerOptionPrice {text-align: right;font-weight: bold;font-style: italic;font-size: 1.2rem;} .customerProductOption .customerProductOptionConfigValues .icon {color: #ff9999;} .customerProductOptionActive {background-color: #eeffee;border-color: #00cc00;color: #009900;text-shadow: 0 1px 0 transparent;} .customerProductOptionActive::after {content: "\f046";} .customerProductOptionActive a, .customerProductOptionActive a:hover {color: #009900;} .customerProductOptionActive .icon {color: #009900;text-shadow: 0 1px 0 transparent;} .shoppingCartItem {-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .shoppingCartItem h3 {font-weight: bold;font-size: 1.4rem;} .shoppingCartItem .columnProduct .editLink {float: right;} .shoppingCartItem .columnProduct, .shoppingCartItem .columnAmount {vertical-align: top !important;} .shoppingCartItem .columnAmount, .shoppingCartItem .columnAmount p {text-align: center;} @media only screen and (max-width: 800px) { .shoppingCartItem .columnProductImage img {display: none;} } @media only screen and (min-width: 801px) { .shoppingCartSubTotal {float: right;} } @media only screen and (max-width: 800px) { .shoppingCartSubTotal {text-align: right;margin-bottom: 14px;} } .shoppingCartSubTotal span {font-size: 1.4rem;font-weight: bold;} ol.shoppingCartProgress {margin: 0;padding: 0 0 14px 0;list-style-type: none;} ol.shoppingCartProgress li {display: inline-block;text-align: center;line-height: 3em;float: left;} ol.shoppingCartProgress li.done {color: #000000;border-bottom: 4px solid #00cc00;} ol.shoppingCartProgress li.done a {color: #000000;text-decoration: none;} ol.shoppingCartProgress li.todo {color: #3e3333;border-bottom: 4px solid #3e3333;} ol.shoppingCartProgress li.active {font-weight: bold;color: #000000;border-bottom: 4px solid #3e3333;} ol.shoppingCartProgress li:after {content: "\00a0\00a0";} ol.shoppingCartProgress li:before {position: relative;bottom: -2.5em;float: left;left: 48%;line-height: 1em;font-family: FontAwesome;} ol.shoppingCartProgress li.done:before {content: "\F00C";color: #f0f2f4;background-color: #00cc00;height: 1.5em;width: 1.5em;line-height: 1.6em;border: none;border-radius: 1.5em;} ol.shoppingCartProgress li.todo:before, ol.shoppingCartProgress li.active:before {content: "\F10C";color: #3e3333;background-color: #f0f2f4;font-size: 1.5em;bottom: -1.6em;} ol.shoppingCartProgress[data-steps="2"] li {width: 50%;} ol.shoppingCartProgress[data-steps="3"] li {width: 33%;} ol.shoppingCartProgress[data-steps="4"] li {width: 25%;} ol.shoppingCartProgress[data-steps="5"] li {width: 20%;} ol.shoppingCartProgress[data-steps="6"] li {width: 16.5%;} ol.shoppingCartProgress[data-steps="7"] li {width: 14%;} ol.shoppingCartProgress[data-steps="8"] li {width: 12%;} ol.shoppingCartProgress[data-steps="9"] li {width: 11%;} @media only screen and (max-width: 800px) { ol.shoppingCartProgress {display: none;} } .shoppingCartContinue {float: left;} .shopAddressList li {float: left;position: relative;width: 280px;height: 130px;margin: 0 14px 21px 0;} .shopAddressList li h3 {font-weight: bold;font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;} .shopAddressList li .shopAddressControl {text-align: center;position: absolute;bottom: 0;left: 0;right: 0;} .shopAddressList li .shopAddressActions {float: right;} @media only screen and (min-width: 800px) { .shoppingCartCheckout .shoppingCartCheckoutDelivery {float: left;width: 50%;} .shoppingCartFooter {float: left;margin-right: 300px;} .shoppingCartCheckoutFinish {float: right;width: 280px;} .shoppingCartCheckoutFinish .buttonPrimary {font-size: 1.2rem;} .shoppingCartCheckoutInvoice {margin-left: 50%;} .shoppingCartSuccess .shoppingCartSuccessProductList {float: right;width: 49%;} .shoppingCartSuccess .shoppingCartSuccessPayment {float: left;width: 49%;} .shoppingCartSuccess .paymentServerResponse {background-color: #FFFFFF;} input.medium {max-width: 250px;} } @media only screen and (max-width: 800px) { .shoppingCartCheckout > div, .shoppingCartSuccess > div {border-bottom: 1px #b6afaf solid;padding: 21px 0;} .shoppingCartCheckout > div:last-child, .shoppingCartSuccess > div:last-child {border-width: 0;margin-bottom: 0;} } .shoppingCartTotal {text-align: right;font-size: 1.4rem;} .shoppingCartTotal p {font-weight: normal;font-size: .85rem;color: #3e3333;} .shoppingCartCheckout h2 {font-weight: bold;margin-bottom: 4px;} .shoppingCartCheckout .shoppingCartCheckoutDelivery > div {margin-bottom: 14px;} .shoppingCartCheckout .shoppingCartCheckoutFinish input[type="submit"], .shoppingCartCheckout .shopModifierList input[type="submit"] {width: 100%;} .shoppingCartCheckout .shoppingCartCheckoutFinish table, .shoppingCartCheckout .shopModifierList table {width: 100%;} .shoppingCartCheckout .shoppingCartCheckoutFinish table td, .shoppingCartCheckout .shopModifierList table td {vertical-align: bottom;} .shoppingCartCheckout .shoppingCartCheckoutFinish table td.customerPriceValue, .shoppingCartCheckout .shopModifierList table td.customerPriceValue {padding-left: 4px;text-align: right;white-space: nowrap;} .shoppingCartCheckout .shoppingCartCheckoutFinish dl.inlineDataList > dt, .shoppingCartCheckout .shopModifierList dl.inlineDataList > dt {float: left;} .shoppingCartCheckout .shoppingCartCheckoutFinish dl.inlineDataList > dd, .shoppingCartCheckout .shopModifierList dl.inlineDataList > dd {display: block;text-align: right;white-space: nowrap;} .shoppingCartCheckout .shoppingCartCheckoutInvoice > div {margin-bottom: 14px;} .shoppingCartCheckout .shoppingCartCheckoutPayment img, .shoppingCartCheckout .shoppingCartCheckoutShipping img {float: right;} .customerPaymentType label {margin: 0 0 14px;} .productPaymentList > li {display: inline-block;margin-bottom: 4px;} .productPaymentList > li:not(:last-child) {margin-right: 14px;} .productPaymentList > li .productPaymentImage {margin: 4px 0 0 24px;height: 40px;} .productPaymentImage img {padding: 7px;max-height: 27px;} .shoppingCartCheckoutDetail .subtotal {margin: 7px 0;border-top: 1px #b6afaf solid;padding-top: 7px;} .shoppingCartCheckoutDetail .total, .shoppingCartTotal {margin: 7px 0;border-top: 1px #b6afaf solid;padding-top: 7px;font-weight: bold;color: #040500;} .customerAccountQuickAction {text-align: right;} .customerAccountSelection .existing > div:not(:first-of-type) {margin-top: 14px;} .customerAccountSelection .existing > div h3 {font-size: 1.2rem;font-weight: bold;} .customerAccountSelection .existing form {float: right;} .customerDataList li:first-child, .productDataList li:first-child {border-top-width: 0 !important;padding-top: 0;margin-top: 0;} .customerDataList li, .productDataList li {border-top: 1px dotted #b6afaf;padding-top: 7px;margin-top: 7px;} .productDataList li h3 {font-weight: bold;} .productDataList li p {font-size: .85rem;} .productDataList li .customerProductAmount {float: right;font-weight: bold;font-size: 1.2rem;} @media only screen and (min-width: 800px) { .customerAccountSelection .new {width: 49%;margin-top: 0;} .customerAccountSelection .existing {float: right;width: 49%;} } @media only screen and (min-width: 800px) { .customerAccountView .left, .customerDownloadView .left {float: left;width: 49%;} .customerAccountView .right, .customerDownloadView .right {float: right;width: 49%;} .customerAccountView .button, .customerDownloadView .button {float: right;} } @media only screen and (max-width: 1239px) { .right {margin-top: 14px;} } @media only screen and (min-width: 1240px) { .customerProductSection .left {float: left;width: 400px;} .customerProductSection .right {margin-left: 420px;} .customerOrderAddressList .left, .shopVoucherSection .left {float: left;width: 49%;} .customerOrderAddressList .right, .shopVoucherSection .right {float: right;width: 49%;} .shopModifierList table {float: right;width: 280px;} .shopModifierList table .customerPriceValue {text-align: right;} } .productBBCode {position: relative;margin-right: 5px;min-height: 0;} .productBBCode img {max-width: 128px;} .productBBCode h3 {font-size: 1.2em;font-weight: bold;line-height: 1.1;} .productBBCode .description {margin-top: 4px;} .shopLegalInformation {font-size: .85rem;} .shopLegalInformation li {font-size: .85rem;} .shopProductList li {position: relative;} .shopProductList img {max-height: 128px;max-width: 128px;} .shopRegularPrice {text-decoration: line-through;} .countdown {text-align: center;font-size: 35px;} .countdown > div {padding: 5px;display: inline-block;} #wscConnectInfo {position: fixed;bottom: 0;margin: 0;z-index: 9999;border: 0;border-radius: 0;align-items: center;width: 100%;padding: 10px 5px;background-color: #3a6d9c;color: white;} #wscConnectInfo .icon {color: white;} #wscConnectInfo img {width: 30px;height: auto;flex-shrink: 0;margin-left: 5px;} #wscConnectInfo div.text {margin: 0 5px;font-size: 12px;flex-grow: 1;} #wscConnectInfo .button {font-size: 14px;white-space: nowrap;flex-shrink: 0;padding: 8px 5px;background-color: #ffffff;color: #2c3e50;font-weight: bold;text-transform: none;} body, .dialogTitlebar {background-image: url(../images/biker/hg9.jpg);background-repeat: repeat-x;background-attachment: fixed;} #logo a {text-align: left;} .userPanel {box-shadow: 1px 3px 5px #FFFFFF;border-radius: 0 0 5px 5px;border-bottom: 1px solid #fff;margin-left: 5%;margin-right: 5%;} .dropdownToggle {margin-left: 3px;margin-right: 3px;} #search {box-shadow: 0px 3px 5px #FFFFFF;background-image: url(../images/biker/searchbg.png);} .mainMenu > ul {background-size: 5px;background-image: url(../images/biker/button.png);border-radius: 0 0 5px 5px;margin-left: 3px;margin-right: 3px;box-shadow: 0px 5px 10px black;} .mainMenu > ul > li > a {box-shadow: 1px -2px 3px #FFFFFF;border-width: 3 !important;color: #488bce;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease;transition-timing-function: ease;text-shadow: 0 -1px 0 transparent;} .mainMenu > ul > li > a:hover {color: #ffffff;} .mainMenu > ul > li.active > a {background-color: rgba(5,177,99,0.4);background-image: -webkit-linear-gradient(rgba(35,249,152,0.4),rgba(5,177,99,0.4));background-image: linear-gradient(rgba(35,249,152,0.4),rgba(5,177,99,0.4));} .mainMenu > ul > li:hover {color: #040500;} @media all and (min-width: 801px) { .mainMenu {margin: 14px 8px 0;} .mainMenu > ul {border-radius: 5px 5px 0 0;} .mainMenu > ul > li.active > a {border-radius: 5px 5px 0 0;position: relative;} .mainMenu > ul > li.active > a:after {border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;bottom: 0;content: "";height: 7px;position: absolute;right: -7px;width: 7px;box-shadow: 0px 0px 0 0 rgba(5,177,99,0.4);} .mainMenu > ul > li.active > a:before {border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;bottom: 0;content: "";height: 7px;left: -7px;position: absolute;width: 7px;box-shadow: 0px 0px 0 0 rgba(5,177,99,0.4);} } .tabularBoxTitle > header {background-image: url(../images/biker/tabulatorBox.png);} @media all and (min-width: 801px) { .navigation {box-shadow: 10px 10px 50px grey;border-color: rgba(167,167,167,0.4);} .navigation > ul.navigationIcons > li > a:hover {background-color: rgba(187,187,187,0.4);} .navigation > ul.navigationItems {border-color: rgba(2,78,44,0.4);} .navigationHeader {border-top-width: 0;border-radius: 0px 0px 0 0;} .navigationFooter {border-radius: 0 0 0px 0px;} .sidebar {box-shadow: -5px -4px 7px #080000;background-image: linear-gradient(92deg,white 0%,#999393 50%);} .sidebar fieldset:not(.dashboardBoxSignedInAs) ul, .sidebar fieldset:not(.dashboardBoxSignedInAs) dl, .sidebar fieldset:not(.dashboardBoxSignedInAs) ol, .sidebar fieldset:not(.dashboardBoxSignedInAs) form {padding: ;margin-top: -10px;border: 1px solid #b6afaf;box-shadow: -5px -4px 7px #080000;} .sidebar fieldset:not(.dashboardBoxSignedInAs) > legend {background-image: url(../images/biker/tabulatorBox.png);text-align: center;padding-top: 5px;padding-bottom: 5px;color: silver;border-radius: 0px 0px 0px 0px;border: 1px solid #b6afaf;} .sidebar fieldset:not(.dashboardBoxSignedInAs) > legend .badge {margin-right: 10px;} .sidebarOrientationLeft .sidebar fieldset > nav {margin: 0;} .sidebarOrientationLeft .sidebar fieldset > nav ul > li.active > a {background-color: #e3e3e3;color: #999999;font-weight: normal;} > div > div .sidebar > div > fieldset:not(:last-child), > div > div .sidebar > div > div:not(:last-child) {border: 0px;padding-bottom: 0px;} } button, input[type='reset'], input[type='submit'], input[type='button'], .button {font-weight: bold;} .button, input[type='reset']:not([disabled]), input[type='submit']:not([disabled]), input[type='button']:not([disabled]), button:not([disabled]) {border-color: #e6e6e6 #bbbbbb #909090;box-shadow: 0 8px 3px 0 rgba(0,0,0,0.1);background-color: #fdfdfd;background-image: -webkit-linear-gradient(90deg,#fdfdfd,#f0f0f0 2px,#e3e3e3);background-image: linear-gradient(180deg,#fdfdfd,#f0f0f0 2px,#e3e3e3);-webkit-transition-property: background-color, background-image, border, box-shadow, color;transition-property: background-color, background-image, border, box-shadow, color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .button .icon, input[type='reset']:not([disabled]) .icon, input[type='submit']:not([disabled]) .icon, input[type='button']:not([disabled]) .icon, button:not([disabled]) .icon {-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .button.buttonPrimary, input[type='submit']:not([disabled]), input[type='button']:not([disabled]).buttonPrimary, button:not([disabled]).buttonPrimary {border-color: #81abd5 #6699cc #4b87c3;box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #6699cc;background-color: #ecf3fa;background-image: -webkit-linear-gradient(90deg,#ffffff,#ecf3fa 2px,#d8e7f5);background-image: linear-gradient(180deg,#ffffff,#ecf3fa 2px,#d8e7f5);} .button:hover, input[type='reset']:not([disabled]):hover, input[type='submit']:not([disabled]):hover, input[type='button']:not([disabled]):hover, button:not([disabled]):hover, .button.buttonPrimary:hover, input[type='submit']:not([disabled]):hover, input[type='button']:not([disabled]).buttonPrimary:hover, button:not([disabled]).buttonPrimary:hover {border-color: #ffb846 #ffaa22 #fd9c00;color: #666666;box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 5px #ffaa22;background-color: #fff1e2;background-image: -webkit-linear-gradient(90deg,#fffdfb,#fff1e2 2px,#ffe5c8);background-image: linear-gradient(180deg,#fffdfb,#fff1e2 2px,#ffe5c8);} .button:hover .icon, input[type='reset']:not([disabled]):hover .icon, input[type='submit']:not([disabled]):hover .icon, input[type='button']:not([disabled]):hover .icon, button:not([disabled]):hover .icon, .button.buttonPrimary:hover .icon, input[type='submit']:not([disabled]):hover .icon, input[type='button']:not([disabled]).buttonPrimary:hover .icon, button:not([disabled]).buttonPrimary:hover .icon {color: #666666;} .button.active, input[type='button'].active, button.active, .button.active:hover, input[type='button'].active:hover, button.active:hover {border-color: #8c8c8c;color: #f0f0f0;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);background-color: #999999;background-image: -webkit-linear-gradient(#808080,#999999 3px);background-image: linear-gradient(#808080,#999999 3px);text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} .button.active .icon, input[type='button'].active .icon, button.active .icon, .button.active:hover .icon, input[type='button'].active:hover .icon, button.active:hover .icon {color: #f0f0f0;text-shadow: 0 1px 0 transparent;text-shadow: 0 -1px 0 transparent;} @media only screen and (min-width: 801px) { .breadcrumbs {background-color: rgba(5,177,99,0.4);border: 1px solid #b6afaf;border-radius: 6px;} .breadcrumbs > ul > li {padding-right: 0;-webkit-transition-property: max-width;transition-property: max-width;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .breadcrumbs > ul > li:hover {max-width: 100%;} .breadcrumbs > ul > li:hover > a {background-color: #d6ddfa;position: relative;z-index: 10;} .breadcrumbs > ul > li:hover > .pointer > span {border-color: transparent transparent transparent #d6ddfa;} .breadcrumbs > ul > li > .pointer {border-color: transparent transparent transparent #b6afaf;border-style: inset none inset solid;border-width: 15px;display: block;height: 0;padding: 0;right: -15px;top: -3px;width: 0;z-index: 20;} .breadcrumbs > ul > li > .pointer > span {border-color: transparent transparent transparent rgba(5,177,99,0.4);border-style: inset none inset solid;border-width: 15px;display: block;height: 0;left: -16px;overflow: hidden;position: absolute;text-indent: -9000px;top: -15px;width: 0;-webkit-transition-property: border-color;transition-property: border-color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .breadcrumbs > ul > li > a {padding-left: 20px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .breadcrumbs > ul > li:first-child > a {border-radius: -2px 0 0 -2px;padding-left: 9px;} } @media all and (min-width: 801px) { .container, .message, .dropdownMenu, .attachmentThumbnail, .attachmentThumbnail > img, .attachmentThumbnail > a > img, .box48 .attachmentTinyThumbnail {border-radius: 0px;} .containerList > li:first-child {border-top-left-radius: -1px;border-top-right-radius: -1px;} .containerList > li:last-child {border-bottom-left-radius: -1px;border-bottom-right-radius: -1px;} .message.messageSidebarOrientationLeft .messageContent {border-radius: 0 -1px -1px 0;} .message.messageSidebarOrientationRight .messageContent {border-radius: -1px 0 0 -1px;} .message.messageReduced .messageContent {border-radius: -1px;} .messageOptions nav ul.smallButtons > li:first-child a.button {border-top-left-radius: 14px;} .message.messageSidebarOrientationLeft .messageOptions nav ul.smallButtons > li:last-child a.button, .message.messageReduced .messageOptions nav ul.smallButtons > li:last-child a.button {border-bottom-right-radius: 0px;} .tabularBox {border-radius: 0px;} .tabularBox:not(.tabularBoxTitle) .table thead tr:first-child th:first-child {border-top-left-radius: -2px;} .tabularBox:not(.tabularBoxTitle) .table thead tr:first-child th:last-child {border-top-right-radius: -2px;} .tabularBox .table tbody tr:last-child td:first-child {border-bottom-left-radius: -2px;} .tabularBox .table tbody tr:last-child td:last-child {border-bottom-right-radius: -2px;} .container > .table > tbody > tr:first-child > td:first-child {border-top-left-radius: -2px;} .container > .table > tbody > tr:first-child > td:last-child {border-top-right-radius: -2px;} .container > .table > tbody > tr:last-child > td:first-child {border-bottom-left-radius: -2px;} .container > .table > tbody > tr:last-child > td:last-child {border-bottom-right-radius: -2px;} .attachmentThumbnail > div {border-radius: 0 0 -2px -2px;} .wbbBoardList:not(.wbbBoardListReduced) > li.wbbDepth1 > div {border-top-left-radius: -2px;border-top-right-radius: -2px;} .wbbBoardList:not(.wbbBoardListReduced) li.wbbLastBoxElement > div {border-bottom-left-radius: -2px;border-bottom-right-radius: -2px;} .wbbBoardList:not(.wbbBoardListReduced) .tabularBox:not(.wbbDepth1) {border-top-left-radius: 0;border-top-right-radius: 0;} .wbbBoardListReduced .tabularBox {border-radius: 0;} .tabMenuContainer > .menu {border-radius: -1px -1px 0 0;} .pollContainer > .formSubmit {border-radius: 0 0 5px 5px;} .codeBox > div {border-radius: 0px 0 0 0px;} } @media screen and (min-width: 1240px) { .containerList.doubleColumned > li:last-child {border-radius: 0;} .containerList.doubleColumned > li:first-child {border-radius: -1px 0 0 0;} .containerList.doubleColumned > li:nth-child(2) {border-top-right-radius: -1px;} .containerList.doubleColumned > li:nth-child(even):last-child {border-bottom-right-radius: -1px;} .containerList.doubleColumned > li:nth-child(odd):last-child, .containerList.doubleColumned > li:nth-child(odd):nth-last-child(2) {border-bottom-left-radius: -1px;} } @media all and (min-width: 801px) { .tabMenu {padding: 0 10px;} .tabMenu > ul {border-top-left-radius: 0px;border-top-right-radius: 0px;} .tabMenu > ul > li.ui-state-active > a {border-top-right-radius: 0px;border-top-left-radius: 0px;} .tabMenu > ul > li.ui-state-active > a:before {border: 0px solid #b6afaf;border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;bottom: -1px;clip: rect(0,6px,6px,0);content: " ";height: 5px;left: -6px;position: absolute;width: 5px;box-shadow: 2px 1px 0 0 #f0f2f4;} .tabMenu > ul > li.ui-state-active > a:after {border: 1px solid #b6afaf;border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;bottom: -1px;clip: rect(0,6px,6px,0);content: " ";height: 5px;position: absolute;right: -6px;width: 5px;box-shadow: -2px 1px 0 0 #f0f2f4;} } input[type='text'], input[type='search'], input[type='date'], input[type='datetime'], input[type='email'], input[type='number'], input[type='url'], input[type='password'], textarea, select[multiple] {border-color: #999999 #cccccc #e6e6e6;box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);-webkit-transition-property: background-color, border, box-shadow;transition-property: background-color, border, box-shadow;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} input[type='text']:active, input[type='search']:active, input[type='date']:active, input[type='datetime']:active, input[type='email']:active, input[type='number']:active, input[type='url']:active, input[type='password']:active, textarea:active, select[multiple]:active, input[type='text']:focus, input[type='search']:focus, input[type='date']:focus, input[type='datetime']:focus, input[type='email']:focus, input[type='number']:focus, input[type='url']:focus, input[type='password']:focus, textarea:focus, select[multiple]:focus {box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);} .formError input[type='text'], .formError input[type='search'], .formError input[type='email'], .formError input[type='number'], .formError input[type='url'], .formError input[type='password'], .formError textarea {background-color: #ffffff;border-color: #ffeeee;box-shadow: 0 0 5px rgba(255,238,238,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);} .formError input[type='text']:hover, .formError input[type='text']:focus, .formError input[type='search']:hover, .formError input[type='search']:focus, .formError input[type='email']:hover, .formError input[type='email']:focus, .formError input[type='number']:hover, .formError input[type='number']:focus, .formError input[type='url']:hover, .formError input[type='url']:focus, .formError input[type='password']:hover, .formError input[type='password']:focus, .formError textarea:hover, .formError textarea:focus {background-color: #fff9f4;} .formSuccess input[type='text'], .formSuccess input[type='search'], .formSuccess input[type='email'], .formSuccess input[type='number'], .formSuccess input[type='url'], .formSuccess input[type='password'], .formSuccess textarea {background-color: #ffffff;border-color: #eeffee;box-shadow: 0 0 5px rgba(238,255,238,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);} .formSuccess input[type='text']:hover, .formSuccess input[type='text']:focus, .formSuccess input[type='search']:hover, .formSuccess input[type='search']:focus, .formSuccess input[type='email']:hover, .formSuccess input[type='email']:focus, .formSuccess input[type='number']:hover, .formSuccess input[type='number']:focus, .formSuccess input[type='url']:hover, .formSuccess input[type='url']:focus, .formSuccess input[type='password']:hover, .formSuccess input[type='password']:focus, .formSuccess textarea:hover, .formSuccess textarea:focus {background-color: #fff9f4;} .info, .error, .success, .warning {border-radius: 7px;border-width: 0;box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);} .info {background-color: #ddeeff;background-image: -webkit-linear-gradient(#ddeeff,#99bbee);background-image: linear-gradient(#ddeeff,#99bbee);} .error {background-color: #ffeeee;background-image: -webkit-linear-gradient(#ffeeee,#ff9999);background-image: linear-gradient(#ffeeee,#ff9999);} .success {background-color: #eeffee;background-image: -webkit-linear-gradient(#eeffee,#00cc00);background-image: linear-gradient(#eeffee,#00cc00);} .warning {background-color: #ffffdd;background-image: -webkit-linear-gradient(#ffffdd,#cccc00);background-image: linear-gradient(#ffffdd,#cccc00);} .innerError {border-radius: 7px;border-width: 0;box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);background-color: #ffeeee;background-image: -webkit-linear-gradient(#ffeeee,#ff9999);background-image: linear-gradient(#ffeeee,#ff9999);text-shadow: 0 1px 0 transparent;} @media only screen and (min-width: 801px) { .message .messageSidebar {box-shadow: 0px 10px 15px black;} .message .messageSidebar .userAvatar > a > img {box-shadow: 0px 10px 15px black;-webkit-box-reflect: below 1px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.6,transparent),to(rgba(0,0,0,0.3)));} } .message.dividers .userCredits {border-top: 1px solid rgba(167,167,167,0.4) !important;box-shadow: inset 0 1px 0 0 rgba(5,177,99,0.4);} .footerContent {text-shadow: 0 -1px 0 transparent;} @media only screen and (min-width: 801px) { .wbbBoardList .wbbLastPost {top: 7px;} .wbbBoardList .wbbLastPost > div {background-color: rgba(5,177,99,0.4);border-radius: 0px;padding: 7px;margin-right: 7px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);} } @media only screen and (min-width: 801px) { .messageList .messageGroupStarter > .message.messageSidebarOrientationLeft:before {border-top-left-radius: 0px;content: "";display: block;height: 128px;left: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);} .messageList .messageGroupStarter > .message.messageSidebarOrientationRight:before {border-top-right-radius: 0px;content: "";display: block;height: 128px;right: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);} } .attachmentThumbnail {box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);-webkit-transition-property: box-shadow;transition-property: box-shadow;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .attachmentThumbnail:hover {box-shadow: 0 0 20px 0 #ffaa22;} .container, div.tabularBox, .wbbBoardList > li.tabularBox, .message {box-shadow: 0px 10px 15px black;} .container .container, .message .container {box-shadow: none;} .dropdown .dropdownMenu li {box-shadow: -5px -4px 7px #080000;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .dropdown .dropdownMenu li > a {-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .table th > a {-webkit-transition-property: background-color, color, box-shadow;transition-property: background-color, color, box-shadow;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .userTitleBadge {box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2);} .icon-folder-close-alt:before {content: url("../images/biker/boardM.png");} .wbbSubBoards .icon-folder-close-alt:before {content: url("../images/biker/boardS.png");} .icon-folder-close:before {content: url("../images/biker/boardNewM.png");} .wbbSubBoards .icon-folder-close:before {content: url("../images/biker/boardNewS.png");} .dashboardBoxSidebarButton > div > .button {-webkit-box-reflect: below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(.20,transparent),to(rgba(0,0,0,0.4)));}