/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */

.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-bottom: -1px;
  z-index: 100;
  color: #333333;
  background: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #cccccc;
  outline: 0;
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

/*** custom ***/

.bootstrap-switch.bootstrap-switch-disabled, 
.bootstrap-switch.bootstrap-switch-readonly, 
.bootstrap-switch.bootstrap-switch-indeterminate {
   opacity: 0.5;
}

.bootstrap-switch.bootstrap-switch-disabled + span, 
.bootstrap-switch.bootstrap-switch-readonly + span, 
.bootstrap-switch.bootstrap-switch-indeterminate + span {
   opacity: 0.3;
}

.bootstrap-switch {
   box-sizing: border-box;
    width: 45px !important;
}

.bootstrap-switch-container {
   background-color: #f1f1f1;
}

.bootstrap-switch-wrapper {
    border-radius: 20px;
}

.bootstrap-switch-handle-on,
.bootstrap-switch-handle-off {
   opacity: 0;
   padding: 0;
}

.bootstrap-switch .bootstrap-switch-label {
   background: transparent;
   position: absolute;
}

.bootstrap-switch .flip-switch-handle {
    display: inline-block;
    background-color: #ffffff;
    height: 22px;
    width: 22px;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.bootstrap-switch .bootstrap-switch-container, 
.bootstrap-switch .bootstrap-switch-container > span {
    padding: 0;
}

.bootstrap-switch .bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-default {
   line-height: 22px;
}

.bootstrap-switch-on .bootstrap-switch-container {
    background-color: #757575;
}

.bootstrap-switch-off .bootstrap-switch-container {
    margin-left: -21px !important;
}
.bootstrap-switch .bootstrap-switch-default {
    position: absolute;
    left: 45px;
}

/* global styles for elements */

body {
   margin: 0;
   padding: 0;
   background-color: #f7f7ed;
   font-family: Helvetica, Arial, sans-serif;
   color: rgb(66,62,63);
   overflow: hidden;
}

input, textarea {
   border: 1px solid #D4D4C7;
}

img {
   border: 0 none;
}

select{
   height: 27px;
   background: transparent;
   font-size: 13px;
   line-height: 1;
   border: 1px solid #D4D4C7;
   border-radius: 0;
   text-align:center;
   border-radius: 15px;
   -webkit-box-shadow: 0 8px 9px -9px rgb(189,190,178);
   -moz-box-shadow: 0 8px 9px -9px rgb(189,190,178);
   box-shadow: 0 8px 9px -9px rgb(189,190,178);
}

select option {
   text-align: left;
}

h1 {
   font-size: 16px;
   margin-bottom: 15px;
   margin-top: 15px;
}

h2, h3 {
   margin-bottom: 10px;
   margin-top: 10px;
}

a {
   color: #db2f26;
}

input {
   color: #000;
}

span.bold {
   font-weight: bold;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

iframe:not([seamless]) {
    border:none;
    background: #F7F7F1;
}
iframe[name="upload_iframe"] {
    background-color: #FFFFFF;
    margin: 1em 0;
    box-shadow: 2px 2px 2px #DDDDDD;
}

.not-displayed {
    display: none;
}

.empty-content-placeholder {
    font-style: italic;
    color: #969682;
    padding: 20px 0;
    font-size: 13px;
}

.empty-content-placeholder a {
    color: inherit;
    font-weight: bold;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
    font-size: 11px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
    font-size: 11px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
    font-size: 11px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    font-size: 11px;
}

/* bootstrap-switch */

.bootstrap-switch {
   overflow: visible;
   width: 40px !important;
   margin: 3px 3px 3px 0;
}

.bootstrap-switch * {
   box-sizing: border-box;
}

.bootstrap-switch .bootstrap-switch-primary {
    line-height: 16px;
}

.bootstrap-switch .bootstrap-switch-label {
   top: -3px;
   width: 22px !important;
}

.bootstrap-switch .flip-switch-handle {
   box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
   border: 1px solid #cccccc;
}

.bootstrap-switch-container,
.bootstrap-switch-on .bootstrap-switch-container {
   background-color: transparent;
}

.bootstrap-switch.bootstrap-switch-on {
   background-color: #757575;
}

.bootstrap-switch.bootstrap-switch-off {
   background-color: #eeeeee;
}

.bootstrap-switch-off .bootstrap-switch-container {
   margin-left: -22px !important;
}

/* login */
.login-welcome {
    width: 485px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(196, 196, 180);
}
.login-welcome-headline {
    margin-top: 0;
}
.login-welcome-links-caption {
    padding: 20px 0 5px;
    font-weight: bold;
}
.login-welcome-links-cntnr {
    border-top: 1px solid #ffffff;
    padding-top: 30px;
}
.login-welcome-links-caption,
.login-welcome-links-cntnr {
    width: 485px;
}
.login-welcome-links {
    padding-top: 15px;
}

/* main panel */

.main-panel {
   height: 100%;
   padding: 0 25px 25px;
   background-color: #f7f7ed;
   font-size: 13px;
   overflow-y: auto;
   width: 740px;
}

.main-panel.login {
   background-image: url('../pics/login.png');
   background-repeat: no-repeat;
   background-position: 65% 55%;
   background-size: 60%;
}

.main-panel-text{
   width: 485px;
   padding: 20px 0 5px;
}

.viewport {
   width: 740px;
}

.text-page-header{
   width: 740px;
   margin-top: 15px;
   padding-bottom: 13px;
   border-bottom: 3px solid #333333;
}

.content-wrapper {
   background-color: #f7f7ed;
   position: absolute;
   top: 100px;
   bottom: 70px;
   left: 0;
   right: 0;
}

.content, .header, .footer-menu, .footer-meta {
   margin: 0 auto;
   width: 790px;
}

.content{
   height: 100%;
   border-left: 1px solid #d4d4c7;
   border-right: 1px solid #d4d4c7;
}

.div-caption {
   font-weight: bold;
   padding: 5px 0;
}

/* head */

.head{
   background-color: #000;
   background-image: linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -o-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -moz-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -webkit-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -ms-linear-gradient(bottom, rgb(40,39,37) 5%, rgb(66,62,63) 56%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.05, rgb(40,39,37)),
      color-stop(0.56, rgb(66,62,63))
   );
   margin-top:-120px;
   width: 100%;
}

.header{
   height: 100px;
}

.top-menu{
   height: 100%;
   width: 640px;
   float: left;
}

.logo{
   height: 100%;
   width: 150px;
   float: left;
   text-align: center;
}

.logo img{
   width: 100%;
}

.header-meta {
   color: #D4CFCA;
   margin: 3px 0;
   font-size: 11px;
}

.topic-indicator {
   margin: 4px 10px;
}

.app-info{
   height: 20px;
   color: #f7f7ee;
   font-weight: bold;
   font-size: 11px;
   padding: 10px 0 4px;
   float: left;
}

.user-data{
   height: 18px;
   color: #807d7a;
   font-size: 11px;
   width: 215px;
   text-align: right;
}

.user-data a img{
   margin: 0 5px 0 10px;
}

.user-panel .user-data{
   display: none;
}

.news, .user-info{
   width: 195px;
   float: left;
   padding: 10px 5px;
}

.news ul li img, .user-info ul li img{
   margin: -2px 5px 0 0;
   width: 7px;
   vertical-align: middle;
}

.profile-settings{
   float: right;
   width: 120px;
   height: 95px;
   background-color: #2c2b2b;
   padding: 12px 15px;
}

.profile-settings a {
   text-decoration: none;
}

a.settings-profile,
a.settings-settings,
a.settings-customize {
    color: #807d7a !important;
}

.profile-settings form input[type="submit"] {
   background-color: #2c2b2b;
}

.profile-settings a:hover, .profile-settings form input[type="submit"]:hover {
   text-decoration: underline;
}

.top-menu .user-data{
   float: right;
   padding: 10px 7px 4px;
}

.user-data a, .app-info a{
   color: #f7f7ee;
}

.cb-apps {
    padding: 1em;
}
.cb-apps a {
    color: #ffffff;
    padding-left: 1em;
    font-weight: normal;
}

/* menu bars (top and footer) */

.menu-bar {
   height: 40px;
   background-color: #f7f7f1;
   background-image: linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,216)),
      color-stop(0.5, rgb(247,247,241))
   );
   clear: both;
}

.menu-bar .menu-bar-item, .footer-menu button.align-left {
   float: left;
}

.footer-menu button.align-right {
   float: right;
}

.footer-menu button.align-left:hover {
   border-radius: 0 0 0 5px;
}

.footer-menu button.align-right:hover {
   border-radius: 0 0 5px 0;
}

.menu-bar a, .menu-bar span,
.footer-menu button {
   display: block;
   padding: 12px 5px;
   color: rgb(66,62,63);
   font-size: 13px;
   font-weight: bold;
   text-align: center;
   text-decoration: none;
}

.menu-bar a, .menu-bar span {
   min-width: 68px;
}

.footer-menu button {
   min-width: 80px;
}

.menu-bar a, .menu-bar span {
   height: 16px;
}

.menu-bar .menu-bar-item.current span {
   color: #db2f26;
}

.menu-bar .menu-bar-item, .footer-menu button {
   border-left: 1px solid #f7f7ee;
   border-right: 1px solid #d4d4c7;
}

.footer-menu button.align-left:first-child,
.footer-menu button.align-left:last-child {
   border-left: none;
}

.footer-menu button.align-right:first-child,
.footer-menu button.align-right:last-child {
   border-right: none;
}

.menu-bar .menu-bar-item.app-btn{
   width: 133px;
   float: right;
   border-left: 1px solid #d4d4c7;
   border-right: none;
   background-image: linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -o-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(218,218,203) 24%, rgb(255,255,255) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(218,218,203)),
      color-stop(0.5, rgb(255,255,255))
   );
   text-align: left;
   padding-left: 15px;
}

.menu-bar .menu-bar-item.active {
   color: #db2f26;
}

.app-btn-img{
   vertical-align: bottom;
   float: right;
   margin: 3px 3px 0 0;
}

li.menu-bar-item {
   list-style-type: none;
}

.menu-bar a:hover, .footer-menu button:hover {
   background-color: rgb(240,237,225);
   background-image: linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -o-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(215,212,193) 24%, rgb(240,237,225) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(215,212,193)),
      color-stop(0.5, rgb(240,237,225))
   );
   color: #db2f26;
}

.menu-bar .menu-bar-item.inactive span {
   background-color: #f7f7f1;
   background-image: linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,216)),
      color-stop(0.5, rgb(247,247,241))
   );
   color: rgb(150, 150, 130);
   cursor: default;
}

/* footer menu */

.footer-menu {
   height: 40px;
   border-radius: 0px 0px 5px 5px;
   border-top: 1px solid #d4d4c7;
   background-color: #f7f7f1;
   background-image: linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,216) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,216)),
      color-stop(0.5, rgb(247,247,241))
   );
}

.footer-menu button {
   border-top: none;
   border-bottom: none;
   margin: 0;
   background-image: none;
   background-color: transparent;
}

.footer-item {
    cursor: pointer;
}

.footer-item.inactive {
    cursor:default;
    opacity: 0.4;
}

.footer-item.inactive:hover {
    background-color: transparent;
    color: #423E3F;
    opacity: 0.4;
    background-image: none;
}

.footer-meta.clearfix {
    font-size: 11px;
}

/* user-panel and cb-suite-menu */

.user-panel{
   font-size: 11px;
   color: #F7F7EE;
   font-weight: normal;
   line-height: 18px;
}

.user-panel ul{
   list-style: none;
   margin: 0;
   padding: 0;
}

.user-panel .user-data{
   float: left;
   padding: 10px 7px;
   font-size: 11px;
}

.cb-suite-menu, .user-panel{
   width: 790px;
   margin: 0 auto;
}

.user-panel {
   height: 120px;
}

.cb-suite-menu{
   display: none;
   padding-top: 15px;
}

.cb-suite-menu .app-list-item a {
   color: #F7F7EE;
   font-size: 12px;
   font-weight: bold;
}

.user-panel a, .user-panel form input[type="submit"]{
   color: #F7F7EE;
   font-size: 11px;
   font-weight: normal !important;
   cursor: pointer;
   border: none;
}

.cb-apps, .recent-apps{
   float: left;
   padding: 0 0 25px;
   color: #807d7a;
}

.cb-apps h4, .recent-apps h4, .user-panel h4 {
   margin: 0 0 10px;
   padding: 0;
   font-size: 12px;
   font-weight: bold;
   color: #807d7a;
}
.cb-apps h4 {
    color: #ffffff;
    padding-left: 1em;
    font-weight: normal;
}

.user-panel h4 {
   font-size: 11px;
   font-weight: normal;
}

.cb-apps{
   width: 510px;
}

.cb-apps ul.__cb-controlbar-wrap {
   position: relative;
   height: auto;
   list-style: none;
   margin: 0;
   padding: 0;
   font-family: inherit;
   font-size: inherit;
}

.cb-apps ul li{
   width: 50%;
   float: left;
}

.recent-apps{
   width: 280px;
}

.recent-apps a{
   float: left;
   width: 120px;
   margin-right: 20px;
   text-align: center;
}

a.favorite.active, a.favorite.inactive:hover{
   color: #f7f7ee;
}

a.favorite.inactive{
   color: #807d7a;
}

.recent-apps a img{
   border: none;
   width: 100%;
}

/* sub-menu */

.sub-menu-bar{
   float: left;
   height: 28px;
}

.sub-menu-bar-item, .sub-menu-bar li {
   float: left;
   text-align: center;
   margin: 0px;
   text-transform: lowercase;
}

.sub-menu-bar li a {
   color: #2d2d2d;
   border-left: 1px solid #f7f7ee;
   border-right: 1px solid #d4d4c7;
   border-bottom: 1px solid #d4d4c7;
   border-top: none;
   border-radius: 0px;
   font-size: 13px;
   text-decoration: none;
   width: 68px;
   padding: 5px;
   font-weight: bold;
   display: block;
}

.sub-menu-bar li{
   list-style-type: none;
}

.sub-menu-bar li:first-child a{
   border-left: 1px solid #d4d4c7;
   border-radius: 0px 0px 0px 5px;
}

.sub-menu-bar li:last-child a{
   border-radius: 0px 0px 5px 0px;
}

.sub-menu-bar li.current a {
   color: #fff;
   background-color: rgb(40,38,37);
   border: 1px solid rgb(40,38,37);
   border-top: none;
   border-radius: 0px 0px 5px 5px;
}

.sub-menu-bar-item {
   font-size: 13px;
   text-decoration: none;
   min-width: 68px;
   padding: 5px;
   color: #2d2d2d;
   font-weight: bold;
   float: left;
   text-align: center;
   border-left: 1px solid #f7f7ee;
   border-right: 1px solid #d4d4c7;
   border-bottom: 1px solid #d4d4c7;
   border-top: none;
   border-radius: 0px;
   margin: 0px;
   /*text-transform: capitalize;*/
}

.sub-menu-bar-item:first-child{
   border-left: 1px solid #d4d4c7;
   border-radius: 0px 0px 0px 5px;
}

.sub-menu-bar-item:last-child{
   border-radius: 0px 0px 5px 0px;
}

.sub-menu-bar-item.active{
   color: #fff;
   background-color: rgb(40,38,37);
   border: 1px solid rgb(40,38,37);
   border-top: none;
   border-radius: 0px 0px 5px 5px;
}

/* language button */

.language-bar{
   float: right;
   height: 16px;
   padding: 5px 10px;
   border-right: 1px solid #d4d4c7;
   border-bottom: 1px solid #d4d4c7;
   width: 130px;
}

.language-bar-item{
   color: #2d2d2d;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   width: 50px;
   float: right;
   line-height: 16px;
}

.language-bar-item .flag{
   background-image: url('/module/lib/location/language_flags/24x17.png');
   width: 24px;
   float: right;
   height: 16px;
   margin-left: 5px;
}

/* autocomplete */

.__AC_position{
   background-image: none !important;
   top: 23px !important;
   border-radius: 4px;
}

.__AC_position{
   width: 500px !important;
}

.__AC_layer{
   position: relative !important;
   border: 1px solid #d4d4c7 !important;
   -moz-box-shadow: 0px 3px 15px rgba(189, 190, 178, 1);
   -webkit-box-shadow: 0px 3px 15px rgba(189, 190, 178, 1);
   box-shadow: 0px 3px 15px rgba(189, 190, 178, 1);
}

.__AC_layer::before{
   content: '';
   position: absolute;
   top: -10px;
   left: 10px;
   height: 10px;
   width: 25px;
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/pointer.gif');
   background-repeat: no-repeat;
}

.__AC_data{
   max-height: 150px !important;
}

.__AC_layer div.__AC_data:last-child{
   background-color: #F7ECCF !important;
   color: #000 !important;
}

.__AC_layer div.__AC_data:last-child div{
   color: #000;
}

.__AC_layer div.__AC_data:last-child div:hover{
   color: #fff;
}

.__AC_data{
   font-size: 12px !important;
}

.__AC_data div{
   margin: 2px 0;
}

/* form container */

.form-container .edit-btn {
   float: right;
   height: 26px;
   min-width: 111px;
   display: block;
}

.form-container .block-header {
   color: rgb(150,150,130);
   font-size: 13px;
   float: left;
   width: 605px;
   margin: 8px 2px 0;  
}

.form-container .half-block-title-left,
.form-container .half-block-title-right {
  color: rgb(150,150,130);
   font-size: 13px;
   float: left;
   margin: 8px 2px 0;
   font-weight: normal;
}
.form-container .half-block-title-left {
   min-width: 178px;
}
.form-container .half-block-title-right {
   width: 162px;
}

.form-container .edit-btn{
   color: #9B0000;
   background-color: #D4D4C7;
   float: right;
}

.form-container .block-container{
   margin-bottom: 5px;
   /*padding-top: 20px;*/
   padding-bottom: 30px;
   position: relative;
   clear: both;
}

.form-container .field-container{
   width: 740px;
   clear: both;
   font-size: 12px;
   padding: 1px 0;
   position: relative;
}

.form-container .field-container ul{
   list-style: none;
   padding: 0;
   margin: 0;
}

.form-container .field-container ul li{
   margin-bottom: 2px;
}

.form-container .field-container ul li div.display-container,
.form-container .field-container ul li div.edit-container,
.form-container .field-container ul li div.add-container{
   width: 740px;
   margin: 0;
   padding: 5px 0;
   position: relative;
}

.form-container .field-container ul li div.display-container{
   cursor: default;
}

.form-container .field-container ul li div.edit-container .message-container {
   padding: 10px;
   color: red;
   height: auto;
   min-height: 14px;
}

.form-container .field-container ul li .display-container.clicked{
   background-color: #fff;
}

.form-container .field-container ul li.highlighted .display-container .display-field, 
.form-container .field-container ul li.highlighted .display-container .sortable-handle{
   background-color: #fff;
}

.form-container .field-container ul li div.edit-container,
.form-container .field-container ul li div.add-container {
   display: none;
   background-color: #fff;
}

.form-container .field-container .__AC_position {
   top: 36px;
   z-index: 100;
}

.form-container .field-container ul li input,
.form-container .field-container ul li select{
   float: left;
}

.edit-container .styled-select {
    border: 1px solid #D4D4C7;
    float: left;
    margin-left: 10px;
    padding-left: 0;
    width: 93px;
    background-position: 98% center;
}

.form-container .field-container ul li input,
.form-container .field-container input,
#offer_detail .styled-select,
#offers .styled-select,
.csv_event .styled-select,
.xml_event .styled-select {
   border: 1px solid #d4d4c7;
   height: 20px;
}

.form-container .field-container ul li select,
.form-container .field-container ul li input,
.form-container .field-container input,
#offer_detail .styled-select,
#offers .styled-select,
.csv_event .styled-select,
.xml_event .styled-select {
   padding: 2px 5px;
}

.searchbox {
    clear: both;
    margin: 0;
    position: relative;
}
.searchbox .search {
    padding-left: 15px;
    background-position: right 10px center;
    border-radius: 15px;
    float: left;
    height: 25px;
    position: relative;
    width: 395px;
    z-index: 10;
}
.searchbox input, 
.searchbox .styled-select {
    box-shadow: 0 8px 9px -9px #bdbeb2;
}
.entry-list-container {
    border: medium none;
    clear: both;
    margin: 0;
    padding: 10px 0 0;
    width: 740px;
}
.entry-list-container a {
    color: #9b0000;
    font-size: 13px;
    text-decoration: underline;
}
.entry-list-container ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.entry-list-container ul li.tile-view-style {
    background-color: #fff;
    border-bottom: medium none;
    border-top: medium none;
    box-shadow: 2px 2px 2px #ddd;
    margin-bottom: 10px;
}
.entry-list-container ul li {
    width: 740px;
}
.entry-list-container ul li .title {
    margin-bottom: 5px;
}
.entry-list-container ul li.tile-view-style .image-container, 
.entry-list-container ul li.tile-view-style .desc-container, 
.entry-list-container ul li.tile-view-style .meta-container {
    color: #000;
    min-height: 96px;
    padding-bottom: 10px;
    padding-top: 15px;
}
.entry-list-container ul li.tile-view-style .image-container {
    padding: 15px 10px 10px;
} 
.entry-list-container ul li.tile-view-style .desc-container {
    padding: 15px 15px 10px;
}
.entry-list-container ul li.tile-view-style .meta-container {
    padding: 5px 15px 20px;
    border-left: 1px solid #d4d4c7;
    color: #dddddd;
    width: 149px;
}
.entry-list-container ul li .image-container, 
.entry-list-container ul li .desc-container, 
.entry-list-container ul li .meta-container {
    float: left;
    font-size: 12px;
}
.entry-list-container ul li.tile-view-style .image-container {
   width: 140px;
}
.entry-list-container ul li.tile-view-style .desc-container {
   width: 370px;
}

.form-container .field-container ul li select {
   background: transparent;
   padding: 0 5px;
   font-size: 13px;
   line-height: 1;
   border: 0;
   border-radius: 0;
}

.form-container .field-container ul li .display-fields {
   float: left;
}

.form-container .field-container ul li .display-field, 
.film-title-block .edit-container .duration-edit-field,
#form_table #role_list .caption,
.form-container .field-container ul li .sortable-handle {
   margin-right: 10px;
   color: #9B0000;
   background-color: transparent;
   height: 16px;
   padding: 5px 10px 3px;
   border: 1px solid #d4d4c7;
   -webkit-box-shadow: 0 8px 6px -6px #fff;
   -moz-box-shadow: 0 8px 6px -6px #fff;
   box-shadow: 0 8px 6px -6px #fff;
   overflow: hidden;
}

.form-container .field-container ul li .display-field,
.form-container .field-container ul li .sortable-handle {
   float: left;
}

.form-container .field-container .edit-field {
   margin-left: 10px;
}

.form-container .field-container ul li select{
   height: 26px;
   width: 125px;
   border: 1px solid #d4d4c7;
}

.form-container .field-container ul li.active{
   -webkit-box-shadow: 0px 3px 15px rgba(196, 196, 180, 0.6);
   -moz-box-shadow:0px 3px 15px rgba(196, 196, 180, 0.6);
   box-shadow: 0px 3px 15px rgba(196, 196, 180, 0.6);
}

.sortable-handle {
	background-image: url("../images/drag_icon.png");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: url("../images/move.png"), move;
}
.sortable-handle:hover {
	background-image: url("../images/drag_icon_hover.png");
}

.film-contents .open-editor-button,
.film-contents .delete-text-button,
.form-container .field-container ul li .display-container .delete,
.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.add-container .save,
.form-container .field-container ul li div.edit-container .close,
.form-container .field-container ul li div.add-container .close {
   width:  50px;
   height: 26px;
   background-repeat: no-repeat;
   background-position: center center;
   display: block;
}

.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.add-container .save,
.form-container .field-container ul li div.edit-container .close,
.form-container .field-container ul li div.add-container .close{
   position: absolute;
   top: auto;
   bottom: 5px;
}

.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.edit-container .close{
   border: 1px solid rgb(69,103,113);
}

.form-container .field-container ul li div.display-container .delete{
   display: none;
   float: right;
}

.form-container .field-container ul li div.edit-container .save,
.form-container .field-container ul li div.add-container .save{
   margin: 0 10px 0 0;
   right: 50px;
}

.form-container button.save {
   background-image: url('../images/edit_save_icon.png') !important;
}

.form-container button.delete, 
#form_table li.delete {
   background-image: url('../images/edit_delete_icon.png') !important;
}

.form-container .field-container ul li div.edit-container .close,
.form-container .field-container ul li div.add-container .close{
   right: 5px;
}

.dropdown-container-display-field {
    background-image: url("../images/selectbox_arrow_icon.png");
    background-position: 98% 56%;
    background-repeat: no-repeat;
    border: 1px solid #D4D4C7;
    clear: both;
    color: #9B0000;
    cursor: pointer;
    height: 16px;
    margin-top: 5px;
    padding: 5px;
}

.form-container button.close, 
.dropdown-container .close {
   background-image: url('../images/edit_close_icon.png') !important;
}

.form-container .field-container ul li .save img,
.form-container .field-container ul li .delete img,
.form-container .field-container ul li .close img{
   height: 20px;
}

.input-button-go {
    width: 40px;
    height: 26px;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin-left: 6px;
    line-height: 100%;
    text-transform: uppercase;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
    border: 1px solid #CCCCCA;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 0 5px #BDBEB2;
}

/* footer */

.footer-meta{
   padding: 8px 0 5px 50px;
   font-size: 10px;
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
   font-size: 11px;
}

a.footer-meta-link {
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
   font-size: 11px;
}

.footer-meta ul{
   margin: 0;
   padding: 0;
   color: rgb(66,62,63);
   list-style: none;
}

.footer-meta ul li{
   float: left;
   margin: 0px 2px;
}

.footer-meta ul li.menu-bar-item {
   border-right: 1px solid #000;
   padding-right: 4px;
}

.footer-meta ul li.menu-bar-item:last-child {
   border-right: 0px none;
}

.footer-meta ul li.menu-bar-item a{
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
}

.footer-meta p{
   float: right;
   margin: 0 50px 0 0;
   color: #db2f26;
}

.footer {
   position: fixed;
   left: 0px;
   bottom: 0px;
   height: 70px;
   width: 100%;
   background-color: #807d7a;
   background-image: linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -o-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -moz-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -webkit-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);
   background-image: -ms-linear-gradient(bottom, rgb(58,58,58) 5%, rgb(73,71,70) 56%);

   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.05, rgb(58,58,58)),
      color-stop(0.56, rgb(73,71,70))
   );
}

/* confirm boxes */

.confirm-box{
   position: absolute;
   top: 125px;
   z-index: 1400;
   width: 600px;
   background-color: #fff;
   border-radius: 5px;
}

.confirm-box .box-header{
   height: 20px;
   padding: 15px 25px 10px;
   border-bottom: 1px solid #d4d4c7;
}

.confirm-box .box-content{
   padding: 5px 25px 20px;
}

.confirm-box .box-content a{
   margin-right: 10px;
   padding: 10px 25px;
   min-width: 60px;
}

.confirm-box .box-content p{
   padding: 15px 0 25px;
   color: #969682;
   font-size: 14px;
   margin: 0;
}

.confirm-box .box-content a.confirm-box-no{
   color: #969682;
}

/* checkbox container */

.checkbox-container input[type="radio"] + label{
   padding: 0;
   display: inline-block;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

.checkbox-container input[type="radio"].available + label{
   background: url('../pics/radio_green_empty.png');
}

.checkbox-container input[type="radio"].available:checked + label{
   background: url('../pics/radio_green_check.png');
}

.checkbox-container input[type="radio"].partly-available + label{
   background: url('../pics/radio_yellow_empty.png');
}

.checkbox-container input[type="radio"].partly-available:checked + label{
   background: url('../pics/radio_yellow_check.png');
}

.checkbox-container input[type="radio"].not-available + label{
   background: url('../pics/radio_red_empty.png');
}

.checkbox-container input[type="radio"].not-available:checked + label{
   background: url('../pics/radio_red_check.png');
}

.checkbox-container .description{
   padding: 15px 0 0;
   clear: both;
}

.checkbox-container .description > span{
   padding: 0;
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
}

.checkbox-container .description span.desc-img{
   padding: 0;
   display: inline-block;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

.checkbox-container .description span.avail span.desc-img{
   background: url('../pics/radio_green_check.png');
}

.checkbox-container .description span.partly-avail span.desc-img{
   background: url('../pics/radio_yellow_check.png');
}

.checkbox-container .description span.not-avail span.desc-img{
   background: url('../pics/radio_red_check.png');
}


/* typical elements inside main panel */

.related-page-header{
   width: 740px;
   margin-top: 15px;
   padding-bottom: 20px;
   border-bottom: 5px solid #000;
}

a.toggle-view-btn{
   width: 40px;
   height: 17px;
   display: inline-block;
   float: right;
}

a.toggle-view-btn,
a.quick-entry-button,
.form-container button.delete,
.form-container button.save,
.form-container button.close,
.form-container .more-entries,
#form_table #add_role,
#form_table li.delete,
.autocomplete_no_match,
.form-container .edit-btn,
.confirm-box .box-content a,
.subpage-button, 
.pix-button-go, 
.pix-image-upload-background,
.delete_button {
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
}

a.toggle-view-btn,
a.quick-entry-button,
.form-container button.delete,
.form-container button.save,
.form-container button.close,
.form-container .more-entries,
#form_table #add_role,
#form_table li.delete,
.autocomplete_no_match,
.form-container .edit-btn,
.confirm-box .box-content a,
.open-editor-button,
.delete-text-button,
.subpage-button, 
.pix-button-go, 
.pix-image-upload-background,
.delete_button {
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #a73c2e;
}

.form-container .more-entries,
#form_table #add_role,
.pix-edit-form-button.pix-insert-image,
.pix-image-upload-background {
   min-width: 85px;
   text-align: center;
   text-decoration: none;
   border-radius: 3px;
   font-size: 11px;
   display: block;
   line-height: 195%;
}

.form-container .more-entries {
   color: rgb(69,103,113);
   position: absolute;
   right: 0;
   bottom: 0;
   padding: 0 12px;
}

.form-container .more-entries.hidden{
   visibility: hidden;
}

.styled-checkbox {
    background-image: url("../images/styled_checkbox_sprite.png");
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
}

.styled-delete-button {
   background:url('../images/edit_delete_icon.png');
   background-repeat: no-repeat;
   background-position: center;
   background-color: #fcfcf9;
   width:40px;
   height:15px;
   border:1px solid rgb(189, 190, 178);
}

.tags-cntnr input {
    height: 60px;
    max-width: 202px;
    min-width: 202px;
    width: 222px;
}

.search-box {
   margin-top: 20px;
   width: 740px;
}

.styled-select select {
    border: medium none;
    padding-left: 35px;
    text-align: left;
    min-width: 120%;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.__CbUiCbTexWindow .styled-select {
    float: right;
}
.__CbUiDialogWindow {
    box-shadow: 0 3px 14px 0 rgba(50, 50, 50, 0.75);
}
.styled-select {
    background-position: 95% center;
    background-image: url("../images/selectbox_arrow_icon.png");
    background-repeat: no-repeat;
    border: 1px solid #D4D4C7;
    box-shadow: 0 8px 9px -9px #BDBEB2;
    height: 25px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    box-shadow: 0 8px 9px -9px #BDBEB2;
}

.styled-input {
    height: 16px;
    padding: 5px 10px 3px;
    border: 1px solid #d4d4c7;
}

/* buttons typically used in list elements (e.g. for delete or confirm) */
.styled-small-button {
    background-color: #fcfcf9;
    background-image: -moz-linear-gradient(center bottom , rgb(246, 246, 239) 15%, rgb(255, 255, 255) 85%);
    border: 1px solid rgb(189, 190, 178);
    border-radius: 2px;
    box-shadow: 0 0 5px rgb(189, 190, 178);
    color: #a73c2e;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    line-height: 250%;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

/* modal window buttons (e.g. "OK", "abbrechen", ...) */
.styled-modal-button {
    color: #a73c2e;
    line-height: 30px;
    min-width: 135px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

.__CbUiStyledList .slim-list-item {
    border-top: medium none !important;
    margin-bottom: 2px;
    position: relative;
    list-style: none;
}

.__CbUiStyledList .list-block-container {
    background-color: #fff;
    box-shadow: 2px 2px 2px #DDD;
    margin-top: 5px;
    position: relative;
}

.__CbUiStyledList .slim-list-item-header {
   border-bottom: 1px solid #e4e4e7;
   line-height: 150%;
   min-height: 1.8em;
   padding: 5px 90px 0 3px;
   position: relative;
   width: 100%;
}

.__CbUiStyledList .slim-list-item-header h4 {
    display : inline-block;
    max-width: 440px;
}

.__CbUiStyledList .short-indicator-container {
    background-color: #fff;
    box-sizing: border-box;
    font-size: 0;
    height: 100%;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    width: 86px;
}

.__CbUiStyledList .short-indicator {
    background-repeat: no-repeat;
    box-sizing: border-box;
    display: inline-block;
    height: 100%;
}

.__CbUiStyledList .item-info > * {
   display: inline-block;
}

.__CbUiStyledList .context-button-container {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    border-left: 1px solid #e4e4e7;
}

.__CbUiStyledList #ContextMenu,
.clipboard-flyout {
   background-color: #f0f0f1;
    background-image: -moz-linear-gradient(center bottom , #f0f0f1 0%, #ffffff 100%);
    border: 1px solid #ccc;
    box-shadow: 3px 3px 8px #aaa;
    display: none;
    font-size: 12px;
    font-weight: bold;
    min-width: 160px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.__CbUiStyledList #ContextMenu > div,
.clipboard-flyout > div {
    background-position: 3px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    cursor: pointer;
    float: none;
    min-height: 22px;
    padding-left: 27px;
    padding-top: 5px;
    vertical-align: middle;
    width: 100%;
    line-height: 20px;
}

.__CbUiStyledList .slim-list-item-icon.published, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_confirmed.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .slim-list-item-icon.not-published, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_unconfirmed.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .slim-list-item-icon.internal, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_internal.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .slim-list-item-icon.delete, .production-item-state-icon.published {
    background: rgba(0, 0, 0, 0) url("../images/icon_delete.png") no-repeat scroll 5px 4px;
}

.__CbUiStyledList .list-block-container:hover .slim-list-item-header, 
.__CbUiStyledList .list-block-container:hover .short-indicator-container {
   background-color: #f3f3f3;
}
.__CbUiStyledList .list-block-container .list-item-edit-button {
   display: none;
}
.__CbUiStyledList .list-block-container:hover .list-item-edit-button {
   display: initial;
    background: rgba(0, 0, 0, 0) url("/module/lib/framework/images/edit_edit_icon.png") no-repeat scroll center top 5px;
    margin-left: 10px;
    padding: 10px;
}

.__CbUiSubpageButton {
   float: right;
   min-width: 123px;
   height: 38px;
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(246,246,239)), color-stop(0.85, rgb(255,255,255)));
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #a73c2e;
}

.CbUiImgTile.pictures-container {
    margin-top: 25px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 3px solid #000000;
}

.CbUiImgTile .image-tile-item-container {
   float: left;
}

.CbUiImgTile .image-tile-item {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f0f0f1 100%) repeat scroll 0 0;
    border: 1px solid #ccccca;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(189, 190, 178);
    float: left;
    height: 191px;
    margin: 2px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 171px;
}

.CbUiImgTile .tile-item-positioner {
   display: table;
   width: 100%;
   height: 100%;
}

.CbUiImgTile .tile-item-positioner a {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.CbUiImgTile .preview-image {
   cursor: url("../images/move.png"), auto;
}

.CbUiImgTile .image-tile-item img.preview-image, .image-tile-item img.preview-image-marketing {
   max-height: 193px;
   max-width: 167px;
}

.CbUiImgTile .image-tile-item .preview-image {
   box-shadow: 2px 2px 4px #666666;
}

.CbUiImgTile .image-tile-item .image-tile-image-description {
   color: #000;
   background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
   bottom: 4px;
   font-size: 10px;
   left: 4px;
   padding: 5px;
   position: absolute;
   text-align: left;
   visibility: hidden;
   width: 161px;
   z-index: 100;
}
.CbUiImgTile .image-tile-item .remove-image {
    box-shadow: 0 0 8px 2px #fff;
    cursor: pointer;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 1000;
}
.CbUiImgTile .divider-rule {
    float: left;
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #c4c4b4;
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin-bottom: 8px;
}

.cat-display-field {
    background-image: url("../images/selectbox_arrow_icon.png");
    background-position: 98% 56%;
    background-repeat: no-repeat;
    border: 1px solid #d4d4c7;
    clear: both;
    color: #9b0000;
    cursor: pointer;
    height: 16px;
    margin-top: 5px;
    padding: 5px;
}

.filter-button-go {
    border: 1px solid #C4C4B4;
    cursor: pointer;
    height: 26px;
    line-height: 100%;
    padding: 0;
    width: auto;
    min-width: 2.2em;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    margin: 3px 0 0 6px;
    text-transform: uppercase;
    border-radius: 2px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
}

.image-tile-item {
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccccca;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(189, 190, 178);
    float: left;
    height: 191px;
    margin: 2px;
    padding: 4px;
    position: relative;
    text-align: center;
    width: 171px;
}

.image-tile-item-positioner {
    display: table;
    height: 100%;
    width: 100%;
}

.image-tile-item-positioner a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.image-tile-item img.preview-image, 
.image-tile-item img.preview-image-marketing {
    max-height: 193px;
    max-width: 167px;
}

.image-tile-item .image-tile-image-description {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    bottom: 4px;
    font-size: 10px;
    left: 4px;
    padding: 5px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 161px;
    z-index: 100;
}

.image-tile-item:hover .image-tile-image-description {
    visibility: visible;
}

.image-tile-item .preview-image {
    cursor: url("../images/move.png"), auto;
    box-shadow: 2px 2px 4px #666666;
}

.one-third-block {
   float: left;
   margin-left: 10px;
   width: 228px;
   height: 410px;
   border: 1px solid #D4D4C7;
   padding: 5px;
}

.one-third-block:first-child {
   margin-left: 0;
}

.input-container{
   clear: both;
   width: 740px;
   padding: 10px 0;
   border-top: 1px solid #fff;
   border-bottom: 1px solid rgb(196,196,180);
}

.input-header{
   color: #969682;
}

.input-container .edit-btn{
   margin-top: 10px;
   height: 16px;
   padding: 3px;
   line-height: 160%;
   min-width: 99px;
}

.input-container input{
   width: 603px;
   margin: 5px 15px 5px 0;
   border: 1px solid #D4D4C7;
   padding: 5px;
}

.input-remark{
   color: #9b0000;
   font-style: italic;
}

.autocomplete_no_match{
   margin-top: 10px;
   cursor: pointer;
   padding: 0 5px !important;
   text-transform: none;
   width: 98%;
   height: 21px;
   line-height: 195%;
}

.main-panel-text {
   float: left;
}

.main-panel-text .first-block{
   border-bottom: 1px solid rgb(196, 196, 180);
   padding-bottom: 50px;
   padding-top: 15px;
}

.main-panel-text .second-block{
   border-top: 1px solid #fff;
   padding-top: 50px;
}

.buttons-container {
   position: relative;
}

.edit-container p{
   margin: 5px 10px;
}

.blocks{
   border-bottom: 1px solid rgb(196,196,180);
   padding-bottom: 10px;
}

input:disabled{
   background-color: #EEEEEE;
}


.not-available select{
   color: #fff;
   font-weight: bold;
}

.more-margin{
   margin-bottom: 30px !important;
}

.main-panel-text-container{
   border-bottom: 1px solid rgb(196,196,180);
}

.collapsible-text-container .more-button{
   color: #db2f26;
   text-decoration: underline;
}

.more-button {
    cursor: pointer;
}

.collapsible-text-container .long-text{
   width: 100%;
   display: none;
   padding: 10px 0;
}

#lang-button{
   background-image: none;
   background-color: transparent;
   border: none;
   color: #2d2d2d;
   text-decoration: none;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   width: 95px;
   float: right;
   text-align: right;
   margin: 0;
   padding: 0;
   cursor: pointer;
}

#lang-button .text-label {
    font-size: 12px;
}

.flag-display-field span,
.text-flag-display-field span,
#lang-button .flag-label{
   background-image: url('/module/lib/location/language_flags/24x17.png');
   width: 24px;
   float: right;
   height: 17px;
   margin-left: 5px;
}

#lang-button.de_DE .flag-label,
.flag-display-field .language-id-1,
.text-flag-display-field .text-language-id-1 {
   background-position: 552px 374px;
   /*background-position: 368px 242px;*/
}

.flag-display-field .language-id-3,
.text-flag-display-field .text-language-id-3 {
  background-position: 312px 408px;
   /*background-position: 206px 269px;*/
}

#lang-button.nl_NL .flag-label,
.flag-display-field .language-id-4,
.text-flag-display-field .text-language-id-4 {
   background-position: 312px 255px;
   /*background-position: 208px 165px;*/
}

.flag-display-field .language-id-5,
#lang-button.it_IT .flag-label,
.text-flag-display-field .text-language-id-5{
   background-position: 432px 119px;
   /*background-position: 288px 77px;*/
}

.flag-display-field .language-id-6,
.text-flag-display-field .text-language-id-6 {
  background-position: 528px 135px;
   /*background-position: 348px 89px;*/
}

.flag-display-field .language-id-7,
.text-flag-display-field .text-language-id-7 {
  background-position: 528px 254px;
   /*background-position: 348px 168px;*/
}

.flag-display-field .language-id-16,
.text-flag-display-field .text-language-id-16 {
   background-position: 576px 16px;
   /*background-position: 380px 11px;*/
}

.flag-display-field .language-id-22,
.text-flag-display-field .text-language-id-22 {
   background-position: 432px 254px;
   /*background-position: 285px 168px;*/
}

#lang-button.pl_PL .flag-label,
.flag-display-field .language-id-44,
.text-flag-display-field .text-language-id-44 {
   background-position: 264px 255px;
   /*background-position: 176px 165px;*/
}

.flag-display-field .language-id-54,
.text-flag-display-field .text-language-id-54 {
   background-position: 169px 152px;
   /*background-position: 112px 100px;*/
}

#lang-button.bg_BG .flag-label,
.flag-display-field .language-id-13,
.text-flag-display-field .text-language-id-13 {
   background-position: 600px 340px;
   /*background-position: 400px 220px;*/
}

#lang-button.da_DA .flag-label,
.flag-display-field .language-id-18,
.text-flag-display-field .text-language-id-18 {
   background-position: 552px 272px;
   /*background-position: 368px 176px;*/
}

#lang-button.en_EN .flag-label,
.flag-display-field .language-id-59,
.flag-display-field .language-id-2,
.text-flag-display-field .text-language-id-59,
.text-flag-display-field .text-language-id-2 {
   background-position: 528px 221px;
   /*background-position: 352px 143px;*/
}

#lang-button.lv_LV .flag-label,
.flag-display-field .language-id-35,
.text-flag-display-field .text-language-id-35 {
   background-position: 360px 85px;
   /*background-position: 240px 55px;*/
}

#lang-button.sl_SL .flag-label,
.flag-display-field .language-id-50,
.text-flag-display-field .text-language-id-50 {
   background-position: 192px 255px;
   /*background-position: 128px 165px;*/
}

#lang-button.sr_SR .flag-label,
.flag-display-field .language-id-52,
.text-flag-display-field .text-language-id-52 {
   background-position: 48px 102px;
   /*background-position: 32px 67px;*/
}

#lang-button.sv_SV .flag-label,
.flag-display-field .language-id-53,
.text-flag-display-field .text-language-id-53 {
   background-position: 192px 374px;
   /*background-position: 128px 242px;*/
}
#lang-button.cn_CN .flag-label,
.flag-display-field .language-id-58,
.text-flag-display-field .text-language-id-58 {
   background-position: 577px 221px;
   /*background-position: 128px 242px;*/
}
#lang-button.jp_JP .flag-label,
.flag-display-field .language-id-29,
.text-flag-display-field .text-language-id-29 {
   background-position: 408px 187px;
   /*background-position: 128px 242px;*/
}
.footer-meta ul li a.footer-links-item {
   text-decoration: none;
   color: #f7f7ee;
   text-shadow: 1px 1px rgb(0,0,0);
   font-weight: normal;
}

.autocomplete-edit-field {
   background-position: 97% 40%;
   background-color: rgb(218, 225, 228) !important;
   color: rgb(95, 123, 165) !important;
   border-radius: 4px;
}

.autocomplete-edit-field.__AC_invalidated {
   background-image: url('/module/lib/framework/images/glas_icon.png');
}

.autocomplete-edit-field-container,
.date-edit-field-container {
   position: relative;
   display: inline-block;
   float: left;
}

.subpage-button {
   float: right;
   min-width: 111px;
   height: 26px;
}

.secondary-button {
    display: block;
    font-size: 11px;
    line-height: 195%;
    min-width: 85px;
    text-align: center;
    text-decoration: none;
    color: #456771;
    background-color: #FCFCF9;
    background-image: -moz-linear-gradient(center bottom , #F6F6EF 15%, #FFFFFF 85%);
    background-image: -webkit-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -ms-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -o-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    border: 1px solid #BDBEB2;
    border-radius: 3px;
    box-shadow: 0 0 5px #BDBEB2;
    cursor: pointer;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.white-box {
    background-color: #FFFFFF;
    box-shadow: 2px 2px 2px #DDDDDD;
    padding: 17px 5px;
}

.white-box .open-editor-button {
    background-color: #F7F7F1;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #D4D4C7;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    padding: 5px;
    margin-left: 10px;
}

.white-box .button-cntnr {
    position: absolute;
    right: 0;
    top: 0;
}

.white-box .button-cntnr button {
    float: left;
    margin: 15px 10px 0 0;
}

.tile-img {
    box-shadow: 2px 2px 4px #666666;
}

/* Excel upload-window */

.__CbUiCbUploadWindow .__CbUiContent {
    width:910px;
}

.__CbUiCbUploadWindow .lang-select, 
.__CbUiCbUploadWindow .support {
    display: none;
}

.service-content {
    margin-top: 20px;
}

.beta-annotation {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.button-right {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

#DeleteFooterMenuButton  {
   color: #a73c2e;
}

#CbTexTitle {
    float: right;
    width: 420px;
}

.profile-settings .inactive {
   color: #777;
   cursor: default;
}
.profile-settings .inactive:hover {
   text-decoration: none;
}

.cb-suite-menu-text,
.cb-suite-menu-text a {
   padding: 15px;
   color: #FFF;
   font-size: 12px;
}
.__CbUiRegisterWindow .__CbUiContent {
   max-height: 500px;
   overflow: auto;
   box-sizing: border-box;
}
.__CbUiRegisterWindow .__CbUiErrorMessage {
   clear : both;
   color : red;
   display: none;
   line-height: 140%;
}
.__CbUiRegisterWindow *::-webkit-input-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #aaa;
}
.__CbUiRegisterWindow *::-moz-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.__CbUiRegisterWindow *::-ms-input-placeholder  {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.__CbUiRegisterWindow .__AC_position {
   max-width: 100%;
}
.__CbRegLinkClass {
   padding-bottom:10px;
   font-size:11px;
   width: 430px;
   margin: 0 auto;
}

.__CbRegLinkClass a {
   color: #000000;
   font-weight: bold;
   text-decoration: none;
}

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

.__CbRegValidatedCity {
   font-weight: bold;
}

.__CbRegPage {
   /*background-color:#ffffff;*/
   position:relative;
   display:none;
   font-size:12px;
   min-height: 450px;
}

.__CbRegLogo {
   position:absolute;
   left:10px;
   top:10px;
   z-index:1337;
   opacity:0;
}

.__CbRegLanguageEntry {
   margin-bottom:10px;
   cursor:pointer;
}

.__CbRegLangSelect, .__CbRegLanguageBox {
   border:1px solid black;
   background-color:#ffffff;
}

.__CbRegLanguageBox {
   margin: 2px;
   padding: 0px 3px;
   float: right;
   width: 18px;
   text-align: center;
   color: rgb(0, 0, 0);
}

.__CbRegLanguageBoxText {
   padding-top: 2px;
}

.__CbRegInputs {
   width:410px;
}

.__CbRegForm {
   margin-top:10px;
   overflow:hidden;
   padding:0px 10px 0px 10px;
}

.__CbRegFormHeader {
   padding-top:10px;
   padding-bottom: 3px;
}

.__CbRegFormHeaderContent {
   font-size:10px;
   background-color:#F8F7F0;
   color:#BABABA;
}

.__CbRegInputLine {
   margin-bottom: 4px;
}

.__CbRegInputLine input {
    padding-left: 10px;
}

.__CbRegFloatClear {
   clear:both;
}
.__CbRegError {
   padding-top:5px;
   color:#ff0000;
   font-style:italic;
}

.__CbRegError.__CbUiMultiText {

}

.__CbRegPasswordStrengthBox {
   float:left;
   height:10px;
   width:66px;
   margin-right:5px;
}

.__CbRegButtonContainer {
   text-align: right;
   padding-top: 5px;
   margin-right: -11px;
}

#registerframe_button_ok {
    margin-top: 20px;
}

.__CbRegBottomDesc {
   padding-top: 20px;
   margin: 0 auto;
   width: 410px;
}

#registerframe_main_page {
   display:block;
}

#registerframe_button_password_reminder {
   display:none;
   width: auto;
}

#registerframe_button_register_progress {
   display:none;
   cursor:default;
}

#registerframe_hide_button {
   display:none;
}

.__CbRegInputLine select {
    border-radius: 4px;
}

.__CbRegInputLine .styled-select {
    background-position: 90% center;
    border: 1px solid #bababa;
    background-color: #FFFFFF;
    width: 120px;
   margin-bottom: 0;
}

.__CbRegInputLine > input {
    width: 100%;
}

#registerframe_input_first,
#registerframe_input_last,
#registerframe_input_zip,
#registerframe_input_city,
#registerframe_input_street,
#registerframe_input_nr,
#registerframe_input_mail,
#registerframe_input_phone {
    margin-top: 3px;
}

#registerframe_input_gender {
   width:140px;
   min-height:28px;
   color:#000000;
   border: none;
   background: none;
   margin-left: 0px;
   padding-top: 5px;
   padding-left: 9px;
   padding-bottom: 3px;
   text-align: left;
}

#registerframe_input_first, #registerframe_input_last {
   width:100%;
}

#registerframe_input_street {
   width:100%;
   margin-top: 2px;
}

#registerframe_input_nr {
   width:100%;
}

#registerframe_input_zip {
   width:100%;
   margin-top: 0;
}

#registerframe_input_city_id {
   display:none;
}

#registerframe_input_city {
   display: block;
   min-height: 28px;
   border: none;
   position: relative;
   width: 414px;
}

#registerframe_input_city .__CbUiSearchBox {
   height: auto;
    min-height: 16px;
    padding: 6px 0 6px 6px;
    border: 1px solid #BABABA;
}

#registerframe_input_mail, #registerframe_input_account:disabled {
   width:100%;
   background-color: #EEEEEE;
   color: #C0C0C0;
   margin-top: 0;
}

#registerframe_input_password_confirm,
#registerframe_input_new_password, #registerframe_input_new_password_confirm {
   display:block;
   width:410px;
}

.__CbRegInputs .__CbRegInputLine #registerframe_input_password,
.__CbRegInputs .__CbRegInputLine #registerframe_input_password_confirm {
   display:block;
   width:410px;
}

#registerframe_language_selector {
   padding-left:35px;
   color:rgb(180,0,0);
   font-weight:bold;
   padding-right:70px;
   overflow:auto;
}

#registerframe_intro {
   display:block;
   margin:auto;
   width:430px;
   line-height:16px;
}

#registerframe_new_email {
   display:none;
}

#registerframe_new_email #registerframe_input_mail,
#registerframe_input_account {
   width: 100%;
}

.__CbUiRegisterWindow input,
.admin-table-userdata .__CbRegInputLine input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 14px;
}

#registerframe_changepass_email {
   margin-top:10px;
   padding: 5px;
   background-color: #F8F7F0;
   display: none;
}

#registerframe_password_hint {
   padding-top:10px;
   display:none;
   width: 430px;
}

#registerframe_password_info {
   padding-top:10px;
   font-size:9px;
}

#registerframe_password_strong, #registerframe_password_weak {
   font-size: 10px;
   text-align: center;
   line-height: 90%;
   color: white;
}

#registerframe_error {
   display: none;
}

#registerframe_error_user {
   padding: 0 0 0 25px;
   background-size: 20px auto;
}

#registerframe_input_terms.__CbUiInputError {
   border:1px solid #FF0000;
   padding-top:6px;
   padding-left:4px;
   padding-right:3px;
   padding-bottom: 6px;
}

.__CbUiRegisterWindow #registerframe_input_city .__AC_position .__AC_layer .__AC_data {
   max-height: 135px !important;
}

#registerframe_input_city .autocomplete-new-city {
    border: 1px solid #D4D4C7;
    display: block;
    float: left;
    min-height: 24px;
   height: auto;
    color: #c0c0c0;
}

.__CbUiRegisterWindow .contentTitle {
    color: #A73C2E;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 30px;
}

.__CbUiRegisterWindow #registerframe_main_page .contentTitle {
   margin-bottom: 10px;
}

#registerframe_title,
#registerframe_title_alt{
   font-size: 20px;
   font-weight: normal;
   margin: 0;
}

.__CbUiRegisterWindow .contentTitle #registerframe_title_alt{
   display: none;
}
.__CbUiRegisterWindow .__CbUiInputText,
.__CbUiRegisterWindow .__CbUiPassword,
.admin-table-userdata .__CbRegInputLine input {
    border: 1px solid #BABABA;
    display: block;
    padding: 6px 0 6px 10px;
}
.__CbUiRegisterWindow .__CbUiInputText, .__CbUiRegisterWindow .__CbUiPassword,
.__CbUiLayerFrame .__CbUiSelect, .__CbUiLayerFrame #registerframe_input_password,
.__CbUiLayerFrame #registerframe_input_password_confirm,
.__CbUiLayerFrame #registerframe_input_new_password,
.__CbUiLayerFrame #registerframe_input_new_password_confirm {
    background-color: #FFFFFF;
    color: #BABABA;
}
.__CbUiRegisterWindow .__CbUiFieldUnedited {
    color: #C0C0C0;
}
.__CbUiRegisterWindow .__CbUiInputText, .__CbUiRegisterWindow .__CbUiPassword {
   height: auto;
    min-height: 16px;
}
.__CbUiRegisterWindow #registerframe_input_password, .__CbUiRegisterWindow #registerframe_input_password_confirm,
.__CbUiRegisterWindow #registerframe_input_new_password, .__CbUiRegisterWindow #registerframe_input_new_password_confirm {
    display: block;
    width: 410px;
}
#registerframe_button_password_lost {
   display: none;
   color: #db2f26;
   text-transform: uppercase;
}

#registerframe_button_password_lost_inactive {
   color: #c0c0c0;
   text-transform: uppercase;
   text-decoration: underline;
}
.__CbUiRegisterWindow .__CbUiInputError {
    border: 1px solid #FF0000 !important;
}
.__CbUiRegisterWindow .__CbUiFieldEdited {
    color: #000000;
}
.__CbUiRegisterWindow .__CbRegPage a, .__CbUiRegisterWindow .__CbRegLinkClass a, .__CbUiRegisterWindow .CbRegPage a:visited, .__CbUiRegisterWindow .__CbRegLinkClass a:visited {
    color: #DB2F26;
    text-decoration: underline;
}

.login-headline {
    padding-top: 1em;
}
.login-text {
    width: 66%;
    border-bottom: 1px solid #C4C4B4;
    padding-bottom: 25px;
}
.login-further-links {
    padding-top: 50px;
}
a.menu-bar-item.login {
    color: #db2f26;
}
.support-button-overlay {
    height: 15px;
    width: 30px;
    z-index: 10;
    position: absolute;
    top: -38px;
    right: 40px;
    cursor: pointer;
}

#registerframe_input_city .__AC_button {
    text-align: center !important;
}

span.__CbRegNewAccountText {
   color: #A73C2E;
}

.__CbRegNewAccountText + .__CbRegBottomDesc {
   padding-top: 20px;
}

.__CbRegNewAccountTextCntnr {
    width: 410px;
}
.CbControlbar2Window .__CbRegButtonContainer .__CbUiText,
.AgdokRegisterWindow .__CbRegButtonContainer .__CbUiText {
   width: 70%;
   text-align: left;
}
#registerframe_checkdoublet_block,
#registerframe_doublet_medium_matches_block {
   margin-top: 20px;
}
#registerframe_checkdoublet_block .selection {
    border: 1px solid #d4d4c7;
    clear: both;
    color: #9b0000;
    cursor: pointer;
    margin-top: 5px;
    padding: 5px 5px 9px 0;
    font-size: 13px;
}

.styled-select-autoheight {
    background-image: url("../images/selectbox_arrow_icon.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    border: 1px solid #d4d4c7;
    box-shadow: 0 8px 9px -9px #bdbeb2;
    height: inherit;
    overflow: hidden;
    position: relative;
    z-index: 5;
}


/* Doublet Check Window */

.DSRegisterCheckDoubletWindow .entryblock {
  padding: 4px 0px;
  border-bottom: 1px solid #000;
  background: #fff url("../../../register/images/img_accordion-close.png") no-repeat right top 10px;
}

.DSRegisterCheckDoubletWindow .entryblock.opened {
  background-image: url("../../../register/images/img_accordion-open.png");
}

.DSRegisterCheckDoubletWindow div.entryblock:last-child {
  padding: 4px 0px;
  border-bottom: none;
}

.DSRegisterCheckDoubletWindow hr {
  display: none;
}


.DSRegisterCheckDoubletWindow .styled-select-autoheight.selection > img {
  margin-right: 10px;
}


.DSRegisterCheckDoubletWindow div.styled-select-autoheight.selection {
  margin-top: 0px;
}


.DSRegisterCheckDoubletWindow h2.register-duplicate-check-headline {
  font-size: 24px;
  margin-bottom: 29px;
  margin-top: 35px;
  width: 200%;
}


.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.left,
.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.left {
  padding-right: 20px;
  width: 50%;
}

.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right,
.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.right {
  padding-left: 20px;
  padding-top: 53px;
  width: 50%;
}

.DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline,
.DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline {
  font-size: 19px;
  line-height: 19px;
}

.DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline {
   margin-top: 37px;
}

.DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline {
  margin-bottom: 0;
}

.DSRegisterCheckDoubletWindow #registerframe_checkdoublet_block .styled-select-autoheight.selection {
  border: none;
  box-shadow: none;
  color: #000000;
}

/*.DSRegisterCheckDoubletWindow .duplicate-image {
   background: url('images/avatra2.png') center center / contain;
   width: 32px;
   height: 32px;
}*/

.DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline {
  margin-bottom: 0;
}

.DSRegisterCheckDoubletWindow .selection-block {
  text-align: right;
}

.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button,
.DSRegisterCheckDoubletWindow button.registerframe_doublet_submit {
  background-color: #000000;
  background-image: none;
  border: none;
  box-shadow: none;
  color: #ffffff;
}

.DSRegisterCheckDoubletWindow button.registerframe_doublet_submit {
  background-color: #000000;
  background-image: none;
  border: none;
  box-shadow: none;
  color: #ffffff;
  padding: 12px 20px;
  margin-top: 30px;
  text-transform: uppercase;
  width: 100%;
  background: #000 url("images/img_accordeon-close_white.png") no-repeat center right;
  background-position: 95%;
}

.DSRegisterCheckDoubletWindow .entryblock .styled-select-autoheight img {
  width: auto;
  height: 35px;
  margin-right: 10px;
}

.DSRegisterCheckDoubletWindow .entryblock .selection-block > div > h4.__CbUiText {
    font-size: 12px;
    letter-spacing: 0.2em;
    margin: 0;
}


.DSRegisterCheckDoubletWindow .entryblock .selection-block .user-id-block,
.DSRegisterCheckDoubletWindow .entryblock .selection-block .film-5-block,
.DSRegisterCheckDoubletWindow .entryblock .selection-block .film-6-block {
   text-align: left;
   padding-left: 3px;
   font-size: 13px;
   margin-bottom: 2px;
}

.DSRegisterCheckDoubletInfoWindow h2 {
    font-size: 15px;
    margin-top: 20px;
}

.DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .styled-select-autoheight.selection {
  margin-top: 1px !important;
}

.DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .selection {
    margin-top: 0px;
    padding: 5px 0px;
    position: relative;
}

.DSRegisterCheckDoubletWindow div#registerframe_button_register_no_doublet_action {
  font-weight: bold;
}

.DSRegisterCheckDoubletWindow .HalfWidthContainer.left p {
    margin-bottom: 1.5em;
}

.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button {
   margin-top: 17px;
   margin-bottom: 20px;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: normal;
   padding: 3px 16px;
}

.DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .selection {
    margin-top: 0px;
    padding: 5px 0px;
}
.DSRegisterCheckDoubletWindow div#registerframe_button_register_no_doublet_action {
  font-weight: bold;
}

.DSRegisterCheckDoubletInfoWindow h2:first-child {
   margin-top: 0;
}

.DSRegisterCheckDoubletInfoWindow textarea#registerframe_doublet_info_text {
   margin-bottom: 77px;
   width: 100%;
   min-height: 90px;
}
.DSRegisterCheckDoubletInfoWindow .FullWidthContainer:first-of-type span.__CbUiText {
   font-weight: normal;
}

.DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline {
    font-size: 25px;
    letter-spacing: 0.025em;
    line-height: 0.8em;
    margin-bottom: 36px;
}

.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container,
#registerframe_checkdoublet_block .doublet-login-data-container {
    float: left;
    border-right: 1px solid;
    margin-right: 27px;
    width: 267px;
}

#registerframe_checkdoublet_block .doublet-login-data-container {
   width: 50%;
}

.DSRegisterCheckDoubletInfoWindow h2:first-child {
   line-height: 1.75em;
}

.DSRegisterCheckDoubletInfoWindow .registerframe-data-container {
    padding: 0 43px 29px;
}

#registerframe_checkdoublet_block .registerframe-data-container {
   margin-bottom: 25px;
}

.DSRegisterCheckDoubletInfoWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1),
.DSRegisterCheckDoubletInfoWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1) {
   padding-bottom: 28px;
}

.DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline {
    line-height: 0.8em;
}

.DSRegisterCheckDoubletWindow .duplicate-profile-img-wrp {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.DSRegisterCheckDoubletWindow .duplicate-info-text-wrp {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
}

/*div#registerframe_error_user {
  height: 40px;
}
*/
div.DSRegisterCheckDoubletWindow .__CbUiTextButton {
  display: inline-block !important;
}

div.DSRegisterMessageWindow .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
div.DSRegisterMessageWindow .__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .FullWidthContainer {
  height: 400px !important;
}

div.DSRegisterMessageWindow div.FullWidthContainer .__CbRegButtonContainer {
  height: auto;
}

div.DSRegisterMessageWindow div.FullWidthContainer .__CbRegButtonContainer .padded-box {
  margin-bottom: 20px;
}

span.__CbUiText.__CbUiReplaceHtml {
   display: inline-block;
   margin-top: 20px;
}

#registerframe_checkdoublet_block .duplicate-profile-img-wrp img {
    float: left;
}

#registerframe_checkdoublet_block .duplicate-info-text-wrp {
    float: left;
    padding-left: 10px;
    padding-top: 5px;
    color: #000000;
    line-height: 1.2em;
}

#registerframe_checkdoublet_block .selection {
   border: none;
   box-shadow: none;
}

#registerframe_checkdoublet_block .entryblock:last-child .selection {
    border: none;
}

#registerframe_checkdoublet_block .match-button-container {
   text-align: right;
   margin: 15px 15px 30px;
}

#registerframe_checkdoublet_block .entryblock {
    border-bottom: 1px solid #000000;
}

#registerframe_checkdoublet_block .entryblock:last-child {
    border: none;
}

#registerframe_checkdoublet_block h4.__CbUiText.registerframe-headline-doublet-userid,
#registerframe_checkdoublet_block h4.__CbUiText.registerframe-headline-doublet-film5 {
    margin: 10px 0 5px;
}

#registerframe_checkdoublet_block .user-id-link-block,
#registerframe_checkdoublet_block .film-5-link-block,
#registerframe_checkdoublet_block .film-6-link-block{
   margin-bottom: 5px;
}

#registerframe_checkdoublet_block .bottom-info {
   margin-top: 20px;
}

#registerframe_checkdoublet_block .__CbRegButtonContainer {
   padding-right: 26px;
}

#registerframe_checkdoublet_block .registerframe_doublet_info_text {
   width: 100%;
   height: 6em;
   margin-bottom: 20px;
}

#registerframe_checkdoublet_block h2 {
   font-size: 15px;
}

.__CbRegExistAccountText.__CbUiText.login-label {
   margin-bottom: 1.5em;
}

.DSRegisterCheckDoubletWindow .selection-block > div > h4 {
   padding: 10px 0;
}
.film-5-link-block::before,
.film-6-link-block::before,
.user-id-link-block::before {
   content: '- ';
}




.__CbUiFrame.cb-window {
   background: #ffffff;
   border-radius: 0;

   min-height: 350px;

   width: 100%;
   max-width: 930px;

   padding-top: 40px;
   padding-bottom: 40px;
}

.__CbUiFrame.cb-window .__CbUiCloseButton {
   right: 40px;
   top: 40px;
   background-image: url("/module/lib/framework/images/img_close-black.png");
   background-size: 14px 14px;
   color: #000;
   font-size: 0;
   height: 14px;
   right: 40px;
   top: 0;
   width: 14px;
}

.__CbUiFrame.cb-window .__CbUiText {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 1.05px;

   color: #101010;
}

.__CbUiFrame.cb-window .voucher-error-message {
   color: red;
   font-style: italic;
   margin-bottom: 8px;
   display: none;
}

.__CbUiFrame.cb-window .contentTitle {
   visibility: hidden;
   display: none;
}

.__CbUiFrame.cb-window .__CbRegPage {
   min-height: 0;
}

.__CbUiFrame.cb-window .__CbRegLinkClass {
   width: 100%;
}

.__CbUiFrame.cb-window .__CbUiForm {
   padding-left: 0;
   padding-right: 0;
}

.__CbUiFrame.cb-window #registerframe_message {
   margin-bottom: 40px;
}

.cb-col {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   padding-left: 40px;
   padding-right: 40px;
}

.cb-window__header {
   padding-bottom: 50px;
}

.__CbUiFrame.cb-window .cb-input {
   border: 2px solid #d0d0d0;
   box-sizing: border-box;
   margin-bottom: 8px;
   padding: 10px 0 10px 20px;
   width: 100%;
   border-radius: 5px;
   display: block;
   height: auto;
   min-height: 16px;
}

.__CbUiFrame.cb-window  .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton {
   padding: 13px;
   width: 100%;
   max-width: 9999px;
}




@media only screen and (min-width: 768px) {
  
   .cb-col--half {
      width: 50%;
   }

}

@media only screen and (max-width: 767px) {
   
   .__CbUiFrame.DSRegisterCheckDoubletWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow .HalfWidthContainer {
      float: none;
      width: 100%;
   }
   
   .DSRegisterCheckDoubletWindow h2.register-duplicate-check-headline {
      width: 100%;
   }
   
   .__CbUiFrame.DSRegisterCheckDoubletInfoWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow #registerframe_checkdoublet_block .doublet-login-data-container {
      border: medium none;
      float: none;
      padding-bottom: 20px;
      width: 100%;
   }

  .CbControlbar2Window #AddressData .reduced-line-height,
  .AgdokRegisterWindow #AddressData .reduced-line-height {
    /*margin-bottom: 100px;*/
  }
  div.DSRegisterCheckDoubletWindow.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right,
  div.DSRegisterCheckDoubletWindow.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.right {
    width: 100%;
  }
  div.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.left,
  div.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.left {
    width: 100%;
    padding-right: 40px;
  }
  div.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container {
    border-right: none;
  }
  
  .CbControlbar2Window #registerframe_checkdoublet_block .__CbRegButtonContainer {
     padding-right: 0;
  }

}

@media only screen and (max-width: 479px) {
  div.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container {
    border-right: none;
  }
}

@CHARSET "UTF-8";

/* This file is part of cbui.
 * Copyright © 2010-2012 stiftung kulturserver.de ggmbh <github@culturebase.org>
 *
 * cbui is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * cbui is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with cbui.  If not, see <http://www.gnu.org/licenses/>.
 */

body.no-scroll {
  overflow-y: hidden;
}

.__CbUiForm {
   padding: 0px 10px;
}

.__CbUiTitle {
    padding-left: 0;
    padding-bottom: 4px;
    padding-top: 0;
    clear: both;
    margin: 2px 15px 0;
    width: auto;
    height: 30px;
}

.__CbUiInputText,.__CbUiPassword,.__CbUiSelect,.__CbUiSearchBox,.__CbUiChooseList, .__CbUiInputTextArea {
   border: 1px solid #000000;
   font-size: 14px;
}

.__CbUiInputText,.__CbUiPassword,.__CbUiSelect,.__CbUiSearchBox {
   height: 16px;
}

.__CbUiInputText[disabled],.__CbUiPassword[disabled],.__CbUiSelect[disabled] {
   color: #FFFFFF;
   background-color: #C2C3C7;
   cursor: default;
}

.__CbUiChooseList div {
   cursor: pointer;
   margin-top: 5px;
}

.__CbUiListOddColor {
   background-color: #F8F7F0;
   margin-right: 35px;
}

.__CbUiPassword,.__CbUiSearchBox {
   width: 100%;
}

.__CbUiFieldEdited {
   color: #000000;
}

.__CbUiFieldUnedited {
   color: #c0c0c0;
}

.__CbUiTextButton {
   border: 1px solid #BDBEB2;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   color: #A73C2E;
   font-weight: bold;
   cursor: pointer;
   padding: 0 10px;
   text-align: center;
   min-width: 135px;
   text-decoration: none;
   display: inline-block;
   box-shadow: 0 0 5px rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   border-radius: 2px 2px 2px 2px;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   font-size: 11px;
   vertical-align: middle;
   line-height: 30px;
}

.__CbUiImgButton, .__CbUiCloseButton, .__CbUiLangSelectFlag, .__CbUiLangFlag {
   cursor: pointer;
   z-index: 1338;
   display: inline;
   background-position: 0px 0px;
   font-size: 0px; /* IE prevents us from making an element smaller than its font-size */
   padding: 0px;
}

.__CbUiCloseButton {
   right: 3px;
   top: 3px;
   display: block;
   position: absolute;
}

.__CbUiLangSelectFlag {
   right: 37px;
   top: 3px;
   padding-top: 10px; /* height */
   padding-left: 16px; /* width */
   padding-bottom: 1px;
   background-image: url('/module/lib/location/language_flags/16x11.png');
   float: right;
   margin-top: 3px;
}

.__CbUiLangChooseList div {
   font-weight: bold;
}

.__CbUiLangChooseList .__CbUiText.abbr {
   position: absolute;
   padding-bottom: 1px;
   padding-top: 1px;
   background-color: white;
   color: #333333;
   right: 140px;
}

.__CbUiLangChooseList .__CbUiSelected {
   background-color: rgb(180, 0, 0);
}

.__CbUiLangFlag {
   right: 110px;
   padding-top: 11px;
   padding-left: 16px;
   background-image: url('/module/lib/location/language_flags/16x11.png');
}

.__CbUiLangFlag-24x17 {
   right: 110px;
   padding-top: 11px;
   padding-left: 16px;
   background-image: url('/module/lib/location/language_flags/24x17.png');
}

.__CbUiLanguageWindow .lang-select {
    display: none;
}

.__CbUiLangListItem {
    cursor: pointer;
}

.__CbUiLangListItem:hover {
    background-color: #d9dad2;
}

.__CbUiLayer {
   width: 100%;
   height: 100%;
   position: absolute; /* fallback for IE 6 and lower */
   position: fixed; /* all browsers above IE 6 know what this is and use it */
   left: 0px;
   top: 0px;
   z-index: 1336;
   opacity: 0.25;
}

.__CbUiFrame,.__CbUiLayerFrame {
   background-color: #F7F7F1;
   z-index: 1337;
}

.video.__CbUiLayerFrame {
  background-color: #303030;
}

.__CbUiFrame {
   background-color: #F7F7F1;
}

.__CbUiLayerFrame {
/*   border: 2px solid #B40000;*/
   position: absolute;
/*   padding: 35px 20px;*/
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   overflow: auto;
}

.__CbUiLayerFrame.__CbUiLanguageWindow {
   border: none;
   padding: 0;
}

.__CbUiLoader {
   background-color: #000000;
   background-image: url('/module/jscript/lib/cb_ui/img/loader.gif');
   background-position: center center;
   background-repeat: no-repeat;
}

.__CbUiInputError {
   border-color: #ff0000;
}

.__CbUiLangSelect {
   color: #333333;
   line-height: 9px;
   font-size: 12px;
   font-family: arial;
   font-weight: bold;
   cursor: pointer;
   padding: 0px 2px;
   text-decoration: none;
   text-transform: uppercase;
   padding-top: 5px;
   display: inline-block;
}

.__CbUiFrame {
   display:none;
}

.__CbUiFrame.fullscreen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fullscreen-switch {
    display: none;
    cursor: pointer;
    padding: 0 3px 0 0;
    float: right;
}

.__CbUiPage {
   position: relative;
}

.__CbUiLangListItem {
    background: none repeat scroll 0 0 #E7E8E0;
    border-radius: 3px;
    color: #000000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 4px 10px;
    text-decoration: none;
    line-height: 19px
}

.__CbUiLangListItem .__CbUiLangFlag {
    position: absolute;
    margin-top: 4px;
}
.__CbUiLangListItem .__CbUiText.abbr  {
    width: 10px;
}

.__CbUiLangChooseList>div {
    width: 100%;
}

.__CbUiLangChooseList .__CbUiText.abbr {
    text-transform:uppercase;
    color: #333333;
    background: transparent;
    border: none;
    right: 166px;
}

.__CbUiLanguageWindow .__CbUiTitle {
   clear: both;
}

.close-overlay-container {
    height: 20px;
    position: absolute;
    right: 20px;
    top: 8px;
    width: 20px;
}

.__CbUiHeader {
    background-color: #FEFEFE;
    border-bottom: 1px solid #C5C4B0;
    border-radius: 5px 5px 0 0;
    height: 35px;
    width: 100%;
    text-align: center;
}

.__CbUiHeader.fullscreen {
    display: none;
}

.__CbUiCloseButton {
    background: url("/module/pics/close_icon.png") no-repeat;
    background-repeat: no-repeat;
    min-height: 15px;
    padding: 0;
    right: 19px;
    top: 10px;
    min-width: 15px;
}

.CbControlbar2Window .__CbUiCloseButton {
    background: url("/module/lib/framework/images/img_close-black.png") no-repeat;
    background-size: 14px 14px;
    min-height: 14px;
    min-width: 14px;
    right: 40px;
    top: 40px;
}

.__CbUiContent {
    width: 100%;
    max-width: 650px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
}
@media (max-width: 680px) {
    .__CbUiContent {
        margin-left: 15px;
        margin-right: 15px;
    }
}
    .__CbUiContent.fullscreen {
    width: 98%;
}

.__CbUiLangFlag {
    right: 136px;
}

.support-link {
    font-size: 12px;
}

.support-link a {
    color: #333333;
    text-decoration: none;
}

.pix-float-right .support {
    margin-right: 0;
    padding-right: 0;
}

.__CbUiLangChooseList {
    margin: 45px auto;
    width: 430px;
}

.overlay-container-header-handle{
   background-image: url("/module/lib/framework/pics/window_handle_icon.png");
   background-repeat: repeat-x;
   width: 100%;
   height: 35px;
   display: block;
    padding-left: 20px;
    padding-right: 50px;
    box-sizing: border-box;
    background-clip: content-box;
   position: absolute;
   top: 0;
   z-index: 0;
}

.window-caption {
    background: none repeat scroll 0 0 #FEFEFE;
    padding: 0 1em;
    position: relative;
    top: 9px;
    z-index: 10;
}

.main-navi {
   margin: 0px 0 5px;
   padding: 3px 0 3px 0;
   width: 100%;
   border-bottom: 3px solid #000;
   clear: both;
   color: #333333;
   font-size: 12px;
   font-weight: bold;
}

.main-navi a:hover,
.main-navi div:hover {
    text-decoration: underline;
}

.main-navi li {
   display: inline;
   padding: 0 10px 0 0;
   position: relative;
}

.main-navi li.pix-float-right {
   float: right;
   padding-right: 0;
   padding-left: 15px;
}

.main-navi li a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.pix-screen-title {
   color: #c00;
   font-size: 20px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: left;
   border: 0px;
   text-transform: none;
   font-weight: bold;
}

.lang-select {
    float: right;
    height: 21px;
    width: 41px;
    margin-top: 0;
}

.support {
    float: right;
    font-size: 12px;
    text-decoration: none;
    background: none;
    border: medium none;
    color: #333333;
    font-weight: bold;
    padding: 0 7px;
}

.edit-form-buttons {
    bottom: 20px;
    clear: both;
    height: 26px;
    left: 0;
    margin: 15px auto 0;
    position: absolute;
    width: 100%;
    line-height: 26px;
    color: #a73c2e;
}

.__CbUiText.contentTitle {
    font-size: 16px;
    font-weight: bold;
}

.info-container {
    display: inline-block;
    width: auto;
}

.info-container > h3, 
.info-container > div > span {
    display: inline-block;
}

.info-container > h3, 
.info-container > div > span,
.info-container .short-desc {
    cursor: pointer;
}

.styled-checkbox input {
    display: none;
}
.styled-checkbox input[type="checkbox"] + span.icon {
    background-image: url("/module/jscript/lib/cb_ui/img/radio_toggle_icon.png");
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
}
.styled-checkbox input[type="checkbox"]:checked + span.icon {
    background-position: -20px 0;
}

/* error | message | prompt | upload progress layer styles*/
.error-dialog-layer {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0px;
   top: 0px;
   z-index: 1340;
}
.__CbUiDialogWindow {
   box-shadow:  0px 3px 14px 0px rgba(50, 50, 50, 0.75);
   width: 100%;
   max-width: 600px;
}
.__CbUiDialogWindow .__CbUiOkButton{
   position: absolute;
   right: 25px;
   bottom: 17px;
}
.__CbUiDialogWindow .__CbUiCancelButton{
   position: absolute;
   left: 25px;
   bottom: 17px;
}

.error-dialog-window, .message-dialog-window {
   opacity: 1;
   width: 100%;
   max-width: 600px;
   max-height: 590px;
   min-height: 140px;
   margin: auto;
   background-color: #fff;
   box-shadow:  0px 3px 14px 0px rgba(50, 50, 50, 0.75);
   border-radius: 7px;
   position: relative;
   z-index: 1340;
   color: #333;
   padding-bottom: 60px;
}
.error-dialog-heading,.error-dialog-content, .message-dialog-heading, .message-dialog-content{
   padding: 17px 25px;
}
.error-dialog-heading, .message-dialog-heading{
   padding: 13px 25px;
   font-size: 19px;
   line-height: 100%;
   border-bottom: 1px solid #eee;
}
.error-dialog-heading {
   color: red;
}
.message-dialog-message {
   padding-top: 5px;
   padding-bottom: 5px;
   max-height: 290px;
   overflow: auto;
   color: #969682;
   font-size: 15px;
   line-height: 140%;
}
.error-dialog-error-container {
   padding-top: 5px;
   padding-bottom: 5px;
   max-height: 290px;
   overflow: auto;
   color: #969682;
   font-size: 15px;
   line-height: 140%;
}
.error-dialog-abort-container {
   text-align: right;
}
#CbUiPromptInput {
   width: 100%;
   font-size: 15px;
   padding: 10px;
   box-sizing: border-box;
}
.html5-progress {
   display: inline-block;
   height: 1em;
   width: 300px;
   border: 1px solid #E8E8E8;
   background-color: #0088cc;
   background-image: url('data:image/gif;base64,R0lGODlh6AMyAIAAAP///wAAACH5BAAAAAAALAAAAADoAzIAAAL/hI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8aNKxw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vyprgAAOw==');
   background-repeat: no-repeat;
   background-position: 0px;
}

.edit-button,
input[type="button"].edit-button {
    margin-top: 20px;
    background-image: url("/module/jscript/lib/cb_ui/img/icon_edit_button.png");
    width: 65px;
    height: 36px;
    border: none;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*! jQuery UI - v1.11.4 - 2015-04-30
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.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:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;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}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}
/* This file is part of cbautocomplete2.
 * Copyright © 2010-2013 stiftung kulturserver.de ggmbh <github@culturebase.org>
 *
 * cbui is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * cbui is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with cbui.  If not, see <http://www.gnu.org/licenses/>.
 */

.__AC_position {
   background-image:    url('/module/jscript/lib/jquery_plugins/autocomplete2/pointer.gif');
   background-position: center top;
   background-repeat:   no-repeat;
   color:               #000000;
   font-family:         Arial;
   font-size:           11px;
   padding-top:         11px;
   position:            absolute;
}

.__AC_layer {
   background-color: #F7ECCF;
   border-radius:    4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   position:         relative;
   padding:          15px 0px 10px 10px;
   z-index:          1;
}
.__AC_layer:before, .__AC_layer:after{
   content: '.';
   display: block;
   height: 0;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   clear: both;
}

.__AC_data {
   max-height:    200px;
   overflow-y:    auto;
   padding-right: 10px;
}

.__AC_close {
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/close-large.gif');
   background-size: contain;  
   cursor:           pointer;
   height:           18px;
   width:           18px;
   position:         absolute;
   right:            2px;
   top:              13px;
   z-index:          2;
}

.__AC_data div {
   padding: 2px;
}

.__AC_data div:hover, .__AC_keyhover, .__AC_ie8HoverFix {
   background-color: #F1851B;
   cursor:           pointer;
   color:            #ffffff;
}

.__AC_button {
   margin: 10px 11px 0 0;
   text-decoration: none;
   padding: 0 5px;
   font-size: 11px;
   color: #a73c2e;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   vertical-align: middle;
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
}

input.__AC_invalidated {
   background-color: #DAE1E4;
   color:            #5F7BA5;
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/glas_icon.svg');
   background-position: right center;
   background-repeat:   no-repeat;
   font-style:       normal !important;
}

.__CbUiCbTexPageContainer input.__AC_invalidated {
   background-color: #DAE1E4;
   color:            #5F7BA5;
}

input.__AC_editing {
   background-color: #F7ECCF !important;
   color:            #D95E28 !important;
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/editing.svg');
   background-position: right center;
   background-repeat: no-repeat;
   font-style:       normal !important;
}

input.__AC_validating, div.__AC_validating {
   background-color: #F7ECCF !important;
   color:            #D95E28 !important;
   background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/validating.svg');
   background-position: right center;
   background-repeat: no-repeat;
   font-style:       normal !important;
}

input.__AC_validated {
   background-color: #EDF4D8 !important;
   color:            #42443F !important;
   background-image:url('/module/jscript/lib/jquery_plugins/autocomplete2/validated.svg');
   background-position: right center;
   background-repeat: no-repeat;
   font-style:       normal !important;
}

input.__AC_freetext {
   background-color: #ECEDE1 !important;
   color:            #3F3F3F !important;
   font-style:       normal !important;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 8, 2015, 10:08:55 AM
    Author     : henningrichter
*/

/* 
   For a unified TEX window appearance include this file as
   /var/www/module/lib/framework/css/cb_tex_window.css 
   in all projects that feature editors. 
*/

.__CbUiCbTexWindow .__CbUiContent>form {
   height: 510px;
   position: relative;
}

.__CbUiCbTexPageButton,
.__CbUiCbTexSubmitButton,
.__CbUiCbTexRelatedImageButton,
.__CbUiCbTexEmbedImageButton,
.__CbUiCbTexRelatedExpandButton {
   text-decoration: none;
   font-size: 11px;
   color: #a73c2e;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(246,246,239)),color-stop(0.85, rgb(255,255,255)));
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   vertical-align: middle;
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   margin: 0 2px;
}
.__CbUiCbTexPage-1 .__CbUiEditButtons {
   margin-top: 20px;
}
.__CbUiCbTexPage-1 .__CbUiCbTexNextPageButton,
.__CbUiCbTexPage-2 .__CbUiCbTexNextPageButton,
.__CbUiCbTexPage-2 .__CbUiCbTexSubmitButton,
.__CbUiCbTexPage-2 .__CbUiCbTexPreviousPageButton,
.__CbUiCbTexPage-3 .__CbUiCbTexSubmitButton,
.__CbUiCbTexPage-3 .__CbUiCbTexPreviousPageButton {
   float: right;
}

.__CbUiCbTexAutoCompleteContainer,
.text-type-container {
   padding: 15px;
}

.__CbUiCbTexAutoCompleteContainer {
   height: 40px;
   left: 188px;
   position: relative;
   width: 430px;
}

.autocomplete-container {
   border-bottom: 1px solid #CCCCCC;
}

.__CbUiCbTexPage-2 .__ACPosition {
   padding-top: 28px;
}

#CbTexAuthorName,
#CbTexLanguageName {
   border-radius: 4px;
   float: right;
   height: 20px;
   width: 415px;
   background-position: 97% 40%;
}

#CbTexType {
   border-radius: 0;
   text-align: left;
   width: 445px;
   border: none;
}

#CbTexYearText {
   display: none;
}

#CbTexTitelText {
   width: 100%;
}

.__CbUiCbTexWindow #CbTexText,
.__CbUiCbTexWindow #CbTexTitelText {
   padding: 5px;
   width: 635px;
}

.__CbUiCbTexWindow #CbTexText {
   height: 400px;
}

.input-label {
   font-size: 12px;
   font-weight: bold;
   opacity: 0.35;
}

.inform-author-container {
   font-size: 11px;
}

.inform-author-container p {
   padding: 10px 0;
}

.inform-author-container label {
   font-weight: bold;
   padding: 0 5px;
}

.inform-author-container span {
   font-weight: bold;
   font-style: italic;
   color: #A73C2E;
}

.__CbUiCbTexWindow input[type="text"] {
   padding: 5px;
   width: 628px;
}

.__CbUiCbTexWindow textarea,
.__CbUiCbTexWindow input[type="text"] {
   border: 1px solid #CCCCCC;
   color: #000000;
   font-family: Arial,sans-serif;
   font-size: 12px;
   margin-bottom: 10px;
}

.__CbUiCbTexWindow textarea {
   min-height: 290px;
   padding: 5px;
   width: 626px;
}

.__CbUiCbTexWindow .text-type-container {
   height: 10px;
}

.text-edit-mail-intro-container {
   font-size: 11px;
   padding: 10px 0;
   text-align: left;
   border: none;
   padding: 10px 0;
}

.text-edit-mail-intro-container p {
   font-size: 12px;
}

.text-edit-mail-intro-container .input-container {
   font-weight: bold;
   border: none;
   width: 100%;
}

.text-edit-mail-intro-container .input-container label {
   border: medium none;
   font-size: 12px !important;
   width: 100% !important;
}

.text-edit-mail-intro-container .input-container .remark {
   color: #9B0000;
   font-style: italic;
   margin-left: 10px;
}

.text-edit-mail-intro-container .input-container input,
.film-genre-cat-block .option-container input {
   width: 15px;
   margin: 0;
   border: none;
}

.text-edit-mail-intro-container input[type="checkbox"] + span.icon,
.film-genre-cat-block input[type="checkbox"] + span.icon {
   background-image: url("../images/radio_toggle_icon.png");
   background-position: 0 0;
   display: inline-block;
   height: 20px;
   margin-right: 5px;
   padding: 0;
   vertical-align: middle;
   width: 20px;
}

.text-edit-mail-intro-container input[type="checkbox"]:checked + span.icon,
.film-genre-cat-block input[type="checkbox"]:checked + span.icon {
   background-position: -20px 0;
}

.text-edit-mail-intro-container input[type="checkbox"],
.film-genre-cat-block input[type="checkbox"] {
   display: none;
}

.text-edit-mail-intro-container input,
.film-genre-cat-block input {
   margin: 10px 10px 0 20px;
}

.autocomplete-container .input-label.__CbUiText {
   left: 15px;
   position: relative;
   top: 35px;
}

.__CbUiCbTexPage-2 .__AC_position {
   padding-top: 30px;
}

.__CbUiLayerFrame {
   overflow: visible !important;
}

.__CbUiEditButtons {
   width: 650px;
   margin: 10px 0;
   padding: 0 0 0 0;
   list-style: none;
   bottom: 10px;
}

.__CbUiEditButtons div.__CbUiRelatedMenu {
   margin-right: 20px;
   float: left;
   position: relative;
}

.__CbUiCbTexRelatedButtons {
   display: none;
   position: absolute;
   bottom: 0;
   min-width: 100%;
   list-style: none;
   width: 180px;
   padding: 5px 0;
}

.__CbUiCbTexRelatedButtons button {
   background-color: transparent;
   background-image: none;
   border: medium none;
   box-shadow: none;
   color: #333333;
   padding: 15px;
   cursor: pointer;
   line-height: 5px;
   text-align: left;
}

.__CbUiCbTexRelatedButtons button:hover {
   color: #A73C2E;
}


.__CbUiCbTexRelatedImagesBlock {
   /*margin: 10px 0 20px;*/
   padding: 2px;
   min-height: 50px;
}

.__CbUiCbTexRelatedImagesThumbs,
.__CbUiCbTexRelatedImagesContainer {
   text-align: left;
   float: left;
}

.thumb-container {
   position: relative;
   float: left;
   width: 171px;
   height: 191px;
   margin: 5px 17px 20px;
}

.__CbUiCbTexRelatedImagesThumbs.ui-sortable .thumb-container .image-tile-item {
   background: transparent;
   border: none;
   box-shadow: none;
   height: 100%;
   width: 100%;
   padding: 0;
}

.__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   height: 440px;
   width: 640px;
   overflow: scroll;
   border-bottom: 1px solid #333333;
}

.__CbUiCbTexRelatedImagesThumbs.ui-sortable:empty {
   height: 0;
   border: none;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-delete,
.__CbUiCbTexRelatedImagesThumbs .thumb-button-edit {
   display: none;
   text-align: right;
   width: 25px;
   height: 25px;
   color: #fff;
   font-size: 10px;
   cursor: pointer;
   position: absolute;
   right: 0;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-delete {
   top: 0;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-edit {
   bottom: 0;
}

.__CbUiCbTexRelatedImagesThumbs .thumb-button-delete img,
.__CbUiCbTexRelatedImagesThumbs .thumb-button-edit img {
   margin: 0 5px 0 0;
}

.__CbUiCbTexRelatedExpandButton {
   background: url("/module/jscript/lib/cb_ui/img/selectbox_arrow_icon_up.png") no-repeat scroll 110px 12px #FAFAF6;
   font-family: Arial, Helvetica sans-serif;
   padding-right: 25px;
}

.__CbUiCbTexRelatedButtons {
   background-color: #F0F0F1;
   background-image: -webkit-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   background-image: -moz-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   background-image: -ms-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   background-image: -o-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%);
   border: 1px solid #CCCCCC;
   bottom: 16px;
   box-shadow: 0 1px 5px #999999;
}

.__CbUiCbTexWindow .__CbTexGeoCoordinates {
   padding: 20px 0;
   border-bottom: 1px solid #ccc;
   margin-bottom: 20px;
}

.__CbUiCbTexWindow .CbTexArticle2Media {
   border-bottom: 1px solid #ccc;
}

.__CbUiCbTexWindow .__CbTexBubbleOpen {
   padding: 20px 0 20px;
   margin-bottom: 20px;
   border-top: 1px solid #ccc;
}

.__CbUiCbTexWindow .__CbTexGeoCoordinates input[type="text"] {
   width: 120px;
   margin: 0 20px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent {
   height: 474px;
}

.__CbUiCbTexWindow span.tile-item-positioner {
   text-align: center;
   float: left;
   width: 100%;
   height: 100%;
   padding: 4px;
   margin: 2px;
   position: relative;
   border: 1px solid #CCCCCA;
   border-radius: 4px;
   background: #ffffff;
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 2px 2px 5px rgb(189,190,178);
   box-shadow: 2px 2px 5px rgb(189,190,178);
   display: table;
}

.__CbUiCbTexWindow .image-tile-preview-info {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.__CbUiCbTexWindow .cursor-area {
   height: 140px;
   left: 7px;
   position: absolute;
   top: 30px;
   width: 100%;
   cursor: url("../media/images/move.png") 15 15, auto;
}

div#form_upload {
   z-index: 1338;
   left: -1001px;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
   box-sizing: border-box;
}

body {
   font-family: Helvetica,Arial,sans-serif;
}

.__EventScrollLock {
    overflow: hidden;
}

.__CbUiInputError {
   border-color:red !important;
   /* border: 1px solid red !important; */
}

.__CbUiLayer.__CbUiLoader {
   z-index: 10000 !important;
}

.__EventWindow {
	width: 930px;
	min-height: 620px;
  overflow: visible;
}

.__EventWindow .__EventContainer td {
	position: relative;
}

.__EventWindow .__EventContainer .__EventSideMenu {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	background-color: #fff;
	box-shadow: 0 0 10px #999999;
	list-style: none;
	z-index: 10;
}

table.__EventContainer {
    table-layout: fixed;
}

table.__EventContainer td:not(.__EventState) {
    overflow: hidden;
}

.__EventContentAvailable,
.__EventNoContentAvailable {
	display: none;
}

.__EventContentAvailable {
    height: 440px;
    overflow-y: auto;
}

.__EventTab {
	/* padding-button should cover .__EventTabFooter's height */
	padding-bottom: 130px;
}

#__EventTabMyOverview {
    padding-bottom: 100px;
}

#__EventTabMyOverview .__EventTabFooter {
    height: 110px;
}

.__EventTabFooter {
	height: 128px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.__EventWindowHeader .__EventOverviewWindowButton {
    margin-right: 40px;
}

.__EventLeftColumn,
.__EventRightColumn {
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        float: left;
}

.__EventLeftColumn {
	margin: 20px 0;
}

.__EventRightColumn {
	margin: 27px 0 20px;
}

.__EventAutocompleteContainer {
	position: relative;
}

.__EventContainer tr {
    border: medium none;
    height: 41px;
    cursor: pointer;
}

.__EventContainer tr:not(.__EventHeader):hover {
    background: #f7f7f7;
}

.__EventContainer td {
    border-bottom: 1px solid #cccccc;
    height: 20px;
    position: relative;
    white-space: nowrap;
}

.__EventContainer .__EventFadeScreen {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}

.__EventContainer .__EventFadeScreen.grey {
    display: none;
}

.__EventContainer tr:hover .__EventFadeScreen.grey {
    display: block;
}

.__EventContainer tr:hover .__EventFadeScreen.white {
    display: none;
}

.__EventContainer .__EventFadeScreen.white,
.__EventContainer .__EventFadeScreen.grey {
    background-color: transparent;
}

.__EventTabButton.__EventActiveTab {
    background-color: #ffffff;
}

.__EventWindowHeader .__EventTabButton {
    padding: 0 18px;
}

.__EventInfoCntnr .__EventInputInfo,
.__EventInfoCntnr .__EventInputErrorInfo {
    display: none;
    margin-bottom: 10px;
}

.__EventInfoCntnr .__EventInputErrorInfo {
   color: red;
   font-size: 13px;
}

.__EventInputInfo {
    color: #555555;
}

.__EventAddMediaButtonContainer,
.__EventMediaItem {
    width: 48%;
    height: 130px;
}

.__EventAddMediaButtonContainer {
    background: url(/event/media/images/img_plus-icon.jpg) no-repeat right 10px top 10px transparent;
    display: inline-block;
}

.__EventAddMediaButton,
.__EventMediaItem {
    width: 48%;
    height: 130px;
    border: 2px solid #c0c0c0;
    background-size: contain;
    border-radius: 5px;
}

.__EventAddMediaButton {
    width: 100%;
    cursor: pointer;
    outline: none;
}

.__EventMediaItem {
    margin-right: 2%;
    margin-bottom: 7px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset;
    float: left;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.__EventMediaItem img {
	width: 100%;
	height: auto;
}

.__EventDeleteMediaItemButton {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #c9c3b8;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    box-shadow: 0 0 5px rgb(189, 190, 178);
    background: url(/event/media/images/img_event-terminate.png) no-repeat center center #ffffff;
}

.__EventEditMediaItemButton {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid #c9c3b8;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    box-shadow: 0 0 5px rgb(189, 190, 178);
    background: url(/event/media/images/img_pics-edit.png) no-repeat center center #ffffff;
}

.__EventRightColumn input::-webkit-input-placeholder {
   color: #555555;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input:-moz-placeholder { /* Firefox 18- */
   color: #555555;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input::-moz-placeholder {  /* Firefox 19+ */
   color: #555555;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input:-ms-input-placeholder {
   color: #555555;
   font-style: normal;
   font-size: 1.1em;
}

input.__EventCmnToggleRound + label {
   padding: 2px;
   width: 44px;
   height: 24px;
   float: right;
   background-color: #dddddd;
   border-radius: 20px;
   margin-top: 7px;
}

input.__EventCmnToggleRound + label:before,
input.__EventCmnToggleRound + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.__EventCmnToggleRound + label:after {
  width: 22px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: margin 0.4s;
}

input.__EventCmnToggleRound + label::before {
    background-color: #f1f1f1;
    border-radius: 20px;
    right: 1px;
    transition: background 0.4s ease 0s;
}

input.__EventCmnToggleRound:checked + label:before {
    background-color: #757575;
}

input.__EventCmnToggleRound:checked + label:after {
  margin-left: 20px;
}

.__EventLeftColumn .__EventSwitch {
    float: none;
    margin: 40px 0;
}

.__EventToggleText {
  color: #757575;
  margin: 0;
  position: static;
  float: right;
  padding: 2px 10px 0 0;
  text-transform: uppercase;
  font-size: 14px;
}

.__EventMediaContainer {
  margin-bottom: 20px;
  max-height: 440px;
  overflow: auto;
}

.__EventAddMediaButton {
    background: url(/event/media/images/img_camera.png) no-repeat center center transparent;
}

.__EventDescTabMedia {
    font-size: 16px;
}

.__EventCopyrightInfoText {
    display: none;
    font-size: 13px;
}

.__EventSideMenu button[value="1"] {
  border: none;
  background: url(/event/media/images/img_event-published.png) no-repeat transparent;
}

.__EventSideMenu button[value="0"] {
  border: none;
  background: url(/event/media/images/img_event-unpublished.png) no-repeat transparent;
}

.__EventSideMenu button[value="2"] {
  border: none;
  background: url(/event/media/images/img_event-terminate.png) no-repeat left 5px top 6px transparent;
}

.__EventDeleteLocationButton,
.__EventDeleteOrganisationButton {
  background-image: url(/event/media/images/img_close-event.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F7ECCF;
  border: none;
  position: absolute;
  right: 3px;
  top: 4px;
  display: none;
}

.__EventNoContentAvailable .__EventRightColumn {
  position: absolute;
  bottom: 25px;
  right: 0px;
  padding: 0 4%;
  margin-bottom: 0;
}

.__EventNextTabButton, .__EventSaveButton {
    bottom: 25px;
    position: absolute;
    right: 5%;
    width: 40%;
}

.__EventDescriptionField {
    height: 17em;
    resize: vertical;
}

.__EventWindow .__EventContainer .__EventStatus {
  display: inline-block;
  width: 5px;
  height: 36px;
  float: left;
  margin-right: 5px;
}

.__EventWindow .__AC_button {
   display: block;
}

.__EventWindow .__AC_position {
  z-index: 100;
}

.__EventNewAddressPopUp {
   position: absolute;
   top: -20px;
   left: -2.5%;
   background-color: #fff;
   z-index: 10;
   padding: 10px;
   border: 1px solid #ccc;
   box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.75);
   width: 107.5%;
}

.__EventNewAddressPopUp button {
   cursor: pointer;
   border-color: #456771;
   width: 50px;
   height: 26px;
   background-repeat: no-repeat;
   background-position: center center;
   display: block;
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
   linear,
   left bottom,
   left top,
   color-stop(0.15, rgb(246,246,239)),
   color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   float: right;
}

.__EventNewAddressSave {
   background-image: url(/module/lib/framework/images/edit_save_icon.png) !important;
}

.__EventNewAddressCancel {
   background-image: url(/module/lib/framework/images/edit_close_icon.png) !important;
   margin-right: 10px;
}

.__EventNewAddressHeader {
   font-size: 0.8em;
}

/* datepicker */

.datepick a {
   text-decoration: none;
}

.datepick td {
   text-align: center;
}

.datepick {
   width: 100% !important;
}

.datepick-popup {
   z-index: 1338;
   background-color: #f7f7f7;
   box-shadow: 0px 3px 15px 0px rgb(0, 0, 0, 0.39);
   padding: 10px;
   width: 320px;
   border: 2px solid #adabab;
}

.datepick-popup table {
   width: 100%;
}

.datepick-nav {
   position: relative;
   margin-bottom: 10px;
}

.datepick-cmd-today {
  text-align: center;
  display: block;
}

.datepick-cmd-prev {
  position: absolute;
  top: 0;
  left: 0;
}

.datepick-cmd-next {
  position: absolute;
  top: 0;
  right: 0;
}

.datepick-month-header select {
   border-radius: 0;
}

.datepick-ctrl {
   margin-top: 10px;
   position: relative;
}

.datepick-cmd-clear {
  float: left;
}

.datepick-cmd-close {
   float: right;
}

.__EventDatepickContainer {
   position: relative;
}

.datepick-trigger {
   position: absolute;
   top: 8px;
   right: 8px;
   width: 20px;
   height: 20px;
   background-image: url(/event/media/images/calendar.png);
   cursor: pointer;
}

.__EventNewAddressPopUp .__EventInputErrorInfo {
  display: none;
  color: red;
  font-size: 0.8em;
}

.__EventNewAddressPopUp .__CbUiInputError + .__EventInputErrorInfo {
  display: block;
}

.__EventWindow .list-prefix,
.__EventWindow .__EventResponsiveMenuBtn  {
   display: none;
}

select.__EventNewAddressCategory,
select.__EventNewAddressOrganiserLocationType {
    padding-left: 13px;
    padding-top: 0;
}

/**  START  resolve conficts with default.css from module */

.__EventWindow .__EventContainer td {
    color: #aaa;
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
    font-size: 16px;
}

.__EventWindow .__EventDetailWindowButton {
    width: 45%;
    padding: 16px 20px;
    margin-top: 39px;
    transition: background-color .2s ease-in-out;
    outline: none;
}

.__EventWindow .__EventNextTabButton {
    bottom: auto;
    margin-top: 20px;
}

.__EventWindow .__EventNextTabButton,
.__EventWindow .__EventSaveButton {
    letter-spacing: .15em;
    transition: background-color .2s ease-in-out;
    outline: none;
}

.__EventWindow .__EventTabFooter .__EventExpertModeBtn,
.__EventWindow #__EventTabMyOverview .__EventExpertModeBtn  {
    padding: 14px 14px;
    outline: none; 
    transition: all .2s ease-in-out;
}

.__EventWindow .__EventTabFooter {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
}

.__EventWindow #__EventDetailForm,
.__EventWindow #__EventTabMyOverview {
    font-size: 16px;
}

.__EventWindow button.__CbUiCloseButton.__EventWindowCloseButton {
    top: 0;
    right: 0;
}

.__CbUiFrame.__EventWindow {
    background-color: #fff;
}

/**  END  resolve conficts with default.css from module */

@media only screen and (max-width: 767px) {
   .__EventWindow .__EventPaddedBoxBg {
      display: none;
   }
   .__EventWindow .__EventRightColumn {
      margin-top: 0;
   }
   .__EventWindow .__EventLeftColumn .__EventSwitch {
      margin: 30px 0;
   }
   .__EventWindow .__EventWindowHeader {
      padding-left: 0;
      padding-top: 5px;
      padding-bottom: 5px;
   }
   .__EventWindow .__EventTabButton {
      display: block;
      border: none;
   }
   .__EventWindow .__EventActiveTab {
      background-color: transparent;
   }
   .__EventWindow .__EventWindowHeader {
      background-color: #f7f7f7;
      border-bottom: 1px solid #c0c0c0;
   }
   .__EventWindow .__EventWindowHeader button.__EventTabButton,
   .__EventWindow .__EventWindowHeader button.__EventTabButton.active {
      border: none;
      background: transparent;
      height: 40px
   }
   .__EventWindow .__EventTabButton:not(.active) {
      display: none;
   }

   .__EventWindow .__EventTabButton:not(:empty) {
      min-height: 0;
      box-sizing: border-box;
   }

   .__EventWindow .__EventTabButton .list-prefix,
   .__EventWindow .__EventResponsiveMenuBtn {
      display: inline-block;
   }
   .__EventWindow .__EventResponsiveMenuBtn {
      background: transparent url("/event/media/images/toggle_view_big_list_icon.png") no-repeat scroll center center / contain ;
      cursor: pointer;
      height: 20px;
      position: absolute;
      right: 115px;
      top: 15px;
      width: 20px;
      z-index: 10;
   }
   .__EventWindow .__EventResponsiveMenuBtn.collapsed {
      background-image: url("/event/media/images/toggle_view_big_list_icon.png");
   }
   .__EventWindow .__EventResponsiveMenuBtn.open {
      background-image: url("/event/media/images/toggle_view_big_list_icon_grey.png");
   }
   .__EventWindow .__EventWindowHeader .__EventOverviewWindowButton {
      position: absolute;
      right: 0px;
      top: 0;
      height: 51px;
      padding: 10px;
      margin: 0;
      border-left: 1px solid #c0c0c0;
      border-bottom: 1px solid #c0c0c0;
   }
   .__EventWindow .__EventWindowHeader .__EventWindowCloseButton{
      border: none;
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: #ffffff;
      border-left: 1px solid #c0c0c0;
   }
   .__EventWindow .__EventTabFooter .__EventDetailWindowButton {
      width: 100%;
      margin-top: 20px;
   }
   .__EventWindow .__EventTab .__EventSaveButton,
   .__EventWindow .__EventTab .__EventNextTabButton {
      width: 90%;
   }
   .__EventTab {
      padding-bottom: 90px;
   }
   .__EventWindow .show-tab {
      display: block !important;
   }
   .__EventWindow .hide-tab {
      display: none !important;
   }
}


/* @todo: new event window css should be merged here */
.__EventWindow {
	background-color: #fff;
	width: 930px;
        border: 3px solid #ffffff;
        border-radius: 0px;
        box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.83) !important;
}

.__EventWindow .__EventContainer {
	margin: 40px auto 70px;
	width: 91.5%;
	border-collapse: collapse;
   font-size: 15px;
}

.__EventWindow .__EventContainer th,
.__EventWindow .__EventContainer td {
	font-weight: normal;
}

.__EventWindow .__EventContainer th {
	color: #ccc;
	text-align: left;
}

.__EventWindow .__EventContainer td {
	color: #aaa;
	border-bottom: 1px solid #cccccc;
}

.__EventWindow .__EventContainer tbody td {
	color: #808080;
}

.__EventWindow .__EventContainer .__EventSideMenu {
	margin: 0;
	padding: 10px;
}

.__EventWindow .__EventContainer .__EventSideMenu li {
	margin-bottom: 10px;
}

.__EventStatus.__EventPublished {
    background-color: #00bb00;
}

.__EventStatus.__EventNotPublished {
    background-color: #bb0000;
}

.__EventWindow .__EventPaddedBoxBg {
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    height: 63px;
    position: absolute;
    width: 100%;
    z-index: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.__EventTabFooter {
    padding-left: 40px;
    padding-right: 40px;
}

.__EventWindowCloseButton, __EventWindowCbLink{
    border: none;
}

.__EventWindowHeader {
    padding-left: 36px;
}

.__EventWindowHeader button, .__EventWindowHeader a {
    background: transparent;
    position: relative;
    height: 63px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}

.__EventWindowHeader .__EventWindowCloseButton {
    background: url("/event/media/images/img_close-black.png") no-repeat scroll center center transparent;
    width: 80px;
    border-left: 1px solid #cccccc;
}

.__EventWindowHeader .__EventWindowCbLink {
    display: none;
    background: url("/event/media/images/icon_cb_small.png") no-repeat scroll center center transparent;
    width: 80px;
    border-left: 1px solid #cccccc;
}

.__EventWindowHeader a.__EventWindowSupportLink {
    float: right;
    line-height: 63px;
    margin-right: 20px;
    font-weight: 700;
    text-decoration: none;
}
.__EventWindowHeader [class~='langLink']:last-of-type{
    margin-right: 10px !important;
    position: relative;
}
.__EventWindowHeader [class~='langLink']:last-of-type::after{
    content:'';
    position: absolute;
    top: 22px;
    right: -7px;
    width: 2px;
    height: 20px;
    background-color: #000;
}
.activeLang.lang_EN .langLinkEN,
.activeLang.lang_DE .langLinkDE{
    color: #000;
    pointer-events: none;
}
.__EventWindowHeader .__EventTabButton {
    border-top: none;
    border-right: 1px solid #cccccc;
    border-bottom: none;
    border-left: 1px solid #cccccc;
    color: #c0c0c0;
    margin-right: -1px;
    outline: none;
}

.__EventWindowHeader .__EventTabButton.active {
    background: #ffffff;
    height: 65px;
    margin-top: -1px;
}

.__EventWindowHeader .__EventOverviewWindowButton {
    border: none;
    float: right;
    color: #757575;
}

.__EventNextTabButton,
.__EventDetailWindowButton,
.__EventExpertModeBtn,
.__EventSaveButton {
    background-color: #757575;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    display: block;
/*    font-weight: bold;*/
    height: auto;
    letter-spacing: 0.3em;
    line-height: 14px;
    min-height: 16px;
    padding: 16px 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.__EventDetailWindowButton {
   width: 45%;
   margin-top: 40px;
   float: right;
}
.__EventExpertModeBtn {
   float: left;
   margin-top: 40px;
   width: 100%;
   height: 46px;
   border: medium solid #757575;
   background-color:transparent;
   color: #757575;
}

.__EventTabFooter .__EventExpertModeBtn {
    width: 45%;
}

.__EventRightColumn > input {
    border: 2px solid #d0d0d0;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 10px 0 10px 20px;
    width: 100%;
    border-radius: 5px;
    display: block;
    height: auto;
    min-height: 16px;
}

.__EventLeftColumn,
.__EventRightColumn {
	padding: 0 5%;
}

.__EventRightColumn input {
	color: #000;
	width: 100%;
	padding: 0.7em 1em;
	border-radius: 5px;
	margin-bottom: 13px;
	border: 2px solid #ccc;
	font-size: 0.8em;
  height: auto;
  background-position: 98% center;
}

/*
 * We need a separate rule for each vendor prefix
 * otherwise they will be ignored
 */

.__EventRightColumn input::-webkit-input-placeholder {
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input:-moz-placeholder { /* Firefox 18- */
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input::-moz-placeholder {  /* Firefox 19+ */
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input:-ms-input-placeholder {
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventTabButton[data-target="MyOverview"] {
    background: #ffffff;
    color: #383838;
}

.__EventTabButton.__EventActiveTab {
    color: #383838;
}

.__EventInfoCntnr {
    padding-top: 60px;
}

.__EventInputInfo {
  font-size: 13px;
}

/*
 *************************
   OVERVIEW-TAB
 *************************
*/
.__EventDetailWindowButton {
    width: 45%;
    margin-top: 40px;
}

.__EventNoContentAvailable .__EventDetailWindowButton {
    width: 100%;
}

.__EventWindowCloseButton,
.__EventWindowCbLink{
    float: right;
    top: 0;
    right: 0;
}

.__EventSideMenuButton {
    background: url("/event/media/images/img_table_dropdown.png") repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none;
    height: 21px;
    width: 25px;
}

.__EventSideMenu button {
    cursor: pointer;
}

.__EventSideMenu .new-copy {
   border-top: 1px solid #cccccc;
   border-right: none;
   border-bottom: none;
   border-left: none;
   background: transparent;
   padding: 0;
}

.__EventContainer .__EventHeader td {
    padding-bottom: 9px;
    color: #c0c0c0;
}

.__EventContainer .__EventHeader td.selected {
    color: grey;
}

.__EventContainer .__EventHeader td.selected.asc:after {
    content:' ↑';
}

.__EventContainer .__EventHeader td.selected.desc:after {
    content:' ↓';
}

.__EventState img,
.__EventState button {
    float: left;
}

.__EventState img {
    visibility: hidden;
}

tr:hover .__EventState img {
    visibility: visible;
}

tr:hover .__EventSideMenuButton {
    background: url("/event/media/images/img_table_dropdown_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    background-size: 18px;
}

.__EventSideMenu button {
  width: 190px;
  height: 30px;
  font-size: 13px;
  padding-bottom: 8px;
  padding-left: 40px;
  text-align: left;
}

.__EventSideMenu button[value="1"] {
  border: none;
  background: url("/event/media/images/img_event-published.png") no-repeat transparent;
}

.__EventSideMenu button[value="0"] {
  border: none;
  background: url("/event/media/images/img_event-unpublished.png") no-repeat transparent;
}

.__EventWindow .__EventResponsiveMenuBtn.collapsed {
  background: transparent url("/event/media/images/toggle_view_big_list_icon.png") no-repeat scroll center center / contain ;
}

/*
 *************************
   EVENT-TAB
 *************************
*/

/*
 *************************
   DESCRIPTION-TAB
 *************************
*/

.__EventWindow .styled-select,
.__EventDescriptionField {
    border: 2px solid #c0c0c0;
    border-radius: 5px;
    margin-bottom: 14px;
    width: 100%;
}

.__EventWindow .styled-select {
    background: url("/event/media/images/img_table_dropdown_hover.png") no-repeat scroll right 3% center / 5% auto rgba(0, 0, 0, 0);
    background-size: 5%;
    min-height: 34px;
}

.__EventWindow select {
    line-height: 30px;
    min-height: 30px;
    padding-bottom: 3px;
    padding-top: 4px;
    padding-left: 0.7em;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    border: none;
    background: transparent;
}

.__EventCheckboxElement {
  float: left;
  position: relative;
  width: 50%;
  margin-bottom: 10px;
}

.__EventCheckboxElement input {
  visibility: hidden;
  width: 15px;
  height: 18px;
  background: #ddd;
  border-radius: 100%;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.__EventCheckboxElement .__EventCheckboxIndicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;
  top: 11px;
  left: 5px;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.__EventCheckboxElement .__EventCheckboxLabel {
  font-size: 12px;
  font-family: 'Apex Sans', 'Helvetica', 'Arial', 'sans-serif';
  margin-left: 5px;
  color: rgb(66,62,63);
  cursor: pointer;
}

.__EventCheckboxElement input[type=checkbox]:checked + label .__EventCheckboxIndicator {
  background: #757575;
}


.__EventWindow .bootstrap-switch {
    float: right;
}

.bootstrap-switch .bootstrap-switch-label {
  top: 0;
  right: 17px;
}

#lang-button {
    position: absolute;
    top: 100px;
    right: 60px;
}





.dropdown-tree > ul{overflow-y: auto;overflow-x: hidden;white-space: nowrap;}
.dropdown-tree li{list-style: none}
.dropdown-tree li > i {margin-left: 10px;}
.dropdown-tree li:hover{ background: #eee;}
.dropdown-tree li:hover ul { background: white; }
.dropdown-tree li:hover ul li:hover { background: #eee; } 
.dropdown-tree a{display: inline-block !important;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;text-decoration: none;background:transparent !important; position: relative;}
.dropdown-tree .arrow{position: absolute;margin-left: -15px;top: 50%; transform: translateY(-50%);}
/*RTL CSS*/
.rtl-dropdown-tree{direction: rtl !important}
.rtl-dropdown-tree > ul{right: 0 ; left: unset; text-align: right}
.rtl-dropdown-tree .arrow{right: 6px}
.rtl-dropdown-tree li > i {margin-left: 0;margin-right: 10px;}

.dropdown-tree button.btn.btn-default.dropdown-toggle {
    width: 100%;
    text-align: right;
    display: none;
}

div#category-characteristics-dropdown {
    display: none;
}

@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    /*z-index: 9999;*/
    display: block;
    position: relative;
    color: #333;
    /*background: #fff;*/
    /*border: 1px solid #ccc;*/
    /*border-bottom-color: #bbb;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*.pika-single,
.pika-label {
    z-index: auto;
}*/

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 100%;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 99;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    /*background-color: #fff;*/
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 98;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

.pika-table abbr {
    border-bottom: none !important;
    text-decoration: none !important;
    cursor: help;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/**
 * cb-player.css, based on video-js.css
 */
@charset "UTF-8";
.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center; }

@font-face {
    font-family: VideoJS;
    src: url("font/VideoJS.eot?#iefix") format("eot"); }

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA4wAAoAAAAAFfAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBGNtYXAAAAE0AAAAOgAAAUriLxC2Z2x5ZgAAAXAAAAnnAAAO5OV/F/5oZWFkAAALWAAAACoAAAA2CsZ2fWhoZWEAAAuEAAAAGAAAACQOogcfaG10eAAAC5wAAAAPAAAAeNIAAABsb2NhAAALrAAAAD4AAAA+MMgtQm1heHAAAAvsAAAAHwAAACABLwB5bmFtZQAADAwAAAElAAACCtXH9aBwb3N0AAANNAAAAPkAAAF5vawAenicY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoyw7iLmSHCDOCCADu/Qo9AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/v8PUvCREUTzM0DVAwEjG8OIBwCOWgbUAAB4nI1XfVBU1xV/574vlsUlj/14grDs48FuAgaR3X2LEnY3UZSgEkTwAySAgkIwI8bRfFDjTszYCWRMW9lNa4y2meokmq+2k5ia0dpkmknbkWgSSW3GyaaNf0RTx0wxX7A3Pe/tQmIgHXf3vXvvueeee+45v3POXQYY/PCD/CBDGAYkIE2sxg+OXSJmhmH1OaFX6MU5C5PDMCZi5Rg2i+ELGSthwM14NCbgYGSBIZfhFA1H6Zu0OS0NDkMVfg+npdFm+maCvigI0JBIQIMg0BdJGdTj9ylj7nr+b97+Hl8C1+H2xNAvjPqxjIgaKtItICkSnIISeo40QQls4xxjlzgHsnGGvi7BxQiMlSlkPMhfCh67rAUEUQ6CHxW2O7JARCkKnlUQ7UEIyAEQZe4MdDW9xr5OPFuKbubpRxcPDY8da4MOelDfAYJLW+sGKn/Vlmjfv5+NdB4oOfTazJn3tGxZtL9xFNZX7PPRUbjcRg/SMB2EL+gblXn7shbO/WUbF9u/H5XQ9eKO8iMMr9tY35qYoRi20wGuXV/CHaGDk2fdgHwCk5HUXQpCcgHfBV2NjV3jkq4PHTSUSBwuOQALvxPAps6fiftk6P6yJpcm5bB4dFkgoh195mbiSTnkL3jupq7jh4ZZdvjQRVB4PPx3SsVTu5D/6kd85RU66ttXAeuuXYN1E/Y2sMMzZkZiZNRZlRS/ynr9Xr8Cql2RVNbutXslYo7B9ngsFqcDbCQO22PxeIxcpgMxkh6PjUdwkvw6hvRpZeoCFKshDQzJVr++DWyLx+hAXJcGp3TJMV1ME45xCNvHLsWRrpOZSduOoG0zERuIIwuIkhNkBREglQKLiODD45FQE0BTiE214xE2wp8zOt9NjH3GRtDMk7Ehoq2tzCzGxdyMEQJuD0qGIrQ58ApoWQE3D2h1h6zwuB14wYFIDAA5CZ11jT+92gFZ7B7/p7+hV8jFxBl4aG03wLiVXtBbCylLfIJzkPUAvWAw0yvsVdKdBbC6nnruP/RFkHqWJLZ2Auxdtgy+6qTf7l1WswTJcJ6mGVxwXj92UtfU2WXUNX+qBUCxK6D4FR4f/cufG1sZbiSkMcwdMdoxBxTTEXIp4SCXMNhHoFjvTTFP4vkoPReNRmPRCTwa+3qY0DR7qn7Vjh612wRRTaI04HWCnZ+gIzvS/ZJP0+mynphCui4hzmG0id6+aLSv2BV3FQMYDTHrlGQ/SZ+q4ZdF8aLa5Ar8GW3tVNKEj13cF0buMaesx1i9CL/Uo1tM0h+74o9HjQ+UcPaxy8mH9ccwK8KpKA3rHdIUjTKpfIBxuokpxUGBIILm84ATvHh8tAIe2iZj8KvYwUOXawHMVNgxZvlwSa0z8Zkokkxn3ey2nYTsbMO3mPh8cji7zklsPLD9a9f2s2w/uSt/FgSytWzw5bmS3PielU1P56aGrlz6NzlnbT8h/Wtb+1OxIqxBbC9g7kINUbtAEDxsKWSCe46eltCPmaiUxy2IrODIB8EmixaQrU4IAQ6THg6BFpAdWsCquT16DkL9ccIC/FGeP5AuiDExe8bx+QtzWVsmHcm0kdzqecdn5IhRkTc/zfNPm3ns5sw4Pq86l9gyofh6jkTF5iFChjYbbzZQWFvYb8qZAWyGiV9ya+5bFgnzpuWt3FuX8KYMmsiYZepPseBgGhZcOMt0+4Q8fDOTftJjHIuhdaLsFXFM9AclTi9jbGRq8ZvIOykZei77kfo53eoppVPovbGiyV63p/p/dkWETTjmhjTIm8RP284b04bcNYlRsvO6Gp2JeaiIueVHsgJGF2aASlCQLuG8EsBomzb++/AXmwhaOoLhL7iQ4/uc449gWJ56/XWDARn74v/PL1bRBB4TBEyYrqezSkUPHaWjPWCm13ogAzJ66LVpbTEuXccDZlyXxBQ/IrzKOPS7gAkkIyZ0N6joE6M246aDsO1kgucTJ/EdFWA5pbAcTfoSP4hJeBCni7nEn5IclL4kpDgmMMuH8Kpk0+WrBUIeKCyWS0nPVz7NW86Hnl55GxR5KB3+9tszL+wVRulXNTUn6D8SJvIl3PzP46eZST/tQTllTDXTzmxCaTYna7eJAqcWuD1ulBXQsMz5fQEBCfowCF5FVDF/2yysB9OW5veVEtRAFOy41FoeJEiAOZhDiFstsKAwJ8Hijs72q1jWvWx+uKU5XFZDLx189OK8ojW1u0By5dtLHUN/rwkte68PnhnYVbt0bvWiub9w1+f4C0L3hIuXZ8+xlVSt0eb3tgQsmVZnem5R3U0uf/fmFdqiLTvY3nPnet5/v4f9pLB6QX2krnnFQ1tXtN+2ePlAaUNWcfiWwrncn4ca9ml3hFeHHm+u2bq4MhxUZs3bMH/3jgaPUtlVunFjg2/8yRzf3cHsssKZqlnOqyCWworWykW9lXnspk0ffrjpfCreIpjPWbwnFxt3PAkcQgkUuH1auUMf+txJQ0hK1k1zsNaqQdaLMxfoq9AGGxtJQ+fGw53cE/TY8pWhJruZHiMAcCexFS/eGDp6hntiXGE/gvI7163b29ExfiHxNsnqub/a6/QmPoAn4GpZ2c9cZRX5/57IWUNYuubiQBAddhuxAKe6PA5vuV5dkk0VXkMM3zk42W3Awrgka8LQgjZY+tQIffd5+vnHasnHL/cczldyS4r79i6su6Nu9oPQ8lbaid2Pt9/bXtTTynevq7bkPkITV47d+3NugOzo4M3y77Zxbnb2nhWrl0T/kO4u3H1ig33e1lD6JDYjiKkCHOioF0pZv6T6gxxipxLNhFc8xERA48vq5ZfXdL/QV6c8W3PfwjIsZyI3Csvo72e4FpTVwTv/UYNAKtY+8MB84vogZ1Xr5lW38iJdPZ74xunzO4Gk7BARIkytjlyCoPVoIb3IluMfAYRhEoAO2aGXKc2TNAJaSwdzQEeq7jC7TWYF2Y2jrEIXlyVEhunBs5t7K62a7Z6qB0923/+vPT2v7mwpqV/mTEsTiCB5zz735HOP9VbVWtKKZK08uDJ7vcQN02HogGegY5iNnKUHh12ti9/zzHvsauy+tx+e375j94LuA64MV/5MQbZVNT95/re7jlxZVaVuW5Nffsd9TXfOpXcv6m2Bn3x6FgXg/oz+P0h/ce8g2mTEWxVTzzQzrTruNCcRdbu6VY87gLVXc4uSjXfosak7XxWM4oyl+ockmzCFhJXaGwK8e6sCW2T3sLmPnh5qSZtx9JHFL6QBHGnsTjdtWQ8PFygWtQTIkrI84NILfQSC65FUMFsnOYFHEoSmUCD49a4rt3985PTsd8GzB/5KEnzmhhORgVOZPM+yb5KmpRu38jQqviH6826Lrdrxx6DZdFPo2fVbTiy9AUpDJ3SxGYvpK7u+Rhz8D4BCxssAeJxjYGRgYABiwcIjbvH8Nl8ZuNkZQOBSiOgBZJqdASzOwcAEogDqtAdOAAB4nGNgZGBgZwCChWASxGZkQAVyABOTANd4nGNnYGBgHwAMADNUANMAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IAAHicY2BkYGCQY8hlYGcAASYg5gJCBob/YD4DABa6AakAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYE4CWlZSveFP8hHOY4gHhw79VLav68hMNOH6kG60mg5YhM22pr9b1vGMMEUM2TgyFGgxBwVbnCLBZZYYY07bHCPBzziCc94wSve8I4PbGeDFj/VydVSOakpG0T0VH1ZHXuq+xhoftHaHq+yV+21o1P7brWLWnvpiExNJpBb/i18q8D9ZxSOcj8oY8iVPjZBBU2+kGIIypokuqTI+cx3qXMq7Z6PQIsx1DYGrQxtLul50YV50rVcCiNJc0enX4qdkNRYe8j2g46+SIMHapXJw1GFdIWH2DfalQknZeTDWsRW2bqlBK3ORIz9AqJUapQAAAA=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgQAAAEoAAAAVmNtYXDiLxC2AAAB+AAAAUpnbHlm5X8X/gAAA4QAAA7kaGVhZArGdn0AAADQAAAANmhoZWEOogcfAAAArAAAACRobXR40gAAAAAAAYAAAAB4bG9jYTDILUIAAANEAAAAPm1heHABLwB5AAABCAAAACBuYW1l1cf1oAAAEmgAAAIKcG9zdL2sAHoAABR0AAABeQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHgABAAAAAQAAEXIS2l8PPPUACwcAAAAAANJUFcAAAAAA0lQVwAAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAeAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHQcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHf//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgAAAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA) format("truetype");
    font-weight: normal;
    font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button, .video-js .vjs-play-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-play:before, .video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before {
    content: ""; }

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-play-circle:before {
    content: ""; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing:before {
    content: ""; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before {
    content: ""; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before {
    content: ""; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2 {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before {
    content: ""; }

.vjs-icon-volume-high, .video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before {
    content: ""; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control:before {
    content: ""; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control:before {
    content: ""; }

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-square:before {
    content: ""; }

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-spinner:before {
    content: ""; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button:before {
    content: ""; }

.vjs-icon-captions, .video-js .vjs-captions-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-captions:before, .video-js .vjs-captions-button:before {
    content: ""; }

.vjs-icon-chapters, .video-js .vjs-chapters-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button:before {
    content: ""; }

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-share:before {
    content: ""; }

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-cog:before {
    content: ""; }

.vjs-icon-circle, .video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-circle:before, .video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
    content: ""; }

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-circle-outline:before {
    content: ""; }

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-circle-inner-circle:before {
    content: ""; }

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-hd:before {
    content: ""; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button:before {
    content: ""; }

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-replay:before {
    content: ""; }

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-facebook:before {
    content: ""; }

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-gplus:before {
    content: ""; }

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-linkedin:before {
    content: ""; }

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-twitter:before {
    content: ""; }

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-tumblr:before {
    content: ""; }

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-pinterest:before {
    content: ""; }

.vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: normal;
    font-style: normal; }
.vjs-icon-audio-description:before {
    content: ""; }

.video-js {
    /* display:inline-block would be closer to the video el's display:inline
     * but it results in flash reloading when going into fullscreen [#2205]
     */
    display: block;
    /* Make video.js videos align top when next to video elements */
    vertical-align: top;
    box-sizing: border-box;
    color: #737273;
    background-color: #000;
    position: relative;
    padding: 0;
    /* Start with 10px for base font size so other dimensions can be em based and
    easily calculable. */
    font-size: 10px;
    line-height: 1;
    /* Provide some basic defaults for fonts */
    font-weight: normal;
    font-style: normal;
    /* Avoiding helvetica: issue #376 */
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
    checking fullScreenEnabled. */ }
.video-js:-moz-full-screen {
    position: absolute; }
.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important; }

/* All elements inherit border-box sizing */
.video-js *,
.video-js *:before,
.video-js *:after {
    box-sizing: inherit; }

/* List style reset */
.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    /* Important to specify each */
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0; }

/* Fill the width of the containing element and use padding to create the
   desired aspect ratio. Default to 16x9 unless another ratio is given. */
/* Not including a default AR in vjs-fluid because it would override
   the user set AR injected into the header. */
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
    width: 100%;
    max-width: 100%;
    height: 0; }

.video-js.vjs-16-9 {
    padding-top: 56.25%; }

.video-js.vjs-4-3 {
    padding-top: 75%; }

.video-js.vjs-fill {
    width: 100%;
    height: 100%; }

/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Fullscreen Styles */
body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
    overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0; }

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    /* Undo any aspect ratio padding for fluid layouts */
    padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none; }

/* Hide disabled or unsupported controls. */
.vjs-hidden {
    display: none !important; }

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px; }

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
The .video-js classname on the video tag also isn't considered.
This optional paragraph inside the video tag can provide a message to users
about what's required to play video. */
.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
    color: #66A8CC; }

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    /* Need a slightly gray bg so it can be seen on black backgrounds */
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -0.75em;
    margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(133, 133, 133, 0.5);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
    display: none; }

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: 0.5em;
    z-index: 2; }

.vjs-menu-button {
    cursor: pointer; }

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none; }

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: 0.2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase; }

.vjs-menu li:focus,
.vjs-menu li:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(133, 133, 133, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #FFFFFF; }

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 0.3em 0;
    font-weight: bold;
    cursor: default; }

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    /* (Width of vjs-menu - width of button) / 2 */
    height: 0em;
    margin-bottom: 1.5em;
    border-top-color: rgba(255, 255, 255, 0.85);
    /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    /* Same bottom as vjs-menu border-top */
    max-height: 15em; }

.vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
    display: block; }

.video-js .vjs-menu-button-inline {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em; }

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 2.2222222em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    display: block;
    opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
    width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden; }

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.0em;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85); }

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0.1s, opacity 0.1s;
    -moz-transition: visibility 0.1s, opacity 0.1s;
    -o-transition: visibility 0.1s, opacity 0.1s;
    transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
    /* !important is ok in this context. */
    display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media �screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""; } }

/* IE 8 + 9 Support */
.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table; }

.video-js .vjs-control {
    outline: none;
    position: relative;
    /*text-align: center;*/
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }
.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67; }

/* Replacement for focus outline */
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
    text-shadow: 0em 0em 1em white; }

/* Hide control text visually, but have it available for screenreaders */
.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }

/* IE 8 + 9 Support */
.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
    display: none; }

/**
 * Let's talk pixel math!
 * Start with a base font size of 10px (assuming that hasn't changed)
 * No Hover:
 * - Progress holder is 3px
 * - Progress handle is 9px
 * - Progress handle is pulled up 3px to center it.
 *
 * Hover:
 * - Progress holder becomes 5px
 * - Progress handle becomes 15px
 * - Progress handle is pulled up 5px to center it
 */
.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.vjs-live .vjs-progress-control {
    display: none; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 0.3em; }

/* We need an increased hit area on hover */
.video-js .vjs-progress-control:hover .vjs-progress-holder {
    /*font-size: 1.666666666666666666em;*/
}

/* Also show the current time tooltip */
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
    display: block;
    /* If we let the font size grow as much as everything else, the current time tooltip ends up
       ginormous. If you'd like to enable the current time tooltip all the time, this should be disabled
       to avoid a weird hitch when you roll off the hover. */
    font-size: 0.6em; }

/* Progress Bars */
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
    position: absolute;
    display: block;
    height: 0.3em;
    margin: 0;
    padding: 0;
    /* updated by javascript during playback */
    width: 0;
    /* Needed for IE6 */
    left: 0;
    top: 0; }

.video-js .vjs-mouse-display:before {
    display: none; }

.video-js .vjs-play-progress {
    background-color: #101010; }
.video-js .vjs-play-progress:before {
    position: absolute;
    top: -0.333333333333333em;
    right: -0.5em;
    font-size: 0.9em; }

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
    /* By default this is hidden and only shown when hovering over the progress control */
    display: none;
    position: absolute;
    /*top: -2.4em;*/
    /*right: -1.5em;*/
    font-size: 0.9em;
    color: #101010;
    content: attr(data-current-time);
    padding: 0.2em 0.5em;
    /*    background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);*/
    background: none;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em; 
    /*    width: 50px;
        height: 20px;*/
}

.video-js .vjs-play-progress:before,
.video-js .vjs-play-progress:after {
    z-index: 1; }

.video-js .vjs-load-progress {
    /* For IE8 we'll lighten the color */
    background: ligthen(#73859f, 25%);
    /* Otherwise we'll rely on stacked opacities */
    background: rgba(133, 133, 133, 0.5); }

/* there are child elements of the load progress bar that represent the
specific time ranges that have been buffered */
.video-js .vjs-load-progress div {
    /* For IE8 we'll lighten the color */
    background: ligthen(#73859f, 50%);
    /* Otherwise we'll rely on stacked opacities */
    background: rgba(115, 133, 159, 0.75); }

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto; }

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #101010;
    z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none; }

.video-js .vjs-progress-control .vjs-mouse-display:after {
    color: #fff;
    /*    background-color: red;
        background-color: rgba(255, 0, 0, 0.8); */
    background: none;
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 0.45em 0 0.45em;
    background-color: #73859f;
    background-color: rgba(133, 133, 133, 0.5); }

.video-js .vjs-slider:focus {
    text-shadow: 0em 0em 1em white;
    -webkit-box-shadow: 0 0 1em #fff;
    -moz-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.video-js .vjs-volume-bar {
    margin: 1.35em; }

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
    width: 0.3em;
    height: 5em; }

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #101010; }
.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
    width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
    top: -0.5em;
    left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
    height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
    top: -0.3em;
    right: -0.5em; }

/* Assumes volume starts at 1.0. */
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
a little differently. It needs to be possible to tab to the volume slider
without hitting space bar on the menu button. To do this we're not using
display:none to hide the slider menu by default, and instead setting the
width and height to zero. */
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent; }

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: 0.5em;
    height: 8em; }

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em; }

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden; }

.vjs-volume-menu-button-vertical:hover .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content {
    height: 8em;
    width: 2.9em; }

.vjs-volume-menu-button-horizontal:hover .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content {
    height: 2.9em;
    width: 8em; }

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    /* An inline volume should never have a menu background color.
       This protects it from external changes to background colors. */
    background-color: transparent !important; }

.vjs-poster {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }

/* Used for IE8 fallback */
.vjs-poster img {
    display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-height: 100%;
    padding: 0;
    width: 100%; }

/* Hide the poster after the video has started playing */
.vjs-has-started .vjs-poster {
    display: none; }

/* Don't hide the poster if we're playing audio */
.vjs-audio.vjs-has-started .vjs-poster {
    display: block; }

/* Hide the poster when controls are disabled because it's clickable
and the native poster can take over */
.vjs-controls-disabled .vjs-poster {
    display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.vjs-using-native-controls .vjs-poster {
    display: none; }

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em; }

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left; }

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em; }

.vjs-live .vjs-time-control {
    display: none; }

/* We need the extra specificity that referencing .vjs-no-flex provides. */
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
    display: none; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
    display: none; }

.vjs-time-divider {
    display: none;
    line-height: 3em; }

.vjs-live .vjs-time-divider {
    display: none; }

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }

/* Emulated tracks */
.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none; }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em; }

/* Individual tracks */
.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 0.1em;
    /* Transparent black background, or fallback to all black (oldIE) */
    background-color: #101010;
    background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
    color: #fff; }

.vjs-captions {
    color: #fc6; }

.vjs-tt-cue {
    display: block; }

/* Native tracks */
video::-webkit-media-text-track-display {
    -moz-transform: translateY(-3em);
    -ms-transform: translateY(-3em);
    -o-transform: translateY(-3em);
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em); }

/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -moz-transform: translateY(-1.5em);
    -ms-transform: translateY(-1.5em);
    -o-transform: translateY(-1.5em);
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
    width: 3.8em;
    cursor: pointer;
    -webkit-box-flex: none;
    -moz-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center; }

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center; }

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: 'X';
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -0.5em;
    position: absolute;
    text-shadow: 0.05em 0.05em 0.1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%; }

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.85;
    /* Need to fix centered page layouts */
    text-align: left;
    border: 6px solid rgba(255, 255, 255, 0.85);
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
    display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
    content: "";
    position: absolute;
    margin: -6px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    /* Keep 100% opacity so they don't show through each other */
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: white; }

/* only animate when showing because it can be processor heavy */
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
    100% {
        transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
    100% {
        -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f; }
    20% {
        border-top-color: #73859f; }
    35% {
        border-top-color: white; }
    60% {
        border-top-color: #73859f; }
    100% {
        border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f; }
    20% {
        border-top-color: #73859f; }
    35% {
        border-top-color: white; }
    60% {
        border-top-color: #73859f; }
    100% {
        border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu {
    left: -10em;
    /* (Width of vjs-menu - width of vjs-control) / 2 */
    width: 0; }

.vjs-chapters-button .vjs-menu ul {
    width: 24em; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-fullscreen-control {
    display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button {
    display: none; }

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #FFFFFF;
    background-color: rgba(43, 51, 63, 0.75);
    color: #fff;
    margin: 0 auto;
    padding: 0.5em;
    height: 15em;
    font-size: 12px;
    width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 2em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
    float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
    clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
    display: block;
    width: 100px;
    margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0; }

.vjs-caption-settings label > input {
    margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
    width: 40px;
    height: 40px; }

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, 0.8);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1; }

/* cb mod */
.cb-vjs-waiting .vjs-loading-spinner {
    display: block; }
.cb-vjs-waiting .vjs-loading-spinner:before,
.cb-vjs-waiting .vjs-loading-spinner:after {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.cb-vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white; }

.cb-vjs-waiting .vjs-loading-spinner:after {
    border-top-color: white;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s; }



/***************************************
CSS STYLES FIXES FOR VIDEO.JS v6.7.3     
****************************************/

.video-js .vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
    display: inline-flex;
    width: 12em;
}

.video-js .vjs-volume-control.vjs-control.vjs-volume-horizontal {
    width: 8em;
}

.video-js .vjs-mouse-display:before .vjs-time-tooltip {
    display: none; }

.video-js .vjs-mouse-display .vjs-time-tooltip {
    background-color: rgba(255, 255, 255, 0.85);
    color: black;
    margin-left: 20px;
    margin-top: -30px;
    padding: 3px 6px;
    display: inline-block;
    border-radius: 5px;
    position: absolute;
}

.video-js .vjs-play-progress .vjs-time-tooltip {
    margin-top: 5px;
}

.controlbar {
   background-color: rgb(66,62,63);
   padding: 5px;
   height: 50px;
   background-image: url('/module/lib/framework/images/cb-logo.png');
   background-repeat: no-repeat;
   background-position: 5px 0px;
   background-size: 150px 44px;
   overflow: hidden;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.controlbar-show { display: block; }

.controlbar-hide { display: none; }

.controlbar-username-short,
.controlbar-username,
.controlbar-control {
   float: right;
   width: 150px;
   line-height: 250%;
}

.controlbar-control .controlbar-log-button {
   border: none;
   background-color: transparent;
   background-image: none;
   border-left: 1px solid #999;
   color: #fff;
   font-size: 15px;
   padding: 0 10px;
   cursor: pointer;
}

.controlbar-username-short,
.controlbar-username {
   font-size: 12px;
   line-height: 335%;
   text-align: right;
   padding: 0 10px;
   overflow: hidden;
}

.controlbar-username {
   width: 170px;
   height: 40px;
}

.controlbar-username-short { display: none; }

.controlbar-link-container {
   float: left;
   margin-left: 185px;
   line-height: 250%;
}

.controlbar-username-short,
.controlbar-link-container,
.controlbar-username,
.controlbar-control {
   color: #999;
}

#controlbar-show-button,
#controlbar-hide-button {
   width: 45px;
   background-repeat: no-repeat;
   background-size: 42px 28px;
   background-position: center center;
   background-color: transparent;
   border: none;
   cursor: pointer;
}

#controlbar-hide-button,
.controlbar-light-scheme #controlbar-show-button {
   background-image: url('/module/lib/framework/images/menu_icon_light.png');
}

.controlbar-dark-scheme #controlbar-show-button {
   background-image: url('/module/lib/framework/images/menu_icon_dark.png');
}

#controlbar-hide-button {
   float: right;
   height: 40px;
}

#controlbar-show-button {
   height: 50px;
   padding: 5px;
}

.controlbar-button-container {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 5px;
   z-index: 13336;
   width: 45px;
   height: 50px;
}

.controlbar-links-label,
.controlbar-anchor {
   font-size: 14px;
   float: left;
   margin-right: 20px;
}

.controlbar-links-label {
   color: #999;
}
.inline-block {
   display: inline-block;
}
.controlbar-anchor {
   color: #fff;
}
.CbControlbar2Window * {
   box-sizing: border-box;
}
.CbControlbar2Window *::-webkit-input-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #aaa;
}
.CbControlbar2Window *::-moz-placeholder {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.CbControlbar2Window *::-ms-input-placeholder  {
   font-style: normal;
   font-size: 100%;
   color: #555;
}
.CbControlbar2Window .__CbRegInputs {
   width: auto !important;
}
.CbControlbar2Window .__CbUiErrorMessage {
   clear : both;
   color : red;
   display: none;
   text-align: left;
   line-height: 140%;
}
.__CbUiErrorMessage[data-message-for="registerframe_input_gender"] {
   margin-bottom: 3px;
}
.__CbUiErrorMessage[data-message-for="registerframe_input_first"] {
   margin-top: 28px;
}
.CbControlbar2Window .tabbed-content {
   position: relative;
   display: none;
   opacity: 0;
   transition-property: all;
   transition-duration: 0.8s;
   -ms-transition-property: all;
   -ms-transition-duration: 0.8s;
}
.CbControlbar2Window .tabbed-content.active {
   display: block;
   opacity: 1;
   transition-property: all;
   transition-duration: 0.8s;
   -ms-transition-property: all;
   -ms-transition-duration: 0.8s;
}
.CbControlbar2RegisterWindowTitle.tab:not(.active) {
   color : #999;
}
label.CbControlbar2RegisterWindowTitle {
   cursor: pointer;
   display: inline-block;
}
label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
   padding: 15px 15px 5px 15px;
   vertical-align: middle;
   box-sizing: border-box;
   font-weight: normal;
}

.CbControlbar2Window .profile-image {
   min-width: 120px;
   min-height: 120px;
   /*   background-color: #ccc;*/
   background-image: url('/module/jscript/lib/cb_ui/img/avatar_icon_bg.jpg');
   border-radius: 3px;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   cursor: copy;
   position: relative;
}
.CbControlbar2Window .profile-image-label{
   display: inline-block;
   vertical-align: top;
   padding: 0 10px;
}
.CbControlbar2Window .pix-upload-delete, .CbControlbar2Window .pix-upload-edit {
   position: absolute;
   background-repeat: no-repeat;
   right: 0;
   border-radius: 3px;
   width: 20px;
   height: 20px;
   display: none;
}
.CbControlbar2Window .pix-upload-delete {
   top : 0;
   background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png');
   z-index: 99999;
}
.CbControlbar2Window .pix-upload-edit {
   bottom : 0;
   background-image: url('/module/jscript/lib/cb_ui/img/edit_icon_bg.png');
}
.CbControlbar2Window .pix-upload.with-image:hover .pix-upload-delete,
.CbControlbar2Window .pix-upload.with-image:hover .pix-upload-edit {
   display: block;
}

.CbControlbar2Window .__CbRegInputs .styled-select {
   height: auto;
   min-height: 34px;
}
.CbControlbar2Window .__CbRegInputLine .styled-select {
   background-position: 90% center;
   border: 1px solid #bababa;
   background-color: #FFFFFF;
   width: 120px;
}
.CbControlbar2Window .styled-select {
   display: inline-block;
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png");
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -webkit-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -o-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -moz-linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), linear-gradient(#f9f9f9, #ffffff, #f9f9f9);
   background-position: 98% center;
   background-repeat: no-repeat;
   overflow: hidden;
   position: relative;
   z-index: 5;
   margin-bottom: 10px;
}
.CbControlbar2Window .__AC_position {
   max-width: 100%;
}
.__CbRegInputs .__CbRegInputLine
#registerframe_input_password,
#registerframe_input_password_confirm,
#registerframe_input_new_password,
#registerframe_input_new_password_confirm,
.__CbRegNewAccountTextCntnr,
#registerframe_password_hint,
#registerframe_input_city,
.__CbRegBottomDesc {
   width: auto !important;
}
.__CbUiLayerFrame span#registerframe_input_password,
.__CbUiLayerFrame span#registerframe_input_password_confirm,
.__CbUiLayerFrame span#registerframe_input_new_password,
.__CbUiLayerFrame span#registerframe_input_new_password_confirm {
   background-color: transparent;
}
.CbControlbar2Window .input-button-go.__AC_button {
   min-height: 30px;
   height: auto;
   margin: 0 0 0 15px !important;
   float: left;
}
.CbControlbar2RegisterWindowTitle {
   font-size: 18px;
   font-weight: normal;
   color: #000;
}
.CbControlbar2RegisterWindowTitleContainer {
   background-color: #eee;
   border-bottom: 1px solid #aaa;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
   margin: 0 auto;
   padding: 0;
   width: 930px;
   min-height: 350px;
   background-color: #fff;
   border-radius: 0;
}

.__CbUiFrame.CbControlbar2Window {
   font-size: 13px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   padding: 40px;
   float: left;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   padding: 0 40px 40px 40px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   width: 50%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer.no-padding,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.no-padding {
   padding: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer {
   width: 100%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1){
   padding-bottom: 50px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(2){
   padding-top: 0px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbRegNewAccountTextCntnr {
   margin-bottom: 20px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .padded-box {
   padding: 0;
}

.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="text"] ,
.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="password"] ,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegButtonContainer .__CbUiTextButton, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
   border-radius: 5px;
   display: block;
   min-height: 16px;
   height: auto;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegInputLine #registerframe_input_gender {
   min-height: 34px;
}
.__CbUiLayerFrame span#registerframe_input_new_password_confirm,
.__CbUiLayerFrame span#registerframe_input_new_password,
.__CbUiLayerFrame span#registerframe_input_password {
   background-color: transparent;
}

.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"],
.CbControlbar2Window .__CbRegInputs .__CbRegInputLine #registerframe_input_city .__CbUiSearchBox, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
   width: 100%;
   padding: 10px 0 10px 20px;
   border: 2px solid #d0d0d0;
   margin-bottom: 8px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer
.__CbRegButtonContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbRegInputs .__CbRegButtonContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegButtonContainer
{
   margin-right: 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegPasswordStrengthBox {
   width: 15%;
   height: 5px;
   margin-right: 2%;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegPasswordStrengthBox:nth-last-child(3) {
   margin-right: 0%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer
.__CbUiRegisterWindowCloseButton,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer
.__CbUiRegisterWindowCloseButton {
   background-image: url('/module/lib/framework/images/img_close-black.png');
   background-size: 14px 14px;
   font-size: 0px;
   color: #000;
   top: 30px;
   right: 40px;
   height: 14px;
   width: 14px;
}

.__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton,
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
   max-width: 425px;
   width: 100%;
   padding: 16px 20px;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border: none;
   border-radius: 5px;
   background-color: #3b2205;
   background-image: none;
   color: #fff;
   font-size: 12px;
   line-height: 16px;
   text-transform: uppercase;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs #registerframe_error {
   font-size: 12px;
   background-color: #fff;
   border-radius: 4px;
   padding-top: 4px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__AC_position {
   top: 37px !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
#registerframe_changepass_email {
   background-color: transparent;
}
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak {
   font-size: 80%;
   line-height: 90%;
   color: #aaa;
   margin-top: 8px;
   text-align: left;
   width: 45%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak {
   float: left;
   clear: left;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong {
   float: right;
   text-align: right;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
#registerframe_error {
   font-size: 12px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame #registerframe_password_hint {
   background-color: transparent;
   margin-bottom: 10px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegButtonContainer #registerframe_input_terms {
   float: left;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs
.__CbRegButtonContainer #registerframe_input_terms + span {
   margin-left: 10px;
   float: left;
}

.FullWidthContainer .__CbRegButtonContainer {
   bottom: 40px;
   position: absolute;
   right: 40px;
   width: 385px;
}

.__CbRegButtonContainer a {
   text-decoration: underline;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegError {
   padding: 0 20px 0 50px;
   background-image: url('/module/lib/framework/images/img_warning.jpg');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 34px auto;
   padding-left: 40px;
}

.__CbUiFrame.CbControlbar2Window .__CbUiInputError {
    border: 1px solid #FF0000 !important;
}
.CbControlbar2Window .box-column2-align-right {
   box-sizing: border-box;
   float: right;
   width: 50%;
   height: auto;
}
.CbControlbar2Window .box-column1-align-left {
   box-sizing: border-box;
   float: left;
   width: 50%;
   height: auto;
   padding-right: 30px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box {
   padding: 40px;
}
.__CbUiFrame.CbControlbar2Window .register-content-box, .register-content-box p {
   line-height: 150%;
}
.CbControlbar2Window .box-column1-align-left p,
.CbControlbar2Window .box-column2-align-right p {
   margin-bottom: 1.6em;
}

.up-button {
  float: right;
  margin-top: 28px;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 5px;
  cursor: pointer;
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {

   .controlbar-control {
      width: 150px;
   }

   .controlbar-username {
      width: 120px;
   }

   .controlbar-link-container {
      margin-left: 160px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 780px;
   }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
   .controlbar-control {
      width: 150px;
   }

   .controlbar-username {
      width: 120px;
   }

   .controlbar-link-container {
      margin-left: 160px;
   }

   .controlbar-link-container a {
      font-size: 60%
   }
   
   .controlbar-links-label, .controlbar-anchor {
       margin-right: 5px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 620px;
   }

}

@media only screen and (max-width: 767px) {

   .controlbar {
      background-image: url('/module/lib/framework/images/cb-logo_small.png');
      background-size: 55px 44px;
   }

   .controlbar-link-container {
      margin-left: 60px;
   }

   .controlbar-control {
      width: 29%;
      line-height: 220%;
   }

   .controlbar-control .controlbar-log-button {
      font-size: 10px;
      padding: 0 0px 0 10px;
   }

   .controlbar-hide-button {
      width: 31px;
   }

   .controlbar-links-label {
      display: none;
   }

   .controlbar-anchor {
      font-size: 10px;
      margin-right: 2px;
   }

   .controlbar-username {
      display: none;
   }

   .CbControlbar2RegisterWindowTitleContainer {
      background-color: transparent;
      border-bottom: none;
   }

   .CbControlbar2RegisterWindowTitle {
      margin-top: 20px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 300px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
      width: 100%;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:first-child {
      padding-bottom: 0px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:last-child {
      padding-top: 10px;
   }

   .controlbar-button-container {
      display: none;
   }

   .CbControlbar2Window .box-column2-align-right {
      box-sizing: border-box;
      float: none;
      width: 100%;
      height: auto;
      padding-left: 0px;
   }

   .CbControlbar2Window .box-column1-align-left {
      box-sizing: border-box;
      float: none;
      width: 100%;
      height: auto;
      padding-right: 0px;
   }

   .CbControlbar2Window .box-column1-align-left + .box-column1-align-left ,
   .CbControlbar2Window .box-column2-align-right + .box-column1-align-left ,
   .CbControlbar2Window .box-column2-align-left + .box-column1-align-right ,
   .CbControlbar2Window .clearfix + .box-column2-align-right ,
   .CbControlbar2Window .clearfix + .box-column2-align-left {
      margin-top: 15px;
   }

   label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
      padding: 7px 15px 7px 15px;
      min-height: 10px;
   }

   .controlbar-username-short {
      display: block;
      width: auto;
   }
}

@media only screen and (max-width: 767px)  and (min-width: 480px) {

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 420px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
      width: 100%;
   }

   .CbControlbar2RegisterWindowTitle {
      margin-top: 20px;
   }

   .controlbar-links-label {
      display: block;
   }
   
   .controlbar-links-label,
   .controlbar-anchor {
      font-size: 12px;
      margin-right: 15px;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
      width: 340px;
   }

}

@media only screen and (max-width: 479px) {

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
      width: 220px;
   }

}
/* overrides for CbUi default styles */

.__PixWindow.__CbUiFrame {
   display: block;
}

.__PixWindow.__CbUiLayerFrame {
   border: none;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 5px;
   padding: 0;
   overflow: visible;
}

.__PixWindow .__CbUiHiddenTemplates {
   display:none;
}

.__PixWindow .__CbUiTextButton {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   background-color: transparent;
   padding-left: 0;
}

.__PixWindow .__CbUiSelect {
   font-size: 12px;
   height: 13px;
   border: none;
}

.__CbUiLayer.__CbUiLoader {
   z-index: 13399;
}

.__PixWindow .__CbUiCloseButton,
.__CbUiLanguageWindow .__CbUiCloseButton{
   background-image: url('/pix/media/png/close_icon.png');
   min-width: 15px;
   min-height: 15px;
   background-repeat: no-repeat;
   padding: 0;
   top: 10px;
   right: 19px;
}

/*temporary*/
/*.__PixWindow .pix-delete.pix-edit-form-button.pix-left {
    color: #999999;
    cursor: default;
    opacity: 0.6;
}*/

/* upload progress layer styles*/
.dad-dialog-layer {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 13400;
}
.dad-dialog-window {
	opacity: 1;
	width: 90%;
   max-width: 550px;
	max-height: 400px;
	min-height: 300px;
	margin: auto;
	background-color: #fff;
	box-shadow:  0px 3px 14px 0px rgba(50, 50, 50, 0.75);
	border-radius: 7px;
	position: relative;
	z-index: 1340;
	color: #333;
}
.dad-dialog-padding {
	padding: 17px 25px;
}
.dad-dialog-heading {
	font-size: 20px;
	border-bottom: 1px solid #eee;
}
.dad-dialog-progress-container {
	margin: 17px 25px;
}
.dad-dialog-error-container {
	padding-top: 5px;
	padding-bottom: 5px;
   max-height: 100px;
   overflow: scroll;
}
.dad-dialog-file-container {
	margin: 15px 25px 8px;
	max-height: 60px;
	width: auto;
	overflow-y: auto;
	overflow-x: hidden;
}
.dad-dialog-file-types-container {
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 90%;
}
.dad-dialog-file-container div {
	min-width: 700px;
	text-wrap: none;
	font-size: 90%;
}
.dad-dialog-abort-container {
	text-align: right;
}

/***********************************/
/*        Pix Form Styles          */
/***********************************/
.pix-edit-form-button.pix-right,
.__PixWindow .__CbUiTextButton {
	padding: 0 20px;
}

.pix-edit-form-button.pix-right {
	margin-left: 20px !important;
}

/***********************************/
/*       Image Preview Page        */
/***********************************/
.CbUiImgTile .img-icons {
	position: absolute;
}

.CbUiImgTile .film-image,
.CbUiImgTile .copyright-image {
	position: static;
}

.CbUiImgTile .tile-item-positioner a {
	cursor: default;
}

.CbUiImgTile .image-tile-item .image-tile-image-description {
	cursor: pointer;
	width: 155px;
}

/***********************************/
/*      Copyright Form Page        */
/***********************************/
.pix-edit-check-fields .input-fields-cntnr {
  display: flex;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column1 {
  margin: 10px 0 0 0;
  min-width: 30%;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 {
  margin: 10px 20px 0 20px;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiText,
.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiInput {
  display: block;
  width: 100%;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiText:not(.pix-series-meta-image-id-text) {
  margin: 20px 0 5px 0;
}

.pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiInput {
  border-radius: 3px;
  width: 95%;
  padding: 2px 2px 2px 5px;
}

/***********************************/
/*   Bildinformationen bearbeiten  */
/***********************************/

.pix-edit-image-meta .pix-column2 input[type="text"],
textarea.pix-image-meta-description {
	border-radius: 3px;
	padding: 2px 2px 2px 5px !important;
	margin: 5px 0;
}

/***********************************/
/*      Add Series Form            */
/***********************************/

.add-series-header {
	font-size: 13px !important;
	margin: 0 20px 20px 0;
}

.pix-edit-series-meta span{
	font-size: 13px !important;
}

.pix-edit-series-meta input {
	padding: 2px 2px 2px 5px !important;
	margin-top: 5px;
}












































@charset "UTF-8";
/* CSS Document */

.fullscreen-switch {
    padding: 2px 6px 0 0 !important;
}


.__PixWindow {
    font-family: Arial,Helvetica,sans-serif;    /*TODO: avoid * selector*/
}

body {
    /*font-size: 10px;    TODO: move to default.css?*/
}
.hidden {
    display: none;
}

/* placeholder styles */

div.pix-placeholder {
   width: 640px;
   height: 450px;
   background-repeat: no-repeat;
   background-position: -20px -8px;

   font-size: 48px;
   color: gold;
   font-family: "Arial Black", sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.3em;
   font-weight: bold;
   text-align: center;
   text-shadow: 0 0 10px rgba(0,0,0,0.6);
   line-height: 400px;
}

div.pix-placeholder:before {
   content: "Dummy";
}

.pix-text-edit-collection div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-edit-collection.png');}
.pix-crop-image div.pix-placeholder {background-position: 0 0; background-image: url('/pix/media/png/placeholder-crop-image-layout.png');}
.pix-text-collection-format div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-collection-format.png');}
.pix-collections div.pix-placeholder {background-image: url('/pix/media/png/placeholder-collections.png'); height: 500px;}
.pix-edit-collection-meta div.pix-placeholder {background-image: url('/pix/media/png/placeholder-edit-collection-meta.png');}

    
.pix-logout-link {
   color: #b11;
   font-size: 14px;
   top: 20px;
   font-weight: bold;
   position: relative;
}

.pix-devmsg {
   padding: 20px;
   position: fixed;
   bottom: 0;
   left: 0;
   text-align: left;
}


/* ######################################## */
/* BASICS ################################# */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead {
   padding: 0;
   border: 0;
   margin: 0;
   outline: 0;
}

table, tbody, tr, th,
td {
   padding: 0;
   margin: 0;
   outline: 0;
}


.pix-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.pix-clearfix { display: inline-block; }
html[xmlns] .pix-clearfix { display: block; }
* html .pix-clearfix { height: 1%; }

h2 {
   margin: 0 0 1em;
}

p {
   font-size: 1.0em;
   line-height: 1.5em;
}

dl {
   margin: 2.5em 0;
}

dt {
   font-weight: bold;
}

dd {
   display: list-item;
   list-style-position: outside;
   list-style-type: square;
   margin: 0.5em 0 2em 1.5em;
   padding-right: 200px;
   line-height: 1.5em;
}

textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.pix-killfloat {
   clear: both;
   width: 620px;
   height: 20px;
   background: red;
}

.__CbUiFrame.__PixWindow .__CbUiHeader * {
    box-sizing: border-box;
}

/* ######################################## */
/* BASIC CONTAINER ELEMENTS ############### */


div.pix-wrapper {
   width: 922px;
   margin: 40px auto;
   text-align: left;
   position: relative;
}

.pix-overlay-container {
   width: 680px;
   height: 590px;
   padding: 0;
   background-color: transparent;
   position: relative;
   background: #F5F6EE;
   -moz-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   -webkit-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   border-radius: 5px;
   float: left;
   position: relative;
   border: 1px solid #fff;
}

.pix-overlay-container-header{
   border-radius: 5px 5px 0 0;
   width: 680px;
   height: 35px;
   border-bottom: 1px solid #C5C4B0;
   background-color: #FEFEFE;
}

span.pix-close-overlay-container {
   float: right;
   margin: 2px 5px 0 0;
   padding: 0;
}

.pix-overlay-container-header .pix-toolbar-close {
  float: right;
  margin-top: 2px;
}

.pix-overlay-container .pix-form-content-container {
   margin: 2px auto 0;
   clear: both;
}

.__CbUiText.pix-screen-title {
    margin-top: 0;
}

/* BASIC MAIN NAVI AND HELP LINK  */

.pix-main-navi {
   margin: 0px 0 5px;
   border-bottom: 3px solid #000;
   clear: both;
   position: absolute;
   top:-30px;
}

.pix-main-navi li{
   display: inline;
   padding: 0 10px 0 0;
   position: relative;
}

.pix-main-navi li.pix-float-right {
   float: right;
   padding-right: 0;
   padding-left: 15px;
}

.pix-main-navi li a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.pix-main-navi li a.pix-active {
   color: #b11;
}

.pix-main-navi li a.pix-active:hover {
   text-decoration: none;
}

.pix-main-navi li a:hover {
   text-decoration: underline;
}

.pix-main-navi li .pix-ml-flag {
   top: 1px;
   position: relative;
   margin-left: 2px;
}

.pix-edit-series {
   display: none;
}

/* BASIC SCREEN ELMENT STYLES  */

.__PixWindow .pix-screen-title,
.__CbUiLanguageWindow .pix-screen-title {
   color: #c00;
   font-size: 20px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: left;
   border: 0px;
   text-transform: none;
   font-weight: bold;
}

.__PixWindow .pix-screen-title-meta {
    position: absolute;
    top: -15px;
    margin-top: 15px;
}

/* BASIC BUTTON STYLES  */

div.pix-form-content-container {
   position: relative;
   height: 550px;
   clear:both;
}

div.pix-edit-form-buttons {
   width: 640px;
   height: 26px;
   margin: 15px auto 0;
   position: absolute;
   bottom: 20px;
   left: 0;
   clear:both;
}

pix-image-meta .pix-cancel.pix-edit-form-button .__CbUiTextButton {
    float: right;
}

.pix-edit-form-button:hover,
.pix-edit-form-button.pix-right:hover {
   color: #b11;
}

.pix-edit-form-button.pix-right {
   float: right;
   margin-left: 10px;
   margin-right: 0;
}

a.pix-edit-form-button {
    height: 30px;
    width: 80px;
}

.pix-edit-form-button.pix-right.pix-inactive {
   color: #999;
   font-weight: normal;
}

.pix-edit-form-button.pix-right.pix-inactive:hover {
   color: #999;
}

#dropdown-uploader {
    display: none;  /*temporary until reintroduction of dropdown-uploader button*/
}

/* Basic Alert Box */

a.pix-alert-box {
   display: block;
   padding: 5px;
   color: #b11;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-size: 11px;
   border: 1px solid #b11;
}

a.pix-alert-box:hover {
   text-decoration: underline;
}

.pix-edit-form-button.pix-insert-image {
   background-color: #BB1111;
   background-image: linear-gradient(bottom, #C25151, #BD1414);
   background-image: -o-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -moz-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -webkit-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -ms-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -webkit-gradient(linear, bottom, top, #C25151, #BD1414);
   color: #ffffff !important;
   border-color: #851E1B;
}

.pix-edit-form-button.pix-insert-image:hover {
    color:#ffffff !important;
}

/* FILTER HEAD STYLES */

.pix-filter-container {
   width: 640px;
}

.pix-filter-form .pix-filter-input {
   display: inline;
   margin-left: 6px;
   width: 297px;
   height: 18px;
   padding: 3px;
   font-size: 12px;
   font-family: Arial, sans-serif;
}
.pix-filter-button,
.pix-button-go {
   height: 17px;
   padding-left: 4px;
   padding-bottom: 5px;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
   border: 1px solid #CCCCCA;
   margin-left: 5px;
   border-radius: 2px;
   background-repeat: no-repeat;
   background-position: center;
}

.pix-button-go {
   color: #333333;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   margin-left: 6px;
}

.pix-filter-button-view-grid {
   float: right;
   background-image: url('/pix/media/png/icon-filter-tile.png');
   background-color: #fff;
}


.pix-view-tiles {
   background-image: url('/pix/media/png/icon-filter-tile.png');
}

.pix-view-list {
   background-image: url('/pix/media/png/icon-filter-list.png');
}

.pix-toggle-view {
   background-color: #fff;
   position: absolute;
   top: 103px;
   padding-right: 19px;
}

/* ######################################## */
/* DUMMYNAVI FOR DEVELOPEMENT ############# */


ul.pix-dummynav {
   list-style-type: none;
   float: left;
   width: 180px;
   margin: 40px 20px 0 0;
   padding: 50px 0;
}

.pix-dummynav li {
   margin-top: 10px;
}

.pix-dummynav li a {
   color: #444;
   text-decoration: none;
}

.pix-dummynav li a:hover,
.pix-dummynav li a.pix-current {
   color: #b11;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-start {
   display: none;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-login a {
   opacity: 0;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-login:hover a {
   opacity: 0.3;
   color: #aaa;
}

.pix-float-right .__CbUiLangSelectFlag {
   right: 0px;
   top: 1px;
}

.pix-float-right .__CbUiLangSelect {
   right: 20px;
   font-size: 12px;
   border: none;
   top: 2px;
   text-transform: uppercase;
   z-index: 10;
}

.pix-scrollbar-container {
   border: 1px solid grey;
   background: #FFFFFF none repeat scroll 0 0;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 435px;
}

.fullscreen .pix-scrollbar-container {
   height: 100%;
}

.pix-overlay-container {
   font-family: sans-serif;
}

.pix-overlay-container input, .pix-overlay-container textarea {
   background-color: white;
   border: 1px solid rgb(196,196,180);
   display: inline-block;
   font-family: sans-serif;
   width: auto;
}

.pix-overlay-container input[type=hidden] {
   display: none;
}

.pix-edit-form-button.pix-edit-meta.__CbUiTextButton {
    display: none;
}

.__CbUiLangSelect {
    background: transparent;
}

.pix-form-content-container .pix-main-navi {
    border: medium none;
    position: absolute;
}

/*temporary*/
#dropdown-filter .dd-option-description.dd-desc,
#dropdown-filter .dd-selected-description.dd-desc.dd-selected-description-truncated {
    visibility: hidden;
}

.pix-meta-info {
    padding: 20px 0 0 4px;
    color: #969682;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 11px;
}
.pix-uploader-input label {
    float: right;
    height: 20px;
    width: 120px;
    cursor: pointer;
}
.pix-uploader-input p {
    margin: 0;
}

.pix-image-tile-item .pix-image-title-wrapper,
.pix-image-list-item .pix-image-title {
    text-decoration: underline;
}

/*** form-content dropdown-select ***/
.pix-dropdown-select-box .dd-options,
.pix-dropdown-filter-box .dd-options {
    box-shadow: 2px 2px 12px #666666;
    overflow: auto;
    max-height: 400px;
}

/*
    Document   : style
    Created on : 24.03.2014, 10:54:36
    Author     : steagle
    Description:
        Purpose of the stylesheet follows.
*/

.login_text_top {
    border-bottom: 1px solid #C4C4B4;
    padding-bottom: 50px;
}

.home_text_top {
    /*padding-bottom: 50px;*/
}

.login_text_bottom {
    padding-top: 50px;
}

.home_text_bottom {
    padding-top: 25px;
}

.login-panel {
    background-image: url("../png/pix_login.png");
    background-position: 65% 58%;
    background-repeat: no-repeat;
    background-size: 59% auto;
    height: 100%;
}

.demo-content {
    background-color: white;
    width: 700px;
    margin-top: 50px;
    margin-left: 30px;
}

#edit_demo-123 {
    padding: 10px 10px 10px 10px;
}

.pix-edit-icon,
.list-edit-icon {
    background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png");
    height: 18px;
    width: 18px;
    position: absolute;
    border: 1px solid #c9c3b8;
    border-radius: 3px;
    cursor: pointer;
}

.pix-edit-icon {
    bottom: 5px;
    right: 10px;
}

.list-edit-icon {
    top: 3px;
    right: 97px;
}

.help-link,
.tex-help-link {
    float: right !important;
}

.overlay-edit-form {
    height: 610px;
}

.overlay {
    opacity: 0.25 !important;
    background-color: rgb(0, 0, 0);
}

.demo_text_top {
    padding-bottom: 30px;
}

.pix-link.secondary-button {
    width: 150px;
}

h1.pix-main-panel-headline {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*generic rules from module/lib/framework/css/default.css, which is not referenced in customer portals like DSH*/
.not-displayed {
    display: none;
}

.empty-content-placeholder {
    font-style: italic;
    color: #969682;
    padding: 20px 0;
    font-size: 13px;
}

.empty-content-placeholder a {
    color: inherit;
    font-weight: bold;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
    font-size: 11px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
    font-size: 11px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
    font-size: 11px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    font-size: 11px;
}
.tile-img {
    box-shadow: 2px 2px 4px #666666;
}
.subpage-button {
   float: right;
   min-width: 111px;
   height: 26px;
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #a73c2e;
}
/* Image List Uploader Elements */

.pix-overview * {
    box-sizing: initial;
}

div.pix-uploader-select {
   width: 210px;
   float: left;
   margin-right: 10px;
   height: 38px;
}

div.pix-uploader-input {
   width: 410px; /*temporary until reintroduction of dropdown-uploader button*/
   width: 100%; /*temporary until reintroduction of dropdown-uploader button*/
}

.pix-images-empty div.pix-uploader-input {
   width: 640px;
}

div.pix-image-uploader {
   border-bottom: 3px solid #000;
   width: 100%;
   padding-bottom: 5px;
   margin-bottom: 10px;
   min-height: 49px;
}

div.pix-image-uploader p {
   font-size: 11px;
   line-height: 14px;
}

div.pix-image-uploader .pix-label-input {
   /*width: 432px;  temporary until reintroduction of dropdown-uploader button*/
   width: 100%;        /*temporary until reintroduction of dropdown-uploader button*/
   padding: 4px 0px 6px 6px;
   height: 28px;
   margin: 0;
   position: relative;
}
div.pix-image-uploader .pix-advanced .pix-label-input {
    display: none;
}
div.pix-image-uploader:hover .pix-label-input,
div.pix-image-uploader:hover .pix-uploader-switch {
    display: block;
}

.pix-image-uploader form iframe {
   position: fixed;
   display:none;
}

div.pix-image-uploader.pix-image-uploader-advanced .pix-label-input {
   padding: 3px 5px 5px;
   border: 1px solid #b5bebb;
   border-radius: 5px;
   background-color: #ECEAE3;
   margin: 0;
}

.pix-images-empty div.pix-image-uploader .pix-label-input {
   width: 628px;
}

div.pix-image-uploader .pix-image-upload-button {
   color: #000;
   font-weight: normal;
   font-size: 10px;
   padding: 2px 20px;
   margin: 0 0 0 10px;
   position: relative;
   left: 6px;
   top: -3px;
   display: block;
   vertical-align: middle;
   text-decoration: none;
   float: right;
   font-size: 12px;
   cursor: pointer;
   -moz-box-shadow:    inset 0 0 0 1px #fff;
   -webkit-box-shadow: inset 0 0 0 1px #fff;
   box-shadow:         inset 0 0 0 1px #fff;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
   border: 1px solid #CCCCCA;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.pix-image-upload-input {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   position: absolute;
   right: 5px;
   top: 2px;
   width: 120px;
   height: 40px;
   cursor: pointer;
}

.pix-image-upload-background {
   float:right;
   width: 121px;
   height: 20px;
   color: #456771;
   padding: 0;
}

div.pix-image-uploader .pix-image_upload_button:hover {
   color: #b11;
}

a.pix-uploader-switch {
   color: #b11;
   text-decoration: none;
   font-weight: bold;
   font-size: 10px;
   position: absolute;
   right: 150px;
   display: block; /* switch to 'block' to enable */
   bottom: 0px;
   width: 140px;
   text-align: right;
   line-height: 0.5em;
   cursor: pointer;
   text-transform: none;
}
.pix-advanced a.pix-uploader-switch {
   display: none;
}
div.pix-advanced a.pix-uploader-switch{
	right: 5px;
	bottom: 5px;
}
div.pix-image-uploader.pix-image-uploader-standard form {
    /*width: 640px;   temporary until reintroduction of dropdown-uploader button*/
    width: 100%;    /*temporary until reintroduction of dropdown-uploader button*/
}

div.pix-image-uploader.pix-image-uploader-advanced .pix-uploader-input {
   width: 390px;
   min-height: 30px;
}

div.pix-image-uploader.pix-image-uploader-advanced .pix-standard {
   display: none;
}

div.pix-image-uploader.pix-image-uploader-standard .pix-advanced {
   display: none;
   background: url(/pix/media/jpg/drag&drop.png) no-repeat #ffffff center center;
}
div.pix-image-uploader.pix-image-uploader-standard .pix-advanced:hover {
    background-image: none;
}
div.pix-advanced {
	position: relative;
	border: 2px dashed #ddd;
	background-color: #fff;
	min-height: 45px;
}
/* Image List List View Items */

.pix-image-list-item {
   height: 50px;
   width: 100%;
   padding: 0;
   position: relative;
   display: block;
   border-bottom: 1px solid #CCCCCA;
}

.pix-image-list-item,
.dd-selected {
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
}

.pix-no-scrollbar .pix-image-list-item { width: 638px;}
.pix-scrollbar-container-collection-items .pix-image-list-item { width: 413px;}
.pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-list-item { width: 431px;}

.pix-collection-list-item:hover,
.pix-image-list-item:hover {
   background: #e4e2e4;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
}

.pix-image-list-item .pix-image-image-description,
.pix-collection-list-item:hover {
   cursor: pointer;
}

.pix-image-list-item.pix-no-insert .pix-image-image-description {
   cursor: default;
   text-decoration: none;
}

.pix-image-list-item.pix-selected {
   background: #e2e8e5;
   background: -moz-linear-gradient(top,  #e2e8e5 0%, #d2d8d5 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e8e5), color-stop(100%,#d2d8d5));
   background: -webkit-linear-gradient(top,  #e2e8e5 0%,#d2d8d5 100%);
   background: -o-linear-gradient(top,  #e2e8e5 0%,#d2d8d5 100%);
   background: -ms-linear-gradient(top,  #e2e8e5 0%,#d2d8d5 100%);
   background: linear-gradient(to bottom,  #e2e8e5 0%,#d2d8d5 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e8e5', endColorstr='#d2d8d5',GradientType=0 );
   }

.pix-image-list-item.pix-selected:hover {
   background: #cfd8d4;
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZDhkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWJlYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background: -moz-linear-gradient(top,  #cfd8d4 0%, #b5bebb 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfd8d4), color-stop(100%,#b5bebb));
   background: -webkit-linear-gradient(top,  #cfd8d4 0%,#b5bebb 100%);
   background: -o-linear-gradient(top,  #cfd8d4 0%,#b5bebb 100%);
   background: -ms-linear-gradient(top,  #cfd8d4 0%,#b5bebb 100%);
   background: linear-gradient(to bottom,  #cfd8d4 0%,#b5bebb 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd8d4', endColorstr='#b5bebb',GradientType=0 );
}

.pix-image-list-preview-info {
   height: 40px;
   width: 630px;
   padding: 5px;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 500;
}


.pix-no-scrollbar .pix-image-list-preview-info { width: 628px;}
.pix-scrollbar-container-collection-items .pix-image-list-preview-info { width: 403px;}
.pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-list-preview-info { width: 421px;}

.pix-image-list-item span.pix-image-image-frame {
   margin-right: 10px;
   height: 40px;
   width: 40px;
   float: left;
   border: 1px solid #BDBEB2;
}

.pix-image-list-item img.thumbnail {
   max-height: 40px;
   width: 40px;
}

.pix-image-list-item.pix-selected img {
   margin-right: 4px;
   border: 3px solid #20b111;
   top: -3px;
   left: -3px;
   position: relative;
   border-radius: 2px;
}

.pix-image-list-item .pix-image-image-description {
   color: #666;
   font-size: 10px;
   line-height: 13px;
   text-decoration: none;
}

.pix-image-description {
   display: block;
   max-width: 535px;
/*   font-size: 14px;
   font-weight: bold;*/
   vertical-align: top;
}

.pix-image-list-item .pix-image-description {
    font-size: 14px;
    font-weight: bold;
    margin-top: 7px;
    line-height: 5px;
}

.pix-image-keywords {
/*   display:block;*/
}

.pix-image-list-item:hover p {
   color: #333;
}

.pix-image-list-item span.pix-image-title {
   color: #000;
   font-size: 14px;
}

.pix-image-list-item .pix-image-title:hover,
.pix-image-tile-item .pix-image-title:hover {
   color: #b11;
}

.pix-image-list-item .pix-image-title:hover {
   text-decoration: underline;
}

.pix-image-list-item .pix-image-text {
    padding-left: 9px;
}

.pix-image-list-item span.pix-image-list-actions {
   position: absolute;
   top: 5px;
   right: 10px;
   z-index: 1000;
}

.pix-image-tile-item a.pix-edit-form-button,
.pix-image-list-item a.pix-edit-form-button,
.pix-image-upload-background {
   font-size: 10px;
   font-weight: bold;
   height: 20px;
   line-height: 195%;
   padding: 0 5px;
}

.pix-image-tile-item a.pix-edit-form-button {
   height: 15px;
   line-height: 155%;
}

.pix-image-tile-item a.pix-edit-form-button,
.pix-image-list-item a.pix-edit-form-button {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   float: left;
   clear: left;
    min-width: 60px;
   text-align: center;
   margin: 2px 0;
   color: #000;
   box-shadow:none;
   border-radius: 3px;
}
.pix-image-tile-item a.pix-edit-form-button {
   margin: 4px 0;
}
.pix-image-tile-item a.pix-edit-form-button{
    opacity: 0.4;
    min-width: 40px;
    width: auto;
    padding: 1px 8px;
}
.pix-image-list-item .list-edit-icon {
    opacity: 0;
}

.pix-image-tile-item:hover a.pix-edit-form-button,
.pix-image-list-item:hover a.pix-edit-form-button,
.pix-image-list-item:hover .list-edit-icon,
.pix-image-tile-item:hover .select-checkbox,
.pix-image-tile-item:hover .pix-image-dimensions,
.pix-image-tile-item:hover .pix-image-image-description,
.pix-image-tile-item:hover .pix-image-tile-actions {
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pix-image-tile-item:hover a.pix-edit-form-button:hover,
.pix-image-list-item:hover a.pix-edit-form-button:hover {
   color: #b11;
   box-shadow: 0 0 8px #ccc;
}

.select-checkbox:checked {
    opacity: 1;
}

/* Image List Tile View Items */

.pix-image-tile-item {
   text-align: center;
   width: 193px;
   height: 193px;
   padding: 4px;
   margin: 2px;
   position: relative;
   border: 1px solid #CCCCCA;
   border-radius: 4px;

   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
}

.pix-image-tile-item .__CbUiFrame,
.pix-image-tile-item .__CbUiLayerFrame {
    background-color: transparent;
}

.pix-no-scrollbar .pix-image-tile-item {
   margin-left: 6px;
}

.pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-tile-item {
   margin-left: 7px;
}

.pix-image-tile-item.pix-selected {
   border: 3px solid #20B111;
   padding: 2px;
}

.pix-image-tile-item .pix-image-tile-image-description {
   text-align: left;
   visibility: hidden;
   width: 183px;
   padding: 5px 5px;
   position: absolute;
   top: 4px;
   left: 4px;
   background: #fff;
   background: rgba(255, 255, 255, 0.7 );
   z-index: 100;
}

.pix-image-tile-item:hover .pix-image-tile-image-description {
   visibility: visible;
}

.pix-image-tile-item img.preview-image {
   max-height: 193px;
   max-width: 193px;
}

.pix-image-tile-item .remove-image {
   position: absolute;
   right: 4px;
   top: 4px;
   box-shadow: 0 0 8px 2px #fff;
   z-index: 1000;
   cursor: pointer;
}

.pix-image-tile-item .remove-image-spacer {
   margin-left: 10px;
   float: right;
   display: block;
   width: 14px;
   height: 14px;
}

.pix-image-tile-item .pix-image-tile-image-description {
   color: #000;
}

.pix-image-tile-item .pix-image-tile-image-description strong {
   font-size: 12px;
}

.pix-image-tile-actions{
   position: absolute;
   bottom: 9px;
   left: 9px;
   width: 183px;
}

.pix-image-tile-item .pix-image-dimensions,
.pix-image-tile-item .pix-image-image-description {
   position: absolute;
   left: 0;
}

.pix-image-tile-item .pix-image-image-description,
.pix-image-tile-item .pix-image-tile-actions {
    font-size: 120%;
    left: 0;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    text-align: left;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
}
.pix-image-tile-item .pix-image-tile-actions{
    opacity: 0.3;
}
.pix-image-tile-item .pix-image-tile-actions.pic-selected{
    opacity: 1;
}
.pix-image-tile-item .pix-image-image-description {
    width: 192px;
    top: 0;
    height: 56px;
    border-radius: 4px 4px 0 0;
    padding: 9px 0 0 9px;
}

.pix-image-tile-item .pix-image-tile-actions {
    width: 182px;
    top: 163px;
    height: 33px;
    border-radius: 0 0 4px 4px;
    padding: 5px 10px 0 9px;
}

.pix-edit-form-button.pix-insert-image.__CbUiTextButton {
    float: right;
}

a.hidden.pix-edit-form-button.pix-insert-image.__CbUiTextButton {
    opacity: 0;
    width: 100%;
    height: 100%;
}
a.pix-image-tile-tooltip-anchor {
    opacity: 0.4;
    min-width: 40px;
    width: auto;
    padding: 3px 8px;
    text-decoration: none;
    border: 1px solid #333;
    text-align: center;
    color: #000;
    border-radius: 3px;
    font-size: 11px;
    float: right;
    margin-right: 10px;
    margin-top: 4px;
    box-shadow: inset 1px 0px 1px 2px #ddd;
    line-height: 12px;
    font-weight: bold;
}

.pix-image-tile-item .__CbUiText,
.pix-image-tile-item .pix-image-width,
.pix-image-tile-item .pix-image-height {
    font-size: 10px;
}

.pix-image-tile-item .pix-image-title,
.pix-image-tile-item .pix-image-subtitle {
    font-size: 12px;
}

.pix-image-tile-item .pix-image-title {
    display: inline-block;
    line-height: 15px;
    font-weight: bold;
    text-decoration: underline;
}

.pix-image-tile-item.pix-selected .pix-image-tile-actions {
   bottom: 7px;
   left: 7px;
}

.pix-image-tile-item .pix-image-tile-actions a.pix-edit-meta {
   float: left;
}

.pix-image-tile-item .pix-image-tile-actions a.pix-select-image {
   float: right;
}

a.pix-edit-form-button.pix-select-image {
   display:none;
}


/* Collections List Filter Header */

.pix-new-collection {
   width: 160px;
   text-align: center;
   margin-right: 0;
}

.pix-collections .pix-filter-input{
   margin-left: 5px;
   width: 315px;
}

/* Collections List Items */
.pix-collection-list-item {
   height: 35px;
   width: 184px;
   padding: 0;
   position: relative;
   display: block;
   overflow: hidden;

   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f1 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f1 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f1 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
   border-bottom: 1px solid #CCCCCA;
}



.pix-collection-all-images,
.pix-collection-current-selection,
.pix-collection-last-uploads {
   background: #FFFFFF;
   background: -moz-linear-gradient(top,  #F9FDFF 0%, #EAEFF4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9FDFF), color-stop(100%,#EAEFF4));
   background: -webkit-linear-gradient(top,  #F9FDFF 0%,#EAEFF4 100%);
   background: -o-linear-gradient(top,  #F9FDFF 0%,#EAEFF4 100%);
   background: -ms-linear-gradient(top,  #F9FDFF 0%,#EAEFF4 100%);
   background: linear-gradient(to bottom,  #F9FDFF 0%,#EAEFF4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9FDFF', endColorstr='#EAEFF4',GradientType=0 );
}

.pix-no-scrollbar .pix-collection-list-item {
   width: 200px;
}

.pix-collection-list-info {
   padding: 5px;
   display: block;
   text-decoration: none;
}

.pix-collection-list-item img {
   float: left;
   display: block;
   margin-right: 5px;
}

.pix-collection-list-item .pix-collection-list-collection-description {
   color: #666;
   font-size: 10px;
   line-height: 13px;
   text-decoration: none !important;
}

.pix-collection-list-item .pix-collection-list-collection-description strong {
   color: #000;
   font-size: 11px;
   height: 13px;
   display: block;
   float: left;
   width: 142px;
   overflow: hidden;
}

.pix-collection-list-item span.pix-collection-list-actions {
   position: absolute;
   top: 3px;
   right: 2px;
   z-index: 1000;
}

.pix-collection-list-item a.pix-edit-form-button {
   opacity: 0;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
   padding: 1px 3px 2px;
   font-size: 9px;
   line-height: 9px;
   font-weight: normal;
   float: right;
   clear: right;
   text-align: center;
   margin: 0 0 2px;
}

.pix-collection-list-item:hover a.pix-edit-form-button {
   opacity: 1;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.pix-uploader-select {
   border: 1px solid #CCCCCC;
   width: 210px;
   padding: 2px;
   background-color: #FFFFFF
}

.pix-uploader-select .__CbUiText {
   margin-left: 5px;
}

select.pix-dropdown-uploader.__CbUiSelect {
   width: 100%;
   height: 38px;
}

select.pix-dropdown-uploader.__CbUiSelect option{
   height: 38px;
}

.pix-dropdown-filter {
   width: 275px;
   height: 24px;
}

.pix-select-bar-dropdown-filter-box,
.pix-dropdown-select-box {
   vertical-align: top;
   float: left;
}

.pix-form-content-container form {
   width: 608px;
}

.pix-form-content-container .pix-image-format {
    width: auto;
    padding-top: 20px;
}

.pix-image-format .pix-edit-form-buttons a,
.pix-image-format .pix-edit-form-buttons button {
    width: 135px;
    padding-right: 0;
}

.pix-scrollbar-container-images {
   margin-top: 5px;
}

.select-bar-is-up .pix-scrollbar-container-images {
   height: 400px;
}

.pix-image-title {
    cursor:pointer;
}

.pix-insert-image.__CbUiTextButton {
    height: 25px;
}

button.__CbUiTextButton.pix-button-go {
    height: 26px;
    min-width: 32px;
    cursor: pointer;
    border: 1px solid #C4C4B4;
    padding: 0;
    line-height: 100%;
    box-sizing: border-box;
}

.__CbUiSelect.pix-dropdown-filter {
    height: 24px;
}

.__CbUiSelect.pix-dropdown-filter option {
    height: 24px;
}

.pix-filter-form .pix-filter-input {
    width:265px;
    vertical-align: top;
}

.view-toggle,
.deselect-button {
    cursor: pointer;
    box-shadow: 0 0 5px #BDBEB2;
}

.deselect-button {
   position: relative;
   top: 9px;
}

.select-bar .deselect-button {
   /*top: 0;*/
}

.view-toggle {
    float: right;
}

.pix-uploader-input.pix-standard .__CbUiText {
    display: block;
}

/* take empty space for dd-select */
.pix-filter-form > .pix-dropdown-filter-box {
   width: 275px;
   min-height: 1px;
   display: block;
   float:left;
}

#dropdown-uploader,
#dropdown-filter {
    float: left;
}

#select-bar-dropdown-filter .dd-option,
#select-bar-dropdown-filter .dd-selected,
#dropdown-filter .dd-option,
#dropdown-filter .dd-selected,
#dropdown-select .dd-option,
#dropdown-select .dd-selected {
    line-height: 20px;
    height: 20px;
    padding: 2px;
}

#dropdown-uploader .dd-option,
#dropdown-uploader .dd-selected {
    height: 26px;
    padding: 5px;
}
#dropdown-select .dd-options,
#select-bar-dropdown-filter .dd-options {
    bottom: 24px;
    left: 0;
    position: absolute;
}

#dropdown-select .dd-options {
    overflow:auto;
}

#select-bar-dropdown-filter .dd-options {
    max-height: 400px;
}

#select-bar-dropdown-filter img,
#select-bar-dropdown-filter .dd-desc {
    display: none;
}

.pix-select-bar-dropdown-filter-box {
    margin-left: 7px;
    display: none;
}

#dropdown-select .dd-container{
    position: relative;
}

.initial-view #dropdown-select .dd-options li:first-child .dd-desc,
.initial-view .dd-selected .dd-desc {
    display: none;
}

.dd-option-text,
.dd-selected-text {
    padding-right: 0.5em;
    font-size: 12px;
    font-weight: bold;
}

#select-bar-dropdown-select .dd-option-text,
#select-bar-dropdown-select .dd-selected-text,
#dropdown-select .dd-option-text,
#dropdown-select .dd-selected-text,
#dropdown-filter .dd-option-text,
#dropdown-filter .dd-selected-text {
    font-size: 12px;
    font-weight: bold;
}

#dropdown-uploader .dd-option-text,
#dropdown-uploader .dd-selected-text {
    font-weight: normal;
    font-size: 11px;
    vertical-align: text-top;
}

.dd-selected {
    color: #333333;
}

.dd-desc {
    line-height: 8px;
    color: #333333;
    font-size: 11px !important;   /*TODO: avoid !important*/
    overflow: visible !important;   /*TODO: avoid !important*/
}

#dropdown-filter .dd-desc {
    display: inline;
    padding-left: 0.5em;
    border-left: 1px solid #333333;
    color: #333333;
}

#dropdown-uploader .dd-desc {
    display: block;
    font-weight: bold;
    color: #333333;
    font-size: 12px;
    margin-top: -5px;
}

.pix-image-tile-item a {
    display: inline;
}

.display-none {
   display: none;
}

.pix-filter-form .dd-option img {
    width: 20px;
}

.pix-image-tile-item .pix-preview-image {
    position: absolute;
    left: 4px;
    cursor: default;
}

.title-missing {
    font-weight: normal !important;
    font-style: italic;
    color: #bb1111 !important;
}

.tooltip-clone {
    display:none;
}

.__PixWindow h1 {
    border: none;
}

.select-bar {
    display: none;
    bottom: 4px;
    height: 37px;
    left: 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #808080;
    background: #F7F7F1;
    overflow: visible;
}

.selected-count {
    float: left;
    margin-top: 10px;
}
/* not needed */
.select-bar.expanded {
    overflow: visible;
}

.select-bar .dropdown-selection {
    float: left;
    margin-top: 10px;
}

.select-bar .pix-dropdown-filter-box {
    margin-left: 6px;
}

.select-bar .button-container {
    float: right;
}
.select-bar .button-container button,
.select-bar .button-container img {
    display: inline;
}
.select-bar .button-container button {
    float: none;
    margin: 0 8px 0 0;
}

.select-checkbox {
    opacity: 0;
    /*display: none; temporary*/
}

.dropdown-selection .dd-desc {
    display: inline;
}

#dropdown-select .dd-desc {
    color: #333333;
    font-size: 12px !important;
    font-weight: bold;
    float: left;
    padding: 3px;
}

.end-mark {
    height: 0;
    width: 100%;
    position: absolute;
    bottom: 7px;
    opacity: 0.25;
}
.select-bar-is-up .end-mark {
   bottom: 42px;
}

.__PixWindow .fullscreen-switch {
    display: block;
}

.__CbUiInputText.pix-filter-input.__CbUiFieldUnedited {
    color: #000000;
}
.__CbUiInputText.pix-filter-input.__CbUiFieldEdited:after {
    color: #000000;
}
.pix-image-uploader.pix-image-uploader-standard > form {
    width: 100%;
}
label.icon input[type="checkbox"] + span.icon{
    background-image: url("/pix/media/png/radio_toggle_icon.png");
    background-position: 0 0;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
    margin-top: 5px;
}

label.icon input[type="checkbox"]:checked + span.icon{
    background-position: -20px 0;
}

label.icon input[type="checkbox"]{
    display: none;
}

.pix-image-tile-item .pix-image-image-description {
    line-height: 10px;
}
.pix-image-tile-item .pix-image-copyright {
    font-size: 10px;
    margin-top: -2px;
}
.pix-image-tile-item .pix-edit-icon {
    bottom: 7px;
    right: 8px;
    background-color: #ffffff;
    background-position: 2px 2px;
    height: 22px;
    width: 22px;
    box-shadow: 0 0 5px rgb(189, 190, 178);
}

.pix-image-tile-item .pix-edit-icon.delete {
    background-image: url("/module/lib/framework/images/edit_delete_icon.png");
    background-position: 0 0;
    top: 6px;
}
.pix-image-tile-item .pix-image-title-wrapper {
    margin-top: -5px;
    width: 150px;
    text-decoration: underline;
    font-weight: bold;
    min-height: 14px;
    max-height: 31px;
    overflow: hidden;
}
.pix-image-tile-item .pix-image-title-wrapper div {
    font-size: 12px;
}

.pix-image-tile-item .pix-image-meta-cntnr {
    margin-top: -9px;
    padding-top: 8px;
    line-height: 14px;
}

.pix-image-tile-item .pix-image-tile-tooltip {
    height: 105px;
    position: absolute;
    top: 60px;
    width: 195px;
}
.pix-image-tile-tooltip-list {
    list-style: none;
    font-size: 12px;
    position: absolute;
    z-index: 10;
    background-color: #ffffff;
    text-align: left;
    display: none;
    padding: 10px;
    box-shadow: 0 0 10px #333333;
    border-radius: 5px;
    width: 270px;
}
.pix-image-tile-tooltip {
    cursor: url("../media/png/icon_export.png") 10 10, auto;
}
.Title,
.Subtitle,
.Height,
.Width {
    padding-right: 5px;
}
.titles-id,
.tags,
.dimensions-copyright,
.desc-wrpr,
.link {
    padding-bottom: 1em;
}
.Title {
    font-weight: bold;
}
.Uri > a {
    color: #000000;
}
.Id {
    color: #999999;
}
.sub-desc:first-child {
    padding-top: 0;
}
.sub-desc {
    padding-top: 0.33em;
}
.delim {
    padding: 0 5px;
}
.pix-edit-image-meta .pix-column1 {
   width: 200px;
   float: left;
   margin-right: 20px;
}

.pix-edit-image-meta .pix-column2 {
   float: left;
   width: 420px;
}

.pix-edit-image-meta span {
   font-size: 10px;
}

.pix-license-options, .pix-image-meta-description-language {
    font-weight: bold;
}

.pix-edit-image-meta .pix-column1 .pix-edit-form-button {
   float: none;
   width: 158px;
   text-align: center;
   margin-top: 10px;
}

.pix-edit-image-meta .pix-column2 input[type="text"] {
   width: 412px;
   margin-bottom: 5px;
   font-size: 14px; 
   padding: 3px 1px 1px;    
}

.pix-edit-image-meta .pix-column2 input[type="text"][name="Title"],
.pix-edit-image-meta .pix-column2 input[type="text"][name="Subtitle"] {
   margin-bottom: 5px;
}

.pix-edit-image-meta div.pix-column2 .pix-column-brick {
   width: 200px !important;
   display: block;
   float: left;
   margin-right: 17px;
}

.pix-edit-image-meta div.pix-column2 .pix-column-brick.pix-last {
   margin-right: 0;
}

.pix-edit-image-meta div.pix-column2 .pix-column-brick input[type="text"] {
   width: 195px;
}

textarea.pix-image-meta-description {
   width: 411px;
   min-height: 50px;
   margin-bottom: 10px;
   resize: vertical;
   font-size: 14px;
}

.pix-image-meta-description-language span {
   /*display: block;*/  
}

.pix-edit-image-meta div.pix-column2 select {
   /*margin-bottom: 10px;*/ 
    position: relative; 
    width: 195px;   
}

.pix-edit-image-meta div.pix-column1 a.pix-alert-box {
   margin-top: 10px;
}

.pix-license-options {
   width: 200px;
   padding-top: 20px;
}

.pix-license-options input {
   display: none;
}

.pix-license-options input + span.icon {
   padding: 0;
   margin-right: 5px;
   display: inline-block;
   appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   width: 20px;
   height: 20px;
   vertical-align: middle;
   float: left;
}

.pix-license-options span.__CbUiText {
   float: left;
   width: 160px;
   margin-top: 2px;
}

.pix-license-options input + span.icon {
   background-image: url('/pix/media/png/radio_toggle_icon.png');
   background-position: 0 0;
}

.pix-license-options input:checked + span.icon {
   background-image: url('/pix/media/png/radio_toggle_icon.png');
   background-position: -20px 0;
}

.pix-edit-image-meta .pix-column2 {
   overflow-x: hidden;
   overflow-y: auto; 
   height: 435px;
   width: 435px;    
   float: left;
}

.pix-image-meta-description-language select {
    float: right;   
    margin-right: 20px; 
}

.pix-edit-image-meta button.pix-edit-form-button {
}

.pix-edit-image-meta a.pix-edit-form-button {
    width: 90px;
}

.input-fields-cntnr {
    margin: 0 auto;
    width: 660px;
    padding-top: 35px;
}

.pix-image-meta.pix-edit-image-meta {
    width: 100%;
}

.pix-image-meta label {
    font-weight: normal;
}

.fullscreen .pix-image-meta .edit-form-buttons {
    bottom: 60px;
}






























.pix-edit-series-meta .pix-column1 {
   width: 200px;
   float: left;
   margin-right: 20px;
}

.pix-edit-series-meta .pix-column2 {
   float: left;
   width: 420px;
}

.pix-edit-series-meta span {
   font-size: 10px;
}

.pix-edit-series-meta .pix-column1 .pix-edit-form-button {
   float: none;
   width: 158px;
   text-align: center;
   margin-top: 10px;
}

.pix-edit-series-meta .pix-column2 input[type="text"] {
   width: 412px;
   margin-bottom: 5px;
   font-size: 14px;
   padding: 3px 1px 1px;
}

.pix-edit-series-meta .pix-column2 input[type="text"][name="Title"],
.pix-edit-series-meta .pix-column2 input[type="text"][name="Subtitle"] {
   margin-bottom: 5px;
}

.pix-edit-series-meta div.pix-column2 .pix-column-brick {
   width: 200px !important;
   display: block;
   float: left;
   margin-right: 17px;
}

.pix-edit-series-meta div.pix-column2 .pix-column-brick.pix-last {
   margin-right: 0;
}

.pix-edit-series-meta div.pix-column2 .pix-column-brick input[type="text"] {
   width: 195px;
}

.pix-edit-series-meta .pix-column2 {
   overflow-x: hidden;
   overflow-y: auto;
   height: 435px;
   width: 435px;
   float: left;
}
.input-fields-cntnr {
    margin: 0 auto;
    width: 660px;
    padding-top: 35px;
}

.pix-image-meta.pix-edit-series-meta {
    width: 100%;
}

.fullscreen .pix-image-meta .edit-form-buttons {
    bottom: 60px;
}

.edit-series-header, .add-series-header {
   display: block;
}

.edit-series-title, .edit-series-header {
   display: none;
}
div.pix-text-image-format .pix-form-content-container {

}

div.pix-text-image-format .pix-screen-title {
   margin-bottom: 20px;
}

.pix-form-description {
   clear: both;
   float: left;
   width: 145px;
   text-align: right;
   margin-right: 20px;
   font-size: 12px;
   font-weight: bold;
}

.pix-form-elements-container {
   width: 310px;
   border-bottom: 1px solid #D3D4CD;
   margin: 0 160px 15px 0;
   padding: 0 0 15px 0;
   float:left;
}

.pix-form-elements-container.pix-last {
   border-bottom: none;
}

.pix-text-image-size input {
   display: inline;
}

.pix-text-image-size input,
.pix-text-collection-size input {
   width: 40px;
   margin-right: 5px;
}

.pix-text-image-size label,
.pix-text-collection-size label {
   margin-right: 25px;
}

.pix-text-image-size .pix-image-size-info,
.pix-text-collection-size .pix-collection-size-info {
   margin: 5px 0 0;
   color: #666;
}

.pix-text-image-size .pix-image-size-info,
.pix-text-image-size label {
    font-size: 12px;
}

.pix-optional-image-title,
.pix-optional-collection-title {
   border-bottom: none;
   margin-bottom: 0;
}

.pix-optional-image-title input,
.pix-optional-collection-title input {
   width: 305px;
}

textarea.pix-optional-image-description,
textarea.pix-optional-collection-description {
   width: 310px;
   min-height: 120px;
}

/* Radio Button Icon Styles */

.pix-text-image-format-options label {
   float: left;
   width: 33%;
}

.pix-text-image-format-options .pix-radio-image,
.pix-text-image-format-options .pix-radio-image-active,
.pix-text-collection-format-options .pix-radio-image,
.pix-text-collection-format-options .pix-radio-image-active{
   display: block;
   position: relative;
   float: left;
   margin-right: 20px;
   margin-bottom: 15px;
   height: 43px;
   width: 48px;
   cursor: pointer;
   border: 1px solid #CCCCCA;
   -moz-box-shadow: inset 0 0 0 1px #fff;
   -webkit-box-shadow: inset 0 0 0 1px #fff;
   box-shadow: inset 0 0 0 1px #fff;
   background: #ffffff;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;}


.pix-text-image-format-options .pix-radio-image input[type=radio],
.pix-text-image-format-options .pix-radio-image-active input[type=radio],
.pix-text-collection-format-options .pix-radio-image input[type=radio],
.pix-text-collection-format-options .pix-radio-image-active input[type=radio] {
   visibility: hidden;
}

.pix-text-image-format-options .pix-radio-image label,
.pix-text-image-format-options .pix-radio-image-active label,
.pix-text-collection-format-options .pix-radio-image label,
.pix-text-collection-format-options .pix-radio-image-active label {
   width: 50px;
   text-align: center;
   position: absolute;
   left: 0;
   bottom: -15px;
}
.pix-text-image-format-options .pix-radio-image,
.pix-text-collection-format-options .pix-radio-image {
   background-position: 0 -50px;
}

.pix-text-image-format-options .pix-radio-image-active,
.pix-text-collection-format-options .pix-radio-image-active {
   background-position: 0 0;
}

.pix-text-image-format-options .pix-image-format-left {
   float: left;
   position: relative;
   width: 50px;
   height: 55px;
   margin-right:50px;
   display: block;
   overflow: hidden;
   background-image: url('/pix/media/png/image-format-left.png');
   background-repeat: no-repeat;
   cursor: pointer;
}

.pix-text-image-format-options .__CbUiText{
   position: absolute;
   bottom: 0;
   left: 0;
   font-size: 12px;
}

.pix-text-image-format-options .pix-image-format-centered {
   float: left;
   position: relative;
   width: 50px;
   height: 55px;
   margin-right:50px;
   display: block;
   overflow: hidden;
   background-image: url('/pix/media/png/image-format-centered.png');
   background-repeat: no-repeat;
   cursor: pointer;
}

.pix-text-image-format-options .pix-image-format-right {
   float: left;
   position: relative;
   width: 50px;
   height: 55px;
   margin-right:50px;
   display: block;
   overflow: hidden;
   background-image: url('/pix/media/png/image-format-right.png');
   background-repeat: no-repeat;
   cursor: pointer;
}

.pix-text-image-format-options label {
   width: 50px;
   height: 55px;
   margin: 0 50px 0 0;
   display: block;
   overflow: hidden;
   position: relative;
   float: left;
   padding:0;
}

.pix-image-radio-button {
   width: 48px;
   height: 48px;
   visibility: hidden;
}

.pix-text-collection-format-options .pix-collection-format-left {
   background-image: url('/pix/media/png/collection-format-left.png');
}

.pix-text-collection-format-options .pix-collection-format-centered {
   background-image: url('/pix/media/png/collection-format-centered.png');
}

.pix-text-collection-format-options .pix-collection-format-right {
   background-image: url('/pix/media/png/collection-format-right.png');
}

span.pix-text-image-format-ratio-lock {
   width: 26px;
   height: 25px;
   border: none;
   display: inline-block;
   background-image: url('/pix/media/png/buttons.png');
   background-repeat: no-repeat;
   cursor: pointer;
   vertical-align: bottom;
   position: static;
   font-size: inherit;
}

span.pix-image-ratio-locked {
   background-position: -338px 0;
}

span.pix-image-ratio-unlocked {
   background-position: -364px 0;
}
.pix-image-format .pix-edit-form-buttons {
    top: 478px;
    left: 5px;
}
/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

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

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


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


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


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

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


/* zoom control */

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

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


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

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


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

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

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


/* div icon */

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

.CbControlbar2RegisterWindowTitle.tab:not(.active) {
   color : #999;
}
.CbControlbar2Window.CbControlbar2RegisterWindow.__CbUiFrame.__CbUiLayerFrame {
    margin-top: 10px;
}
label.CbControlbar2RegisterWindowTitle {
   cursor: pointer;
   display: inline-block;
}
label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
   padding: 23px 15px 0 15px;
   min-height: 64px;
   vertical-align: middle;
   box-sizing: border-box;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   font-weight: normal;
}
label.CbControlbar2RegisterWindowTitle.tab:not(:first-of-type)  {
   margin-left: -5px;
}
label.CbControlbar2RegisterWindowTitle.tab.active {
   position: relative;
   bottom: -1px;
   background-color: #fff;
}


.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton,
.CbUiRegisterWindow .__CbRegButtonContainer .__CbUiTextButton,
#registerframe_button_ok {
   background-color: #f8602c;
}
#registerframe_title {
   color: #555555;
}
#registerframe_main_page {
   padding: 20px;
}
#registerframe_button_publicdata {
   margin-top: 10px;
}
.clearfix:before, .clearfix:after,
.row:before, .row:after,
.container12:before, .container12:after, .container16:before, .container16:after {
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
.row:after, .clearfix:after, .container12:after, .container16:after {
    clear:both;
}

/* register profile public data */
.DSRegisterProfileWindow .input-switch-button-cntnr,
.DSRegisterProfileWindow .publish-profile-hints,
.DSRegisterProfileWindow .publish-profile-hints-text {
    text-align: right;
}
.DSRegisterProfileWindow .input-switch-button {
    cursor: pointer;
}
.DSRegisterProfileWindow .publish-profile-hints-text {
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.5s;
    position: absolute;
    background-color: #ffffff;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.4);
    padding: 1em;
    width: 50%;
    right: 0;
    text-align: left;
}
.DSRegisterProfileWindow .publish-profile-hints:hover + .publish-profile-hints-text {
    opacity: 1;
}
.DSRegisterProfileWindow .member-item-activity > ul {
    margin-left: 0;
}
.DSRegisterProfileWindow #PublicData.register-content-box {
    min-height: 470px;
}
.DSRegisterProfileWindow .member-item-activity {
    height: 290px;
    overflow: auto;
}
.DSRegisterProfileWindow .member-item-activity {
    padding: 0 0 0 6%;
    width: 52%;
}
.DSRegisterProfileWindow #registerframe_button {
  margin-top: 10px;
}
.DSRegisterProfileWindow .member-item-contact {
    margin-right: 2%;
    width: 37%;
    padding: 0 2% 0 0;
}
.DSRegisterProfileWindow .member-item-contact .input-switch-button-cntnr .publish-switch-img {
    float: right;
}
.DSRegisterProfileWindow .member-item-contact .input-switch-button-cntnr:hover .input-switch-button + span {
    opacity: 1;
}

.DSRegisterProfileWindow .member-item-contact .input-switch-button + span {
    opacity: 0.7;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.DSRegisterProfileWindow .input-switch-button-cntnr .address,
.DSRegisterProfileWindow .input-switch-button-cntnr .phone-number,
.DSRegisterProfileWindow .input-switch-button-cntnr .desc {
    text-align: left;
    float: left;
}

.DSRegisterProfile #registerframe_submit_button {
    margin-top: 8px;
}

.input-switch-button {
   white-space: nowrap;
}
.input-switch-button input[type="checkbox"] {
   display : none;
}
.input-switch-button input[type="checkbox"] + span {
   display : inline-block;
   width: 40px;
   height: 18px;
   background-image: url('images/img_fb-switch-onoff.png');
   vertical-align: middle;
   background-size: 80px;
   margin-left: 14px;
}
.input-switch-button input[type="checkbox"]:checked + span {
   background-position: right top;
}

.member-item-head img[src=""]{
   display : none
}
.member-item {
   border-bottom: 1px solid #ccc;
   padding: 18px 25px 18px 25px;
   position: relative;
   min-height: 30px;
}

.member-item >p.desc:empty {
   display: none;
}
.member-item >h4 {
   margin-bottom: 5px;
}
.member-item .desc, .member-item-full .desc {
   font-size: 14px;
}

.member-item .desc {
   margin: 0 0 10px;
}
.member-item >p.desc {
   margin: 0;
}
.member-item-contact,
.member-item-activity {
   float: left;
   padding: 0 6%;
   margin-top: 4%;
   overflow-x: hidden;
   font-size: 14px;
}

.member-item-contact {
    width: 33%;
}

.member-item-activity {
   width: 45%;
}

.member-item-activity ul {
  list-style: none;
}

.member-item-contact {
   border-right: 1px solid #ccc;
   margin-right: 2%;
   padding-left: 0;
}

.member-item-activity a,
.member-item-contact a {
   overflow-wrap: break-word;
   width: 100%;
}

.member-item-activity h5,
.member-item-contact h5 {
   font-size: 13px;
   text-transform: uppercase;
   margin-bottom: 2%;
}


.member-item-memberships {
   clear: both;
   padding-top: 10px;
}
.member-item-memberships .member-of {
   color: #f8602c;
}
.member-item h4 {
   cursor: pointer;
}

.DSRegisterWindow .__CbUiFieldUnedited {
  color: #000;
}

#registerframe_button_register,
#registerframe_button_register_no_doublet,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button,
registerframe_button_register_send_doublet_info {
   background-color: #f8602c;
   border-radius: 3px;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 1px;
   color: #ffffff;
   cursor: pointer;
}
#registerframe_button_register_no_doublet_action {
   color: #ffffff;
}

.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button:hover,
.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button:hover {
   background-color: #000000;
}

.DSRegisterCheckDoubletInfoWindow h2 {
   font-size: 20px;
}

div.DSRegisterCheckDoubletWindow #registerframe_checkdoublet_block .selection-block a {
   color: #f8602c;
}

.selection-block > div > div::before, 
.selection-block > div > div a {
   color: #f8602c;
}


@media only screen and (min-width: 768px) {
   .CbControlbarEventWindow.tabs .padded-box .label-wrpr:not(.label-wrpr-0) {
       display: inline-block !important;
   }
   .padded-box-bg {
       visibility: visible;
   }
}
@media only screen and (max-width: 767px) {
   label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
      padding: 8px 15px 8px 15px;
      min-height: 10px;
      vertical-align: middle;
      border-left: none !important;
      border-right: none !important;
      margin-left: 0 !important;
   }
   .CbControlbarEventWindow.tabs .padded-box .label-wrpr:not(.label-wrpr-0) {
       display: block !important;
       background-color: transparent;
       border: none;
   }
   .padded-box-bg {
       visibility: hidden;
   }
    .CbControlbarEventWindow {
        margin-top: 50px !important;
    }
}
@media only screen and (max-width: 479px) {
    .CbControlbarEventWindow .image-upload-cntnr {
        float: none !important;
        width: 100% !important;
    }
}
.page-edit {
    visibility: hidden;
}
.page-edit textarea {
   width: 100%;
   height: 500px;
}

.overlay {
   display: none;
   background-color: rgb(0, 0, 0);
   position: fixed;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 999;
}
.overlay-edit-form {
   /*display: none;*/
   background-color: rgb(238, 238, 231);
   margin: 0;
   position: fixed;
   top: 50px;
   left: 0;
   right: 0;
   width: 680px;
   z-index: 1336;
   border-radius: 5px;
   text-align: center;
   border: 1px solid #FFFFFF;
   -moz-box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6);
   -webkit-box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6);
   box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6);
}
.overlay-edit-form.edit-form {
   min-height: 450px;
}
.overlay-edit-form.article-form {
   min-height: 530px;
}
.overlay-edit-form textarea,
.overlay-edit-form input[type="text"] {
   width: 620px;
   border: none;
   border-top: 1px solid #CCCCCC;
   border-bottom: 1px solid #CCCCCC;
}
.overlay-edit-form textarea,
.overlay-edit-form input[type="text"],
.mceContentBody p {
   font-family: Arial, sans-serif;
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
.overlay-edit-form input[type="text"] {
   width: 608px;
   padding: 5px;
}
.overlay-edit-form input[type="text"] + input[type="text"] {
   margin-top: 3px;
}
.overlay-edit-form input.fresh {
   color: #888;
}
.overlay-edit-form input[type="radio"] {
   margin-right: 5px;
}
.overlay-edit-form label {
   float: left;
   margin: 0;
   font-size: 16px;
   height: 20px;
   width: 125px;
   vertical-align: middle;
   padding: 5px 0;
   font-weight: bold;
}

form.edit-form {
   padding-top: 10px;
   position: relative;
   height: 538px;
}

form.edit-form .inputs-container {
   text-align: left;
   position: relative;
}

form.edit-form .inputs-container input {
   width: 628px;
   border: 1px solid #ccc;
   background-color: #fff;
}

form.edit-form .inputs-container span.message {
   display: none;
   background-color: red;
   color: #fff;
   padding: 5px;
   font-size: 10px;
   position: absolute;
   top: -25px;
   right: 0;
}

form.edit-form .defaultSkin table.mceLayout {
   border: none;
   clear: both;
}

form.edit-form .defaultSkin table.mceLayout tr.mceFirst td {
   background: transparent;
   border: none;
   max-width: 25px;
}

form.edit-form .defaultSkin table.mceToolbar {
   margin: 10px 0 0;
   height: 30px;
}

form.edit-form .defaultSkin .mceButton {
   width: 26px;
   height: 25px;
   border: none;
   margin-right: 0px;
}
form.edit-form .defaultSkin .mceButtonEnabled:hover {
   border: inherit;
}

form.edit-form .defaultSkin .mceIcon {
   background-image: url('../images/buttons.png');
   background-repeat: no-repeat;
   width: 26px;
   height: 25px;
   cursor: pointer;
}

form.edit-form .defaultSkin span.mce_italic {
   background-position: -26px 0;
}

form.edit-form .defaultSkin span.mce_underline {
   background-position: -52px 0;
}

form.edit-form .defaultSkin span.mce_strikethrough {
   background-position: -78px 0;
}

form.edit-form .defaultSkin span.mce_justifyleft {
   background-position: -104px 0;
}

form.edit-form .defaultSkin span.mce_justifycenter {
   background-position: -130px 0;
}

form.edit-form .defaultSkin span.mce_justifyright {
   background-position: -156px 0;
}

form.edit-form .defaultSkin span.mce_justifyfull {
   background-position: -182px 0;
}

form.edit-form .defaultSkin span.mce_bullist {
   background-position: -208px 0;
}

form.edit-form .defaultSkin span.mce_numlist {
   background-position: -234px 0;
}

form.edit-form .defaultSkin span.mce_blockquote {
   background-position: -260px 0;
}

form.edit-form .defaultSkin span.mce_indent {
   background-position: -286px 0;
}

form.edit-form .defaultSkin span.mce_outdent {
   background-position: -312px 0;
}

form.edit-form .defaultSkin span.mce_link {
   background-position: -338px 0;
}

form.edit-form .defaultSkin span.mce_unlink {
   background-position: -364px 0;
}

form.edit-form .defaultSkin span.mce_visualblocks {
   background-position: -390px 0;
}


form.edit-form .defaultSkin span.mce_cbcollapsible {
   background-position: -416px 0;
}

form.edit-form .defaultSkin span.mce_cbcolumn {
   background-position: -442px 0;
}

form.edit-form .defaultSkin span.mce_fullscreen {
   background-position: -468px 0;
}

form.edit-form .defaultSkin span.mce_cleanup {
   background-position: -494px 0;
}

form.edit-form span.mceSeparator {
   visibility: hidden;
}

.content table td.mceToolbar {
   padding: 0 0 10px;
}

.mceToolbar.mceLeft.mceFirst.mceLast {
    height: 42px;
}

.accordeon .content table td.mceToolbar {
    padding: 0;
}

.content table td.mceStatusbar {
   padding: 2px 0;
   width: 640px;
   max-width: none;
}

.defaultSkin .mceIframeContainer {
   padding: 0;
}

.content table td.mceToolbar .mceToolbarStart.mceToolbarStartButton.mceFirst {
   width: 0;
}

.mce-content-body .cb-tex-image-container img,
.cb-tex-image-container img {
  width: 100%;
}

.mce-item-table td {
  vertical-align: top;
}

.edit-form-container-header {
   border-radius: 5px 5px 0 0;
   width: 680px;
   height: 35px;
   border: 1px solid #C5C4B0;
   background-color: #FEFEFE;
   position: relative;
   top: -1px;
   left: -1px;
}

.edit-form-header {
   background-image: url('/pix/media/png/window_handle_icon.png');
   background-repeat: repeat-x;
   width: 600px;
   margin-left: 20px;
   height: 35px;
   display: block;
}

button.close-overlay-edit-form {
   position: absolute;
   top: 7px;
   right: 16px;
   margin: 2px 5px 0 0;
   padding: 0;
   border: none;
   background-color: transparent;
   background-image: none;
}

button.close-overlay-edit-form img {
   width: 100%;
}

.edit-form-header img {
   vertical-align: baseline;
}

a.tex-help-link {
   float: left;
   margin: 5px 10px 20px 0;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}

a.help-link {
   float: left;
   margin: -13px -20px 20px 0;
   color: #000000;
   font-size: 12px;
   font-weight: bold;
}

.edit-form-container {
   padding: 0 20px 0;
}

.edit-form-container .edit-form {
    margin-top: -10px;
}

ul.edit-form-menu {
   margin: 5px 0 5px 10px;
   clear: right;
   padding: 0;
   float: right;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   display: none;
}

ul.edit-form-menu li {
   display: inline;
   padding: 0;
}

ul.tinymce-buttons {
   float: left;
   margin: 5px 6px;
   padding: 0;
   list-style: none;
}

ul.tinymce-buttons li {
   display: inline;
   margin: 0;
   padding: 0;
}

.edit-form-submit {
    height: 31px;
    width: auto;
}

p.edit-form-bar {
   width: 625px;
   height: 15px;
   margin-top: 5px;
   background-color: rgb(246, 246, 238);
   -moz-box-shadow:    inset 1px 1px 3px #D0D0CF;
   -webkit-box-shadow: inset 1px 1px 3px #D0D0CF;
   box-shadow: inset 1px 1px 3px #D0D0CF;
}

ul.tinymce-buttons li.text, ul.tinymce-buttons li.list, ul.tinymce-buttons li.anchor {
   margin-left: 5px;
}

h1.article-title {
   font-size: 16px;
   text-align: left;
}

span.article-title {
    margin-left: -30px;
    top: -56px;
    background-color: #FEFEFE;
    font-size: 15px;
    padding: 0 1em;
    position: relative;
}

.label-container {
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   margin: 5px 0 20px;
}

.edit-form-menu {
    margin-top: 30px;
    margin-right: 30px;
}

.edit-form-page,
a.edit-form-submit,
a.edit-form-page-button {
   display: none;
}

h2.categorisation-header {
   font-size: 12px;
   text-align: left;
   margin-bottom: 0;
   font-weight: normal;
}

#content .overlay-edit-form li {
   list-style-type: none;
}
#content .overlay-edit-form ul.edit-form-buttons {
   margin: 45px -18px;
}

#cb_editbtns {
   padding: 2px;
   position: absolute;
   z-index: 1337;
}

.__PixWindow.__CbUiLayerFrame .pix-overlay-container,
.__CbUiFrame.__PixWindow.__CbUiLayerFrame{
   min-height: 613px !important;
}

.__CbUiFrame.__PixWindow.__CbUiLayerFrame{
   position: fixed !important;
   border: 1px solid #888;
   border-radius: 5px;
   margin-top: 30px;
}

.__PixWindow.__CbUiLayerFrame .pix-overlay-container{
   border: none !important;
}

.__PixWindow .CbUiHeader {
    display: block;
}

#tinymce .collapsible-tinymce,
#tinymce .collapsible-title,
#tinymce .collapsible-intro,
#tinymce .collapsible-text,
#tinymce .collapsible-text p {
   padding: 3px;
   color: #a73c2e;
}

#tinymce .collapsible-tinymce{
   background-color: rgb(243,243,243);
   border: 1px dashed #000;
}

#tinymce .collapsible-title,
#tinymce .collapsible-intro,
#tinymce .collapsible-text{
   border: 1px dashed #bbb;
}

#tinymce .collapsible-title{
   background-color: rgb(217,217,217);
}

#tinymce .collapsible-intro{
   background-color: rgb(230,230,230);
}

#tinymce .collapsible-text{
   background-color: rgb(248,248,248);
}
/*pix-customizing*/
.pix-image-upload-background {
    background-color: #FCFCF9;
    background-image: -webkit-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -moz-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -ms-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    background-image: -o-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%);
    border: 1px solid #BDBEB2;
    border-radius: 3px;
    box-shadow: 0 0 5px #BDBEB2;
    color: #456771;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    line-height: 195%;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}
.__CbUiInputText.pix-filter-input.__CbUiFieldUnedited {
    background-color: #ffffff;
}

.pix-optional-image-title {
    padding-top: 10px;
}

.pix-optional-image-title input,
.pix-text-image-size input,
textarea.pix-optional-image-description,
.pix-edit-image-meta .pix-column2 input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.__PixWindow .pix-screen-title, .__CbUiLanguageWindow .pix-screen-title {
    border: 0 none;
    color: #CC0000;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 0;
    text-align: left;
    text-transform: none;
}

.help-link,
.tex-help-link {
    float: right !important;
}

.overlay-edit-form {
    height: 615px;
}

.__CbUiFrame.__CbUiCbTexWindow.__CbUiLayerFrame {
    margin-top: 30px;
}

.__CbUiCbTexRelatedImageButton.__CbUiCbTexPageButton.__CbUiTextButton {
    float: left;
}

.__CbUiFrame .fullscreen-switch {
    display: block;
}

#mce_36 {
    display: none;
}

.mce-edit-area {
    background: gray !important;
}

/** upload **/

h1#edit-upload-form-headline {
    margin-top: -25px;
}

p#edit-upload-form-description {
    color: black;
    margin-bottom: 10px;
}

iframe:not([seamless]) {
    border: none;
    background: none;
}
/*
	Document   : style
	Created on : 08.09.2014
	Author     : richter
	Description: Default general stylesheet for Flex projects.
*/

/*<= 979px
980px – 1159px
>= 1160px*/

@import url("//hello.myfonts.net/count/2f4dea");
@font-face {font-family: 'MuseoSlab';font-weight:700;src: url('../media/fonts/2F4DEA_0_0.eot');src: url('../media/fonts/2F4DEA_0_0.eot?#iefix') format('embedded-opentype'),url('../media/fonts/2F4DEA_0_0.woff2') format('woff2'),url('../media/fonts/2F4DEA_0_0.woff') format('woff'),url('../media/fonts/2F4DEA_0_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSlab';font-weight:300;src: url('../media/fonts/2F4DEA_1_0.eot');src: url('../media/fonts/2F4DEA_1_0.eot?#iefix') format('embedded-opentype'),url('../media/fonts/2F4DEA_1_0.woff2') format('woff2'),url('../media/fonts/2F4DEA_1_0.woff') format('woff'),url('../media/fonts/2F4DEA_1_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSlab';font-weight:500;src: url('../media/fonts/2F4DEA_2_0.eot');src: url('../media/fonts/2F4DEA_2_0.eot?#iefix') format('embedded-opentype'),url('../media/fonts/2F4DEA_2_0.woff2') format('woff2'),url('../media/fonts/2F4DEA_2_0.woff') format('woff'),url('../media/fonts/2F4DEA_2_0.ttf') format('truetype');}
@font-face {font-family: 'Trois';font-weight:500;src: url('../media/fonts/Trois.otf');src: url('../media/fonts/trois.eot?#iefix') format('embedded-opentype'),url('../media/fonts/trois.woff2') format('woff2'),url('../media/fonts/trois.woff') format('woff'),url('../media/fonts/trois.ttf') format('truetype');}


/*
 *************************
	$GENERAL
 *************************
*/

* {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html, body, div, .inner-body span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, .inner-body p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, main,
table, caption, tbody, tfoot, thead, tr, th,
td {
	padding: 0;
	border: 0;
	margin: 0;
	outline: 0;
	/* Hack to deal with unintended Android font boosting */
	max-height: 100000px;
	color: #151515;
}

main,
section,
article {
	display: block;
}

.first-image {
   display: none;
}

.inner-body ::-webkit-input-placeholder {
	font-style: normal;
	font-size: 18px;
	color: #0a0202;
}

.inner-body :-moz-placeholder {
	font-style: normal;
	font-size: 18px;
	color: #0a0202;
}

.inner-body ::-moz-placeholder {
	font-style: normal;
	font-size: 18px;
	color: #0a0202;
}

.inner-body :-ms-input-placeholder {
	font-style: normal;
	font-size: 18px;
	color: #0a0202;
}

input:focus::-webkit-input-placeholder {
	color:transparent;
}
input:focus:-moz-placeholder {
	color:transparent;
} /* Firefox 18- */
input:focus::-moz-placeholder {
	color:transparent;
} /* Firefox 19+ */
input:focus:-ms-input-placeholder {
	color:transparent;
} /* oldIE ;) */

select:focus::-ms-value {
   background: transparent;
}

textarea:focus::-webkit-input-placeholder {
	color:transparent;
}
textarea:focus:-moz-placeholder {
	color:transparent;
} /* Firefox 18- */
textarea:focus::-moz-placeholder {
	color:transparent;
} /* Firefox 19+ */
textarea:focus:-ms-input-placeholder {
	color:transparent;
} /* oldIE ;) */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clear {
	clear:both;
}

.hidden {
	display: none;
}

a {
	text-decoration: none;
}

p a {
	text-decoration: underline;
}

.inner-body .text a,
.accordeon-content-wrap a {
    text-decoration: underline;
}

.button,
a.button {
	display: block;
	padding: 0 10px;

	line-height: 36px;

	text-align: center;
	text-decoration: none;

	cursor: pointer;

	border-radius: 3px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.page-home .colored-txt,
.page-home .inner-body a,
.culture-in-region .colored-txt,
.culture-in-region .inner-body a {
	color: #f8602c;
}

.offer-cultural-education .colored-txt,
.offer-cultural-education .inner-body a {
	color: #f8602c;
}

.institution-and-promotion .colored-txt,
.institution-and-promotion .inner-body a {
	color: #f8602c;
}

.page-home .inner-body .button,
.page-home .colored-bg,
.culture-in-region .inner-body .button,
.culture-in-region .colored-bg,
.page-search .colored-bg,
.culture-in-region select.colored-bg option {
	color: #FFFFFF;
	background-color: #f8602c;
}

.offer-cultural-education .inner-body .button,
.offer-cultural-education .colored-bg,
.offer-cultural-education select.colored-bg option {
	color: #FFFFFF;
	background-color: #f8602c;
}

.institution-and-promotion .inner-body .button,
.institution-and-promotion .colored-bg,
.institution-and-promotion select.colored-bg option {
	color: #FFFFFF;
	background-color: #f8602c;
}

.inner-body .button:hover,
.inner-body .button:active,
.inner-body .button:focus {
	background: #101010;
	color: #ffffff;
}

.text li {
    margin-left: 1em;
}

a:not(.controlbar-anchor):hover {
	color: #303030;
	text-decoration: none;
}

a.controlbar-anchor:hover {
	text-decoration: underline;
}

blockquote {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.65em 0;
        font-weight: 500;
}

h2 {
        font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: #101010;
	font-size: 30px;
	line-height: 35px;
	margin-bottom: 20px;
}

h3 {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	color: #101010;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 15px;
}

h4 {
        font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}

h5 {
        font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}


h6 {
        font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 10px;
}

canvas,
table {
	max-width:100% !important;
	height:auto;
}

/*ul:not(.__CbUiCbTexRelatedButtons),
ol,
p {
}*/

.main-col ul:not(.__CbUiCbTexRelatedButtons),
.main-col ol,
.inner-body p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 27px;
}

.page-dynamic .main-col {
   position: relative;
}

.print-image {
   display: none;
}

.print-list {
   background: url("../media/images/img-print-button.png") no-repeat;
   border: medium none;
   cursor: pointer;
   display: inline-block;
   height: 22px;
   width: 24px;
   position: absolute;
   right: 45px;
   top: 227px;
}

/* temporary */
.persons-page-open-map-container.open-map-container > h3 {
   visibility: hidden;
}


select::-ms-expand {
   display: none;
}

.persons-items-header-container .print-list.print-button {
   top: 22px;
   right: 30px;
}


/* IE: provide for option's bg color while maintaining container bg visibility */
.headline-and-filter-container .filter select,
.headline-and-filter-container .filter select option {
   background-color: transparent !important;
}

.headline-and-filter-container .filter select:focus option {
   background-color: #f8602c !important;
}

.headline-and-filter-container .filter select {
   outline: none;
}

/*
 *************************
	LAYOUT
 *************************
*/

html,
body,
.inner-body {
	height:100%;
}

body {
	overflow: auto;
	background-color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

body,
.inner-body,
.site-wrapper {
	width: 100%;
}

.inner-body {
	font-size: 14px;
        font-family: 'Raleway', sans-serif;
	/*font-family: 'Source Sans Pro';*/
	position: relative;
	margin: 0 auto;
	width:100%;
}

.inner-body.controlbar-offset {
	padding-top: 50px;
}

.container {
	width: 100%;
	max-width: 1160px;
	margin: 0 auto;
	position: relative;
}

.site-main {
	padding-left: 305px;
	overflow-x: hidden;
}

.main-col,
.side-col {
	display:inline-block;
}

.main-col {
	width: 100%;
	min-height: 450px;
	background: #f2f2f2;

   -webkit-box-shadow: 0 3px 6px 0 #ccc inset;
	box-shadow: 0 3px 6px 0 #ccc inset;
}

.side-col {
	position: absolute;
	left: 0;
	top: 0;
	width: 305px;
	padding: 20px;
}

.site-wrapper {
	width: 100%;
	min-height: 100%;
	height: auto;
	position: relative;
}


/*
 *************************
	$HEADER
 *************************
*/

.masthead {
	border-bottom: 1px solid #dbdbdb;
	min-height: 146px;
}

.masthead .container {
	position: static;
}

.masthead .header-logo {
	position: absolute;
	max-width: 260px;
	height: 70px;
	top: 35px;
}

.masthead .main-primary--mobile {
	visibility: hidden;
	display: none;
}


/*
 *************************
	$MAP
 *************************
*/

.open-map-container {
	cursor: pointer;
}

.map-container{
   display: none;
   position:relative;
}

.map-close {
   cursor: pointer;
   display: block;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 10px;
   right: 10px;
   background: url(images/close_icon-white.png) no-repeat center;
   z-index: 2;
}

.map-locate {
   cursor: pointer;
   display: block;
   width: 30px;
   height: 30px;
   position: absolute;
   top: 50px;
   right: 10px;
   background: url(images/crosshair.png) no-repeat center / contain;
   z-index: 2;
}

.map {
	/*z-index: 8999;*/
	max-height: 614px;
   height: 614px;
	width: 100%;
/*
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	-o-transition: max-height 0.3s;
	transition: max-height 0.3s;
*/
/*	background-size: cover;
	background-image: url("images/map.jpg");*/
}

.map-open .map {
	z-index: 8999;
	height: 614px;
}

.map-icon-zoomed-out {
  background-color: orange;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}

.leaflet-popup-content {
   width: 350px;
   min-height: 200px;
}

.leaflet-popup-content .location-content ul {
   margin-left: 110px;
}

.leaflet-popup-content .location-image {
   float: left;
}

.leaflet-popup-content .location-content li{
   list-style: none;
   padding-bottom: 5px;
}

.leaflet-container a.leaflet-popup-close-button {
   font: bold 36px/34px Tahoma,Verdana,sans-serif;
   width: 36px;
   height: 34px;
}

.leaflet-popup-content-wrapper {
   border-radius: 0;
}

.leaflet-popup-content .location-url, .leaflet-popup-content .location-email {
   word-wrap: break-word;
}

/*
 *************************
	$CONTENT
 *************************
*/

.main-col {
	padding-right: 45px;
	padding-left: 45px;
}

button.print-button {
    background: url("../media/images/img-print-button.png") no-repeat;
    border: none;
    position: absolute;
    right: 45px;
    top: 22px;
    width: 24px;
    height: 22px;
    cursor: pointer;
    font-family: source sans pro;
    font-size: 14px;
}

.calendar-header-container button.print-button {
   top: 330px;
   right: 25px;
}


/*	$CONTENT $Header ________________________________ */

.header-container {
	position: relative;

	margin: 41px -22px 0 -22px;
	padding: 35px 29px 0 29px;

	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

.content-headline {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 35px;
	margin-top: 22px;
	margin-bottom: 22px;
}

.header-container .content-headline {
	color: #FFFFFF;
	margin: 0 0 5px 0;
}

.header-container .open-map-container,
.header-container .search-container {
	background-color: #fff;
	margin: 30px -29px 0 -29px;
}

.main-col .search-container.search-container {
   height: 56px;
}

.header-container .open-map-container {
	padding: 3px 29px;
   position: relative;
}

.header-container .open-map-container h3 {
	margin: 0;
	padding: 21px 0;

	color: #f8602c;

	font-size: 18px;
	line-height: 18px;
}

.header-container .filter {
	height: 48px;
	background-position: right 17.5px;
	background-size: 7px 10px;
}

.header-container .filter select.colored-bg {
    padding-left: 11px;
}

.header-container .filter {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid rgba( 255, 255, 255, 0.4);
}

.header-container .filter select {
    background: transparent none repeat scroll 0 0;
    color: #FFFFFF;
    border: none;
    box-shadow: none;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 12px;
    text-transform: uppercase;
    width: 110%;
    height: 48px;
    cursor: pointer;
   -webkit-appearance: none;
   -moz-appearance: none;
}

span.last-entries,
span.count-entries {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 12px;
    margin: 0;
    padding: 27px 8px 20px 8px;
    text-transform: uppercase;
}

.count-entries {
	position: absolute;
	right: 45px;
}

/*	$CONTENT $Home ________________________________ */

.third {
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
	padding: 0 15px;
}

.home-headline {
    font-family: 'Raleway', sans-serif;
    /*font-family: 'Source Sans Pro';*/
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 56px 0 18px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 19px;
    text-transform: uppercase;
}

.home-news {
	margin: 0 -15px;
}

.home-news-cat {
    font-family: 'Raleway', sans-serif;
    /*font-family: 'Source Sans Pro';*/
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.home-news-thumb {
	display: block;
	width:100%;
	border-radius: 3px;
}

.home-news-title {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0 8px 0;
}

.home-banner-dummy {
	width: 100%;
   margin-bottom: 30px;
}

/*	$CONTENT $Liste ________________________________ */

.list-item {
	list-style: none;
}

.list-item-preview {
	min-height: 128px;
	padding: 19px 0 19px 8px;
}

.list-item.open .list-item-preview {
	visibility: hidden;
	display: none;
}

.article-header-name,
.inner-body .article-header-name a,
.list-item-header-name,
.inner-body .list-item-header-name a {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: #101010;
	margin: -2px 0 8px 0;
	font-size: 21px;
	line-height: 28px;
	margin-left: 0px;
}

.article-header-right {
	position: absolute;
	right: 22px;
	top: 0;
   bottom: 0;
}

.inner-body .article-header-right a,
.inner-body .article-header-right div {
	color: #FFFFFF;
	text-decoration: none;
}

.article-header-close,
.article-header-print {
   position: absolute;
   right: 0;
	cursor: pointer;
}

.list-item .article-header-close {
   bottom: 10px;
}

.list-item .article-header-print {
   height: 1.5em;
}

.article-header-print {
    bottom: 15px;
    min-width: 130px;
    text-align: right;
    top: 10px;
}

.article-header-close {
	padding-top: 15px;
}

.article-header-print > span {
    color: #ffffff;
}

.person-article .person-picture {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.person-article .article-header-print,
.address-article-header .article-header-print {
    min-width: 130px;
    position: relative;
    top: 10px;
}

.list-item-main {
	position: relative;
	margin-top: 41px;
	padding: 0 158px 38px 0;
	min-height: 250px;
}

.article-header,
.list-item-article-header {
	position: relative;
	min-height: 84px;
	margin: 0 -22px 0 -30px;
    padding: 0 29px;
	background-color: #f8602c;
	color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

.article-header-name,
.list-item-article-header-name {
	color: #FFFFFF;
	font-size: 30px;
	line-height: 36px;
	font-weight: 300;
	padding: 24px 100px 24px 0;
	margin-top: 25px;
}

.list-item-image {
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.event-list-item-image.list-item-image,
.news-list-item-image.list-item-image {
	position: absolute;
}

.news-list-item-image.list-item-image {
	width: 120px;
	position: absolute;
	top: 19px;
	right: 70px;
}

.address-list-item-image.list-item-image,
.person-list-item-image.list-item-image {
   float: right;
   margin-right: 25px;
}

.address-list-item-left,
.person-list-item-left {
   float: left;
   padding-right: 0;
   margin-top: 10px;
}

.address-list-item-left.list-item-left {
   width: 55%;
}

.list-item-image,
.list-item-article-image {
	display: block;
}

.list-item-article {
	display: none;
}

.list-item-left {
	padding-right: 162px;
}

.address-list-item-left,
.person-list-item-left {
	padding-right: 0;
}



.list-item-article-image {
	position: absolute;
	top: 0px;
	right: -22px;
	width: 162px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
}

.list-item-article-hyperlinks {
    position: absolute;
    right: -22px;
    top: 120px;
    width: 162px;
    text-align: right;
    min-height: 90px;
}

.details-button {
	margin-top: 15px;
	width: 100%;
	display: block;
	font-weight: 600;
}

a.event-details-link.details-link {
    color: #fff;
    text-decoration: none;
}


/*	$CONTENT $Details ________________________________ */

.article {
	padding: 0 0 79px 9px;
	margin-right: -9px
}

.article-header {
	margin: 0 -25px 0 -29px
}

.article-header-name {
	margin-top: 41px;
}

.article-left-col,
.article-right-col {
	margin-top: 35px;
	display: inline-block;
	vertical-align: top;
}

/*	$CONTENT $Person Details ________________________________ */
/*Das hier ist böse, böse, böse. Nicht nachmachen! Betrifft zur Zeit nur Personen-Details */

.pusher img,
.pusher p {
	display:inline-block;
	vertical-align: top;
	visibility: hidden;
}

.pusher img {
	margin-left: -99999px;
}

.pusher p {
	padding-bottom: 79px;
}

.article-left-col.second-row,
.article-right-col.second-row {
	margin-top: 0;
}

.description.first-row {
	position: absolute;
	padding-right: 345px;
}

.article-left-col {
	width: 516px;
	padding-right: 51px;
}

.article-right-col {
	width: 249px;
}

.article-gallery-header {
	margin-top: 43px;
	margin-bottom: 14px;
	font-family: 'Raleway', sans-serif;
	/*font-family: 'Source Sans Pro';*/
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
}

.article-gallery {
	padding-top: 14px;
	border-top: 1px solid #dbdbdb;
	margin: 0 -20px;
}

.article-gallery-image-container {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 10px 10px;
	width: 33.3333%;
}

.article-gallery ul {
	margin-right: -10px;
	margin-left: -10px;
}

.article-gallery-image {
	display: block;
	width: 100%;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}

.article-right-col-header {
   margin: 28px 0 0 0;
   font-family: 'Raleway', sans-serif;
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
}

.article-right-col ul {
	list-style: none;
}

.article .media-container {
	margin: 0 -36px 0 -54px;
}

.article .pager-dot-cntnr {
	visibility: hidden;
	display: none;
}


/*	$CONTENT $Events ________________________________ */

img.event-list-item-preview-image,
img.event-list-item-article.accordeon-content-wrap .event-picture,
.event-picture {
    width: 22.5%;
    margin: 0 2.5%;
    float: left;
}

.event-time-location.colored-txt {
    font-size: 15px;
    letter-spacing: 0.07em;
}

.event-list-item-header-name.list-item-header-name {
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

.event-list-item.list-item.accordeon-item {
   min-height: 167px;
   border-bottom: 1px solid #cccccc;
}

.main-col .event-list-container .accordeon-toggler {
   border-bottom: none !important;
}

.list-item-preview {
   padding-top: 30px;
}

.address-list-item-preview,
.person-list-item-preview {
   padding-top: 20px;
}


.site-main .text {
	padding-bottom: 85px;
}


.link-icon {
	padding-left: 0.3em;
}

#cb-calendar .datepick-month table td a.datepick-selected,
.event-entry .event-date,
.event-entry .more-info-link,
.film-detail-link {
	color: #f8602c;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
}

a.controlbar-anchor[href="http://culturebase.org/cb4/event/login.php"] {
	display: none;
}

.backlink {
	cursor: pointer;
}

.edit-button {
	background-image: url("images/icon_edit_button.png");
}


/*
 *************************
	SIDECOL
 *************************
*/

.side-col a.active {
	color: #101010;
}

.side-col .level2 {
	margin-bottom: 20px;
}

.side-col .scnd-menu-link {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 8px;
        letter-spacing: 0.5px;
}

.side-col .side-menu {
	font-family: 'Trois', sans-serif;
   text-transform: lowercase;
}

.side-col .side-menu-header {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 2px;
	font-weight: 500;
	margin: 19px 0 20px 0;
}

.side-col .page-info-cntnr {
	padding: 20px 0;
	border-top: 1px solid #dcdcdc;
}

.side-col .page-info-cntnr:first-child {
   display: none;
}

.page-info-cntnr.empty-logged {
	border-top: none;
}

.side-col .page-info-cntnr-link a {
	display: block;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 9px;
}

.side-col-content-home-first {
	padding: 30px 26px 30px 0;
	border-bottom: 1px solid #cccccc;
}

.side-col-content-home-first > a:last-child {
	display: block;
}

.side-col-content-home-first h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 14px;
}

.side-col-content-home-second h2 {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin: 27px 0 17px 0;
}

#registerframe_input_city input.__AC_validated {
	background-color: transparent !important;
}
.large-font {
	font-size: 28px;
}

.medium-font {
	font-size: 16px;
}

.small-font {
	font-size: 10px;
}

.ticket-cntnr {
	margin-top: 10px;
}

.ticket-cntnr .basket-link {
	margin-left: 10px;
}

.main-col.content-page table{
	border-spacing: 0px !important;
}

.main-col.content-page td {
	vertical-align: top;
}

.event-detail-backlink.backlink {
	color: #f8602c;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2.2px;
}

.desc-text {
	font-size: 16px;
	margin-top: 5px;
	letter-spacing: 1px;
}

.side-col-films .level2,
.side-col-calendar .level2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.side-col-calendar .level2 {
	padding-top: 13px;
	border-top: 1px solid #dcdcdc;
}


/*
 *************************
	$FOOTER
 *************************
*/

.colophon {
	min-height: 127px;
}

.colophon .container {
	border-top: 1px solid #dbdbdb;
}

.colophon .footer-logo {
    height: 40px;
    max-width: 120px;
    margin: 30px 0 0 25px;
}

.colophon .service-menu {
	position: absolute;
	right: 12px;
	top: 39px;
}

.colophon .service-menu,
.colophon .service-menu a {
	font-family: sans-serif;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: uppercase;
}

.colophon .service-menu li {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
}

.colophon__top-link {
	display: none;
}

.page-dynamic .print-article.print-button {
   top: 30px;
   right: 20px;
}

.bootstrap-switch-on .bootstrap-switch-container {
   background-color: transparent;
}

.bootstrap-switch.bootstrap-switch-on {
   background-color: #f8602c;
}



@media screen and (max-width:979px){

	/*
	*************************
	  $LAYOUT
	*************************
	*/

	.site-main {
		padding-left: 0;
	}

	.side-col {
		visibility: hidden;
		display: none;
	}


	/*
	*************************
	  HEADER
	*************************
	*/

	.masthead {
		border-bottom: 1px solid #dbdbdb;
		min-height: 80px;
	}

	.masthead .header-logo {
		top: 13px;
		left: 24px;
	}

	.masthead .header-logo,
	.masthead .header-logo img {
		height: 52px;
	}

	.nav-main .main-primary--mobile {
		visibility: visible;
		display: block;
	}

	.nav-main .main-primary--desktop {
		visibility: hidden;
		display: none;
	}


	/*
	*************************
	  CONTENT
	*************************
	*/

	.main-title-container .headline {
		width: 69%;
		height: 88px;
		margin-top: -88px;
		margin-left: 33%;
		font-size: 1.5em;
		padding-top: 30px;
	}


	/*
	*************************
	  FOOTER
	*************************
	*/

	.footer-rightcol {
		padding-right: 5px;
		margin-top: -56px;
	 }

	.cb-link-label {
		position: absolute;
		text-align: right;
		padding-top: 0;
		top: 40px;
		right: 20px;
		padding-right: 0;
	}

	.cb-link-label a{
		display: block;
		width:100%;
	}
}


@media screen and (max-width:639px){

	/*
	*************************
	  CONTENT
	*************************
	*/

	.main-col {
		margin-top: 0;
		padding-right: 26px;
		padding-left: 26px;
	}

	.main-title-container .headline {
		box-sizing: content-box;
		width: 69%;
		width: 100%;
		min-height: 23px;
		height: auto;
		margin-left: -15px;
		border-right: 15px solid #2f2a2c;
		margin-top: 0;
	}

	.third {
		width: 100%;
	}

	/*	$CONTENT $Header ________________________________ */

	.header-container {
		margin: 21px -26px 0 -26px;
		padding: 15px 19px 0 19px;
	}

	.content-headline {
		font-size: 30px;
		line-height: 35px;
		margin-top: 22px;
		margin-bottom: 22px;
	}

	.header-container .open-map-container,
	.header-container .search-container {
		margin: 15px -29px 0;
	}


	/*
	 *************************
		$FOOTER
	 *************************
	*/

	.colophon .service-menu {
		visibility: hidden;
		display: none;
	}

	.colophon__top-link {
		position: absolute;
		display: block;

		right: 30px;
		top: 32px;

		width: 13.5px;
		height: 24px;

		background-size: 13.5px 24px;

		font-size: 0;
		opacity: 0.3;

		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

   .calendar-header-container button.print-button {
      top: 475px;
   }

}

@media screen and (min-width:980px) {

	.masthead .header-menu {
		padding-top: 41px;
		padding-left: 328px;
	}

}

@media screen and (min-width:1160px){

	.fixed-position {
		position: fixed;
		top: 0;
	 }

}

@media screen and (min-width:980px) and (max-width:1160px){

   .article-left-col {
      width: 57%;
   }

}

/*
 *************************
	$BASIC SEARCH FIELD
 *************************
*/

.search {
	height: 29px;
	position: relative;
}

.search-input-field {
	-moz-appearance:none;
 -webkit-appearance:none;

	width: 100%;
	height: 100%;
	padding: 0 30px 0 10px;

	font-size: 18px;

	border: none;

	background-color:transparent !important;
}

.search-submit {
	position: absolute;
	right: 0;
	top: 0;

	width: 32px;
	height: 100%;

	background-color:transparent !important;
	background-position: center;

	font-size: 0;
	cursor:pointer;

	border: none;
}



/*
 *************************
	$SEARCH TOGGLER
 *************************
*/

/* remove browser specific search field decoration */
input[type="search"]::-ms-clear {
   display: none; width : 0; height: 0; 
}
input[type="search"]::-ms-reveal {
   display: none; width : 0; height: 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { 
   display: none;
}

.search-expander .search-input-field {
	width: 32px;
   outline: none;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.search-expander .search-input-field:focus {
	width: 184px;
	background-color: white !important;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}

/*
 *************************
	$MAIN SEARCH
 *************************
*/

.main-search {
	margin-top: -3px;
}


/*
 *************************
	$SEARCH RESULTS
 *************************
*/

.search-results .sub-header {
   color: inherit;
}

.search-results .cbSearchPager a {
   color: #f8602c;
}

.search-results .cbSearchResult {
    margin-left: 9px;
}

.search-results .cbSearchStatus {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.search-results .cbSearchHeader {
   margin: 26px 0 29px;
   border-bottom: 1px solid #cccccc;
   padding-bottom: 14px;
}

.search-results .cbSearchTitle {
    font-size: 22px;
    font-family: "MuseoSlab";
    letter-spacing: 0.01em;
}

.search-results .cbSearchTitle a {
   line-height: 1.2em;
}

.search-results .cbSearchDate {
    font-size: 16px;
}

.search-results .cbSearchItem {
    margin-bottom: 40px;
}

.search-results .cbSearchItem:last-child {
    margin-bottom: 30px;
}

.search-results .cbSearchSummary {
    font-size: 15px;
    letter-spacing: 0.02em;
}

.search-results .cbSearchSummary em {
   text-decoration: underline;
}

.search-results .cbSearchLink a {
   font-size: 11px;
   color: #f8602c;
}

.cbSearchFooter .cbSearchPager {
    margin-bottom: 50px;
}


/*
 *************************
	$USER AREA
 *************************
*/

.user-area,
.user-area .login-button,
.user-area .login-area {
	height: 30px;
	width: 100px;
	line-height:30px;
	text-align: center;
        color: #fff;
        font-weight: 700;
}

.user-area .login-button {
	background: #f8602c;
	color: #ffffff;
	border-radius: 3px;
}

.offer-cultural-education .user-area .login-button {
	background: #f8602c;
}

.institution-and-promotion .user-area .login-button {
	background: #f8602c;
}

.user-area .login-button:hover,
.user-area .login-button:active,
.user-area .login-button:focus {
	background: #101010;
	color: #ffffff;
}



/*
 *************************
	$LOGGED IN
 *************************
*/

.user-area .user-area-text,
.user-area .user-area-button {
	text-align: left;
	height: 29px;
}

.user-area .user-area-text {
	cursor: pointer;
	width: 180px;
	overflow: visible;
	color: #f8602c;
}

.offer-cultural-education .user-area .user-area-text  {
	color: #f8602c;
}

.institution-and-promotion .user-area .user-area-text  {
	color: #f8602c;
}

.user-area .username,
.user-area .user-pic,
.user-area .user-area-button {
	display: inline-block;
	vertical-align: top;
}

.user-area .username {
	width: 112px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 10px;
}

.user-area .forename,
.user-area .surname {
	display: block;
	line-height: 11px;
}

.user-area .forename {
	margin: 2px 0 4px 0;
}

.user-area .user-pic {
	border-radius: 3px;
}

.user-area .user-area-button {
	visibility: hidden;
	cursor: pointer;
	width: 10px;
}

.user-area .user-area-button.show-button,
.user-area .user-area-button.hide-button {
	background-repeat: no-repeat;
	border: none;
	background-color: transparent;
	background-position: center;
}

.user-area .user-area-button.show-button {
	background-image: url('../media/images/img_login-open.png');
}

.user-area .user-area-button.hide-button {
	background-image: url('../media/images/img_login-close.png');
}



@media screen and (max-width:950px){

	.main-secondary .user-area .login-button {
		background: #FFFFFF;
	}

	.user-area .login-button:hover,
	.user-area .login-button:active,
	.user-area .login-button:focus {
		background: #FFFFFF;
		color: #f8602c;
		opacity: 0.8;
	}

	.user-area .login-area {
		color: #f8602c;
	}

	.offer-cultural-education .user-area .login-area {
		color: #f8602c;
	}

	.institution-and-promotion .user-area .login-area {
		color: #f8602c;
	}

	.user-area .colored-txt {
		color: #FFFFFF;
	}



}



@media screen and (min-width:980px){

	.user-area {
		margin-top: -3px;
	}

	.user-area .user-area-text {
		padding-left: 18px;
		border-left: 1px solid #dbdbdb;
	}

}


/*
 *************************
	$USER PANEL
	z-index: 10000-10999;
 *************************
*/

.__CbUiLayer,
.__CbUiFrame {
	z-index: 10000;
}

.__EventScrollLock .__CbUiLayer {
    /*opacity: 0.92 !important;*/
}

.__CbUiFrame.__PixWindow * {
	box-sizing: content-box;
}

.main-col.content-page > .slim.text:first-child {
	padding-top: 12px;
}

.main-col.content-page > .slim.text:first-child > *:first-child:empty {
	display: none;
}

.main-col.content-page > .slim.text:first-child > h2:first-of-type {
	margin-top: 0;
}

.collapsible-tinymce {
	margin-bottom: 15px;
	margin-right: 15px;
}

.accordeon-content-wrap .collapsible-tinymce,
.text .collapsible-tinymce {
   border-bottom: 1px solid #cccccc;
	margin-left: 30px;
   margin-right: 0;
   font-size: 18px;
}

.accordeon-content-wrap .collapsible-title {
   background: rgba(0, 0, 0, 0) url("../media/images/img_accordion-close.png") no-repeat scroll right 8px center;
   font-size: 16px;
   font-family: "MuseoSlab";
}

.accordeon-content-wrap .open .collapsible-title {
   background: rgba(0, 0, 0, 0) url("../media/images/img_accordion-open.png") no-repeat scroll right 8px center;
}

.accordeon-content-wrap .collapsible-title,
.accordeon-content-wrap .collapsible-text {
   padding-right: 55px;
}

.collapsible-icon {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.collapsible-title {
	position: relative;
	padding-right: 30px;
}

.collapsible-tinymce .collapsible-title {
	cursor: pointer;
}

.collapsible-tinymce .collapsible-text {
	display: none;
}

.collapsible-tinymce .collapsible-text > ul {
	padding-top: 3px;
}

.text .collapsible-tinymce {
    margin-top: 22px;
}

.text .collapsible-tinymce > p {
    margin-bottom: 22px;
}

.text .collapsible-title {
   font-size: 16px;
   font-family: "MuseoSlab";
}

.text .collapsible-tinymce .collapsible-icon {
	background: url("../media/images/img_accordion-close.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.text .collapsible-tinymce.open .collapsible-icon {
	background: url("../media/images/img_accordion-open.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#user-panel {
	background-color: #f8602c;
	color: #ffffff;
	padding: 27px 0 38px;
	font-size: 14px;
	display: none;
	width: 100%;
	height: auto;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	position: relative;
}

#user-panel .row .left-pane {
	width: 940px;
	float: left;
}

.user-panel h3 {
	color: #fff;
	font-size: 14px;
	margin-bottom: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}

.user-panel .main-pane {
   margin-top: 10px;
	margin-right: 0px;
	margin-left: 41px;
	border-right: 1px solid #ffffff;
	border-bottom: none;
   padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 15px;
	min-height: 190px;
}

.user-panel .collapsible-text-cntnr,
.user-panel .main-pane > * {
	max-width: 550px;
	width: 90%;
}

.user-panel .collapsible-text-cntnr span,
.user-panel .main-pane > * {
   color: #ffffff;
}

.user-panel .collapsible-text-read-on-button {
	color: #ffffff;
	cursor: pointer;
	padding-left: 5px;
	font-weight: bold;
}

#user-panel .collapsible-text-cntnr > h3 {
	line-height: 0.7em;
}

.user-panel .collapsible-text-cntnr.collapsed br {
	display: none;
}

.user-panel .collapsible-text-cntnr.collapsed *:not(.collapsible-text-read-on-button),
.user-panel .main-pane *  {
	font-weight: normal !important;
}

.user-panel .main-pane 

/*.user-panel .main-pane.admin {
	display: none;
}*/

.user-panel .main-pane h5 {
	font-size: 13px;
	margin-bottom: 12px;
	font-weight: normal;
}

.user-panel .main-pane p {
	font-size: 14px;
   letter-spacing: none;
   line-height: 18px;
}

.user-panel .main-pane a {
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	text-decoration: underline;
}

.user-panel .main-pane .link {
   margin-bottom: 10px;
}

.user-panel .buttons-container {
	margin-left: 3px;
	margin-right: 25px;
	margin-top: 6px;
}

.user-panel .buttons-container button {
	width: 175px;
	background-image: none;
	background-color: transparent;
	color: #fff;
	font-size: 11px;
	border: none;
	padding: 0;
	text-align: left;
	cursor: pointer;
	letter-spacing: 1px;
	line-height: 21px;
}

.user-panel .divider {
	width: 35px;
	height: 1px;
	border-top: 1px solid #ffffff;
	margin: 15px 0;
}

#user-panel .left-pane {
	width: 920px;
}

#user-panel .right-pane {
	width: 170px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#user-panel .buttons-container * {
	text-transform: uppercase;
}

#user-panel .left-pane p {
	letter-spacing: 1px;
	font-weight: 200;
}

#user-panel .container12, 
#user-panel .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    width:1140px;
}

.DSRegisterWindow .close-register-window {
    background: transparent url("../media/images/img_close_transparent_bg.png") no-repeat scroll center center;
    border: medium none;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 20px;
    cursor: pointer;
}

/*
 *************************
	$MEDIA CONTAINER
	z-index: 8000-8999;
 *************************
*/

.media-container {
   display: none;
	z-index: 8000;
}

.media-container .home-editor {
    position: absolute;
    left: 15px;
    z-index: 8999;
}

.media-container--detailed {
	max-width: 1160px;
	height: auto;
	position: relative;
}

.media-container ul,
.media-container li {
	 list-style: none outside none !important;
}

.media-container__viewport {
	position: relative;
	width: 100%;
	max-width: 1100px;
	height: auto !important;
	/*max-height: 520px;*/
	overflow: visible;
}

.media-container-home-live .media-container__viewport {
   max-width: 1620px;
}

.media-container__item {
	height: 100%;
	width: 100%;
	/*background-image: url("images/img_gradient1.png");*/
}

.media-container__item:not(:first-child) {
	/*
		* This rule is not required for the media container to work, but it makes
		* everything look smoother. It is optional, and that is the reason why it
		* uses complex CSS3 selectors that are not supported by all browsers.
	*/
	display: none;
}

.media-container__gradient-layer,
.media-container__image img,
 /*new player*/
.media-container__video .video-js,
.media-container__video .video-js video,
 /*old player*/
.media-container .__CbUiPlayer,
.media-container .__CbUiPlayer * {
	padding: 0 !important;
	display: block !important;
	position:absolute !important;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;

	/*max-width:100% !important;*/
	height:100% !important;

	margin: auto !important;
	width: 100%;
}

.media-container__image img {
	height: auto !important;
}

.media-container__mediacontainer,
.media-container__controls {
	margin: 0px !important;
	/*max-height: 520px;*/
	width: 100%;
	padding-bottom: 47.27273%;
}

.media-container__mediacontainer {
	position: relative;
	overflow: hidden;
        background-color: #666666;
}

.media-container__gradient-layer {
	background: rgba(0, 0, 0, 0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
	filter: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	z-index: 8001;
}

.media-container__controls {
	position: absolute;
	top: 0;
}

/*.media-container .media-window {
	float: right;
	line-height: 33px;
}

.video-watermark {
	background-color: #000000;
	top: 5px;
	right: 5px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: arial,sans-serif;
	font-size: 12px;
	position: absolute;
	z-index: 8005;
	padding: 0 2px;
}*/

/*.dashboard {
	background: none repeat scroll 0 0 #2f2a2c;
	bottom: 0;
	height: 98px;
	position: absolute;
	right: 0;
	width: 701px;
	z-index: 8002;
}*/
/**
.list-item img:not(.home-banner-dummy),
.home-news li img,
.page-home .media-container__image img {
	-webkit-filter: grayscale(100%) contrast(1.4);
	-moz-filter: grayscale(100%) contrast(1.4);
	-o-filter: grayscale(100%) contrast(1.4);
	-ms-filter: grayscale(100%) contrast(1.4);
	filter: grayscale(100%) contrast(1.4);


	filter: gray;
	transition: 0.5s;
}
.list-item:hover img,
.list-item.open img,
.home-news li:hover img,
.page-home .media-container__viewport:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);

	filter: none;
}

**/


/*
 *************************
	$SLIDER CONTROLS
 *************************
*/

.media-container__navigation {
	display: block;
	z-index: 8999;
	position: absolute;
	top: 50%;

	width: 50px;
	height: 100px;

	margin-top:-50px;
	opacity: 0;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: 13px 22px;

	outline: none;
}

.media-container__navigation:hover,
.media-container__viewport:hover .media-container__navigation {
	opacity: 1;
}

.media-container__next {
	right: 15px;
}

.media-container__prev {
	left: 15px;

	-moz-transform:    rotate(180deg);
	-o-transform:      rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform:         rotate(180deg);

	/* IE8+ - must be on one line, unfortunately */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";

	/* IE6 and 7 */
	filter: progid:DXImageTransform.Microsoft.Matrix(
			M11=-1,
			M12=1.2246467991473532e-16,
			M21=-1.2246467991473532e-16,
			M22=-1,
			SizingMethod='auto expand');
}

.media-container__pager-dots {
	position: absolute;
	z-index: 8998;
	bottom: 40px;
	left: 40px;
}

.media-container__pager-dot {
	width: 10px;
	height: 10px;
	background-color: #303030;
	border-radius: 5px;
	float: left;
	margin-right: 15px;
	cursor: pointer;
}

.media-container__video-close {
	position: absolute;
	display: none;
	z-index: 8998 !important;

	width: 30px;
	height: 30px;

	top: 10px;
	right: 15px;

	padding: 0 0 0 4px;
	font-size: 14px;
	font-weight: bold;

	background-image: url("images/img_close.png");
	background-repeat: no-repeat;
	background-position: center center;
}



/*
 *************************
	$VIDEO PLAYER
 *************************
*/

/*new player*/
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button,
/*old player*/
.media-container__video .__CbUiPlayer .__CbUiImgButton.__CbUiPlayerPlayButton {
	z-index: 8999;

	/*ToDo: All those important rules were necessary for the old player. Maybe they can be removed.*/
	/*		There are a lot of unneccessary overwrites for the new player. Maybe the video-js CSS itself could be cleaned up a bit, to make it more style-agnostic.*/
	height: 125px !important;
	width: 125px !important;
	right: 25px !important;
	left: auto !important;
	top: auto !important;
	bottom: 25px !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	border: 0;
	border-radius: 0;
	opacity: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: url("images/play.png") no-repeat center;
}

/*new player*/
.media-container__viewport:hover .vjs-big-play-button,
.media-container__viewport .vjs-big-play-button:focus,
/*old player*/
.media-container__viewport:hover .__CbUiPlayerPlayButton,
.media-container__viewport .__CbUiPlayerPlayButton:focus {
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

	opacity: 1;
}

.videothumbnail-play-icon {
	height: 70px;
	width: 70px;
	background-image: url("images/play_icon_slides.png");
	position: absolute;
	left: -10px;
	bottom: -10px;
	z-index: 8998;
}

.media-container__viewport--big .media-container__mediacontainer, 
.media-container__viewport--big .media-container__controls {
	padding-bottom: 56.25%;
}

.media-container__viewport--big .media-container__text,
.media-container__viewport--big .media-container__pager-dots,
.media-container__viewport--big .vjs-big-play-button,
.media-container__viewport--big .__CbUiPlayerPlayButton {
	display: none;
}

.video-js, .video-js video {
	width: 100% !important;
	height: 100% !important;
}

.video-js.vjs-has-started video {
	width: 100% !important;
	height: auto !important;
}

.vjs-poster {
	background-size: cover;
}

.vjs-default-skin .vjs-big-play-button:before {
	content: '';
}



/*
 *************************
	$THUMBNAILS
 *************************
*/

.media-container .thumbnails {
	 position: relative;
	 overflow: hidden;
	 width: 544px;
	 height: 104px;
}

.media-container .thumbnails ul {
	 visibility: hidden;
	 position: relative;
	 top: 0px;
	 left: 0px;
	 height: 100px;

	 /*
		* This makes sure that nothing wraps in the visible area. This is required
		* for the size calculations to work, since they cannot be done before
		* everything has loaded. Until then, this ensures that it appears correctly.
		*/
	 width: 900000000px;
}

.media-container .thumbnails ul li {
	 position: relative;
	 float: left;
	 margin-left: 20px;
	 cursor: pointer;
	 border: 2px solid #2B759A;
}

.media-container .thumbnails ul li.first {
	 margin-left: 0px;
}

.media-container .thumbnails ul li img {
	position: relative;
	z-index: 8001;
}

.media-container .thumbnails ul li .frame {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 8002;
	-moz-box-shadow: 4px -4px 4px black inset, -4px 4px 4px black inset;
	-webkit-box-shadow: 4px -4px 4px black inset, -4px 4px 4px black inset;
	box-shadow: 4px -4px 4px black inset, -4px 4px 4px black inset;
}

.media-container .thumbnails ul li.active .frame {
	display: block;
}

.media-container .show-trailer,
.media-container .hide-trailer {
	 float: right;
	 line-height: 33px;
	 padding: 0px 8px;
}

.media-container .hide-trailer {
	 display: none;
}

.collapsible.only-videos {
	 display: none;
}

.media-container .toggle-thumbnails {
	 float: right;
	 line-height: 33px;
	 padding: 0px 8px;
}

.media-container .toggle-thumbnails .show-label,
.media-container .toggle-thumbnails.thumbnails-hidden .hide-label {
	 display: none;
}

.media-container .toggle-thumbnails .hide-label,
.media-container .toggle-thumbnails.thumbnails-hidden .show-label {
	 display: inline;
}



/*
 *************************
	$TEXT
 *************************
*/

.media-container__text {
	display: none;
	z-index: 8050;
	text-transform: none;
}

.media-container__item.video .media-container__text {
	padding-right: 145px;
}

.media-container__title,
.media-container__subtitle {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	font-size: 40px;
	letter-spacing: 0.3px;
}

.media-container__title > span,
.media-container__subtitle > span {
	/*padding: 0 10px;*/
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

.media-container__title > span > span,
.media-container__subtitle > span > span {
	color: #ffffff;
	line-height: 54px;
	background: #f8602c;
	box-shadow: 10px 0 0 #f8602c, -10px 0 0 #f8602c;
	margin: 0 10px;
	padding: 1px 0 0 0;

	-webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

.media-container__title {
	font-weight: 700;
	letter-spacing: 0.2px;
}
   
.media-container__image.media-container__mediacontainer > img {
   width: auto;
}



@media screen and (min-width:640px){

	.media-container__text {
		position: absolute;
		bottom: 30px;
		left: 48px;
	}

	.media-container__excerpt {
		font-size: 12px;
		line-height: 18px;
		margin-top: 15px;
		padding-left: 3px;
		color: #ffffff;
		letter-spacing: 1px;
		text-shadow: 0px 0px 3px rgba (0, 0, 0, 1);
	}

}



@media screen and (min-width:980px){

	.vjs-default-skin.vjs-big-play-centered  .vjs-big-play-button {
		left: 48px;
		top: initial;
		bottom: 45px;
	}

	.media-container__video .__CbUiPlayer .__CbUiImgButton.__CbUiPlayerPlayButton {
		left: 290px !important;
		top: 422px !important;
		margin:0;
	}
}



@media screen and (min-width:1160px) {

}



@media screen and (max-width:979px){

	/*new player*/
	.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button,
	/*old player*/
	.media-container__video .__CbUiPlayer .__CbUiImgButton.__CbUiPlayerPlayButton {
		height: 88px !important;
		width: 88px !important;
		background-size: 88px 88px;
	}

	.media-container__item.video .media-container__text {
		padding-right: 110px;
	}

	.media-container__title,
	.media-container__subtitle {
		font-size: 30px;
	}

	.media-container__title > span > span,
	.media-container__subtitle > span > span {
		line-height: 42px;
	}

}



@media screen and (max-width:639px){

	.media-container__next {
		right: -9px;
	}

	.media-container__prev {
		left: -9px;
	}

	.media-container__item {
		background: none;
	}

	/*new player*/
	.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button,
	/*old player*/
	.media-container__video .__CbUiPlayer .__CbUiImgButton.__CbUiPlayerPlayButton {
		left: 50% !important;
		top: 50% !important;
		margin-left: -44px !important;
		margin-top: -35px !important
	}

	.media-container__text {
		position: relative;
		margin-top: -15px;
		padding-left: 25px;
		padding-bottom: 16px;
	}

	.media-container__title,
	.media-container__subtitle {
		font-size: 18px;
	}

	.media-container__title > span > span,
	.media-container__subtitle > span > span {
		line-height: 25px;

		box-shadow: 5px 0 0 #f8602c, -5px 0 0 #f8602c;

		margin: 0 5px;
		padding: 0;
	}

	.media-container__excerpt {
		margin-top: 12px;
	}

}

.accordeon {
	 list-style-type: none;
	 margin-left: -45px;
	 margin-right: -45px;
}

.accordeon-item {
	position: relative;
	padding-right: 45px;
	padding-left: 45px;
}

.persons-items-container .open.accordeon-item,
.event-list-container .open.accordeon-item,
.addresses-items-container .open.accordeon-item {
	padding-right: 0;
	padding-left: 0;
}

.accordeon-toggler {
	display: block;

	border-bottom: 1px solid #cccccc;

	cursor: pointer;
}

.accordeon-toggler-arrow {
	background: url("images/img_accordion-close.png") no-repeat 595px 0;
	background-position: right 13px center;
}

.accordeon-header {
	margin: 0;
	padding: 19px 6px;
}

.accordeon-content-wrap {
	/*overflow: hidden;*/
	display: none;
	padding: 0 6px;
}

.persons-items-container .open .accordeon-content-wrap,
.event-list-container .open .accordeon-content-wrap,
.addresses-items-container .open .accordeon-content-wrap {
   padding: 0 51px;
}

.accordeon-content-wrap .collapsible-tinymce,
.accordeon-content-wrap .collapsible-tinymce > p {
   margin-bottom: 22px;
}

.accordeon-content {
	padding: 0px;
	margin: 0;
	border: none;
}

/*.arrow-icon {
	background: url("images/accordion-arrow.png") no-repeat 0 -20px;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}*/

/*.collapsible-tinymce {
	margin: 11px 0;
}

.collapsible-icon {
	background: url("../media/images/accordion-arrow.png") no-repeat 0 -20px;
}

.open .collapsible-icon {
	background-position: left 0 top 0;
}

.accordeon-desc-text,
article p {
	font-size: 15px;
	letter-spacing: 1px;
}

.collapsible-title {
	width: 590px;
}*/



/*
 *************************
	$OPEN
 *************************
*/

.accordeon-item.open {
	background: #ffffff;

    box-shadow: 0 3px 6px 0 #ccc inset;
    -webkit-box-shadow: 0 3px 6px 0 #ccc inset;

    margin-top: -1px;

	border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.accordeon-item.open .accordeon-header {
	color: #101010;
}

.accordeon-item.open .accordeon-toggler {
	background-image: url("images/img_accordion-open.png");
	border-bottom: none;
}

/*.accordeon-item.open .collapse-icon,
.accordeon-item.open .accordeon-content-wrap {
	display: block;
}*/

.accordeon-item.open .expand-icon {
	display: none;
}

.accordeon-item.open .arrow-icon {
	background-position: 0 0;
}



/*
 *************************
	$NO-JS
 *************************
*/

.no-js .accordeon-icon,
.no-js .accordeon-content-wrap {
	display: none;
}


/*
 *************************
	$NAV
	z-index: 9000-9999;
 *************************
*/

.nav-main {
	z-index: 9000;
}

/*.nav-main.fixed {
	position: fixed;
}*/

.nav-main .container {
	position: relative;
}

.nav-main ul {
	display: block;
	margin-left: 0;
}

.nav-main li {
	list-style: none;
	padding: none;
}

.nav-main a,
.nav-main span {
	display: block;
}

.nav-main .mega a {
	color: #FFFFFF;
}

.nav-main .mega .active a,
.nav-main .mega a:hover,
.nav-main .mega a:active,
.nav-main .mega a:focus {
	color: #f8602c;
	opacity: 1;
        
}

.nav-main .level2,
.nav-main .level3 {
	visibility: hidden;
	display:none;
}

.nav-main .level2 li,
.nav-main .level3 li,
.nav-main .edit-links li {
	display: block;
}

.nav-main .first-menu-link,
.nav-main .scnd-menu-link,
.nav-main .thrd-menu-link,
.nav-main .thrd-menu-link:before {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 21px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.nav-main .first-menu-link {
   text-transform: lowercase;
	font-family: 'Trois', sans-serif;
}

.nav-main .main-primary a.first-menu-link {
	color: #101010;
}

.nav-main .thrd-menu-link:before {
	content: '- ';
	padding-right: 2px;
}

.nav-main .icon-arr_white,
.burger h2{
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

/*
 *************************
	$SECONDARY NAVIGATION
 *************************
*/

.nav-main .main-secondary,
.nav-main .main-secondary a {
	font-family: sans-serif;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	text-transform: uppercase;
}

.nav-main .main-secondary li {
	margin-right: 8px;
}

.nav-main .main-secondary--right {
	margin-top: -110px;
	margin-right: 10px;
        text-align: right;
}


/*
 *************************
	$MEGA-DROPDOWN
 *************************
*/

.nav-main .dropdown-leftcol .edit-link,
.nav-main .edit-link {
    font-family: sans-serif;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    text-transform: none;
}

a.lang.active {
    cursor: pointer;
    color: black;
}

a.lang {
    cursor: pointer;
}


@media screen and (max-width:979px) {

	body.menu-opened {
		overflow: hidden;
	}
	 
	.controlbar-button-container {
		visibility: hidden;
		display: none;
	}

	.nav-main.open {
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		height: 0;
		background: #f8602c;
		width: 100%;
		max-width: 370px;
	}

	.offer-cultural-education .nav-main {
		background: #f8602c;
	}

	.institution-and-promotion .nav-main {
		background: #f8602c;
	}

	.nav-main.open {
		height: 100%;
		width: 100%;
	}

	.nav-main.open .nav-main-inner {
		z-index: 9899;
		height: auto;
		padding: 0 20px 38px 25px;
	}

	.nav-main .nav-main-inner {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 0;
		overflow-x: hidden;
		overflow-y: auto;
	}

	.nav-main .main-primary {
		min-height: 100%;
		padding-top: 74px;
		padding-bottom: 50px;
		margin-bottom: -25px;
	}

	.nav-main .main-primary a.first-menu-link,
	.nav-main a.scnd-menu-link,
	.nav-main a.thrd-menu-link {
		color: #FFFFFF;
	}

	.nav-main .main-primary li{
		position: relative;
		float: none;
		padding-right: 0;
	}
	
	.nav-main .dropdown {
		visibility: visible;
		display: block;
	}

	.nav-main .dropdown.open {
		visibility: visible;
		display: block;
        pointer-events: all;
		opacity: 1;
	}

	.nav-main .dropdown-leftcol,
	.nav-main .dropdown-rightcol {
		visibility: hidden;
		display: none;
	}

	.nav-main .first-menu-link,
	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link {
		width: 90%;
	}

	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link,
	.nav-main .main-user-area {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link {
		display:block;
		overflow:hidden;
		max-height:0;
		padding:0;
		margin-top: 0;
	}

	.nav-main.open .main-user-area {
		position: absolute;
		top: 25px;
		left: 25px;
		height: 29px;
	}

	.nav-main.open li{
		-moz-transition-duration:0s;
		-o-transition-duration:0s;
		-webkit-transition-duration:0s;
		transition-duration:0s;
	}

	.nav-main.open .level1 > li {
		padding-bottom: 6px;
		border-bottom: 1px solid rgba( 255, 255, 255, 0.4);
	}

	.nav-main .main-primary a.first-menu-link {
		display: inline-block;
		font-size: 18px;
		padding-left: 0px;
		padding-top: 15px;
		padding-bottom: 5px;
                letter-spacing: 0.5px;
	}
	
	.nav-main.open .level2.open {
		margin-bottom: 3px;
	}

	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link,
	.nav-main .thrd-menu-link:before {
		font-size: 14px;
		line-height: 32px;
        letter-spacing: 0px;
	}

	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link {
		padding-left: 0px;
	}

	.nav-main .scnd-menu-link.icon-arr_white,
	.nav-main .thrd-menu-link.icon-arr_white,
	.nav-main .level2.open li a{
		max-height: 99px;
		height: auto;
	}
	
	.reset-counter-cntnr {
		top: auto;
		right: 30px;
		bottom: 45px;
	 }

	/* --- Menu Toggler ---*/
	.nav-main .main-primary .icon-arr_white {
		width: 9px;
		height: 17px;
		opacity: 0.4;
		position: absolute;
		right: 5px;
		top: 17px;
		background-size: 9px 16px;
		background-position: center bottom;
	}
	
	.open > .icon-arr_white{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.icon-arr_white,
	.burger {
		cursor: pointer;
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.burger,
	.burger span{
		cursor: pointer;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.burger{
		/*float:right;*/
		z-index: 9900;
		display:block;
		position: absolute;
		top: 0;
		right: 0;
		margin: 28px 22px 0 0;
		width: 30px;
		height: 20px;

		/*margin: 0 auto;*/

		font-size: 0;
		
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}

	.burger span{
		position: absolute;
		height: 4px;
		width: 100%;
		background: #303030;
		opacity: 1;
		left: 0;

		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	.burger span:nth-child(1) {
		top: 0px;
	}

	.burger span:nth-child(2),
	.burger span:nth-child(3) {
		top: 8px;
	}

	.burger span:nth-child(4) {
		top: 16px;
	}

	.nav-main.open > .burger  {
		display: none;
	}

	.nav-main.open .burger span {
		background:#ffffff;
	}

	.nav-main .service-menu {
		padding-bottom: 15px;
	}

	.nav-main .service-menu a {
		color: #FFFFFF;
	}

	.nav-main .service-menu li,
	.nav-main .service-menu a {
		display: inline;
		line-height: 25px;
	}

	.nav-main .service-menu li:nth-child(4):before {
		content: '\a';
		white-space: pre;
	}

	.nav-main .main-search {
		position: absolute;
		top: 25px;
		right: 60px;
		margin: 0;
	}

	.nav-main .main-search input {
		background-color: transparent;
	}

	.nav-main .main-user-area {
		position: absolute;
		left: 0;
	}

}



@media screen and (max-width:640px) {

	.nav-main.open {
		left: 0;
		max-width: 100%;
	}

}



@media screen and (min-width:980px) {

	.nav-main li {
		display: inline-block;
		vertical-align: top;
	}

	.nav-main .first-menu-link {
		position: relative;
	}

	.nav-main .level1 > li {
		margin-bottom: 32px;
	}

	.nav-main .level1 > li .first-menu-link {
		padding: 0 17px 0 0;
	}

	.nav-main .level1 > li:hover {
		margin-bottom: 0;
	}

	.nav-main .level1 > li:hover .first-menu-link {
		padding-bottom: 32px;
	}

	.nav-main .icon-arr_white {
		visibility: hidden;
		display: none;
	}

	.nav-main ul .dropdown {
		padding-left: 0;
		visibility: hidden;
		z-index: -100;
		/*display: none;*/
                /*pointer-events: none;*/
		opacity: 0;
	}

	.nav-main li.open .dropdown,
	.nav-main li:hover .dropdown,
	.nav-main li:focus .dropdown,
	.nav-main li:active .dropdown {
		z-index: 9001;
		visibility: visible;
		display: block;
        pointer-events: all;
		opacity: 1;
		min-height: 180px;
	}

	.map-opening .nav-main li:hover .dropdown,
	.map-opening .nav-main li:focus .dropdown,
	.map-opening .nav-main li:active .dropdown {
		visibility: hidden;
		/*display: none;*/
        /*pointer-events: none;*/
        z-index: -100;
		opacity: 0;
	}

	.nav-main .dropdown.mega {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 9001;
		width: 100%;
		max-width: 1400px;
		padding: 60px 0 38px 0;
		background: #202020;
		-webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.25);
		box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.25);
	}

	.nav-main li:first-child .dropdown.mega {
		background: #f8602c;
	}

	.nav-main li:first-child .dropdown.mega a:hover,
	.nav-main li:first-child .dropdown.mega .active a {
		color: #202020;
	}

	.nav-main li:last-child .dropdown.mega {
		background: #202020;
	}

	.nav-main .level1 > li:hover > a,
	.nav-main .level1 > li:active > a,
	.nav-main .level1 > li:focus > a,
	.offer-cultural-education .nav-main .level1 > li:nth-child(2) > a {
		color: #f8602c;
	}

	.nav-main .level1 > li > a:after {
		content: ' ';
		display:block;
		z-index: 9002;
		position: absolute;
		bottom: 0;
		
		width: 100%;
		height:20px;

		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' ><path style='fill:%23202020;' d='M-10.007,32.166 C-10.007,32.166 15.000,0.013 15.000,0.013 C15.000,0.013 40.007,32.166 40.007,32.166 C40.007,32.166 -10.007,32.166 -10.007,32.166 Z'/></svg>");
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	.nav-main .level1 > li:first-child > a:after {
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' ><path style='fill:%23f8602c;' d='M-10.007,32.166 C-10.007,32.166 15.000,0.013 15.000,0.013 C15.000,0.013 40.007,32.166 40.007,32.166 C40.007,32.166 -10.007,32.166 -10.007,32.166 Z'/></svg>");
	}

	.nav-main .level1 > li:last-child > a:after{
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='20' ><path style='fill:%23202020;' d='M-10.007,32.166 C-10.007,32.166 15.000,0.013 15.000,0.013 C15.000,0.013 40.007,32.166 40.007,32.166 C40.007,32.166 -10.007,32.166 -10.007,32.166 Z'/></svg>");
	}

	.nav-main .level1 > li:hover > a:after,
	.nav-main .level1 > li:active > a:after,
	.nav-main .level1 > li:focus > a:after {
		opacity: 1;
		visibility: visible;
	}

	.nav-main .level1 > li:first-child:hover > a,
	.nav-main .level1 > li:first-child:active > a,
	.nav-main .level1 > li:first-child:focus > a,
	.culture-in-region .nav-main .level1 > li:first-child > a {
		color: #f8602c;
	}

	.nav-main .level1 > li:last-child:hover > a,
	.nav-main .level1 > li:last-child:active > a,
	.nav-main .level1 > li:last-child:focus > a,
	.institution-and-promotion .nav-main .level1 > li:last-child > a {
		color: #f8602c;
	}

	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link {
		margin-bottom: 12px;
	}

	.nav-main .level2 {
		padding-bottom: 6px;
		border-bottom: 1px solid rgba(255,255,255,0.4);
		margin-bottom: 26px;
	}



	/*
	 *************************
		$MEGA-DROPDOWN
	 *************************
	*/

	.nav-main .level1 > li > a:after,
	.nav-main .dropdown {
		/*pointer-events: none;*/
		visibility: hidden;
		opacity: 0;

	    -webkit-transition: opacity 0.6s;
		-moz-transition: opacity 0.6s;
		-o-transition: opacity 0.6s;
		transition: opacity 0.6s;  
	}

	.nav-main .dropdown-leftcol,
	.nav-main .dropdown-rightcol {
		position: absolute;
		top: 0;
		width: 328px;
	}

	.nav-main .dropdown-leftcol {
		padding-left: 22px;
		padding-right: 50px;
	}

	.nav-main .dropdown-centercol {
		width: 100%;
		padding: 0 350px 0 328px;
	}

	.nav-main .dropdown-rightcol {
		right: 0;
		padding-right: 22px;
		padding-left: 48px;
	}      

	.nav-main .mega h2 {
		font-size: 13px;
                line-height: 20px;
		margin: 0 0 15px 0;
		font-family: sans-serif;
		text-transform: uppercase;
		color: #FFFFFF;
		font-weight: normal;
		letter-spacing: 2px;
	}

	.nav-main .mega p {
		font-size: 14px;
		/*color: #77a785;*/
		color: rgba(255,255,255,0.65);
	}

	.nav-main .open-map-container {
		font-family: 'Raleway', sans-serif;
		font-weight: 700;
		font-size: 16px;
                letter-spacing: 0.5px;
		text-transform: uppercase;
		color: #FFFFFF;
		margin-top: 25px;
	}

	.nav-main .show-all-link {
		margin-top: 19px;
		border-top: 1px solid rgba( 255, 255, 255, 0.4);
		padding-top: 26px;
	}

	.nav-main .angebot-teaser {
		position: relative;
		height: 100px;
		margin-bottom: 27px;
	}

	.nav-main .angebot-teaser a {
		padding-left: 100px;
	}

	.nav-main h3 {
		font-weight: 300;
		font-size: 16px;
		margin-bottom: 0;
	}

	.nav-main .angebot-image {
		position: absolute;
		top: 0;
	}

	.nav-main .angebot-teaser:last-child {
		padding-bottom: 31px;
		min-height: 131px;
		border-bottom: 1px solid rgba( 255, 255, 255, 0.4);
	}

	.nav-main .main-secondary--left {
		position: absolute;
		top: 41px;
	}

	.nav-main .main-primary {
		margin-top: 51px;
	}

}

@media screen and (min-width:1160px) {

	.nav-main .first-menu-link {
		font-size: 21px;
	}

	.nav-main .scnd-menu-link,
	.nav-main .thrd-menu-link,
	.nav-main .thrd-menu-link:before {
		font-size: 27px;
		line-height: 30px;
	}

	.nav-main .dropdown-leftcol {
		padding-left: 0;
	}

	.nav-main .dropdown-centercol {
/*		width: 100%;
		padding: 0 350px 0 328px;*/
	}

	.nav-main .dropdown-rightcol {
		padding-right: 0;
	}      


}


/*
 *************************
	$DATEPICKER
 *************************
*/

.pika-button,
.pika-label,
.pika-title {
	background: transparent;
	color: #ffffff;
}

.pika-single thead abbr{
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}

.pika-title .pika-label {
	text-transform: uppercase;
	font-size: 11px;
        color: #ffffff;
}

.is-selected .pika-button,
.is-inrange .pika-button,
.is-endrange .pika-button,
.is-today .pika-button {
	font-weight: normal;
	color: #323232;
	box-shadow: none;
	background: none;
}

.pika-button {
	border-radius: 0;
	border: 1px solid rgba(255, 255, 255, 0);
}

.pika-button:hover,
.pika-button:active,
.pika-button:focus {
	background: none;
	border-radius: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
}

.pika-single {
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.pika-next,
.pika-prev {
	opacity: 1;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213px%22%20height%3D%2222px%22%20viewBox%3D%223.75%206.25%2013%2022%22%20%3E%0D%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%223.75%2C7.583%205.152%2C6.25%2016.75%2C17.249%205.152%2C28.25%203.75%2C26.923%2013.94%2C17.249%20%22/%3E%0D%0A%3C/svg%3E%0D%0A');
	background-repeat: no-repeat;
	background-size: 7px 10px;
}

.pika-prev,
.is-rtl .pika-next  {
	-moz-transform:    rotate(180deg);
	-o-transform:      rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform:         rotate(180deg);

	/* IE8+ - must be on one line, unfortunately */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";

	/* IE6 and 7 */
	filter: progid:DXImageTransform.Microsoft.Matrix(
			M11=-1,
			M12=1.2246467991473532e-16,
			M21=-1.2246467991473532e-16,
			M22=-1,
			SizingMethod='auto expand');
}



/*
 *************************
	$TIMESPAN
 *************************
*/

input#calendar-submit-button.active {
	background-color: #f8602c;
	color: white !important;
}

.search-row.submit-search {
	height: 67px;
}

.search-row,
.search-row.submit-search {
	display: none;
}

.info-container
.calendar-timespan .search-row {
	 width:100%;
	 line-height: 24px;
}


.calendar-timespan {
	margin-top: 11px;
}

.calendar-timespan .calendar-start-date,
.calendar-timespan .calendar-end-date,
.calendar-timespan .calendar-to {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 26px;
	line-height: 26px;

	-moz-appearance: none;
	-webkit-appearance: none;
}

.calendar-timespan input[type="text"],
.calendar-timespan input.submit {
	display: block;
	width: 100%;
	height: 100%;

	padding: 0 9px;

	font-size: 11px;
	line-height: 26px;
	text-align: center;

	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	color: #ffffff !important;
}

.calendar-timespan input[type="text"]:focus {
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.4);
}

.calendar-timespan .calendar-start-date {
	padding-right: 10px;
	margin-right: -10px;
}

.calendar-timespan .calendar-end-date {
	padding-left: 10px;
	margin-left: -10px;
}

.calendar-timespan .calendar-to {
	width: 20px;
	color: #ffffff;
	text-align: center;
}

.calendar-timespan .calendar-start-date:focus,
.calendar-timespan .calendar-end-date:focus {
	color: #303030 !important;
}

.calendar-start-date.active,
.calendar-end-date.active {
	border: solid 2px #f8602c !important;
	border-radius: 4px;
}

.calendar-timespan-inputs {
	width: 100%;
/*	padding-right: 50px;
	margin-right: -50px;*/
}

.calendar-timespan-switch {
	width: 50px;
}

.alternative-date-output-container {
   display: none;
}

#city-region-search {
   min-height: 3.3em;
   width: 110%;
   margin: 0 4% 20px 0;
   background-color: transparent;
   text-align: left;
   padding-left: 5px;
   line-height: 1.3em;
   font-size: 12px;
   border: 1px solid rgba(255,255,255,0.4);
   text-transform: uppercase;
}

#city-region-search.__AC_invalidated {
   background-image: url('../media/images/svg_search.svg');
   background-position: right 11px center;
   background-size: 13%;
}

.city-region-search-wrap div.__AC_position {
   width: 110% !important;
}

#city-region-search:focus {
    outline: none;
}

#city-region-search::-webkit-input-placeholder {
   color: #ffffff;
   font-size: 12px;
   font-style: normal;
   padding-left: 5px;
   font-weight: normal;
   letter-spacing: 0.05em;
}
#city-region-search:-moz-placeholder {
   color: #ffffff;
   font-size: 12px;
   font-style: normal;
   padding-left: 5px;
   font-weight: normal;
   letter-spacing: 0.05em;
}
#city-region-search::-moz-placeholder {
   color: #ffffff;
   font-size: 12px;
   font-style: normal;
   padding-left: 5px;
   font-weight: normal;
   letter-spacing: 0.05em;
}
.city-region-search-wrap {
   position: relative;
}
.city-region-search-wrap .__AC_position {
   width: 125% !important;
}
.city-region-search-wrap .__AC_position .__AC_data {
   max-height: 180px !important;
}

.headline-and-filter-container div.header-container-col {
   width: 30%;
}

.headline-and-filter-container form.calendar {
	width: 70%;
   padding-left: 0px;
   padding-right: 20px;
}

@media (max-width: 992px) {
   .headline-and-filter-container div.header-container-col {
      width: 20%;
   }

   .headline-and-filter-container form.calendar {
      width: 80%;
   }
}

/*
 *************************
	$SLIDER
 *************************
*/

.page-home .media-container {
	margin-top: 16px;
}

.page-home .media-container__viewport {
	max-width: 1160px;
}

.page-home .media-container__text {
	display: block;
}

.page-home .media-container__mediacontainer,
.page-home .media-container__controls {
	padding-bottom: 43.10345%;
}

.page-home .media-container__viewport--big .media-container__mediacontainer, 
.page-home .media-container__viewport--big .media-container__controls {
	padding-bottom: 56.25%;
}

.page-home .media-container__viewport--big .media-container__text,
.page-home .media-container__pager-dots {
	visibility: hidden;
	display: none;
}



/*
 *************************
	$MAP
 *************************
*/

.page-home .map {
	-webkit-transition: opacity 0.3s, max-height 0.15s 0s;
	-moz-transition: opacity 0.3s, max-height 0.15s 0s;
	-o-transition: opacity 0.3s, max-height 0.15s 0s;
	transition: opacity 0.3s, max-height 0.15s 0s;
	
	position: absolute;
	max-height: 516px;
	opacity: 0;
}

.page-home.map-open .map {
	max-height: 614px;
	opacity: 1;

	-webkit-transition: opacity 0.3s, max-height 0.15s 0.3s;
	-moz-transition: opacity 0.3s, max-height 0.15s 0.3s;
	-o-transition: opacity 0.3s, max-height 0.15s 0.3s;
	transition: opacity 0.3s, max-height 0.15s 0.3s;
}

.page-home .media-container__viewport {
	max-height: 500px;
	opacity: 1;

	-webkit-transition: opacity 0.3s, max-height 0.15s 0s;
	-moz-transition: opacity 0.3s, max-height 0.15s 0s;
	-o-transition: opacity 0.3s, max-height 0.15s 0s;
	transition: opacity 0.3s, max-height 0.15s 0s;
}

.page-home .media-container__viewport--big {
	max-height: 653px;
}

.page-home.map-open .media-container__viewport {
	/*Damit die Rückwärts-Animation funktioniert sollte das eigentlich in der Regel ".page-home .media-container__viewport" stehen,
	aber dann ist das Ding nicht mehr Responsive.*/
	height: 9999px;
	max-height: 598px;
	opacity: 0;

	-webkit-transition: opacity 0.3s, max-height 0.15s 0.3s;
	-moz-transition: opacity 0.3s, max-height 0.15s 0.3s;
	-o-transition: opacity 0.3s, max-height 0.15s 0.3s;
	transition: opacity 0.3s, max-height 0.15s 0.3s;
}

.page-home.map-open .media-container__viewport--big {
	max-height: 598px;
}



@media screen and (min-width:1220px){

	/*
	 *************************
		$SLIDER
	 *************************
	*/

	.page-home .media-container .icon-arr_white {
		background-image: url("images/index.png");
	}

	.page-home .media-container__prev {
		left: -50px;
	}

	.page-home .media-container__next {
		right: -50px;
	}

}



@media screen and (max-width:979px){

	/*
	 *************************
		$SLIDER
	 *************************
	*/

	.page-home .media-container__controls,
	.page-home .media-container__mediacontainer {
		padding-bottom: 56.25%;
	}

	.page-home .media-container__image img {
		max-width: 131%;
		width: 131% !important;
	}



	/*
	*************************
	  $SIDECOL
	*************************
	*/

	.page-home .side-col-content-home-second {
		visibility: hidden;
		display: none;
	}

	.page-home .side-col {
		visibility: visible;
		display: block;
		position: relative;

		width: 100%;

		padding: 18px 26px 24px 26px;

		border-top: 1px solid #cccccc;
	}

	.page-home .side-col-content-home-first {
		padding: 0;
		border-bottom: 0;
	}

	.page-home .side-col-content-home-first h2 {
		margin-bottom: 10px;
	}

}



@media screen and (max-width:639px){

	/*
	 *************************
		$CONTENT
	 *************************
	*/

	.page-home .home-headline {
		visibility: hidden;
		display: none;
	}

	.page-home .third {
		padding-bottom: 0;
	}

	.page-home .home-news-cat {
		text-align: center;
		padding-top: 19px;
		margin-bottom: 18px;

		border-top: 1px solid #dbdbdb;
	}

}

/*
 *************************
	$HEADER
 *************************
*/

.calendar-header-container .headline-and-filter-container {
	margin: 0 -18px;
}

.headline-and-filter-container .header-container-col,
.headline-and-filter-container .calendar {
	display: inline-block;
	vertical-align: top;
	width: 32.4%;
}

.headline-and-filter-container .header-container-col {
	padding-left: 18px;
	padding-right: 18px;
}

.headline-and-filter-container .calendar {
	width: 70%;
	margin-top: -10px;
   padding-left: 20px;
}

.headline-and-filter-container .calendar .header-container-col {
	width: 52.1%;
}

.headline-and-filter-container .calendar .calendar-filters {
	width: 47.9%;
	margin-top: 5px;
   padding-left: 28px;
}

.calendar-filter.filter.icon-arr_white:first-child {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}

.calendar-today {
	margin-top: -4px;
}

.calendar-today span {
	display: inline-block;
	vertical-align: top;
	font-family: "MuseoSlab";
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
	color: #ffffff;
}

.calendar-today .today-day {
	font-size: 55px;
	line-height: 40px;
	/*letter-spacing: -0.06em;*/
	width: 70px;
	text-align: right;
	padding-right: 17px;
}

.calendar-today .today-month {
	display: block;
	font-weight: 700;
}



/*
 *************************
	$CONTENT
 *************************
*/

.event-list-result-status {
   margin-left: 10px;
}

.event-list-result-status.top {
   margin-top: 20px;
}

.event-list-result-status.bottom {
   margin-bottom: 20px;
}

.event-list-item-header-name {
	margin-bottom: 2px;
}

.event-text-container-more {
	padding-bottom: 24px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 24px;
}

.event-list-item-preview {
	padding-top: 40px;
	min-height: 192px;
	/*padding-bottom: 24px;*/
}

.event-list-item-left {
	padding-right: 190px;
}

.event-list-item-image {
	width: 175px;
	top: 40px;
	right: 56px;
}

.event-list-item ul,
.event-list-item ol {
	list-style: none;
}

.event-description {
    font-size: 15px;
    letter-spacing: 0.018em;
}





.content-headline.calendar_detail {
	 padding-left: 380px;
}


.location-name {
	 font-size: 16px;
	 margin: 0;
}

.more-link,
.more-info-link {
	 color: #303030;
	 font-weight: 400;
}

.more-info-link {
	 text-transform: uppercase;
	 font-weight: 600;
	 padding-left: 10px;
}

.event-list-item .event-date {
	 font-size: 24px;
	 width: 80px;
}

.event-list-item .event-date,
.event-list-item .info-container {
	 float: left;
}

.event-list-item .info-container .datespan {
	 font-size: 16px;
}

.event-date-day,
.event-date-month {
	 display:inline;
}

.event-date-day {
	 line-height: 29px;
}

.event-date-month {
	 line-height: 30px;
}

.event-date-month {
	 text-transform: uppercase;
}

.searchResult {
	 margin-right: 40px;
	 float: right;
	 margin-top: 20px;
}

.social-media-buttons {
	 margin-bottom: 10px;
}

.event-list-item .opus-info-short {
	 font-size: 16px;
	 margin-bottom: 6px;
}

.calendar-submit {
	display: none;
}

/*input.submit {
	height: 45px;
	width: 286px;
	max-width: 100%;
	margin-top: 8px;
	margin-bottom: 30px;
	float: left;
	text-transform: uppercase;
	border-radius: 5px;
	letter-spacing: 3px;
}

input.submit:hover{
	 cursor: pointer;
	 background-color: black;
	 color: white;
}

input#calendar-submit-button.active:hover{
	 cursor: pointer;
	 background-color: black;
	 color: white;
}*/


/* event loading overlay */
#main-loading-overlay {
	 display: none;
	 position: fixed;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: #000 url("/module/jscript/lib/cb_ui/img/loader.gif") no-repeat center center;
	 opacity: 0.25;
	 z-index: 1000;
}


.content-label {
	 margin-top: 10px;
	 font-size: 16px;
	 text-transform: uppercase;
	 letter-spacing: 1.6px;
	 font-weight: 600;
}

.related-events-entity {
	 margin: 5px 0;
}

#tickets-events-collapsible,
#personnel-list-collapsible {
	 margin-bottom: 30px;
	 border-bottom: 1px solid #cccccc;
	 padding-bottom: 25px;
}

.tickets-list-label,
.personnel-list-label {
	 font-size: 27px;
	 font-weight: 600;
	 letter-spacing: 2px;
	 line-height: 80px;
	 text-transform: uppercase;
	 cursor: pointer;
	 background: url("images/img_accordion-close.png") no-repeat scroll 595px 25px rgba(0, 0, 0, 0);
}

.tickets-list-label.open,
.personnel-list-label.open {
	 background-image: url("images/img_accordion-open.png");
}

.collapsible-content {
	 display: none;
}

.description {
	 margin-bottom: 35px;
}

.persons {
	 margin-top: 15px;
}

.persons ul {
	 list-style: outside none none;
	 margin: 0;
}

.persons > ul > li {
	 line-height: 25px;
}

.persons .role {
	 padding-right: 5px;
	 color: #a0a0a0;
}

.related-events .basket-link {
	 text-transform: uppercase;
}

.related-events .future,
.related-events .past {
	 position: relative;
}

.related-events .past {
	 margin-top: 25px;
}

.more-events-button {
	 bottom: 0;
	 position: absolute;
	 right: 20px;
	 cursor: pointer;
	 color: #f8602c;
}

.more-events-button:hover {
	 color: #303030;
}

.hidden-event-block {
	 display: none;
}

.info-container {
	 width: 540px;
	 max-width:100%;
}



/** TOGGLE BUTTON */


span.toggle-text {
	 margin-left: -182px;
	 padding-top: 3px;
	 position: absolute;
	 color: #f8602c;
	 text-transform: uppercase;
}

.switch {
	 margin-bottom: 10px;
	 /*margin-left: 237px;*/
	 margin-right: 1px;
	 float: right;
}

.cmn-toggle {
	 position: absolute;
	 margin-left: -9999px;
	 visibility: hidden;
}
.cmn-toggle + label {
	 display: block;
	 position: relative;
	 cursor: pointer;
	 outline: none;
	 user-select: none;
}

input.cmn-toggle-round + label {
	 padding: 2px;
	 width: 40px;
	 height: 20px;
	 background-color: #dddddd;
	 border-radius: 20px;
}
input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
	 display: block;
	 position: absolute;
	 top: 1px;
	 left: 1px;
	 bottom: 1px;
	 content: "";
}
input.cmn-toggle-round + label:before {
	 right: 1px;
	 background-color: #f1f1f1;
	 border-radius: 20px;
	 transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
	 width: 20px;
	 background-color: #fff;
	 border-radius: 100%;
	 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	 transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
	 background-color: #f8602c;
}
input.cmn-toggle-round:checked + label:after {
	 margin-left: 20px;
}
.production-details.slim {
		padding-top: 7px;
}



@media screen and (max-width:639px){

    .headline-and-filter-container .header-container-col,
    .headline-and-filter-container .calendar {
    	display: block;
    }

    .headline-and-filter-container .calendar-today {
        visibility: hidden;
        display: none;
    }

	.headline-and-filter-container .calendar,
	.headline-and-filter-container .calendar .header-container-col {
    	width: 100%;
    	margin-top: 0;
    }

    .headline-and-filter-container .calendar .calendar-filters {
    	margin-top: 15px;
    }

}



@media screen and (max-width:979px){

	body {
		overflow-x: hidden;
	}

	.dynamic-page-kalender .content-headline {
		visibility: hidden;
		display: none;
	}

}



@media screen and (min-width:980px){

	.filterToggler {
		visibility: hidden;
		display: none;
	}

	.event-date-day,
	.event-date-month {
		display:block;
	}

}

.event-article .media-container {
	margin-bottom: -94px;
}

.event-article .media-container .media-container__pager-dots {
   display: none;
}

.event-article-header {
	z-index: 8001;
}

.event-data {
	padding: 0 8px 27px 8px;
	border-bottom: 1px solid #dbdbdb;
	margin: 30px -8px 0 -18px;
}

.event-data-day,
.event-date-right {
	display: table-cell;
	vertical-align: top;
}

span.event-data-day {
	font-size: 62px;
	line-height: 32px;
	padding-right: 3px;
}

.event-data-datespan,
.event-data-location,
.event-data-category {
	font-family: 'MuseoSlab';
	font-size: 18px;
	line-height: 22px;
}

.event-data-datespan {
	font-weight: 700;
}

.event-data-category {
	font-size: 12px;
	text-transform: uppercase;
   padding-top: 2px;
}

.event-article .article-right-col-header:first-child {
	margin-top: 0;
}

.event-location.event-location-freetext {
   margin-bottom: 20px;
}

.event-details-button.details-button.button {
    bottom: 0;
    position: absolute;
    right: 0;
}

.event-article .article-header-print {
    padding-top: 10px;
}

/*
 *************************
	$HEADER
 *************************
*/

.persons-header-container .calendar {
	margin-top: -10px;
}

.person-filter {
	margin-top: 10px;
	display: inline-block;
	width: 30%;
	margin-right: 3%;
}



/*
 *************************
	$CONTENT
 *************************
*/

.person-list-item:first-child .person-list-item-preview {
	border-top: 1px solid #404040;
}

.person-list-item-header-name {
	margin: 0px 0 15px 0;
}

.person-list-item-header-name:hover {
	cursor: pointer;
}

.person-list-item-header-city {
	margin-left: 0px;
	margin-top: 4px;
}

.person-city {
	color: #f8602c;
}



/*
 *************************
	$ITEM OPENED
 *************************
*/

/*.person-list-item-main {
	position: relative;
	margin-top: 41px;
	padding: 0 142px 38px 0;
	min-height: 250px;
}*/

.person-list-item-article-left,
.person-list-item-article-middle {
	display: inline-block;
	vertical-align: top;
}

.person-list-item-article-left {
	width: 52.4%;
	padding-right: 45px;
	border-right: 1px solid #cccccc;
	height: 100%;
	/*max-width: 322px;*/
}

.person-list-item-article-middle {
	width: 47.6%;
	border-left: 1px solid #cccccc;
	margin-left: -1px;
	padding-left: 45px;
	/*max-width: 293px;*/
	/*padding-left: 51px;*/
}

.person-list-item-details-text {
	/*padding-left: 28px;*/
}





.person-list-item-article-hyperlinks {
    position: absolute;
    right: -22px;
    top: 120px;
    width: 162px;
    text-align: right;
    min-height: 55px;
}

.person-social-button {
	font-size: 0;
	width: 32px;
	height: 32px;
	margin: 10px 3px 15px 7px;
	display: inline-block;
	opacity: 0.4;
}

.person-social-button:hover,
.person-social-button:focus,
.person-social-button:active {
	opacity: 1;
}

.person-details-button.details-button {
   position: absolute;
   bottom: 0;
   left: 0;
}

/*
 *************************
	$HEADER
 *************************
*/

.address-filter {
	margin-top: 10px;
	display: inline-block;
	width: 30%;
	margin-right: 3%;
}



/*
 *************************
	$DETAIL
 *************************
*/

.address-article-right-col {
	margin-top: 7px;
}

.address-article .media-container {
	margin-bottom: -94px;
}

.address-article .media-container .media-container__pager-dots {
   display: none;
}

.address-article-header {
	z-index: 8001;
}





.list-item-article-left,
.list-item-article-middle {
	display: inline-block;
	vertical-align: top;
}

.list-item-article-left {
	width: 52.4%;
	padding-right: 45px;
	border-right: 1px solid #cccccc;
	height: 100%;
	/*max-width: 322px;*/
}

.list-item-article-middle {
	width: 47.6%;
	border-left: 1px solid #cccccc;
	margin-left: -1px;
	padding-left: 45px;
	/*max-width: 293px;*/
	/*padding-left: 51px;*/
}




/*.list-item-main{
	display: table-layout;
      width: 100%;
 }
*/


/* .txtCont {
      width: 70%;
    }
    .subCont {
      width: 30%;
    }*/

/*.list-item-article-left,
.list-item-article-middle,
.list-item-article-right {
	
      display: table-cell;
      max-width: 80%;
      min-width: 20%;
}

.list-item-article-left {
	width: 52.4%;
	padding-right: 45px;
	border-right: 1px solid #cccccc;
	height: 100%;
}

.list-item-article-middle {
	width: 47.6%;
	border-left: 1px solid #cccccc;
	margin-left: -1px;
	padding-left: 45px;
}

.list-item-article-right {
	width: auto;
}*/


/*
 *************************
	$HEADER
 *************************
*/

.news-search-container, 
.search-container {
	position: relative;
}

.news-search-container {
	height: 56px;
}

.news-search-input-field, .search-input-field {
	padding: 0 29px;
}

.news-search-submit, 
.search-submit {
	width: 56px;
}

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


/*
 *************************
	$CONTENT
 *************************
*/

li.news-list-item {
	position: relative;
	min-height: 166px;
	padding: 26px 8px;

	list-style: none;
	border-top: 1px solid #cccccc;
}

.news-list-item-image {
	height: 115px;
	width: 175px;
	border-radius: 3px;
	float: left;
	margin: 0 31px 19px 0;
   box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}


@media screen and (max-width:639px){

	.news-search-container {
		height: 50px;
	}

	.count-entries {
		visibility: hidden;
		display: none;
	}

	li.news-list-item {
        padding-bottom: 15px;
    }

    .list-item-image {
        width: 90px;
        height: 68px;
        margin: 0 12px 2px 0;
    }

    .inner-body .news-list-item-header-name a,
    .inner-body .news-list-item-header-name {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 2px;
        margin-top: -2px;
    }

}

/*
 *************************
	INVERTED PAGE
 *************************
*/
/*[15:19:49] Daniel Majewski: rot: f8602c
[15:20:00] Daniel Majewski: schwarz: 202020
[15:20:16] Daniel Majewski: content: 353535
links sollten bei hover #f0f0f0 werden
*/


/*
 *************************
	$LAYOUT
 *************************
*/

/*
.offer-cultural-education html,
.offer-cultural-education body,
.offer-cultural-education div,
.offer-cultural-education .inner-body span,
.offer-cultural-education .inner-body p,
.offer-cultural-education a,
.offer-cultural-education a:not(.controlbar-anchor):hover,
.offer-cultural-education a:not(.controlbar-anchor):focus,
.offer-cultural-education a:not(.controlbar-anchor):active,
.offer-cultural-education h2 {
	color: #f0f0f0;
}
*/

.offer-cultural-education, .pika-title select {
	color: #f0f0f0;
}

.offer-cultural-education a,
.offer-cultural-education a:not(.controlbar-anchor):hover,
.offer-cultural-education a:not(.controlbar-anchor):focus,
.offer-cultural-education a:not(.controlbar-anchor):active,
.offer-cultural-education h2,
.offer-cultural-education .inner-body span,
.offer-cultural-education .inner-body p {
	color: #f0f0f0;
}

.offer-cultural-education html,
.offer-cultural-education body,
.offer-cultural-education div {
	color: #606060;
}

.offer-cultural-education .inner-body,
.offer-cultural-education .site-wrapper {
	background: #101010;
}

.offer-cultural-education .main-col {
        background: #252525 none repeat scroll 0 0;
        box-shadow: 0px 0px 0px 0px #000 inset;
}

.offer-cultural-education .colophon .container {
	border-top: 1px solid #353535;
}


/*
 *************************
	$HEADER
 *************************
*/

.offer-cultural-education .masthead {
	border-bottom: 1px solid #303030;
}


/*
 *************************
	$NAVIGATION
 *************************
*/

.offer-cultural-education .nav-main .main-primary a.first-menu-link {
	color: #f0f0f0;
}

.offer-cultural-education .nav-main .show-all-link {
		margin-top: 19px;
		border-top: 1px solid rgba( 255, 255, 255, 0.2) !important;
		padding-top: 26px;
	}

.offer-cultural-education .nav-main .angebot-teaser:last-child {
		padding-bottom: 31px;
		min-height: 131px;
		border-bottom: 1px solid rgba( 255, 255, 255, 0.2) !important;
	}
        
 .offer-cultural-education .nav-main.open .level1 > li {
		padding-bottom: 6px;
		border-bottom: 1px solid rgba( 255, 255, 255, 0.2) !important;
	}

.offer-cultural-education .nav-main .show-all-link {
		margin-top: 19px;
		border-top: 1px solid rgba( 255, 255, 255, 0.2) !important;
		padding-top: 26px;
	}
        
 .offer-cultural-education .nav-main .angebot-teaser:last-child {
		padding-bottom: 31px;
		min-height: 131px;
		border-bottom: 1px solid rgba( 255, 255, 255, 0.2) !important;
	}
        
 .offer-cultural-education .nav-main .show-all-link {
		margin-top: 19px;
		border-top: 1px solid rgba( 255, 255, 255, 0.2) !important;
		padding-top: 26px;
	}
        
 .offer-cultural-education .nav-main .level2 {
            padding-bottom: 6px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
            margin-bottom: 26px;
    }


/*
 *************************
	$SIDEBAR
 *************************
*/

.offer-cultural-education .side-col a:hover,
.offer-cultural-education .side-col a:focus,
.offer-cultural-education .side-col a:active,
.offer-cultural-education .side-col a.active {
	color: #f0f0f0;
}

.offer-cultural-education .side-col .page-info-cntnr {
    border-top: 1px solid #404040;
}

.offer-cultural-education .nav-main li:last-child .dropdown.mega
.offer-cultural-education .nav-main .dropdown.mega {
	background: #2f2f2f;
}

/*
 *************************
	$LISTENANSICHT
 *************************
*/

.offer-cultural-education span.last-entries,
.offer-cultural-education span.count-entries {
	color: #f0f0f0;
}

.offer-cultural-education li.news-list-item {
    border-top: 1px solid #404040;
}

.offer-cultural-education .article-header-name,
.offer-cultural-education .inner-body .article-header-name a,
.offer-cultural-education .list-item-header-name,
.offer-cultural-education .inner-body .list-item-header-name a {
	color: #f0f0f0;
}




















/*
 *************************
   $EVENT WINDOW
 *************************
*/

.__EventWindow {
	background-color: #fff;
	width: 930px;
        border: 3px solid #ffffff;
        border-radius: 10px;
        box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.83) !important;
}

.__EventWindow .__EventContainer {
	margin: 40px auto 70px;
	width: 91.5%;
	border-collapse: collapse;
   font-size: 15px;
}

.__EventWindow .__EventContainer th,
.__EventWindow .__EventContainer td {
	font-weight: normal;
}

.__EventWindow .__EventContainer th {
	color: #ccc;
	text-align: left;
}

.__EventWindow .__EventContainer td {
	color: #aaa;
	border-bottom: 1px solid #cccccc;
}

.__EventWindow .__EventContainer tbody td {
	color: #808080;
}

.__EventWindow .__EventContainer .__EventSideMenu {
	margin: 0;
	padding: 10px;
}

.__EventWindow .__EventContainer .__EventSideMenu li {
	margin-bottom: 10px;
}

.__EventStatus.__EventPublished {
    background-color: #00bb00;
}

.__EventStatus.__EventNotPublished {
    background-color: #bb0000;
}

.__EventWindow .__EventPaddedBoxBg {
    background-color: #f7f7f7;
    border-bottom: 1px solid #cccccc;
    height: 63px;
    position: absolute;
    width: 100%;
    z-index: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.__EventTabFooter {
    padding-left: 40px;
    padding-right: 40px;
}

.__EventWindowCloseButton {
    border: none;
}

.__EventWindowHeader {
    padding-left: 36px;
}

.__EventWindowHeader button {
    background: transparent;
    position: relative;
    height: 63px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}

.__EventWindowHeader .__EventWindowCloseButton {
    background: url("../media/images/img_close-black.png") no-repeat scroll center center transparent;
    width: 80px;
    border-left: 1px solid #cccccc;
}

.__EventWindowHeader .__EventTabButton.active {
    background: #ffffff;
}

.__EventWindowHeader .__EventOverviewWindowButton {
    border: none;
    float: right;
    color: #f8602c;
}

.__EventNextTabButton,
.__EventDetailWindowButton,
.__EventSaveButton {
    background-color: #f8602c;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-weight: bold;
    height: auto;
    letter-spacing: 0.3em;
    line-height: 14px;
    min-height: 16px;
    padding: 16px 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.__EventRightColumn > input {
    border: 2px solid #d0d0d0;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 10px 0 10px 20px;
    width: 100%;
    border-radius: 5px;
    display: block;
    height: auto;
    min-height: 16px;
}

.__EventLeftColumn,
.__EventRightColumn {
	padding: 0 5%;
}

.__EventRightColumn input {
	color: #000;
	width: 100%;
	padding: 0.7em 1em;
	border-radius: 5px;
	margin-bottom: 13px;
	border: 2px solid #ccc;
	font-size: 0.8em;
        height: auto;
}

/*
 * We need a separate rule for each vendor prefix
 * otherwise they will be ignored
 */

.__EventRightColumn input::-webkit-input-placeholder {
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input:-moz-placeholder { /* Firefox 18- */
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input::-moz-placeholder {  /* Firefox 19+ */
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventRightColumn input:-ms-input-placeholder {
   color: #c0c0c0;
   font-style: normal;
   font-size: 1.1em;
}

.__EventTabButton[data-target="MyOverview"] {
    background: #ffffff;
    color: #383838;
}

.__EventTabButton.__EventActiveTab {
    color: #383838;
}

.__EventInfoCntnr {
    padding-top: 20px;
}

.__EventInputInfo {
  font-size: 13px;
}

/*
 *************************
   OVERVIEW-TAB
 *************************
*/

.__EventDetailWindowButton {
    width: 45%;
    margin-top: 40px;
}

.__EventNoContentAvailable .__EventDetailWindowButton {
    width: 100%;
}

.__EventWindowCloseButton {
    float: right;
    top: 0;
    right: 0;
}

.__EventSideMenuButton {
    background: url("../media/images/img_table_dropdown.png") repeat scroll center center rgba(0, 0, 0, 0);
    border: medium none;
    height: 21px;
    width: 25px;
}

.__EventSideMenu button {
    cursor: pointer;
}

.__EventContainer .__EventHeader td {
    padding-bottom: 9px;
    color: #c0c0c0;
}

.__EventState img,
.__EventState button {
    float: left;
}

.__EventState img {
    visibility: hidden;
}

tr:hover .__EventState img {
    visibility: visible;
}

tr:hover .__EventSideMenuButton {
    background: url("../media/images/img_table_dropdown_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    background-size: 18px;
}

.__EventSideMenu button {
  width: 190px;
  height: 30px;
  font-size: 13px;
  padding-bottom: 8px;
  padding-left: 40px;
  text-align: left;
}

.__EventSideMenu button[value="1"] {
  border: none;
  background: url("../media/images/img_event-published.png") no-repeat transparent;
}

.__EventSideMenu button[value="0"] {
  border: none;
  background: url("../media/images/img_event-unpublished.png") no-repeat transparent;
}

.__EventWindow .__EventResponsiveMenuBtn.collapsed {
  background: transparent url("../media/images/toggle_view_big_list_icon.png") no-repeat scroll center center / contain ;
}

/*
 *************************
   EVENT-TAB
 *************************
*/

/*
 *************************
   DESCRIPTION-TAB
 *************************
*/

.__EventWindow .styled-select,
.__EventDescriptionField {
    border: 2px solid #c0c0c0;
    border-radius: 5px;
    margin-bottom: 14px;
    width: 100%;
}
.__EventDescriptionField {
    height: 13em;
}

.__EventWindow .styled-select {
    background: url("../media/images/img_table_dropdown_hover.png") no-repeat scroll right 3% center / 5% auto rgba(0, 0, 0, 0);
    background-size: 5%;
    min-height: 34px;
}

.__EventWindow select {
    line-height: 30px;
    min-height: 38px;
    padding-bottom: 3px;
    padding-top: 5px;
    box-shadow: none;
}

.__EventCheckboxElement {
  float: left;
  position: relative;
  width: 50%;
  margin-bottom: 10px;
}

.__EventCheckboxElement input {
  visibility: hidden;
  width: 15px;
  height: 18px;
  background: #ddd;
  border-radius: 100%;
  position: relative;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

.__EventCheckboxElement .__EventCheckboxIndicator {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  position: absolute;
  top: 11px;
  left: 5px;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  -moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
  box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
}

.__EventCheckboxElement .__EventCheckboxLabel {
  font-size: 12px;
  font-family: 'Apex Sans', 'Helvetica', 'Arial', 'sans-serif';
  margin-left: 5px;
  color: rgb(66,62,63);
  cursor: pointer;
}

.__EventCheckboxElement input[type=checkbox]:checked + label .__EventCheckboxIndicator {
  background: #00a69d;
}

.__EventWindow .__CbUiSelect option {
   color: #000000;
}

.__EventWindow .__EventNewAddressPopUp .styled-select {
   z-index: 0;
}

/*
 *************************
   MEDIA-TAB
 *************************
*/

@media only screen and (max-width: 1159px) {
    .__EventWindow {
        width: 780px;
    }
}

@media only screen and (max-width: 959px) {
    .__EventWindow {
        width: 620px;
    }
}

@media only screen and (max-width: 767px) {
    .__EventWindow {
        width: 420px;
        max-height: none;
    }
    .__EventLeftColumn, .__EventRightColumn {
        float: none;
        width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    .__EventWindow {
        width: 300px;
    }
}

/*
 *************************
  $CB_TEXT_WINDOW
  z-index: 11000-11999;
 *************************
*/

.__CbUiCbTexPage-1 .__CbUiCbTexNextPageButton {
    float: right;
}

.__CbUiCbTexPage-2 .__CbUiCbTexSubmitButton,
.__CbUiCbTexPage-2 .__CbUiCbTexPreviousPageButton {
    float: right;
}

.__CbUiEditButtons {
   width: 650px;
   margin: 10px 0;
   padding: 0 0 0 0;
   list-style: none;
   bottom: 10px;
}

.__CbUiCbTexWindow .tile-item-positioner {
   text-align: center;
   float: left;
   width: 100%;
   height: 100%;
   padding: 4px;
   margin: 2px;
   position: relative;
   border: 1px solid #CCCCCA;
   border-radius: 4px;
   background: #ffffff;
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 2px 2px 5px rgb(189,190,178);
   box-shadow: 2px 2px 5px rgb(189,190,178);
   display: table;
}

.__CbUiCbTexWindow .image-tile-preview-info {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div#form_upload {
    z-index: 11000;
    left: -1001px;
}

#cb_editbtns {
   z-index: 11000;
}

.home-live-content {
   max-width: 1100px;
   margin: 20px auto;
}

.home-live-header {
   padding-bottom: 20px;
   border-bottom: 1px solid #ccc;
   position: relative;
}

.home-live-header .logo {
   width: 250px;
}

.behind-scenes-container {
   margin-top: 40px;
}

.behind-scenes-container ul {
   list-style: none;
}

.behind-scenes-container {
   float: left;
   width: 30%;
   margin-right: 10%;
}

.behind-scenes-photo {
   margin-top: 40px;
   padding-top: 40px;
   border-top: 1px solid #ccc;
}

.behind-scenes-container h5 {
   text-transform: uppercase;
}

.home-live-content .tweet-container {
   float: right;
   width: 60%;
   margin-top: 20px;
}

.home-live-main-page-link {
   font-weight: bold;
   text-transform: uppercase;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   line-height: 635%;
   background-image: url('images/arrowlive.svg');
   background-position: right center;
   padding-right: 60px;
   background-repeat: no-repeat;
   background-size: 50px 60px;
}

.page-home-live .media-container__text {
	display: block;
}

.page-home-live .media-container__viewport--big .media-container__text,
.page-home-live .media-container__pager-dots {
	visibility: hidden;
	display: none;
}


/* live player */
.live-player-container {
   height: 585px;
   position: relative;

}
.live-player-container video {
   background-color: #F8602C;
}
.live-player-container .video-close-button{
   position: absolute;
   top: 10px;
   right: 15px;
   display: none;
   z-index: 666;
   padding: 0 0 0 4px;
   font-size: 14px;
   font-weight: bold;
   background-image: url("images/close_icon-white.png");
   background-repeat: no-repeat;
   width: 30px;
   height: 30px;
}

@media screen and (max-width: 767px) {

   .home-live-header {
      width: 95%;
      margin: 0 auto;
   }

   .behind-scenes-container {
      float: none;
      width: 95%;
      margin-left: auto;
      margin-right: auto;
   }

   .home-live-content .tweet-container {
      float: none;
      width: 95%;
      margin: 20px auto 0;
      padding-top: 20px;
      border-top: 1px solid #ccc;
   }

}

.tweet-container h6,
.twitter-meta,
.tweet-container div.tweet {
   margin-bottom: 30px;
}

.tweet-container h6 {
   margin-top: 15px;
}

.tweet-container .scrollbar-container {
   height: 800px;
}

.tweet {
   border-bottom: 1px solid #ccc;
}

.tweet:last-child {
   border-bottom: none;
}

.tweet-head {
   margin-bottom: 10px;
}

.tweet-head img,
.tweet-head p {
   float: left;
}

.tweet-head p {
   margin: 0 0 0 10px;
}

.tweet-media-container {
   margin: 20px 0;
}

.tweet-media-container img {
   max-width: 80%;
   margin: 0 auto;
   display: block;
}

.tweet-media-container img + img {
   margin-top: 20px;
}

.tweet a {
   color: #f8602c;
   text-decoration: none;
}

.tweet-author-name a {
   text-transform: uppercase;
}

span.tweet-created-at {
   font-size: 12px;
   color: #888;
}

/*
   Path gets mixed up when the script is
   loaded in scripts.php, so we need to
   fix it here
*/
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url('/module/jscript/lib/jquery_plugins/mCustomScrollbar/mCSB_buttons.png') !important;
}

.tweet-divider {
   margin-top: 20px;
}

@page {
	margin: 1.5cm 0.5cm 1.5cm;
}
@media print {
   
   * {
      -webkit-print-color-adjust: exact;
   }
   
   .first-image {
      display: block;
   }

   .header-container {
      margin-bottom: 7px;
      padding-top: 18px;
      margin-top: 19px;
   }
   .header-container.calendar-header-container {
      padding-bottom: 15px;
      background-image: url(../media/images/img_calender.png);
      background-repeat: no-repeat;
      background-position: top 25px right 30px;
   }
   img {
      max-width: 150px;
      filter: none !important;
   }
   .header-logo img {
      width: 200px;
      max-width: 200px !important;
      padding-top: 0;
   }
   video,
   audio,
   object,
   embed,
   .list-item-preview,
   .article-header-right,
   .person-list-item-article-hyperlinks,
   .header-menu, 
   .side-col, 
   footer,
   button.print-article,
   button.print-list,
   .person-list-item,
   .edit-button,
   .details-button,
   .last-entries,
   .user-panel,
   .open-map-container,
   .calendar .pika-title button {
      visibility: hidden;
      display: none !important;
   }
   .header-logo {
      display: block !important;
      visibility: visible !important;
   }
   .masthead {
      border-bottom: none;
      min-height: 80px;
   }
   .masthead .header-logo {
    position: static;
    float: left !important;
    margin-left: 48px;
    margin-top: 25px;
}
   
   a {
      color: inherit !important;
      text-decoration: none !important;
   }
   * {
      float: none !important;
      overflow: visible !important;
      position: relative;
   }
   .main-col {
      padding-left: 75px;
      padding-right: 80px;
   }
   .main-col,
   .printable {
      width: 100%;
      visibility: visible;
      display: block;
      margin: 0;
      padding-top: 3px;
   }
   .main-col,
   .accordeon-item.open,
   .article-header,
   .person-article .person-picture {
      background-color: transparent;
      box-shadow: none;
   }
   
   .article-header {
      background: transparent !important;
      z-index: 10;
   }
   
   .article-header-name, 
   .list-item-article-header-name {
      color: #ffffff !important;
      z-index:100;
   }
   
   .print-header {
      display: block;
      height: 0;
      width: 730px;
      border: 35px solid #f8602c;
      position: absolute;
      left: 22px;
      top: 10px;
      z-index: 1;
   }
   
   .site-main {
      padding-left: 0;
   }
   
   .accordeon-item {
      border: none !important;
   }
   
   .person-list-item,
   .persons-items-container.accordeon.printable-list, 
   .persons-items-container.accordeon.printable-list *:not(article),
   .event-list-item,
   .event-list-container.accordeon.printable-list *:not(article), 
   .event-list-container .open.accordeon-item,
   .address-list-item,
   .addresses-items-container.accordeon.printable-list, 
   .addresses-items-container.accordeon.printable-list *:not(article) {
      display: block !important;
      visibility: visible;
   }
   
   .event-list-container.accordeon.printable-list .event-list-item-preview {
      display: inline-block !important;
      padding: 10px 0;
   }
   
   .addresses-items-container.accordeon,
   .event-list-container.accordeon,
   .persons-items-container.accordeon {
      margin-left: -20px;
   }
   
   .list-item-article-middle {
      padding-left: 20px;
   }
   
   .list-item-article-right {
      position: absolute;
      right: 0px;
      top: 0;
   }
   
   .address-list-item-details-contact {
      width: 240px;
   }
   
   select {
      -moz-appearance: none;
   }
   select::-ms-expand {
      display: none;
   }
   .address-list-item-left.list-item-left,
   .person-list-item-left.list-item-left,
   .event-list-item-left.list-item-left {
      float: left !important;
   }
   img.address-list-item-image.list-item-image,
   img.person-list-item-image.list-item-image,
   img.event-list-item-image.list-item-image {
      float: right !important;
      right: 24px;
      top: 20px;
      height: 86px !important;
      margin-right: 0;
      box-shadow: 0px 0px 15px 0px rgb(200,200,200);
      -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
   }
   .addresses-page-open-map-container.open-map-container {
      display: none;
   }
   .address-list-item-header-name.list-item-header-name,
   .event-list-item-header-name.list-item-header-name,
   .person-list-item-header-name.list-item-header-name {
      font-family: Helvetica,Arial,sans-serif;
      font-weight: bold;
      font-size: 16px;
   }
   .address-list-item-header-city span,
   .person-list-item-header-city span,
   .event-time-location.colored-txt,
   .event-description {
      font-size: 12px;
   }
   .list-print .event-time-location {
      padding-bottom: 0;
   }
   .address-list-item-header-city span,
   .address-list-item-details-text,
   .person-list-item-header-city span,
   .person-list-item-details-text,
   .article-left-col *,
   .article-right-col *:not(h2),
   .list-item-article-middle *:not(strong) {
      color: #505050 !important;
   }
   .person-list-item:first-child .person-list-item-preview {
      border-top: none;
   }
   .address-city,
   .address-info-separator,
   .address-category {
      display: inline !important;
      float: none !important;
   }
   .address-list-item-preview,
   .event-list-item-preview {
      padding-left: 0;
      padding-top: 17px;
   }
   .address-list-item-preview img,
   .event-list-item-preview img {
      width: auto !important;
      max-width: 100% !important;
      position: absolute;
   }
   .event-list-item.list-item.accordeon-item {
      min-height: 0;
   }
   .list-item-header-name {
      margin-bottom: 0;
   }
   .list-print .accordeon-item {
      padding-left: 0;
      padding-right: 20px;
      page-break-inside: avoid;
   }
   .content-headline {
      font-weight: 300;
      font-size: 28px;
      margin-bottom: 0 !important;
      font-family: Helvetica,Arial,sans-serif;
   }
   .address-filter,
   .person-filter {
      margin-top: 0;
      margin-bottom: 0;
   }
   .person-filter {
      width: 29%;
   }
   .header-container .filter {
      height: 41px;
   }
   .list-print .header-container .calendar .filter {
      height: 32px;
   }
   .header-container .filter select {
      border-bottom: none;
   }
   .address-filter.filter.icon-arr_white select,
   .person-filter.filter.icon-arr_white select {
      font-size: 9px;
   }
   .list-item-preview {
      min-height: 120px;
   }
   
   .list-print .accordeon-toggler,
   .main-col .event-list-container .accordeon-toggler {
      border-bottom: 1px solid #cccccc !important;
   }
   .list-print .calendar .header-container-col {
      width: 100% !important;
   }
   .headline-and-filter-container .calendar {
      width: 100%;
   }
   .calendar-filter.filter.icon-arr_white {
      display: inline-block;
      width: 30%;
   }
   .calendar-filter.filter.icon-arr_white * {
      font-size: 9px;
   }
   .list-print .person-filter.filter.icon-arr_white:not(:last-child),
   .list-print .address-filter.filter.icon-arr_white:not(:last-child) {
      background-image: url(../media/images/img_slash.png);
   }
   .list-print .person-filter.filter.icon-arr_white:last-child,
   .list-print .address-filter.filter.icon-arr_white:last-child,
   .list-print .calendar-filter.filter.icon-arr_white {
      background: none;
   }
   .list-print .alternative-date-output-container {
      display: block;
      font-size: 18px;
      font-weight: 300;
      margin-top: 10px;
      font-family: Helvetica, Arial, sans-serif;
   }
   .list-print #calendar-datepicker,
   .list-print .calendar-timespan,
   .list-print .calendar-today.header-container-col {
      display: none !important;
   }
   .alternative-date-output-container span {
      color: #ffffff !important;
   }
   .list-print .headline-and-filter-container .header-container-col {
      display: block;
   }
   .list-print .headline-and-filter-container .calendar .header-container-col {
      margin-top: 5px;
   }
   .headline-and-filter-container form.calendar {
      width: 100%;
   }
   .headline-and-filter-container .calendar .calendar-filters {
      padding-left: 10px;
   }
   .header-container .filter {
      border: none !important;
   }
   .calendar-filter #city-region-search {
      border: none;
      background: none !important;
   }
   .calendar-filter #city-region-search::-webkit-input-placeholder {
      font-size: 9px !important;
   }
   .calendar-filter #city-region-search::-moz-placeholder {
      font-size: 9px !important;
   }
   .event-list-result-status {
      display: none;
   }
   
   .offer-cultural-education .site-wrapper,
   .offer-cultural-education .inner-body,
   .offer-cultural-education .main-col {
      background: transparent;
   }
   
   .offer-cultural-education .masthead {
      border-bottom: none;
   }
   
   .person-list-item-header-name.list-item-header-name {
      color: #505050;
   }

   img.person-list-item-image.list-item-image {
      top: 0;
   }

   
   /* EXPANDED LIST ITEM */
   
   .list-item-print .main-col {
      padding-top: 0;
   }
   
   .list-item-print article.address-list-item-article,
   .list-item-print article.person-list-item-article,
   .list-item-print article.event-list-item-article {
      padding-left: 0px !important;
   }

   .list-item-print .addresses-items-header-container,
   .list-item-print .persons-items-header-container,
   .list-item-print .calendar-header-container {
      display: none !important;
   }
   
   .list-item-print .list-item-article-left, 
   .list-item-article-middle {
      display: block;
   }
   
   .list-item-print .list-item-article-left,
   .event-time-location, 
   .event-text-container-more,
   .event-text-container-location {
      border-right: none;
      width: 90%;
      padding-bottom: 20px;
   }
   
   .list-item-print .list-item-article-middle {
      padding-left: 0;
      border-left: none;
   }
   .list-item-print .article-header {
      margin-top: 15px;
   }
   
   .list-item-print .article-header-name,
   .list-detail-print .article-header-name {
      background-color: #f8602c;
      padding-left: 20px;
      padding-top: 17px;
      padding-bottom: 17px;
      font-size: 30px !important;
      font-weight: 300 !important;
      margin-top: 0;
   }
   
   .list-item-print .article-header-name,
   .list-detail-print .article-header-name {
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
   }
   
   .list-item-print .list-item-main {
      margin-top: 20px;
      font-size: 13px;
   }
   
   .list-item-print .list-item-article-image {
      max-width: 100%;
      width: auto;
      height: auto;
      right: 10px;
      -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
   }
   
   .list-item-print .addresses-items-container .accordeon-content-wrap,
   .list-item-print .persons-items-container .accordeon-content-wrap,
   .list-item-print .event-list-container .accordeon-content-wrap {
      padding: 0 20px 0 51px;
   }
   
   .list-item-print .address-list-item-details-text {
      line-height: 1.4em;
   }
   
   .list-item-print .list-item-article-right {
      width: 100%;
   }
   
   .list-item-print .person-list-item-article-left {
      border: none;
      width: 90%;
   }
   
   .list-item-print .person-list-item-article-middle {
      padding-left: 0;
      border: none;
      margin-top: 25px;
   }
   
   
   /* DETAIL */
   
   .print-header {
      left: 0;
   }
   
   .print-image {
      display: inline-block;
      width: 150px;
      position: absolute;
      right: 0;
      top: 120px;
   }
   
   .media-container {
      display: none !important;
   }
   
   .article-left-col,
   .article-right-col {
      display: block;
   }
   
   .list-detail-print .person-article .article-left-col,
   .list-detail-print .person-article .article-right-col {
      display: inline-block;
   }

   .list-detail-print .article-left-col {
      width: 250px;
      border-right: 1px solid #cccccc;
   }
   
   .list-detail-print .article-right-col {
      padding-left: 20px;
      width: 250px;
   }
   
   .list-detail-print .person-article {
      margin-top: 20px;
   }
   
   .list-detail-print .print-image img {
      width: 100% !important;
      filter: none !important;
      max-width: 100%;
   }
   
   .list-detail-print .print-image {
      position: static;
      display: inline-block;
      width: 100%;
   }
   
   .list-detail-print .article-left-col {
      width: auto;
      border-right: none;
   }
   
   .list-detail-print .person-article .article-left-col {
      width: 67%;
   }

   .list-detail-print .article-left-col *,
   .address-article-right-col.article-right-col.first-row * {
      font-size: 13px !important;
   }
   
   .list-detail-print .address-contact, 
   .list-detail-print .address-adress {
      display: block;
      width: auto;
      vertical-align: top;
      page-break-inside: avoid;
   }
   
   .list-detail-print .list-item-article-image {
      position: static;
      right: 0;
   }
   
   .list-detail-print .article-right-col {
      padding-left: 0;
      width: auto;
   }
   
   .list-detail-print .person-article .article-right-col {
      width: 32%;
      margin-right: 5px;
   }

   .list-detail-print .article-header-name {
      margin-top: -5px;
      margin-bottom: 0;
   }
   
   .list-detail-print .main-col {
      padding-left: 45px;
      padding-right: 75px;
   }
   
   .list-detail-print .article-header {
      margin: 0 -29px 0 -29px;
   }
   
   .list-detail-print .address-contact {
      width: auto;
   }
   
   .list-detail-print .address-list-item-events {
      page-break-inside: avoid;
   }
   
   .list-detail-print .article-left-col {
      margin-top: 15px;
   }
   
   .list-detail-print .article-left-col p {
      line-height: 1.4em;
   }

   .list-detail-print .article-gallery-image {
      -webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2));
   }

   .list-detail-print .person-article .person-picture {
      max-width: 100%;
   }
   
   .list-detail-print .event-data {
      margin: 30px 0 0 0;
   }
   
   /* DYNAMIC CONTENT PAGE */
   
   .page-dynamic .dynamic-page-print p {
      color: #000000 !important;
   }
   
   .first-image {
      text-align: center;
   }
   
   .first-image img {
      max-width: 87%;
   }

}