/* ========================================================================
 * 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: #205780;
}

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: #efefef;
   font-size: 13px;
   overflow-y: auto;
   width: 950px;
}

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

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

.viewport {
   width: 950px;
}

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

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

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

.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: 850px;
   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: #efefef;
   background-image: linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,241) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,241) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,218)),
      color-stop(0.5, rgb(247,247,247))
   );
   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: #205780;
}

.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: #205780;
}

.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: #205780;
}

.menu-bar .menu-bar-item.inactive span {
   background-color: #efefef;
   background-image: linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,218)),
      color-stop(0.5, rgb(247,247,247))
   );
   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: #efefef;
   background-image: linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -o-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -moz-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -ms-linear-gradient(bottom, rgb(228,228,218) 24%, rgb(247,247,247) 50%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.24, rgb(228,228,218)),
      color-stop(0.5, rgb(247,247,247))
   );
}

.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;
    display: none;
}

.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: right;
   padding: 10px 7px;
   font-size: 11px;
}

.cb-suite-menu, .user-panel{
   width: 1000px;
   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: 850px;
   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;
   width: 850px;
   margin-left: auto;
   margin-right: auto;
}

.form-container .field-container{
   width: 850px;
   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: 850px;
   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: 140px;
    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: #205780;
    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: #205780;
   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: #205780;
}

.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: #205780;
    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: #205780;
    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: #205780;
}

.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;
}
.__CbUiCbTexPageContainer.__CbUiCbTexPage-4 .tile-item-positioner{
    width: 139px;
    height: 139px;
}
.__CbUiCbTexPageContainer.__CbUiCbTexPage-4 .image-tile-item img.preview-image,
.__CbUiCbTexPageContainer.__CbUiCbTexPage-4 .image-tile-item img.preview-image-marketing{
    width: 131px;
    height: 131px;
}
.CbUiImgTile .image-tile-item img.preview-image, .image-tile-item img.preview-image-marketing {
   max-height: 131px;
   max-width: 131px; /** old value 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: #205780;
    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: 135px;
}

.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: #205780;
   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: #205780;
   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;
}

.CbControlbar2Window * {
    font-family: "Roboto",sans-serif!important;
    box-sizing: border-box;
}

.CbControlbar2Window  p{
    font-family: 'Roboto',sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.05px;
    color: #101010;    
}

.CbControlbar2Window  h2{
    font-size: 60px;
    line-height: 60px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.CbControlbar2Window  h1.DSRegisterWindowTitle {
    font-size: 18px!important;
    line-height: 24px!important;
    letter-spacing: 1.05px
}

.CbControlbar2Window font i {
    color: #ff0000;
}

.CbControlbar2Window .input-switch-button span{
    letter-spacing: 1.05px; 
}

.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 .bootstrap-switch{
/*    line-height: 8px;*/
}

.CbControlbar2Window .bootstrap-switch .bootstrap-switch-label{
    top: initial;
    left: initial;
}


.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame hr {
    height: 2px;
    margin-bottom: 10px;    
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.float-right {
    float: right;
}

.CbControlbar2Window .__CbRegInputs {
    width: auto !important;
}

.CbControlbar2Window #registerframe_password_lost {
    text-align: right;
    padding-top: 6px;
    letter-spacing: 1.05px;
}

.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;
}

#registerframe_stay_logged_in {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.__CbUiWindowContent.clearfix {
    display: flex;
    flex-direction: column;
}

.__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;
    color:#000 !important;
}

.__CbUiText.login-label {
    font-weight: 500;
}

.__CbUiText.login-desc {
    font-size: 14px;
    line-height: 20px;
}

.__CbUiFrame.CbControlbar2Window {
    font-size: 13px;
}

.__CbUiFrame button#registerframe_button_register, .DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info {
    padding: 13px;
    font-size: 12px;
    letter-spacing: 2px;
}

.__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 20px 40px;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
    width: 50%;
    display: flex;
}

.__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;
    width: 100%;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegButtonContainer{
    width: 100%;
}

.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="text"] ,
.CbControlbar2Window
.__CbRegInputs .__CbRegInputLine input[type="password"] ,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs .__CbRegButtonContainer .__CbUiTextButton, 
.CbControlbar2Window .__CbRegInputs .__CbUiInputText {
    border-radius: 5px!important;
    display: block;
    min-height: 16px;
    height: auto;
    line-height: normal
}

.__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;
    letter-spacing: 0.8px;
}

.__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: 40px;
    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: #3e73c0;
    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 .__CbRegButtonContainer{
    text-align: left;
    position: initial;
    padding-bottom: 0;
}

button#registerframe_button_password_reminder {
    background-color: #2f74a9 !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs #registerframe_error {
    font-size: 12px;
    background-color: #ffeded;
    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.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 34px auto;
    padding-left: 40px;
    color: #000;
    line-height: 16px !important;
}

.__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;
}


@media only screen and (min-width: 960px) and (max-width: 1160px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
        width: 780px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
        width: 620px;
    }

}

@media only screen and (max-width: 767px) {

    .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;
    }


    .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;
    }

}

@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;
    }
    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
        width: 340px;
    }

}

@media only screen and (max-width: 479px) {

    .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
        width: 220px;
    }

}

.DSRegisterCheckDoubletWindow h3#registerframe_choose_high_match_headline {
    margin-top: 37px;
}
.DSRegisterCheckDoubletWindow h3 {
    margin: 41px 0 16px;
}
.DSRegisterCheckDoubletInfoWindow h3 {
    margin: 0.83em 0;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
   padding-bottom: 20px;
}

.DSRegisterWindow button#registerframe_button_register,
.DSRegisterCheckDoubletWindow .match-button-container button,
.DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info,
.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet,
.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet_action,
.DSRegisterCheckDoubletWindow .entryblock button.__CbUiTextButton,
.__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton, .CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
    background: #303030;
    border-radius: 3px;
}

.DSRegisterUserPassWindow button#registerframe_button_facebook.__CbUiTextButton {
    background-color: #304E8E;
    cursor: pointer;
    border-radius: 3px;
}

.DSRegisterWindow button#registerframe_button_register,
.DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info {
    font-size: 12px;
    letter-spacing: 2px;
    padding: 13px;
}

.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet,
.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet_action {
    font-size: 13px;
    letter-spacing: 2px;
}

.DSRegisterWindow button#registerframe_button_register,
.DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info {
    padding: 13px;
}

.DSRegisterUserPassWindow .__CbRegButtonContainer {
    text-align: left;
    padding: 1px 0 10px;
}

.DSRegisterCheckDoubletWindow .selection-block h4 {
    padding: 10px 0;
}

.DSRegisterCheckDoubletInfoWindow .doublet-doublet-data-container {
    float: left;
}

.DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet > div {
    width: 100%;
}

.DSRegisterCheckDoubletInfoWindow textarea#registerframe_doublet_info_text {
    resize: vertical;
}

#registerframe_input_urls_container .delete-url-entry-button {
    height: 22px;
    width: 22px;
    background-color: #FFFFFF;
    background-image: url(../media/images/img_close-black.png);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: -38px;
    right: 4px;
    border: none;
    cursor: pointer;
    float: right;
    margin-bottom: -40px;
}
 
.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty) {
  padding: 23px 15px 0 15px;
  min-height: 58px;
  vertical-align: middle;
  box-sizing: border-box;
  border-left: 1px solid #ccc;
  font-weight: normal;
  font-size: 125%;
}
 
.DSRegisterProfileWindow .RegisterProfileWindowTitle.tab.active {
   background-color: #fff;
   color: #000;
   bottom: -1px;
   position: relative;
   padding-top: 22px;
}
 
@media screen and (max-width: 767px) {
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
      width: 100%;
      min-height: 100%;
      top: 0;
      right: 0;
      left: 0;
   }

    .__CbUiInputText,
    .__CbUiPassword, 
    .__CbUiSelect,
    .__CbUiSearchBox,
    .__CbUiChooseList,
    .__CbUiInputTextArea {                                                       
        font-size: 16px;                                                          
    }
 
   .__CbUiWindowContent {
      padding-top: 54px;
   }
 
   .DSRegisterProfileWindow .__CbUiWindowContent {
      padding-top: 0;
   }

   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
       display: block;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiRegisterWindowCloseButton,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbUiRegisterWindowCloseButton,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .__CbUiRegisterWindowCloseButton {
      right: 20px;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer {
      width: 100%;
      position: static;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer,
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer {
      padding: 0 20px;
   }
 
   .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1) {
      padding-bottom: 20px;
   }
 
   #registerframe_message {
      margin-bottom: 20px;
   }
 
   .__CbUiFrame.CbControlbar2Window .register-content-box {
      padding: 20px;
   }
 
   .CbControlbar2RegisterWindowTitleContainer {
      padding: 0 20px 20px;
      border-bottom: 1px solid #ccc;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab,
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active,
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type {
      background-color: #fff;
      position: relative;
      bottom: auto;
      border: 0;
      background-color: transparent;
      font-size: 17px;
      padding: 20px 0 0;
      margin-top: 0;
      color: #000;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(.active) {
      display: none;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(:empty) {
      box-sizing: border-box;
      font-size: 125%;
      font-weight: normal;
      min-height: 58px;
      vertical-align: middle;
      border: 0;
      min-height: 0;
   }
 
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab span.number {
      padding-right: 5px;
   }
 
   .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab {
      display: none;
   }
 
   .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab.show-tab {
      display: block;
   }
 
   .RegisterProfileWindow .RegisterProfileWindowTitle.tab.show-tab:last-child {
      padding-bottom: 17px;
   }
 
   .RegisterProfileWindow .responsive-menu-btn {
      background: transparent url("images/img_responsive-menu-btn-grey.png") no-repeat scroll center center/contain;
      cursor: pointer;
      height: 20px;
      position: absolute;
      right: 70px;
      top: 19px;
      width: 20px;
      z-index: 10;
   }
 
   .RegisterProfileWindow .responsive-menu-btn.collapsed {
      background: transparent url("images/img_responsive-menu-btn.png") no-repeat scroll center center/contain;
   }
 
   .RegisterProfileWindow .menu-spacer {
      height: 58px;
   }
 
}

@media screen and (max-width: 767px) {

   .RegisterProfileWindow .collapsed .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active,
   .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type {
      padding-bottom: 20px;
   }

}

@media screen and (min-width: 767px) {
 
   .DSRegisterProfileWindow label.RegisterProfileWindowTitle {
      margin-right: -3px;
   }
 
}

.__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.__CbUiStrongConfirmWindow .__CbUiOkButton {
    pointer-events: none;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .__CbUiOkButton.button-enabled {
    pointer-events: all;
}

.__CbUiDialogWindow .__CbUiCancelButton{
   position: absolute;
   left: 25px;
   bottom: 17px;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-window {
    background-color: #ffd8d8;
    color: #000000;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-heading {
    border-bottom: 1px solid #a6a6a6;
}

.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%;
}
.__CbUiStrongConfirmWindow .message-dialog-message {
    color: black;
}
.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.1 - 2014-08-28
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 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}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;color:#fff;font-weight:bold}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #fbcb09;background:#fdf5ce url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#c77405}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#c77405;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #fbd850;background:#fff url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:bold;color:#eb8f00}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fed22f;background:#ffe45c url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_ffffff_256x240.png")}.ui-state-default .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_ef8c08_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_ef8c08_256x240.png")}.ui-state-active .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_ef8c08_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_228ef1_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-icons_ffd27a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url("/module/jscript/lib/jquery_plugins/jqueryui/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
/* 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:           15px;
    line-height:         19px;
    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;
    margin-bottom: 5px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.__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;
    padding-left: 10px;
    background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/editing.svg');
    background-position: right center;
    background-repeat: no-repeat;
    font-style:       normal !important;
}

.__AC_editing::placeholder{
    padding-left: 0px!important;
}

.__AC_validating{
    padding-left: 10px;
}

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/icon-field-validated.svg');
    background-position: 95% 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 .__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;
}

.__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;
   background-color: #fff;
}

.__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: #2F74A9;
   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;
   font-family: Arial, Helvetica, sans-serif;
}

.__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;
   margin: 5px 10px 0;
   padding-right: 2px;
}

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

.__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   height: auto;
   width: 650px;
   overflow-y: scroll;
}

.__CbUiCbTexRelatedImagesBlock .__CbUiCbTexRelatedImagesThumbs.ui-sortable {
   max-height: 280px;
}

.__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: 487px;
   font-size: 15px;
   padding-top: 15px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexTagInputLabel, 
.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock,
.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexInsertedAtLabel {
   font-size: 12px;
}

.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock {
   font-style: italic;
}

.__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock {
   color: grey;
}

.__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;
   height: 113px;
   width: 113px;
}

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

.__CbUiCbTexWindow .main-navi {
   padding-bottom: 6px;
}

div#form_upload {
   z-index: 1338;
   left: -1001px;
}

.__CbUiCbTexWindow div.mce-flow-layout-item {
    margin: 2px 0px 2px 1px;
}

.__CbUiCbTexWindow .image-tile-item img.preview-image {
   display: block;
   margin: 0 auto;
   height: auto;
   -moz-box-shadow: 0 0 5px rgba(163,163,163,1);
   -webkit-box-shadow: 0 0 5px rgba(163,163,163,1);
   box-shadow: 0 0 5px rgba(163,163,163,0.8);
}

.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesDesc,
.__CbUiCbTexWindow .__CbUiCbTexRelatedImagesBlock {
    margin: 10px 0 20px;
    padding: 2px;
    min-height: 50px;
    max-height: 370px;
    background-color: transparent;
}

.__CbUiCbTexWindow #ThumbManager #CbTexThumb .image-tile-item {
    background: transparent;
    border: none;
    box-shadow: none;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}


.__CbUiCbTexWindow #CbTexTitle,
.__CbUiCbTexWindow #CbTexSubtitle {
  box-sizing: border-box;
  width: 100%;
  float: none;
}

.__CbUiCbTexTagManager {
   border-top: 3px solid #000;
   padding: 5px 0;
   margin: 10px 0;
   width: 630px;
}

.autocomplete-container {
   position: relative;
}

.__CbUiCbTexTagInputLabel {
   color: #000;
   font-size: 12px;
}

.__CbUiCbTexTagLabel {
   background-color: #ededed;
   padding: 5px;
   float: left;
   margin: 0 10px 10px 0;
   border-radius: 3px;
}

.__CbUiCbTexTagLabels p {
   font-size: 13px;
   float: left;
   margin-right: 5px;
   min-width: 50px;
   margin-bottom: 0px;

}

.__CbUiCbTexTagLabels button.__CbUiCbTexTagLabelDelete {
   float: left;
   width: 19px;
   height: 19px;
   background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_tag_icon_bg.png');
   border: none;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;
}

.__CbUiCbTexTagLabels .hover button.__CbUiCbTexTagLabelDelete {
   background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png');
}

#CbTexInsertedAt {
   margin: 10px 0;
   width: 620px;
   height: 24px;
}

#CbTexInsertedAt.__CbUiCbTexInvalidated {
   border: 1px solid red;
}

.__CbUiCbTexError {
   color: red;
   display: none;
   font-size: 12px;
}

.__CbUiCbTexToggleButton {
   float: left;
   width: 38px;
   height: 38px;
   margin-left: 10px;
   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: 1px solid #ccc;
   border-radius: 2px;
}

.__CbUiCbTexToggleOption {
   width: 28px;
   height: 28px;
   margin: 5px;
   background-repeat: no-repeat;
   background-size: cover;
   cursor: pointer;
   display: none;
}

.__CbUiCbTexToggleOption.selected {
   display: block;
}

img.thumb-button-meta {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 30px;
}
@charset "UTF-8";
/* roboto-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto-thin';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto-regular';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto-medium';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-500.woff2") format("woff2"), url("../fonts/roboto-v30-latin-500.woff") format("woff"), url("../fonts/roboto-v30-latin-500.ttf") format("truetype"), url("../fonts/roboto-v30-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto-bold';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }
.dropdown-selectbox-container {
  /*  hide the dropdowns */
  /* Displays second level dropdowns to the right of the first level dropdown */
  /* Simple clearfix */
  /* manage size of dropdowns*/ }
  .dropdown-selectbox-container .styled-select {
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    color: #000; }
  .dropdown-selectbox-container ul {
    width: fit-content;
    padding: 0;
    margin: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    border: 1px #c8c8c8 solid;
    border-radius: 5px;
    box-shadow: 0 8px 9px -9px #bdbeb2;
    z-index: 10; }
  .dropdown-selectbox-container ul.dropdown-selectbox {
    margin-bottom: 10px;
    display: none;
    position: absolute;
    /*top: 230px;*/
    z-index: 30;
    height: fit-content;
    margin-top: -15px; }
  .dropdown-selectbox-container ul li {
    font-size: 13px;
    list-style: none;
    display: block;
    position: relative;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    margin: 2px 43px 2px 0;
    float: left;
    width: 100%;
    min-width: 200px; }
  .dropdown-selectbox-container ul li span {
    height: 100%;
    width: 100%;
    display: block;
    padding: 0.5em; }
  .dropdown-selectbox-container li ul {
    display: none; }
  .dropdown-selectbox-container ul.has-sub > li:not(.has-sub) span:after,
  .dropdown-selectbox-container ul li.has-sub button {
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    border-left: solid 1px #ccc;
    padding: 0;
    cursor: pointer;
    transition: transform .4s ease;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center; }
  .dropdown-selectbox-container ul.has-sub > li:not(.has-sub) span:after {
    content: "";
    width: 40px;
    cursor: initial;
    background-image: url(/event/media/images/icon_chevron-right-greyed.svg); }
  .dropdown-selectbox-container ul li.has-sub button {
    background-color: #fff;
    background-image: url(/event/media/images/icon_chevron-right.svg); }
  .dropdown-selectbox-container ul li.has-sub.expanded > button {
    background-color: #6a6a6a;
    background-image: url(/event/media/images/icon_goto.svg); }
  .dropdown-selectbox-container li.has-sub.expanded {
    color: #000;
    background-color: #f1f1f1; }
  .dropdown-selectbox-container ul li span:hover {
    color: #fff;
    background-color: #6a6a6a; }
  .dropdown-selectbox-container ul ul ul {
    left: 100%;
    top: 0; }
  .dropdown-selectbox-container ul:before,
  .dropdown-selectbox-container ul:after {
    content: " ";
    display: table; }
  .dropdown-selectbox-container li.has-sub.expanded > ul {
    display: block;
    position: absolute;
    left: 100%;
    top: -3px; }
  .dropdown-selectbox-container li:nth-child(n+5).expanded > ul {
    transform: translate(0, -38%); }
  .dropdown-selectbox-container li:nth-child(n+9).expanded > ul {
    transform: translate(0, -60%); }
  .dropdown-selectbox-container .FullWidthContainer .HalfWidthContainer .__CbRegButtonContainer {
    position: initial; }
  .dropdown-selectbox-container ul.dropdown-sub {
    max-height: 420px;
    overflow: auto; }

.__EventWindow {
  /*
  .button-parent-reference-page-level3 .cb-flex-editor-button{
      top: 100px;
  }*/ }
  .__EventWindow .button-parent-reference,
  .__EventWindow .button-parent-reference-page-level2 {
    position: relative; }
  .__EventWindow .button-parent-reference-page-level3 {
    /*    position: relative;*/ }
  .__EventWindow .cb-flex-editor-button.page-level-3,
  .__EventWindow button.show-share-layer {
    top: 150px !important; }
  .__EventWindow button.page-level-1 {
    background-color: #9b4234 !important; }
  .__EventWindow button.page-level-2 {
    background-color: #747474 !important; }
  .__EventWindow .dynamic-page-article {
    min-height: 0px; }
  .__EventWindow .editorContainer {
    background: rgba(0, 0, 0, 0.7);
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 4000;
    display: flex;
    justify-content: center;
    align-items: center; }
  .__EventWindow button.cb-flex-editor-button,
  .__EventWindow button.show-share-layer {
    font-family: 'Roboto', sans-serif;
    border: 0px solid #478bbe;
    border-radius: 0px;
    color: #fff;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 14px;
    background-color: #3e73c0;
    line-height: 20px;
    outline: none;
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 900;
    cursor: pointer;
    display: none;
    align-items: center; }
    .__EventWindow button.cb-flex-editor-button svg,
    .__EventWindow button.show-share-layer svg {
      margin: 5px; }
    .__EventWindow button.cb-flex-editor-button span,
    .__EventWindow button.show-share-layer span {
      display: none; }
    .__EventWindow button.cb-flex-editor-button:hover span,
    .__EventWindow button.show-share-layer:hover span {
      display: flex; }
  .__EventWindow .accordion button.cb-flex-editor-button {
    display: none; }
  .__EventWindow .accordion .show button.cb-flex-editor-button {
    display: flex; }
  .__EventWindow .blog-edit-button {
    box-shadow: 0 0 0.3em #0000005c; }
  .__EventWindow .accordion-body button.media-editor-button.scrolled {
    position: fixed !important;
    top: 140px; }
  .__EventWindow button.cb-flex-editor-button.article-editor-button,
  .__EventWindow button.cb-flex-editor-button.article-delete-button {
    position: absolute;
    top: 0px;
    bottom: initial;
    right: 0;
    margin-right: 20px; }
  .__EventWindow button.cb-flex-editor-button.pix-edit-button {
    position: absolute;
    left: unset;
    top: unset;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    display: block;
    background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png");
    border: 0px solid #478bbe;
    background-color: unset; }
  .__EventWindow button.cb-flex-editor-button.article-delete-button {
    background-color: #9b4234;
    right: 100px;
    z-index: 99; }
  .__EventWindow button.show-share-layer {
    position: absolute;
    bottom: initial;
    background-color: #56ada2;
    right: 172px !important;
    z-index: 98;
    padding-bottom: 6px; }
    .__EventWindow button.show-share-layer svg {
      margin: 4px; }
  .__EventWindow button.cb-flex-editor-button.article-editor-button:not(.media-editor-button) {
    right: 50px;
    z-index: 100; }
    .__EventWindow button.cb-flex-editor-button.article-editor-button:not(.media-editor-button) svg {
      margin-bottom: 6px; }
  .__EventWindow .badge-editor-container button.cb-flex-editor-button.article-editor-button:not(.media-editor-button) {
    top: 140px !important; }
  .__EventWindow .__EditorWindowDraggableButton {
    top: 0;
    right: auto;
    width: 67px;
    height: 63px;
    background-color: #efebeb;
    background-image: url(../images/icon_move_window.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    border-left: 1px solid #d0d0d0;
    cursor: move;
    position: relative;
    z-index: 99;
    left: 0; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.__EventWindow,
.__EventWindowp .__CbUiText,
.__EventWindow textarea,
.__EventWindow input {
  /*    font-family: $roboto-regular;*/
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 0; }

button, select, input, textarea {
  outline: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

.__EventScrollLock {
  overflow: hidden; }

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

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

.__EventWindow {
  width: 930px;
  min-height: 660px;
  max-height: 100vh;
  height: 660px;
  overflow: visible;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333 !important;
  -moz-osx-font-smoothing: auto;
  border-radius: 1px; }
  .__EventWindow select {
    min-width: initial; }

.__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; }
  table.__EventContainer tr.bottom-position .__EventSideMenu {
    bottom: 0;
    top: initial; }

.__EventContentAvailable,
.__EventNoContentAvailable {
  display: none; }

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

.__EventEmptyResults {
  margin-top: 80px;
  padding: 0 5%; }

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

#__EventTabMyOverview {
  padding-bottom: 0; }
  #__EventTabMyOverview .__EventTabFooter {
    height: 70px; }
  #__EventTabMyOverview .__EventExpertModeBtn,
  #__EventTabMyOverview .__EventDetailWindowButton {
    margin-top: 0; }

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

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

.__EventWindow .__EventLeftColumn,
.__EventWindow .__EventRightColumn {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0; }
.__EventWindow .__EventLeftColumn {
  margin: 20px 0; }
.__EventWindow .__EventRightColumn {
  margin: 27px 0 20px; }
  .__EventWindow .__EventRightColumn hr {
    margin: 16px 0 35px;
    border: 1px solid #ccc;
    border-top: 0; }
.__EventWindow .__EventAutocompleteContainer {
  position: relative; }
  .__EventWindow .__EventAutocompleteContainer input.__AC_invalidated {
    background-color: #e4eef4; }
  .__EventWindow .__EventAutocompleteContainer input.__AC_validated {
    background-color: #EDF4D8 !important;
    color: #42443F !important;
    background-image: url(/event/media/images/icon_validated.svg);
    background-position: 98% center;
    background-repeat: no-repeat;
    font-style: normal !important; }
.__EventWindow .__EventContainer tr {
  border: medium none;
  height: 41px;
  cursor: pointer; }
.__EventWindow .__EventContainer tr:not(.__EventHeader):hover {
  background: #f7f7f7; }
.__EventWindow .__EventContainer td {
  border-bottom: 1px solid #cccccc;
  height: 20px;
  position: relative;
  white-space: nowrap; }
.__EventWindow .__EventContainer .__EventFadeScreen {
  height: 40px;
  position: absolute;
  right: 0;
  top: 0; }
.__EventWindow .__EventContainer .__EventFadeScreen.grey {
  display: none; }
.__EventWindow .__EventContainer tr:hover .__EventFadeScreen.grey {
  display: block; }
.__EventWindow .__EventContainer tr:hover .__EventFadeScreen.white {
  display: none; }
.__EventWindow .__EventContainer .__EventFadeScreen.white,
.__EventWindow .__EventContainer .__EventFadeScreen.grey {
  background-color: transparent; }
.__EventWindow .__EventTabButton.__EventActiveTab {
  background-color: #ffffff; }
.__EventWindow .__EventWindowHeader .__EventTabButton {
  padding: 0 18px;
  background-color: #efefef; }
.__EventWindow .__EventInfoCntnr .__EventInputInfo,
.__EventWindow .__EventInfoCntnr .__EventInputErrorInfo {
  display: none;
  margin-bottom: 10px; }
.__EventWindow .__EventInfoCntnr .__EventInputErrorInfo {
  color: red;
  font-size: 13px; }
.__EventWindow .__EventInputInfo {
  color: #555555; }
.__EventWindow .__EventAddMediaButtonContainer,
.__EventWindow .__EventMediaItem {
  width: 48%;
  height: 130px; }
.__EventWindow .__EventAddMediaButtonContainer {
  background: url(/event/media/images/img_plus-icon.jpg) no-repeat right 10px top 10px transparent;
  display: inline-block; }
.__EventWindow .__EventAddMediaButton,
.__EventWindow .__EventMediaItem {
  width: 48%;
  height: 130px;
  border: 1px solid #b5b5b5;
  background-size: contain;
  border-radius: 0px; }
.__EventWindow .__EventAddMediaButton {
  width: 100%;
  cursor: pointer;
  outline: none; }
.__EventWindow .__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; }
.__EventWindow .__EventMediaItem img {
  width: 100%;
  height: auto; }
.__EventWindow .__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 #bdbeb2;
  background: url(/event/media/images/img_event-terminate.png) no-repeat center center #ffffff; }
.__EventWindow .__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 #bdbeb2;
  background: url(/event/media/images/img_pics-edit.png) no-repeat center center #ffffff; }
.__EventWindow .__EventRightColumn input::-webkit-input-placeholder {
  color: #555555;
  font-style: normal;
  font-size: 1.1em; }
.__EventWindow .__EventRightColumn input:-moz-placeholder {
  /* Firefox 18- */
  color: #555555;
  font-style: normal;
  font-size: 1.1em; }
.__EventWindow .__EventRightColumn input::-moz-placeholder {
  /* Firefox 19+ */
  color: #555555;
  font-style: normal;
  font-size: 1.1em; }
.__EventWindow .__EventRightColumn input:-ms-input-placeholder {
  color: #555555;
  font-style: normal;
  font-size: 1.1em; }
.__EventWindow input.__EventCmnToggleRound + label {
  padding: 2px;
  width: 44px;
  height: 24px;
  float: right;
  background-color: #dddddd;
  border-radius: 20px;
  margin-top: 7px; }
.__EventWindow input.__EventCmnToggleRound + label:before,
.__EventWindow input.__EventCmnToggleRound + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: ""; }
.__EventWindow 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; }
.__EventWindow input.__EventCmnToggleRound + label::before {
  background-color: #f1f1f1;
  border-radius: 20px;
  right: 1px;
  transition: background 0.4s ease 0s; }
.__EventWindow input.__EventCmnToggleRound:checked + label:before {
  background-color: #757575; }
.__EventWindow input.__EventCmnToggleRound:checked + label:after {
  margin-left: 20px; }

.__EventLeftColumn .__EventSwitch {
  float: none;
  margin: 40px 0 15px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0 0 0; }
  .__EventLeftColumn .__EventSwitch .bootstrap-switch {
    margin: 0;
    overflow: hidden;
    width: 45px !important;
    height: 24px;
    background-color: #eeeeee; }
    .__EventLeftColumn .__EventSwitch .bootstrap-switch .flip-switch-handle {
      /*          border: 1px solid #cccccc;    */
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
      border: 1px solid #cccccc;
      margin: 0; }
    .__EventLeftColumn .__EventSwitch .bootstrap-switch .bootstrap-switch-container {
      background-color: #eeeeee; }
      .__EventLeftColumn .__EventSwitch .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label {
        top: 0 !important;
        right: 17px; }
      .__EventLeftColumn .__EventSwitch .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-primary {
        line-height: 22px; }
  .__EventLeftColumn .__EventSwitch .bootstrap-switch-on {
    background-color: #2f74a9; }
    .__EventLeftColumn .__EventSwitch .bootstrap-switch-on .bootstrap-switch-container {
      background-color: #2f74a9; }

.__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;
  line-height: 23px; }

.__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: #EDF4D8;
  border: none;
  position: absolute;
  right: 8px;
  top: 4px;
  display: none; }

.__EventNoContentAvailable {
  margin: 34px auto 0;
  width: 91.5%; }
  .__EventNoContentAvailable .__EventLeftColumn {
    margin-top: 0; }
  .__EventNoContentAvailable .__EventRightColumn {
    position: absolute;
    bottom: 25px;
    right: 0px;
    padding: 0 4%;
    margin-bottom: 0; }

.__EventNextTabButton, .__EventSaveButton {
  bottom: 25px;
  position: absolute;
  right: 5%;
  width: 40%; }
  .__EventNextTabButton:hover, .__EventSaveButton:hover {
    background-color: #23527c; }

.__EventDescriptionField {
  height: 17em;
  resize: vertical;
  font-size: 0.8em;
  padding-left: 1em; }
  .__EventDescriptionField#Description {
    height: 35em; }

.__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 #b5b5b5;
  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, #eeeeee 15%, #dadada 45%, #eeeeee 85%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #f6f6ef), color-stop(0.85, white));
  background-image: -webkit-linear-gradient(bottom, #f6f6ef 15%, white 85%);
  background-image: -moz-linear-gradient(bottom, #f6f6ef 15%, white 85%);
  background-image: -ms-linear-gradient(bottom, #f6f6ef 15%, white 85%);
  background-image: -o-linear-gradient(bottom, #f6f6ef 15%, white 85%);
  font-weight: bold;
  border: 1px solid #bdbeb2;
  -moz-box-shadow: 0 0 5px #bdbeb2;
  -webkit-box-shadow: 0 0 5px #bdbeb2;
  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;
  width: 40px; }

.datepick {
  width: 100% !important; }

body.body_dp_event_modul > .datepick-popup.dp_event_modul {
  color: #2f74a9;
  z-index: 9999999;
  background-color: #f7f7f7;
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.39) !important;
  padding: 10px;
  width: 320px;
  border: 2px solid #adabab;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.42857143;
  -moz-osx-font-smoothing: auto;
  margin-top: 5px; }
  body.body_dp_event_modul > .datepick-popup.dp_event_modul a {
    color: #2f74a9;
    -moz-osx-font-smoothing: auto;
    padding: 2px 5px !important; }
    body.body_dp_event_modul > .datepick-popup.dp_event_modul a:hover {
      color: #23527c; }
    body.body_dp_event_modul > .datepick-popup.dp_event_modul a.datepick-selected {
      font-weight: 600;
      border: 2px solid #ff0000 !important; }
    body.body_dp_event_modul > .datepick-popup.dp_event_modul a.datepick-today {
      color: #000 !important;
      border: 0 !important; }
  body.body_dp_event_modul > .datepick-popup.dp_event_modul a,
  body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick thead {
    font-size: 14px !important; }
  body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick {
    background-color: transparent;
    padding: 0; }
    body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav {
      position: relative;
      margin-bottom: 4px;
      height: inherit;
      padding: 0 !important;
      width: inherit;
      top: inherit;
      display: block;
      left: inherit;
      transform: inherit; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav .datepick-cmd-today {
        text-align: center;
        display: block; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav .datepick-cmd-prev {
        position: absolute;
        top: 0;
        left: 0; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav .datepick-cmd-next {
        position: absolute;
        top: 0;
        right: 0; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav a.datepick-cmd {
        margin: 0;
        width: auto;
        height: auto;
        text-indent: 0;
        background-image: none;
        transform: rotate(0); }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav a.datepick-cmd.datepick-cmd-today {
        display: block; }
    body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row {
      padding: 0; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header {
        width: 100%;
        display: flex;
        margin: 0 0 8px 0;
        padding: 0 8px;
        text-align: left;
        margin-top: 0 !important; }
        body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select {
          max-width: initial;
          font-size: 14px;
          line-height: 14px;
          text-align: left;
          background: transparent;
          border: 1px solid #D4D4C7;
          box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
          height: auto;
          border-radius: 1px;
          padding: 6px 7px 6px 12px;
          margin: 0;
          text-transform: none;
          color: #2f74a9 !important;
          font-family: Helvetica, Arial, sans-serif !important;
          appearance: auto;
          font-weight: normal; }
          body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select:nth-child(1) {
            margin-right: 5px; }
          body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select:nth-child(2) {
            max-width: fit-content; }
          body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select:hover {
            text-decoration: none; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row th {
        text-align: center;
        font-weight: 600;
        padding-bottom: 0;
        color: #2f74a9; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td {
        line-height: inherit; }
        body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td a {
          color: #2f74a9; }
          body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td a:not(.datepick-selected) {
            border-bottom: 0; }
            body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td a:not(.datepick-selected):hover {
              color: #23527c;
              border-bottom: 2px #2f74a9 solid; }
    body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-ctrl {
      margin-top: 10px;
      position: relative; }
      body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-ctrl .datepick-cmd {
        display: block;
        margin: 0;
        text-indent: inherit;
        width: inherit;
        height: inherit;
        background-image: none; }

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

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

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

.__EventDatepickContainer {
  position: relative; }

.datepick-trigger {
  position: absolute;
  top: 7px;
  right: 11px;
  width: 22px;
  height: 22px;
  background-image: url(/event/media/images/calendar_blue.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 .list-prefix,
.__EventWindow .__EventResponsiveMenuBtn {
  display: none; }
.__EventWindow .__EventContainer td {
  color: #aaa;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  font-size: 16px !important;
  letter-spacing: 0 !important; }
.__EventWindow .__EventDetailWindowButton {
  width: 45%;
  padding: 16px 20px;
  margin-top: 39px;
  transition: background-color .2s ease-in-out;
  outline: none; }
.__EventWindow .__EventNextTabButton {
  margin-top: 20px;
  bottom: 25px; }
.__EventWindow .__EventNextTabButton,
.__EventWindow .__EventSaveButton {
  letter-spacing: .15em;
  transition: background-color .2s ease-in-out;
  outline: none;
  letter-spacing: .15em;
  font-size: 16px !important; }
  .__EventWindow .__EventNextTabButton span,
  .__EventWindow .__EventSaveButton span {
    color: white; }
.__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 .__EventTabFooter .__EventDetailWindowButton,
  .__EventWindow .__EventTabFooter .__EventExpertModeBtn {
    font-size: 14px !important; }

.__EventWindow.__CbUiFrame {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 1px; }
  .__EventWindow.__CbUiFrame a {
    color: #2f74a9; }
.__EventWindow #__EventDetailForm,
.__EventWindow #__EventTabMyOverview {
  font-size: 16px !important; }

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

/**  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 40px;
  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;
  padding-left: 0; }
  .__EventWindow .__EventContainer .__EventSideMenu li:before {
    display: none; }

.__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; }

.__EventWindow .__EventTabFooter {
  padding-left: 40px;
  padding-right: 40px; }
.__EventWindow .__EventWindowCloseButton, .__EventWindow __EventWindowCbLink {
  border: none; }
.__EventWindow .__EventWindowHeader {
  padding-left: 36px; }
  .__EventWindow .__EventWindowHeader:after {
    display: none; }
.__EventWindow .__EventWindowHeader button, .__EventWindow .__EventWindowHeader a {
  position: relative;
  height: 63px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px !important; }

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

.__EventWindowHeader .__EventWindowCbLink {
  display: none;
  /*    background: url("/media/images/icon_cb_small.png") no-repeat scroll center center transparent;*/
  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;
  text-decoration: none;
  font-weight: 700; }

.__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; }

.langLink {
  display: none; }

body.event-standalone .langLink {
  display: block; }

.__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;
  background-color: #efefef;
  padding: 0 4px; }

.__EventNextTabButton,
.__EventDetailWindowButton,
.__EventExpertModeBtn,
.__EventSaveButton {
  background-color: #2f74a9;
  border: medium none;
  border-radius: 0px;
  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;
  transition: 0.3s all; }

.__EventDetailWindowButton {
  width: 45%;
  margin-top: 40px;
  float: right; }
  .__EventDetailWindowButton:hover {
    background-color: #23527c; }

.__EventExpertModeBtn {
  float: left;
  margin-top: 40px;
  width: 100%;
  height: 46px;
  border: medium solid #2f74a9;
  background-color: transparent;
  color: #2f74a9; }
  .__EventExpertModeBtn:hover {
    border-color: #23527c;
    color: #23527c; }

.__EventTabFooter .__EventExpertModeBtn {
  width: 45%; }

.__EventWindow {
  /*
   * We need a separate rule for each vendor prefix
   * otherwise they will be ignored
   */
  /*
   *************************
     OVERVIEW-TAB
   *************************
  */ }
  .__EventWindow form#__EventDetailForm .__CbUiText {
    letter-spacing: 0; }
    .__EventWindow form#__EventDetailForm .__CbUiText a {
      color: #2f74a9;
      transition: all .4s ease;
      font-weight: normal;
      font-style: normal; }
      .__EventWindow form#__EventDetailForm .__CbUiText a:hover {
        color: #23527c;
        text-decoration: unterline; }
  .__EventWindow form#__EventDetailForm .__EventTab .__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; }
  .__EventWindow form#__EventDetailForm .__EventTab .__EventLeftColumn,
  .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn {
    padding: 0 5%; }
  .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn {
    padding-bottom: 60px; }
    .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn input {
      color: #000;
      width: 100%;
      padding: 0.7em 1em !important;
      border-radius: 0px;
      margin-bottom: 13px !important;
      border: 1px solid #b5b5b5;
      font-size: 13px;
      line-height: 18px;
      height: auto;
      background-position: 97% center !important;
      letter-spacing: 0; }
      .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn input::placeholder {
        font-size: 14px;
        font-weight: 400 !important;
        letter-spacing: 0; }
    .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper {
      display: flex; }
      .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper input {
        flex: 1;
        background-color: #e4eef4; }
      .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper .add_keyword_button {
        width: 39px;
        height: 39px;
        background-color: #2f74a9;
        font-size: 0;
        margin-left: 8px;
        background-image: url("/event/media/images/icon_check_white.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 25px;
        transition: background-color .2s ease-in-out;
        cursor: pointer; }
        .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper .add_keyword_button:hover {
          background-color: #23527c; }
    .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .__EventRightColumnInner {
      height: fit-content;
      max-height: 470px;
      overflow: auto; }
      .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .__EventRightColumnInner::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 8px;
        height: 8px; }
      .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .__EventRightColumnInner::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 2px solid white;
        /* Angleichen mit Hintergrundfarbe-nicht transparent! */
        background-color: rgba(0, 0, 0, 0.3); }
  .__EventWindow form#__EventDetailForm .__EventTab .__EventLeftColumn br {
    display: initial; }
  .__EventWindow .__EventRightColumn input::-webkit-input-placeholder {
    color: #c0c0c0;
    font-style: normal;
    font-size: 1.1em; }
  .__EventWindow .__EventRightColumn input:-moz-placeholder {
    /* Firefox 18- */
    color: #c0c0c0;
    font-style: normal;
    font-size: 1.1em; }
  .__EventWindow .__EventRightColumn input::-moz-placeholder {
    /* Firefox 19+ */
    color: #c0c0c0;
    font-style: normal;
    font-size: 1.1em; }
  .__EventWindow .__EventRightColumn input:-ms-input-placeholder {
    color: #c0c0c0;
    font-style: normal;
    font-size: 1.1em; }
  .__EventWindow .__EventTabButton[data-target="MyOverview"] {
    background: #ffffff;
    color: #383838; }
  .__EventWindow .__EventTabButton.__EventActiveTab {
    color: #383838; }
  .__EventWindow .__EventInputInfo {
    font-size: 13px;
    line-height: 19px; }
  .__EventWindow .__EventDetailWindowButton {
    width: 45%;
    margin-top: 40px; }
  .__EventWindow .__EventNoContentAvailable .__EventDetailWindowButton {
    width: 100%; }
  .__EventWindow .__EventWindowCloseButton,
  .__EventWindow .__EventWindowCbLink {
    float: right;
    top: 0;
    right: 0; }
  .__EventWindow .__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; }
  .__EventWindow .__EventSideMenu button {
    cursor: pointer; }
  .__EventWindow .__EventSideMenu .new-copy {
    border-top: 1px solid #cccccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: transparent;
    padding: 0; }

.__EventWindow .__EventContainer .__EventHeader td {
  padding-bottom: 9px;
  color: #c0c0c0 !important; }
  .__EventWindow .__EventContainer .__EventHeader td.event-location {
    width: inherit !important; }
.__EventWindow .__EventContainer .__EventHeader td.selected {
  color: grey; }
.__EventWindow .__EventContainer .__EventHeader td.selected.asc:after {
  content: ' ↑'; }
.__EventWindow .__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: 1px solid #b5b5b5;
  border-radius: 0px;
  width: 100%; }

.__EventDescriptionField#Description {
  resize: none;
  padding: 10px; }
  .__EventDescriptionField#Description::placeholder {
    color: #c0c0c0;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0; }

#DescriptionTranslated {
  height: 31em;
  resize: none;
  padding: 10px;
  border: 1px solid #b5b5b5;
  font-size: 0.8em;
  color: #000000; }
  #DescriptionTranslated::placeholder {
    color: #c0c0c0;
    font-style: normal;
    font-size: 1.1em; }

.__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%;
  color: #000;
  width: 100%;
  height: auto;
  padding: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  border-radius: 0px;
  margin-bottom: 13px;
  border: 1px solid #b5b5b5;
  font-size: 0.8em;
  cursor: pointer; }
  .__EventWindow .styled-select select {
    cursor: pointer;
    height: initial;
    padding: 0.7em 1em; }

#dropdown-selectbox-container .styled-select {
  padding: 0.7em 1em; }

.__EventWindow select {
  box-shadow: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  border: none;
  background: transparent;
  text-align: left !important; }

.__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: #423e3f;
  cursor: pointer; }

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

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

#lang-button {
  position: absolute;
  top: 100px;
  right: 60px; }
  #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 .flag-label-pl {
    background-image: url("/module/lib/location/language_flags/24x17.png");
    width: 24px;
    float: right;
    height: 17px;
    margin-left: 5px; }

.button-event-search {
  width: 33px;
  height: 33px;
  border: 0;
  background: url(/event/media/images/icon_glass_light-grey.svg) no-repeat;
  background-color: #2f74a9;
  background-position: center 7px;
  background-size: 19px;
  border-radius: 1px;
  transition: 0.3s all; }
  .button-event-search:hover {
    background-color: #23527c; }

.event-search-wrapper {
  position: absolute;
  width: 91.5%;
  height: fit-content;
  top: 95px;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0 auto;
  z-index: 2;
  background: #fff;
  background-color: white;
  display: none; }
  .event-search-wrapper input {
    width: 100%;
    padding: 7px; }
    .event-search-wrapper input::placeholder {
      font-size: 0.8em; }
  .event-search-wrapper .__EventDatepickContainer {
    display: none;
    position: relative;
    width: 30%;
    padding-right: 14px; }
    .event-search-wrapper .__EventDatepickContainer:after {
      position: absolute;
      right: 10px;
      top: 0px;
      width: 55px;
      height: 100%;
      pointer-events: none;
      content: "";
      background: url(/event/media/images/img_table_dropdown.png) no-repeat center transparent;
      display: block; }
  .event-search-wrapper .__EventSearchContainer {
    position: relative;
    width: 70%;
    flex-grow: 2; }
    .event-search-wrapper .__EventSearchContainer:after {
      position: absolute;
      right: 0px;
      top: 0px;
      width: 55px;
      height: 100%;
      pointer-events: none;
      content: "";
      background: url(/event/media/images/icon_glass_light-grey.svg) no-repeat center transparent;
      display: block; }
    .event-search-wrapper .__EventSearchContainer input {
      border: 1px solid #D4D4C7;
      height: 39px; }
  .event-search-wrapper .event-search-wrapper-close {
    width: 39px;
    height: 39px;
    background-color: #D4D4C7;
    margin-left: 5px;
    background-image: url(/event/media/images/img_close-black.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: 1px;
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s all; }
    .event-search-wrapper .event-search-wrapper-close:hover {
      opacity: 0.8; }

.events-loader {
  display: none;
  width: 100%;
  max-width: 40px;
  margin: 10px auto; }
  .events-loader.show {
    display: block; }
  .events-loader .loader-6 {
    top: 40px;
    left: -2.5px; }
  .events-loader .loader-6 div {
    display: inline-block;
    width: 5px;
    height: 20px;
    background-color: #373434; }
  .events-loader .loader-6 div:nth-child(1) {
    animation: grow 1s ease-in-out infinite; }
  .events-loader .loader-6 divide:nth-child(2) {
    animation: grow 1s ease-in-out 0.15s infinite; }
  .events-loader .loader-6 div:nth-child(3) {
    animation: grow 1s ease-in-out 0.30s infinite; }
  .events-loader .loader-6 div:nth-child(4) {
    animation: grow 1s ease-in-out 0.45s infinite; }

ul#keywords-list {
  margin-bottom: 10px;
  padding: 0; }
  ul#keywords-list li.keyword-list-item {
    display: inline-block;
    background: #2f74a9;
    border-radius: 5px;
    padding: 5px 23px 5px 10px;
    color: #fff;
    min-width: 30px;
    position: relative;
    font-size: 12px;
    margin: 0px 7px 7px 0;
    position: relative; }
    ul#keywords-list li.keyword-list-item button.keword-delete-button {
      background-color: transparent;
      border: none;
      width: 13px;
      height: 10px;
      margin-left: 5px;
      background-image: url(/event/media/images/img_close_cropped.png);
      background-position: center center;
      background-repeat: no-repeat;
      opacity: 1;
      cursor: pointer;
      font-size: 0;
      background-size: contain;
      position: absolute;
      right: 5px;
      top: 50%;
      transform: translate(0, -50%); }

.__EventContentAvailable {
  height: inherit;
  overflow-y: inherit; }
  .__EventContentAvailable table.__EventContainer {
    margin: 34px auto 0;
    width: 91.5%;
    border-collapse: collapse;
    font-size: 15px;
    table-layout: fixed; }
    .__EventContentAvailable table.__EventContainer tbody {
      display: block;
      width: 846px;
      overflow-y: auto;
      overflow-x: hidden;
      height: 428px;
      margin-top: 2px;
      padding-bottom: 100px; }
      .__EventContentAvailable table.__EventContainer tbody tr {
        width: 846px;
        display: block;
        height: 39px;
        margin-bottom: 2px; }
        .__EventContentAvailable table.__EventContainer tbody tr td {
          display: inline-block;
          height: 39px;
          text-overflow: ellipsis;
          padding-top: 8px; }
        .__EventContentAvailable table.__EventContainer tbody tr td.event-state-color {
          width: 8.4px;
          padding-top: 0; }
        .__EventContentAvailable table.__EventContainer tbody tr td.__EventDateTime {
          width: 131px; }
        .__EventContentAvailable table.__EventContainer tbody tr td.__EventCity {
          width: 105.6px; }
        .__EventContentAvailable table.__EventContainer tbody tr td.__EventHost {
          width: 202.9px; }
        .__EventContentAvailable table.__EventContainer tbody tr td.__EventTitle {
          width: 236.7px; }
        .__EventContentAvailable table.__EventContainer tbody tr td.__EventType {
          width: 126.8px; }
        .__EventContentAvailable table.__EventContainer tbody tr td.__EventState {
          width: 33.8px; }

div#styled-select-keywords.hidden {
  display: none; }

.datepick-popup {
  z-index: 999;
  color: #313131;
  background-color: #b1b1b1;
  padding: 0px;
  width: 320px;
  border: 0px solid #ccc;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5);
  padding: 10px; }
  .datepick-popup a {
    color: #313131;
    transition: none; }
    .datepick-popup a:not(.datepick-cmd):hover {
      border-bottom: 2px solid #313131;
      color: #313131;
      text-decoration: none;
      margin-bottom: -2px; }
    .datepick-popup a.datepick-selected:hover {
      margin-bottom: 0; }
  .datepick-popup .datepick .datepick-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px; }
    .datepick-popup .datepick .datepick-nav .datepick-cmd-today {
      display: none; }
  .datepick-popup .datepick .datepick-month-row {
    margin-bottom: 8px; }
    .datepick-popup .datepick .datepick-month-row .datepick-month-header {
      /*                gap: 12px;*/
      width: 82%;
      margin: 0 auto;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-top: -28px;
      display: flex;
      margin-bottom: 10px;
      justify-content: center;
      text-align: center; }
      .datepick-popup .datepick .datepick-month-row .datepick-month-header select {
        flex: 1; }
      .datepick-popup .datepick .datepick-month-row .datepick-month-header .datepick-month-year {
        margin-top: -4px;
        text-align-last: initial;
        text-transform: uppercase;
        color: black;
        font-size: 14px;
        letter-spacing: 2px;
        height: 27px;
        background: transparent;
        text-align: center;
        border-radius: 15px;
        -webkit-box-shadow: 0 0px 0px 0px #bdbeb2;
        -moz-box-shadow: 0 0px 0px 0px #bdbeb2;
        box-shadow: 0 0px 0px 0px #bdbeb2;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        pointer-events: auto;
        cursor: pointer; }
    .datepick-popup .datepick .datepick-month-row table th {
      text-align: center; }
    .datepick-popup .datepick .datepick-month-row table tbody {
      height: 176px; }
    .datepick-popup .datepick .datepick-month-row table a {
      color: #fff;
      transition: none;
      padding: 2px 1px;
      border-bottom: 0; }
      .datepick-popup .datepick .datepick-month-row table a:hover {
        border-bottom: 1px solid #313131;
        text-decoration: none;
        color: #313131;
        padding: 2px 1px; }
      .datepick-popup .datepick .datepick-month-row table a.datepick-today {
        border-bottom: 1px #fff solid; }
      .datepick-popup .datepick .datepick-month-row table a.datepick-selected {
        color: #313131;
        font-weight: 500;
        background-color: #fff;
        min-width: 30px;
        display: inline-block;
        /*                        &:hover{
                                    border-bottom: none;
                                    text-decoration: none;
                                    pointer-events: none;
                                }*/ }
  .datepick-popup .datepick .datepick-ctrl {
    display: none; }

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


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

.__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.__CbUiStrongConfirmWindow .__CbUiOkButton {
    pointer-events: none;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .__CbUiOkButton.button-enabled {
    pointer-events: all;
}

.__CbUiDialogWindow .__CbUiCancelButton{
   position: absolute;
   left: 25px;
   bottom: 17px;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-window {
    background-color: #ffd8d8;
    color: #000000;
}

.__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-heading {
    border-bottom: 1px solid #a6a6a6;
}

.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%;
}
.__CbUiStrongConfirmWindow .message-dialog-message {
    color: black;
}
.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;
}

/* 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:           15px;
    line-height:         19px;
    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;
    margin-bottom: 5px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.__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;
    padding-left: 10px;
    background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/editing.svg');
    background-position: right center;
    background-repeat: no-repeat;
    font-style:       normal !important;
}

.__AC_editing::placeholder{
    padding-left: 0px!important;
}

.__AC_validating{
    padding-left: 10px;
}

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/icon-field-validated.svg');
    background-position: 95% center;
    background-repeat: no-repeat;
    font-style:       normal !important;
}

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

.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: auto;
   
}

.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;
 
   text-align: right;
   padding: 0 10px;
   overflow: hidden;
}

.controlbar-username {
   width: auto;
   height: 40px;
}

.controlbar-username-short { display: none; }

.controlbar-username.controlbar-username-medium {
    display: none;
}

.controlbar-link-container,
.controlbar-widget-container {
   float: left;
 
}

.controlbar-link-container {
   margin-left: 185px;
}

.controlbar-username-short,
.controlbar-link-container,
.controlbar-widget-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: fixed;
   left: 0;
   bottom: 0;
   padding: 0 5px;
   z-index: 13336;
   width: 45px;
   height: 50px;
}

.controlbar-links-label,
.controlbar-widgets-label,
.controlbar-anchor,
.controlbar-widget {
   font-size: 14px;
   float: left;
   margin-right: 20px;
   text-decoration: none;
}

.controlbar-links-label,
.controlbar-widgets-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;
}

button#registerframe_button_password_reminder {
    background-color: #2f74a9 !important;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame
.__CbRegInputs #registerframe_error {
   font-size: 12px;
   background-color: #ffeded;
   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.png');
   background-repeat: no-repeat;
   background-position: left top;
   background-size: 34px auto;
   padding-left: 40px;
   color: #000;
   line-height: 16px !important;
}

.__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;
}

#controlbar .controlbar-cache-reset {
    color: white;
    width: auto;
    float: right;
    font-size: 15px;
    padding: 0 10px;
    cursor: pointer;
    margin-top: 10px;
}

@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,
   .controlbar-widgets-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.share-group-active {
    border: 1px solid #5fbe5f;
}

.pix-image-tile-item.share-group-not-active {
    /*border: 1px solid #FF0000;*/
}

.pix-share-groups {
    margin-top: 10px;
}

.pix-share-groups .pix-share-group-headline {
    margin-bottom: 2px;
    font-size: 13px;
}

.pix-share-groups .pix-share-groups-checkbox-container {
    display: inline-flex;
    width: 100%;
}

.pix-share-groups label {
    padding-left: 6px;
    font-size: 10px;
    line-height: 13px;
}

.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;
    color: #000;
}
.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;
}
/*
 *************************
	GENERAL STYLES
 *************************
*/

html {
   box-sizing: border-box;
	-moz-box-sizing: border-box;
}

html * {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

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, 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;
}

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

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



/*
 *************************
  $TYPOGRAPHY AND COLORS
 *************************
*/

.inner-body {
	font-size: 16px;
	line-height: 22px;
	font-family:'Pt Sans', Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	margin: 0 auto;
	width:100%;
}

a {
	color: #813a3e;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

a:not(.controlbar-anchor):hover,
a:not(.controlbar-anchor):active,
a:not(.controlbar-anchor):focus {
	color: #813a3e;
	text-decoration: none;
}

input {
	font-family:'Pt Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #0a0202;
}

.inner-body ::-webkit-input-placeholder {
	font-family:'Pt Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #0a0202;
}

.inner-body :-moz-placeholder {
	font-family:'Pt Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #0a0202;
}

.inner-body ::-moz-placeholder {
	font-family:'Pt Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #0a0202;
}

.inner-body :-ms-input-placeholder {
	font-family:'Pt Sans', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #0a0202;
}

blockquote {
	font-style: italic;
}

h1 {
	font-size: 24px;
	line-height: 28px;
	margin: 4px 0px 52px 0;
}

h2 {
	font-size: 18px;
	line-height: 22px;
	margin:39px 0px 0px 0;
}

h3 {
	font-size: 20px;
    margin: 0px 0 20px;
}

h4 {
	font-size: 16px;
    margin: 0 0 22px;
}

h3 ~ h4 {
    margin-top: -22px;
}

canvas,
table{
	max-width:100% !important;
	height:auto;
}

ul,
ol,
p {
	margin-bottom: 21px;
}

ul,
ol {
	margin-left: 40px;
}

.button,
.button:hover,
.button:active,
.button:focus {
    display: block;
    height: 38px;
    line-height: 38px;
    
    font-size: 18px;
    letter-spacing: 0.65px;
	font-style: normal;
    text-align: center;
    text-transform: uppercase;

    background: #f17800 none repeat scroll 0 0;
    color: #ffffff;
}



/*
 *************************
  $LAYOUT
 *************************
*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clear {
	clear:both;
}

.hidden {
	display: none;
}

.container {
	width: 100%;
	max-width: 1010px;
	margin: 0 auto;
}

.container--big {
	max-width: 1280px;
}

.box {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 0 12px;
	margin: 0 0 24px 0;
}

.box--third,
.box--twothirds {
	width: 100%;
}






.checksize {
	visibility: hidden;
	height: 0;
	width: 0;
}

@media screen and (min-width: 768px) {

	h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.checksize {
		width: 768px;
	}

	.box--third{
		width: 33.3333%;
	}

	.box--twothirds {
		width: 66.6666%;
	}

	.box--quarter {
		width: 25%;
	}
}

@media screen and (min-width: 1010px) {
	.checksize {
		width: 1010px;
	}
}

@media screen and (min-width: 1200px) {
	.checksize {
		width: 1200px;
	}
}


div#AddressData {}.CbControlbar2RegisterWindowTitle.tab:not(.active) {
   color : #999;
}
label.CbControlbar2RegisterWindowTitle {
   cursor: pointer;
   display: inline-block;
}
label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {
   padding: 23px 15px 0 15px;
   min-height: 58px;
   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)  {
   border-left: none;
   margin-left: -5px;
}
label.CbControlbar2RegisterWindowTitle.tab.active {
   position: relative;
   bottom: -1px;
   background-color: #fff;
   border-left: 1px solid #cccccc;
}

.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
   top: 15px !important;
}
.CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton {
   background-color: #ff7f00!important;
}
.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;
}
.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: 57%;
}
.DSRegisterProfileWindow #registerframe_button {
  margin-top: 10px;
}
.DSRegisterProfileWindow .member-item-contact {
    margin-right: 2%;
    width: 41%;
    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;
}

.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: #ff7f00;
}
.member-item h4 {
   cursor: pointer;
}

.DSRegisterWindow .__CbUiFieldUnedited {
  color: #000;
}
div.DSRegisterCheckDoubletWindow .entryblock .styled-select-autoheight img {
    vertical-align: middle;
}
div.DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline {
  margin-top: 37px;
}
div.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button,
div.DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button {
  background-color: #ff7f00;
  border-radius: 5px;
}
div.entryblock a,
div.DSRegisterNameAddressWindow a  {
  font-style: normal;
  color: #151515;
}
div.entryblock a:hover,
div.DSRegisterNameAddressWindow a:hover  {
  font-style: normal;
  color: #151515;
}

div.DSRegisterCheckDoubletWindow .entryblock {
  border-color: #151515;
}
div.DSRegisterCheckDoubletInfoWindow h2 {
  margin-top: 50px;
}
div.DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline {
  padding: 0px 40px;
}
div.DSRegisterCheckDoubletInfoWindow input {
  padding: 40px 40px 0px 40px;
}
div.DSRegisterCheckDoubletInfoWindow .registerframe-data-container {
  padding: 0 43px 29px;
}
div.DSRegisterCheckDoubletWindow #registerframe_checkdoublet_block .selection-block a {
    font-weight: normal;
}

.CbControlbar2Window .bootstrap-switch-container .bootstrap-switch-label{
   top: -3px!important;
}

.CbControlbar2Window .__CbRegButtonContainer #registerframe_input_terms.input-switch-button-cntnr {
    margin-bottom: 10px;
}

.CbControlbar2Window .__CbRegButtonContainer #registerframe_button_register_no_doublet,
.CbControlbar2Window .__CbRegButtonContainer #registerframe_button_register_no_doublet_action{
    color: #fff;
}


.CbControlbar2Window .bootstrap-switch.bootstrap-switch-on {
   background-color: #ff7f00!important;
}
/*
#kus-register-wrp .gradient-wrp.member-item:after	 {
	content: '';
	height: 30px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+76,0+98 */
	/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

/*}*/

#kus-register-wrp .__CbUiCloseButton {
	top: 45px;
   z-index: 9999;
}

#kus-register-wrp .kus-stay-logged-in {
	text-align: left;
}

#kus-register-wrp #registerframe_input_terms,
#kus-register-wrp .input_terms_text{
 	padding: 10px 0px;
 }
 .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame {
	 position: fixed;
 }
 #kus-register-wrp .__CbRegExistAccountText.login-desc {
 	margin-bottom: 0;
 	padding-bottom: 0;
 }
 .__CbRegButtonContainer.kus-stay-logged-in {
     padding:  10px 0px;
 }

 div#kus-register-wrp {
     /* padding: 0px 40px 40px 40px; */
 }

 div#kus-register-wrp .HalfWidthContainer ,
 div#kus-register-wrp .FullWidthContainer {
     padding: 0px;
 }
 #kus-register-wrp {
     /* padding: 0 40px 40px 40px; */
 }
 #kus-register-wrp #kus-register-profile .tabbed-content.register-content-box  {
     padding: 40px;
     padding-bottom: 60üx;
 }
 #kus-register-wrp #kus-register-profile .tabbed-content.tab-3 {
    width: 100%;


 }
 #kus-register-wrp #kus-register-profile .tabbed-content {
     padding: 0px;
 }
 #kus-register-wrp #kus-register-profile .tabbed-content.tab-3 .member-item {
     padding: 0;
 }
 #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer {
     background-color: #fff;
     width:
 }


 #kus-register-profile #PublicData > div.gradient-wrp.member-item.clearfix > div.member-item-contact {
     width: 39%;
 }


 #kus-register-profile .DSRegisterProfileWindow .member-item-activity {
     width: 59%;
 }


 #kus-register-profile .tabbed-content.tab-3 .input-switch-button-cntnr {
     display: inline-block;
     width: 100%;
 }


 #kus-register-profile .close-btn-bg {
    top: 20px;
    right: 30px;
}
.__CbRegButtonContainer.kus-stay-logged-in {
    padding:  10px 0px;
}

div#kus-register-wrp {
    /* padding: 0px 40px 40px 40px; */
}

div#kus-register-wrp .HalfWidthContainer ,
div#kus-register-wrp .FullWidthContainer {
    padding: 0px;
}

#kus-register-wrp #kus-register-profile .tabbed-content.tab-3 {
   width: 100%;


}

#kus-register-wrp #kus-register-profile .tabbed-content {
   padding: 0px;
}
#kus-register-wrp #kus-register-profile .tabbed-content.tab-3 .member-item {
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

#kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer {
    background-color: #fff;
	 /*padding: 40px;*/
    border-bottom: 1px solid #aaa;
}


#kus-register-profile #PublicData > div.gradient-wrp.member-item.clearfix > div.member-item-contact {
    width: 39%;
}


#kus-register-profile .DSRegisterProfileWindow .member-item-activity {
    width: 59%;
}


#kus-register-profile .tabbed-content.tab-3 .input-switch-button-cntnr {
    display: inline-block;
    /* width: 50%; */
}

 #kus-register-profile .close-btn-bg {
    top: 20px;
    right: 30px;
    z-index: 10000;
}

#kus-register-profile #PublicData > div.gradient-wrp.member-item.clearfix > div.member-item-head.clearfix > div.register-pubish-profile-box {
    width: 50%;
    display: inline-block;
    text-align: right;

}


#kus-register-profile #PublicData > div.gradient-wrp.member-item.clearfix > div.member-item-head.clearfix > div.member-item-name-box {
    width: 49%;
    display: inline-block;
}


 #kus-register-profile label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:not(.active) {
     margin-top: 0px;

}
#kus-register-profile .gradient-wrp.member-item.clearfix {
    overflow-y: auto;
}


#kus-register-profile .CbControlbar2RegisterWindowTitleContainer {
   border: none;
}
#kus-register-wrp label.CbControlbar2RegisterWindowTitle.tab:not(:empty)  {

}
label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.hide-tab.show-tab {
    display:  inline-block;
    z-index:9898;
}
#kus-register-profile .responsive-menu-btn.collapsed {
    display:  none;
}
#kus-register-profile svg.collapsible-toggler.collapsible-icon.collapsible-icon--menu {
    margin: 0px;
    fill: #F17800 !important;
}
#user-panel.user-panel-kus .row .left-pane {
   width: 80%;
   display: inline-block;
   float: left;
}
@media only screen and (max-width: 767px) {
   #kus-register-wrp #PublicData .box-column2-align-right {
      padding: 0 40px;
   }
   #kus-register-wrp #kus-register-profile .tabbed-content.tab-3 .member-item {
      padding: 40px 40px  0px 40px;
       overflow-y: auto;
       overflow-x: hidden;
   }
   #kus-register-profile .responsive-menu-btn.collapsed {
       display: inline-block;
   }
   #kus-register-wrp .__CbUiText.CbControlbar2RegisterWindowDesc {
      margin-top: 40px;
   }
   #kus-register-profile .tabbed-content.tab-3 .input-switch-button-cntnr {
      display: block;
      width:100%;
   }
   #kus-register-wrp .box-column1-align-left {
        padding: 20px 0px 0px 0px
   }
   #kus-register-profile label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.active {
        margin-left: 20px;
        border-bottom: none;
    }
    #kus-register-profile label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.hide-tab {
       display:  none;
   }
   #kus-register-wrp .gradient-wrp.member-item {
      overflow-y: auto;
   }

   #kus-register-wrp {

		/*overflow-y: auto;*/
		height:auto;
      max-height: 95vh;

	}
   #kus-register-profile {
      position: relative;
   }

   #kus-register-wrp #kus-register-profile .RegisterProfileWindowTitle {
       height: 58px;
       padding:  0;
       vertical-align: middle;
       margin-top: 0 !important;
       line-height: 58px;
   }

   #kus-register-wrp #kus-register-profile .RegisterProfileWindowTitle.__CbUiText.tab.show-tab {
      display: block !important;
   }
   #kus-register-wrp #kus-register-profile label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.hide-tab.active {
      margin-top: 10px;
      /*margin-left: 20px !important;*/

      /*border-bottom: 1px solid #aaa;*/
   }
	 .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame #kus-register-wrp .HalfWidthContainer {
		width: 100%;
		display:block;
	}
	.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame #kus-register-wrp .FullWidthContainer .no-padding {
		padding-top: 0px;
	}
	#kus-register-wrp .HalfWidthContainer{
		padding-bottom: 0;
	}
	#kus-register-wrp .HalfWidthContainer.last-half {
		padding-bottom: 40px;
	}
	#kus-register-wrp .scroll-wrp {
	   max-height: calc(95vh - 88px);
      padding: 0 40px;
      padding-top: 40px;
	   overflow: auto;
	   height: auto;
	}
	#kus-register-wrp #kus-register-profile .tabbed-content.register-content-box  {
	     padding: 69px 0px 40px 0px;
        max-height: 95vh;
	    /*max-height: calc(95vh - 58px);*/
	}
   #kus-register-wrp 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-top: 10px !important;
      margin-left: 20px !important;
   }

   div.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right {
    width: 100%;
   }
   div.DSRegisterCheckDoubletWindow .HalfWidthContainer.left p {
    width: 100%;
   }

   #kus-register-wrp #PublicData > div.gradient-wrp.member-item.clearfix > div.member-item-head.clearfix > div.register-pubish-profile-box {
     width: 100%;
   }
   #kus-register-wrp #PublicData > div.gradient-wrp.member-item.clearfix > div.last-element.member-item-activity,
   #kus-register-wrp #PublicData > div.gradient-wrp.member-item.clearfix > div.member-item-contact {
     display: block;
      width: 100%;
      border-right: 0;
      padding: 0px;
   }
   /*#kus-register-wrp label.CbControlbar2RegisterWindowTitle.tab:not(:empty),
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer,
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer:after,
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer:before {
     border-bottom: 1px solid;
   }*/
	#kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer:after,
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer:before {
     display: inline-block;
     position: absolute;

     content:' ';
     width: 25px;
     height: 58px;
     top: 0;
   }
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer:after {
      right: 0;
   }
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer:before {
      left: 0;
   }
   #kus-register-profile .padded-box.no-bottom-padding.CbControlbar2RegisterWindowTitleContainer {
     height: auto;
     position: absolute;
     z-index: 9999;
     width: 100%;
   }
   .DSRegisterProfileWindow .member-item-activity {
      height: auto;
      /*overflow: auto;*/
   }
   .DSRegisterProfileWindow .member-item-activity {
       height: auto;
       /*overflow: auto;*/
   }


   #kus-register-wrp .responsive-menu-btn {
      width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    /*background-color: #aaa;*/
    z-index: 10000;
    right: 70px;
    top: 20px;
   }


   label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.hide-tab {
       /* display:  none; */
   }

   /*label.CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.hide-tab.show-tab {
       display:  block !important;
       z-index:9898;
   }*/

   #kus-register-wrp #kus-register-profile .RegisterProfileWindowTitle {
       height: auto;
       padding: 0 0 0 20px;
       z-index: 9898;
       vertical-align: middle;
       margin-top: 0 !important;
       line-height: 58px;
       width: 100%;
       border-bottom: 1px solid #aaa;
       margin-left: 0 !important;
   }
   #kus-register-wrp .tab-3 .gradient-wrp.member-item.clearfix {
       max-height: calc(95vh - 258px);
       overflow: auto;
   }
   #kus-register-wrp div#ProfileData {
       padding-top: 30px !important;
   }
   #user-panel.user-panel-kus .row .right-pane {
      padding-left: 40px !important;
   }
   #user-panel.user-panel-kus .row .left-pane {
      width: 66%;
      display: inline-block;
      float: left;
   }
   .__CbUiFrame.DSRegisterUserPassWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow.clearfix.__CbUiLayerFrame {
      position: absolute;
   }
   #kus-register-wrp #kus-register-profile .tabbed-content.tab-3 div.gradient {
      bottom: 110px;
   }
   #user-panel.user-panel-kus {
      overflow: hidden;
   }
   #kus-register-wrp #PublicData .gradient-wrp {
      padding: 0 40px;
   }
}
#kus-register-wrp #kus-register-profile .tabbed-content.tab-3 .gradient {
   bottom: 90px;
}
@media only screen and (max-width: 568px) {
   #user-panel.user-panel-kus .row .left-pane,
   #user-panel.user-panel-kus .row .right-pane {
      display: block !important;
      float: none  !important;
   }


}
#kus-register-profile .CbControlbar2Window .box-column2-align-right {
   box-sizing: border-box;
   float: right;
   width: 50%;
   height: auto;
   margin-bottom: 35px;
}
#kus-register-wrp #kus-register-profile .tabbed-content.tab-3 .gradient {
	bottom: 90px;
}
#kus-register-wrp #kus-register-profile .tabbed-content.tab3 .member-item-head {
   border-bottom: 1px solid #ccc;
   padding-bottom: 30px;
}
#kus-register-wrp .publish-profile-hints-text {
   border: 1px solid #ccc;
}

#kus-register-wrp #kus-register-profile .tabbed-content .gradient {
   content: ' ';
   width:  100%;
   bottom: 40px;
   position: absolute;
   height: 30px;
   z-index: 10000;
   left: 0;

   background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%);
   background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%);
   background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}


/*
 *************************
  $USER PANEL
  z-index: 11000-11999;
 *************************
*/

.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: 11000;
}
.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: 11001;
   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: 11002;
}

.__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;
}


/*
 *************************
	$ACCORDEON / COLLAPSIBLES
 *************************
*/

.accordeon__item,
.collapsible-tinymce {
	border-bottom: 1px solid #000000;
}

.collapsible-title > strong,
.collapsible-title > h2 {
	font-style: normal;
	display: block;
	font-size: 24px;
	line-height: 28px;

	margin: 0;
	padding: 41px 0 39px 0;
}

/*
 *************************
	$ACCORDEON / COLLAPSIBLES / MOBILE-MENU BEHAVIOUR
	- Works together with collapsible.js
	- Code example
		<div class="collapsible">
			<div class="collapsible-title">
				<div class="collapsible-icon collapsible-toggler"></div>
				<div class="collapsible-preview"></div>
			</div>
			<div class="collapsible-text"></div>
		</div>
	- "collapsible-preview" is optional, it will be faded out, as "collapsible-text" becomes visible.
	- "collapsible-icon" is also optional
	- "collapsible-icon" and "collapsible-toggler" do not have to be the same element
 *************************
*/

.collapsible,
.collapsible-tinymce {
	list-style-type: none;
	position: relative;
}

.collapsible-title {
	display: block;
}

.collapsible-toggler {
	display: block;
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
}

.collapsible-title.collapsible-toggler {
	padding-right: 35px;
}

#filter-form-projekte .filter-form__rightcol .collapsible-title.collapsible-toggler {
   padding-right: 0;
}

.detail__overview .detail__description .collapsible-content {
   line-height: 1.4em;
}

.detail__overview .detail__description .collapsed .collapsible-content {
   height: 7em;
   overflow: hidden;
}

.detail__overview .detail__description .collapsible-content {
    margin-bottom: 10px;
}

.detail__overview .detail__description .collapsed .collapsible-toggler-extended {
   display: none;
}

.detail__overview .detail__description .extended .collapsible-toggler-collapsed {
   display: none;
}

.detail__overview .detail__description .collapsible-button {
   cursor: pointer;
}

.collapsible-icon {
	position: absolute;
	right: 7px;
	top: 50%;
	height: 33px;
	margin-top: -16px;

	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.collapsible-icon,
.collapsible-icon svg,
.collapsible-icon polygon  {
	fill: #813a3e;
}

.collapsible-text {
	/*overflow: hidden;*/
	display: none;
	padding: 0 0 40px 0;
}



/*
 *************************
	$OPEN
 *************************
*/

.collapsible.open > .collapsible-icon:not(.collapsible-icon--menu),
.collapsible.open > .collapsible-title > .collapsible-icon:not(.collapsible-icon--menu),
.collapsible-tinymce.open > .collapsible-title > .collapsible-icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}



/*
 *************************
	$NO-JS (Adding display:none by js would be more intelligent)
 *************************
*/

.no-js .collapsible-icon {
	display: none;
}

.no-js .collapsible-text {
	display: block;
}

.close-btn-bg {
    background: rgba(0, 0, 0, 0) url("../media/images/close_icon.png") no-repeat scroll center center / contain ;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
/*
         Document   : style
         Created on : 08.09.2014
         Author     : Sebastian Starke
         Description: Default general stylesheet for Flex projects.
*/


/*
 *************************
        FONTS
 *************************
*/

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Italic.woff2') format('woff2'),
        url('fonts/PTSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-BoldItalic.woff2') format('woff2'),
        url('fonts/PTSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Bold.woff2') format('woff2'),
        url('fonts/PTSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('fonts/PTSans-Regular.woff2') format('woff2'),
        url('fonts/PTSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.woff2') format('woff2'),
        url('fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



/*
 *************************
        LAYOUT
 *************************
*/

html,
body,
.inner-body {
    height:100%;
}

body {
    overflow: auto;
    background-color: #FFFFFF;
}

body,
.inner-body,
.site-wrapper {
    width: 100%;
}

.site-header__logo img {
    padding-top: 9px;
    width: 300px;
}

.inner-body.controlbar-offset {
    padding-top: 50px;
}

.main-col {
    width: 100%;
    min-height: 450px;
    margin-top: 0;
    padding: 57px 0 152px 0;
}

.site-wrapper {

    position: relative;
    overflow: hidden;


    width: 100%;
    min-height: 100%;
    height: auto;
    position: relative;
}



/*
 *************************
        $SERVICE MENU
 *************************
*/

.service-menu,
.service-menu a,
.site-header__nav .service-menu a {
    font-size: 14px;
    line-height: 13px;
    font-weight: 700;
    letter-spacing: 0.25px;
    color: #000000;
}

.service-menu li {
    display: inline-block;
    vertical-align: top;
    border-left: 2px solid black;
    padding-left: 10px;
    margin-left: 7px;
}

.site-header__service-menu li:first-child {
    margin-left: 0;
}

.site-header__service-menu .service-menu,
.site-header__search {
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
}



/*
 *************************
        $HEADER
 *************************
*/

.site-header {
    width: 100%;
    /*min-height: 155px;*/
    border-bottom: 1px solid #000000;
}

.site-header__logo {
    position: absolute;
    display: block;
    top: 59px;
}

.site-header__logo img,
.site-header__logo svg {
    display: block;
    width: 198px;
    height: 66px;
}

.site-header__logo:hover {
    text-decoration: none;
}



/*
 *************************
        $CONTENT
 *************************
*/

.cb-tex-image-container {
    margin: 50px 0 31px 0;
}

.cb-tex-image-container img {
    display: block;
}

.cb-tex-image-container div {
    background: #f0f0f0 none repeat scroll 0 0;
    font-size: 12px;
    line-height: 14px;
    padding: 13px 30px 20px;
}

.top-link {
    position: relative;
    float: right;
    margin: 46px -3px 0 0;
    width: 56px;
    height: 56px;
    border-radius: 28px;

    background: #ff7f00;
}

.top-link > svg {
    height: 36px;
    width: 20px;
    position: absolute;
    left: 18px;
    top: 11px;

    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.top-link,
.top-link svg,
.top-link polygon {
    fill: #FFFFFF;
}



/*
 *************************
        $LIST ITEMS
 *************************
*/

.listview {
    padding-left: 0;
    padding-right: 0;
}

.listview,
.container.tiles {
    padding-top: 30px;
}

.listview__header {
    position: relative;
}

.page-kuenstler .listview__header__results,
.page-schulen .listview__header__results {
    padding-left: 14px;
    padding-right: 60px;
}

.listview__header__results {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 22px;
    padding: 0 50px 0 0px;
}

.listview__item__header {
    position: relative;
    background: #f0f0f0;
    border-top: 2px solid #FFFFFF;
    min-height: 142px;
    padding: 27px 16px 30px 16px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.listview__item:not(:first-of-type) .listview__item__header:before {
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: -2px;
    border-top: 1px solid #000000;
    height: 1px;
    width: 100%;
}

.listview__item:first-of-type .listview__item__header {
    border-top: 0;
}

.listview__item .listview__item__header * {
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.listview__item__header__category {
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 0.4px;
    font-style: italic;
    font-weight: bold;
}

.listview__item__header__title {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 22px;
}

.listview__item__header__description.collapsible-preview {
    font-size: 14px;
    line-height: 17px;
    margin-top: 1px;
}

.listview__item__header__image {
    height: 101px;
    margin-top: -42px;
    position: absolute;
    right: 26px;
    top: 50%;
    width: 132px;
    display: none;
}

.tiles__item--noimg .tiles__item__link::before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.listview__item__article {
    position: relative;
    padding: 19px 12px 24px 12px;
}

.listview__item__article__content,
.listview__item__article__side {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.listview__item__article__description {
    font-size: 14px;
    line-height: 18px;
}

.listview__item--hasimg__article__description {
    padding-left: 167px;
    min-height: 116px;
}

.listview__item__article__contact,
.listview__item__article__projects {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.listview__item__article__contact h3,
.listview__item__article__projects h3 {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 0;
}

.listview__item__article__contact {
    font-size: 14px;
    line-height: 16px;
}

.listview__item__article__projects {
    font-size: 18px;
    line-height: 30px;
}

.listview__item__article__projects h3 {
    margin-bottom: 3px;
}

.listview__item__article__projects > p {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
    line-height: 22.5px;
}

.listview__item__article__projects a,
.listview__item__article__projects a:hover,
.listview__item__article__projects a:active,
.listview__item__article__projects a:focus {
    text-decoration: underline;
}

.listview__item__article__image {
    border: 1px solid black;

    position: absolute;
    left: 12px;
    top: 12px;
    width: 155px;
}

.listview__item__article__links__detail {
    margin: 19px 0 0 0;
}

.listview__item.open .listview__item__header {
    min-height: 100px;
    padding-left: 11px;
    padding-right: 11px;
    background: #426ead;
    border-top: 1px solid #FFFFFF;
}

.listview__item.open .listview__item__header * {
    color: #FFFFFF;
}

.listview__item.open .listview__item__header:before {
    border-top: 1px solid #426ead;
}



/*
 *************************
        $TILED LIST ITEMS
 *************************
*/


.container.tiles {
    padding-left: 14px;
    padding-right: 14px;
}

.tiles__item {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.tiles__item__link,
.tiles--slider__item__link {
    display: block;
    position: relative;
    font-style: inherit;
    font-weight: inherit;
}

.tiles__item__content,
.tiles--slider__item__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
}

.tiles__item__content__inner,
.tiles--slider__item__content__inner {
    position: absolute;
    bottom:0;
    left: 0;
    right: 0;


    background: #f0f0f0;
    height: 100%;
    width: auto;
    padding: 11px;

    overflow: hidden;
}

.tiles__item--hasimg .tiles__item__excerpt {
    display: none;
}
p.tiles__item__excerpt {
    margin-top: 20px;
}

.tiles__item--hasimg .tiles__item__subtitle {
    display: blocK;
}

h3.tiles__item__subtitle {
    display: none;
}

.tiles__item--hasimg span.tiles--slider__item__meta {
    display: none;
}

h3.tiles--slider__item__subtitle {
    display: none;
}

.tiles__item--hasimg h3.tiles--slider__item__subtitle {
    display: block;
}

.tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-8).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n-3).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
.tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner {
    padding: 20px 11px 11px 11px;
    height: 60.5%;
    background: rgba(255, 255, 255, 0.7);
}

.tiles--slider__item.tiles__item--white.tiles__item--hasimg .tiles--slider__item__content__inner {
    padding: 20px 11px 11px 11px;
    height: 60.5%;
    background: rgba(255, 255, 255, 0.7);
}

.tiles--slider__item.tiles__item--white.tiles__item--hasimg .tiles--slider__item__content__inner {
    padding: 0;
    height: 0;
    -webkit-transition: height 0.3s ease-out 0s, padding 0s ease-out 0.3s;
    transition: height 0.3s ease-out 0s, padding 0s ease-out 0.3s;
}

.tiles--slider__item.tiles__item--white.tiles__item--hasimg:hover .tiles--slider__item__content__inner,
.tiles--slider__item.tiles__item--white.tiles__item--hasimg:active .tiles--slider__item__content__inner,
.tiles--slider__item.tiles__item--white.tiles__item--hasimg:focus .tiles--slider__item__content__inner {
    padding: 20px 11px 11px 11px;
    height: 60.5%;

    -webkit-transition: height 0.3s ease-out 0s, padding 0s ease-out 0s;
    transition: height 0.3s ease-out 0s, padding 0s ease-out 0s;
}

.tiles__item--yellow .tiles__item__content__inner,
.tiles__item--yellow .tiles--slider__item__content__inner {
    background: #fbb51f;
}

.tiles__item--orange .tiles__item__content__inner,
.tiles__item--orange .tiles--slider__item__content__inner {
    background: #ff7f00;
}

.tiles__item--blue .tiles__item__content__inner,
.tiles__item--blue .tiles--slider__item__content__inner {
    background: #426ead;
}

.tiles__item--red .tiles__item__content__inner,
.tiles__item--red .tiles--slider__item__content__inner {
    background: #813a3e;
}

.tiles__item--red .tiles__item__content__inner *,
.tiles__item--blue .tiles__item__content__inner *,
.tiles__item--red .tiles--slider__item__content__inner *,
.tiles__item--blue .tiles--slider__item__content__inner * {
    color: #FFFFFF;
}

.tiles__item--blue .tiles__item__more,
.tiles__item--red .tiles__item__more {
    background: url("../media/images/img_plus_white.png");
}



.tiles__item:nth-of-type(12n-10),
.tiles__item:nth-of-type(12n-9),
.tiles__item:nth-of-type(12n-6),
.tiles__item:nth-of-type(12n-5),
.tiles__item:nth-of-type(12n-2),
.tiles__item:nth-of-type(12n-1) {
    padding-bottom: 100%;
}

.tiles__item:nth-of-type(12n-10) .tiles__item__content,
.tiles__item:nth-of-type(12n-9) .tiles__item__content,
.tiles__item:nth-of-type(12n-6) .tiles__item__content,
.tiles__item:nth-of-type(12n-5) .tiles__item__content,
.tiles__item:nth-of-type(12n-2) .tiles__item__content,
.tiles__item:nth-of-type(12n-1) .tiles__item__content {
    top: 100%;
    height: 100%;
}

.tiles__item__image,
.tiles--slider__item__image {
    display: block;
    width:100%;

    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}



.tiles__item__meta,
.tiles__item__text__title,
.tiles__item__text__excerpt {
    line-height: 22px;
    margin-bottom: 0;
    overflow: hidden;
}

.tiles__item__meta {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    line-height: 22px;
    letter-spacing: 0.5px;
    max-height: 66px;
    margin-bottom: 1px;
}

.tiles__item__text {
    position: absolute;
    top: 82px;
    left: 0;
    right: 0;
    padding: 0 11px;
    max-height: 175px;
    overflow: hidden;
}

.tiles__item__text__title {
    margin: 0 0 25px 0;
    max-height: 84px;
    line-height: 28px;
}

.tiles__item__text__excerpt {
    max-height: 110px;
}

/*{
        padding: 20px 11px 11px 11px;
        height: 60.5%;
        background: rgba(255, 255, 255, 0.7);
}*/

.tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-8).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n-3).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt,
.tiles--slider__item.tiles__item--white.tiles__item--hasimg .tiles__item__text__excerpt {
    display: none;
}

.tiles__item__more {
    display: block;
    position: absolute;
    bottom: 13px;
    right: 11px;

    height: 28px;
    width: 28px;

    background: rgba(0, 0, 0, 0) url("../media/images/img_plus.png") repeat scroll 0 0 / 28px 28px;
    font-size: 0;
}

/* .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__more,
 .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__more,
 .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__more,
 .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__more {
        display: none;
 }*/



/*
 *************************
        $TILED LIST SLIDER
 *************************
*/

.container.tiles--slider {
    position: relative;
    margin-top: 79px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.tiles--slider__title {
    font-size: 24px;
    letter-spacing: 0.3px;
    padding-bottom: 41px;
    padding-top: 35px;
    text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.tiles--slider.container {
    max-width: 1034px;
}

.cycle-slideshow {
    width: 100%;
}

.tiles--slider__item {
    position: relative;
    padding: 30px 38px 14px 38px;
    white-space: normal;
}

.tiles--slider__navigation {
    position: absolute;
    display: block;
    top: 28px;
    width: 24px;
    height: 48px;
}

.tiles--slider__navigation > svg {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 43px;
    margin-left: -12px;
    margin-top: -22px;
}

.tiles--slider__navigation,
.tiles--slider__navigation svg,
.tiles--slider__navigation polygon {
    fill: #813a3e;
}

.tiles--slider__navigation:hover {
    opacity: 1;
}

.tiles--slider__next {
    right: 14px;
}

.tiles--slider__prev {
    left: 14px;
    -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');
}



/*
 *************************
        $DETAIL PAGE
 *************************
*/

.detail .box {
    padding: 0 38px;
}

.detail__picture {
    width: 100%;
    display: block;
}

.detail__header__name {
    margin: 0;
}

.detail__header__category {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #813a3e;
    margin: 1px 0 29px 0;
}

.detail__gallery__item__image {
    width: 100%;
}

.detail__description {
    margin-bottom: 0;
}

.detail__projects__header {
    font-size: 24px;
    margin: 38px 0 18px 0;
}

.detail__projects__listview {
    margin-left: 0;
    margin-bottom: 0;
}

.detail__projects__listview__item {
    list-style: none;
    margin-bottom: 9px;
    font-style: normal;
}

.detail__accordeon__item {
    padding: 0 38px;
}

.detail__accordeon__item:first-of-type {
    border-top: 1px solid #000000;
}

.detail__accordeon__item__title {
    padding: 38px 0 37px;
}

.detail__accordeon__item__title h3 {
    font-size: 24px;
    line-height: 28px;
    font-style: normal;
    letter-spacing: 1.5px;
    margin: 0;
}

.detail__accordeon__item__icon {
    height: 24px;
    width: 14px;
    /* right: 46px; */
    right: 0;
    top: 50%;
    margin-top: -12px;
}

.detail__gallery__item {
    margin-top: 0;
}

.detail__gallery__item > div {
    padding-top: 17px;
    padding-bottom: 17px;
}

.detail__gallery__item__meta {
    color: #a0a0a0;
}

.detail__links {
    height: 68px;
    border-top: 1px solid #000000;
}

.detail__links__link {
    font-size: 14px;
    margin-top: 24px;
    display: block;
    position: relative;
}

.detail__links__link--back {
    float: left;
    margin-left: 48px;
}

.detail__links__link--back:before {
    background: rgba(0, 0, 0, 0) url("../media/images/icon_back.png") repeat scroll 0 0;
    content: " ";
    display: block;
    height: 21px;
    left: -37px;
    position: absolute;
    width: 22px;
}

.detail__links__link--print {
    float: right;
    margin-right: 42px;
}

.detail__links__link--print:before {
    background: rgba(0, 0, 0, 0) url("../media/images/icon_print.png") repeat scroll 0 0;
    content: " ";
    display: block;
    height: 21px;
    right: -29px;
    position: absolute;
    width: 20px;
}

.detail__accordeon__item__content {
    margin: 0;
    padding-bottom: 56px;
}

.detail__accordeon__item__content li {
    list-style: none;
}

.detail__accordeon__item__content__year {
    margin-top: 11px;
}



/*
 *************************
        $FOOTER
 *************************
*/

.site-footer {
    padding-top: 40px;
    padding-bottom: 25px;
    background: #f0f0f0;
}
.site-footer a {
    /*display: block;*/
    color: #000000;
    /*font-weight: normal;*/
    font-style: normal;
}

.site-footer .active > a,
.site-footer a:hover,
.site-footer a:active,
.site-footer a:focus {
    color: #f17800;
}

.site-footer .container {
    position: relative;
}

.site-footer__headline {
    margin: 0;
    padding: 7px 0 2px;
    font-size: 14px;
    line-height: 14px;
}

.site-footer__partner-logo {
    display: inline-block;
    vertical-align: top;
    margin: 50px 0 22px 0;
}

.site-footer__partner-logo--mff {
    margin-left: 169px;
}

.site-footer__partner-logo--sekretariat {
    margin-left: 155px;
    margin-top: 35px;
}

.site-footer__service-menu {
    position: absolute;
    right: 28px;
    top: 0;
}

.site-footer__service-menu li:first-child {
    border-left: 0;
}






@media screen and (max-width: 374px) {

    .tiles__item__text__excerpt {
        display: none;
    }

    .tiles__item__meta {
        font-size: 12px;
    }

    .tiles__item__text__title {
        margin-top: 20px;
    }

    .site-footer__partner-logo.site-footer__partner-logo--sekretariat {
        margin: 8% 0 0;
    }

}

/* iPad hoch (nicht exakt) und kleiner */
@media screen and (max-width: 1050px){

    .site-header__logo {
        left: 14px;
    }

}


/* iPad hoch (nicht exakt) und kleiner */
@media screen and (max-width: 1009px){

    /*
    *************************
      $LAYOUT
    *************************
    */

    .site-main {
        padding-left: 0;
    }

    .side-col {
        visibility: hidden;
        display: none;
    }


    /*
    *************************
      $HEADER
    *************************
    */

    .site-header {
        height: 96px;
    }

    .site-header__logo {
        left: 14px;
        top: 25px;
    }

    .site-header__logo img,
    .site-header__logo svg {
        width: 155px;
        height: 51px;
    }



    /*
    *************************
      $CONTENT
    *************************
    */

    .main-title-container .headline {
        width: 69%;
        height: 88px;
        margin-top: -88px;
        margin-left: 33%;
        font-size: 1.5em;
        padding-top: 30px;
    }


    /*
    *************************
      $FOOTER
    *************************
    */

    .site-footer {
        padding-top: 39px;
    }

    .site-footer__headline {
        margin-left: 23px;
    }

    .site-footer__partner-logo {
        width: 14.6%;
        margin: 50px 2.7% 25px;
    }

    .site-footer__partner-logo--mff {
        margin-left: 12.7%;
        width: 36.7%;
    }

    .site-footer__partner-logo--sekretariat {
        width: 7.8%;
        margin-top: 52px;
        margin-left: 16%;
    }

    .site-footer__partner-logo img {
        width:100%;
        height: auto;
    }

    .site-footer__partner-logo.site-footer__partner-logo--sekretariat {
        margin: 3% 10%;
        width: 25%;
    }

}

/* Smartphones */
@media screen and (max-width:767px){



    /*
    *************************
      CONTENT
    *************************
    */


    .cb-tex-image-container div {
        font-size: 11px;
        line-height: 16px;
        padding: 10px 20px 9px 20px;
    }



    /*
     *************************
            $FOOTER
     *************************
    */

    .site-footer {
        padding-top: 19px;
    }

    .site-footer__headline {
        text-align: center;
    }

    .site-footer__partner-logo {
        width: 22.5%;
        margin: 35px 3.5% 25px 3.5%;
    }

    .site-footer__partner-logo--mff {
        margin-left: 5%;
        width: 45%;
        margin-top: 48px;
    }

    .site-footer__partner-logo--sekretariat {
        width: 12%;
        margin-top: 46px;
        margin-left: 4.8%;
        margin-right: 0;
    }

    .site-footer__service-menu {
        position: relative;
        text-align: center;
        right: auto;
        top: auto;
    }

    .site-footer__service-menu ul {
        margin-left: 0;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .site-footer__service-menu li:first-child {
        padding-left:0;
    }

    .site-footer__partner-logo.site-footer__partner-logo--sekretariat {
        margin: 3% 0;
        width: 40%;
    }
    
    .detail .box {
        padding: 0 14px;
    }
    
    .page-dynamic .main-col {
        padding-right: 14px;
        padding-left: 14px;
    }

}


/* iPad hoch und größer */
@media screen and (min-width:768px) {




    /*
     *************************
            $CONTENT
     *************************
    */

    .site-footer__service-menu {
        right: 0;
    }

    .main-col {
        padding-right: 20px;
        padding-left: 20px;
    }



    /*
     *************************
            $LIST ITEMS
     *************************
    */

    .listview {
        padding-top: 64px;
    }

    .listview__header__results {
        font-size: 17px;
        padding: 0 25px;
        margin-top: 1px;
        margin-bottom: 26px;
    }

    .listview__item__header {
        min-height: 201px;
        padding: 30px 250px 10px 20px;
    }

    .listview__item__header__category {
        font-size: 19px;
        line-height: 28px;
        letter-spacing: 0.6px;
    }

    .listview__item__header__title {
        margin-top: 16px;
        margin-bottom: 4px;
        font-size: 26px;
        letter-spacing: 0.2px;
    }

    .collapsible:not(.open) .listview__item--hasimg__header__left {
        padding-right: 160px;
    }

    .listview__item__header__image {
        border: 1px solid black;
        display: block;
        height: 111px;
        margin-top: -67px;
        right: 18px;
        width: 166px;
    }

    .listview__item__header__description.collapsible-preview {
        font-size: 18px;
        letter-spacing: 0.18px;
        line-height: 23px;
        margin-top: 0;
    }

    .listview__item.open .listview__item__header {
        min-height: 115px;
        /*padding-right: 176px;*/
    }

    .listview__item.open .listview__item__header__image {
        display: none;
    }

    .listview__item__article {
        padding: 19px 17px 69px 17px;
    }

    .listview__item__article__content {
        width: 63.1%;
        padding-right: 2%;
    }

    .listview__item__article__description {
        font-size: 16px;
        line-height: 21px;
    }

    .listview__item--hasimg__article__description {
        padding-left: 0;
        min-height: 0;
    }

    .listview__item__article__side {
        width: 36.9%;
    }

    .listview__item__article__contact {
        font-size: 16px;
        line-height: 20px;
    }

    .listview__item__article__contact,
    .listview__item__article__projects {
        width: 52%;
    }

    .listview__item__article__projects {
        width: 48%;
    }

    .listview__item__article__contact h3,
    .listview__item__article__projects h3 {
        font-size: 21px;
        letter-spacing: 0.6px;
    }

    .listview__item__article__projects > p {
        margin-bottom: 7px;
        margin-top: 8px;
        font-size: 16px;
        line-height: 22px;
    }

    .listview__item__article__links__detail {
        margin-right: 12px;
        margin-left: 12px;
    }

    .listview__item__article__image {
        position: relative;
        width: 100%;
        margin-top: 4px;
    }

    .listview__item.open .listview__item__header {
        padding-left: 18px;
    }


    /*
     *************************
            $TILED LIST ITEMS
     *************************
    */

    .container.tiles {
        padding-left: 18px;
        padding-right: 18px;
    }

    .tiles__item {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        padding: 0 12px;
        margin-bottom: 24px;
    }

    .tiles__item__content {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner{
        height: 56.5%;
    }

    .tiles__item:nth-of-type(12n-10),
    .tiles__item:nth-of-type(12n-9),
    .tiles__item:nth-of-type(12n-6),
    .tiles__item:nth-of-type(12n-5),
    .tiles__item:nth-of-type(12n-2),
    .tiles__item:nth-of-type(12n-1) {
        padding-bottom: 0;
    }


    .tiles__item:nth-of-type(12n-10) .tiles__item__content,
    .tiles__item:nth-of-type(12n-9) .tiles__item__content,
    .tiles__item:nth-of-type(12n-6) .tiles__item__content,
    .tiles__item:nth-of-type(12n-5) .tiles__item__content,
    .tiles__item:nth-of-type(12n-2) .tiles__item__content,
    .tiles__item:nth-of-type(12n-1) .tiles__item__content {
        top: 0;
        height: 100%;
    }

    .tiles__item__content__inner {
        padding: 20px;
    }

    .tiles__item__text {
        padding: 0 20px;
    }

    .tiles__item--yellow .tiles__item__content__inner,
    .tiles__item--yellow .tiles--slider__item__content__inner {
        background: rgba(251, 181, 31, 0.7);
    }

    .tiles__item--orange .tiles__item__content__inner,
    .tiles__item--orange .tiles--slider__item__content__inner {
        background: rgba(255, 127, 0, 0.7);
    }

    .tiles__item--blue .tiles__item__content__inner,
    .tiles__item--blue .tiles--slider__item__content__inner {
        background: rgba(66, 110, 173, 0.7);
    }

    .tiles__item--red .tiles__item__content__inner,
    .tiles__item--red .tiles--slider__item__content__inner {
        background: rgba(129, 58, 62, 0.7);
    }

    .tiles__item__more {
        bottom: 22px;
        right: 33px;
    }



    /*
     *************************
            $TILED LIST SLIDER
     *************************
    */

    .tiles--slider__title {
        padding-top: 38px;
        border-top: 0;
        border-bottom: 0;
    }

    .tiles--slider__navigation {
        top: 23px;
    }

    .tiles--slider__navigation > svg {
        width: 14px;
        margin-left: -6px;
    }

    .tiles--slider__prev {
        left: 10px;
    }

    .tiles--slider__item {
        padding: 0 12px;
    }



    /*
     *************************
            $DETAIL PAGE
     *************************
    */

    .detail .box {
        padding: 0 10px;
    }

    .detail__gallery,
    .detail__overview {
        padding: 0 12px;
    }

    .detail__projects__listview__column {
        display:inline-block;
        vertical-align: top;
    }

    .detail__links {
        height: 38px;
        margin-top: 0;
        border: 0;
    }

    .detail__links__link {
        font-size: 16px;
        margin-top: 0;
    }

    .detail__accordeon__item {
        padding: 0 22px;
    }

    .detail__accordeon__item__content {
        padding-left: calc(35.8% + 12px);
    }

    .detail__accordeon__item__content > li {
        position: relative;
    }

    .detail__accordeon__item__content__year {
        margin-top: 0;
        left: -16.8%;
        position: absolute;
    }

    .cb-tex-image-container {
        margin: 50px 0 48px 0;
    }

}

/* iPad quer (nicht exakt) und größer */
@media screen and (min-width:1010px){

    .fixed-position {
        position: fixed;
        top: 0;
    }



    /*
     *************************
            $HEADER
     *************************
    */

    .site-header__logo {
        position: absolute;
        display: block;
        /*		top: 68px;*/
        /* left: 40px; */
    }




    /*
     *************************
            $CONTENT
     *************************
    */

    .main-col {
        padding-right: 36px;
        padding-left: 36px;
    }

    .main-col.content-page,
    .main-col.accordeon {
        padding-left: 36px;
        padding-right: 36px;
    }

    .main-col.accordeon {
        padding-right: 0;
    }



    /*
     *************************
            $LIST ITEMS
     *************************
    */

    .listview {
        padding-left: 0;
        padding-right: 0;
    }

    .listview__header__results {
        padding: 0;
        margin-top: 0;
        margin-bottom: 46px;
        line-height: 25px;
    }

    .listview__item__header {
        min-height: 201px;
        padding: 30px 250px 15px 30px;
    }

    .listview__item__header__title {
        margin-top: 17px;
        margin-bottom: 7px;
    }

    .listview__item__header__image {
        height: 130px;
        margin-top: -63px;
        right: 29px;
        width: 195px;
    }

    .listview__item.open .listview__item__header {
        padding-left: 16px;
    }

    .collapsible:not(.open) .listview__item--hasimg__header__left {
        padding-right: 200px;
    }

    .listview__item__article {
        padding: 19px 30px 69px 30px;
    }

    .listview__item__article__content {
        width: 69%;
        padding-right: 10%;
    }

    .listview__item__article__side {
        width: 31%;
    }

    .listview__item__article__projects > p {
        margin-bottom: 12px;
        margin-top: 10px;
        font-size: 16px;
        line-height: 18px;
    }

    .listview__item__article__links__detail {
        margin: 31px 26px 0 38px;
    }

    .listview__item.open .listview__item__header {
        padding-left: 28px;
    }




    /*
     *************************
            $TILED LIST ITEMS
     *************************
    */

    .container.tiles {
        padding-left: 8px;
        padding-right: 8px;
    }

    .tiles__item {
        margin-bottom: 24px;
    }

    .tiles__item:nth-of-type(12n-11),
    .tiles__item:nth-of-type(12n-8),
    .tiles__item:nth-of-type(12n-7),
    .tiles__item:nth-of-type(12n-4),
    .tiles__item:nth-of-type(12n),
    .tiles__item:nth-of-type(12n-3) {
        width: 33.3333%;
        padding: 0 16px 0 0;
    }

    .tiles__item:nth-of-type(12n-8),
    .tiles__item:nth-of-type(12n-4),
    .tiles__item:nth-of-type(12n) {
        padding: 0 0 0 16px;
    }

    .tiles__item:nth-of-type(12n-10),
    .tiles__item:nth-of-type(12n-9),
    .tiles__item:nth-of-type(12n-6),
    .tiles__item:nth-of-type(12n-5),
    .tiles__item:nth-of-type(12n-2),
    .tiles__item:nth-of-type(12n-1) {
        width: 66.6666%;
        padding: 0;
    }

    .tiles__item:nth-of-type(12n-10),
    .tiles__item:nth-of-type(12n-6),
    .tiles__item:nth-of-type(12n-2) {
        padding: 0 0 0 8px;
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__content,
    .tiles__item:nth-of-type(12n-9) .tiles__item__content,
    .tiles__item:nth-of-type(12n-6) .tiles__item__content,
    .tiles__item:nth-of-type(12n-5) .tiles__item__content,
    .tiles__item:nth-of-type(12n-2) .tiles__item__content,
    .tiles__item:nth-of-type(12n-1) .tiles__item__content {
        width: 52%;
        padding: 0 0 0 4%;
        z-index: -1;
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__image,
    .tiles__item:nth-of-type(12n-9) .tiles__item__image,
    .tiles__item:nth-of-type(12n-6) .tiles__item__image,
    .tiles__item:nth-of-type(12n-5) .tiles__item__image,
    .tiles__item:nth-of-type(12n-2) .tiles__item__image,
    .tiles__item:nth-of-type(12n-1) .tiles__item__image {
        width: 50%;
        margin-left: 50%;
        padding: 0 0 0 12px;
    }

    .tiles__item:nth-of-type(12n-1) .tiles__item__content,
    .tiles__item:nth-of-type(12n-5) .tiles__item__content,
    .tiles__item:nth-of-type(12n-9) .tiles__item__content {
        padding: 0 8px 0 0;
    }

    .tiles__item:nth-of-type(12n-1) .tiles__item__image,
    .tiles__item:nth-of-type(12n-5) .tiles__item__image,
    .tiles__item:nth-of-type(12n-9) .tiles__item__image {
        padding: 0 8px;
    }

    .tiles__item__content__inner {
        padding: 10px;
    }

    .tiles__item__text {
        padding: 0 10px;
    }

    .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner{
        height: 53%;
        padding-top: 21px;
    }

    .tiles__item--yellow .tiles__item__content__inner,
    .tiles__item--yellow .tiles--slider__item__content__inner {
        background: #fbb51f;
    }

    .tiles__item--orange .tiles__item__content__inner,
    .tiles__item--orange .tiles--slider__item__content__inner {
        background: #ff7f00;
    }

    .tiles__item--blue .tiles__item__content__inner,
    .tiles__item--blue .tiles--slider__item__content__inner {
        background: #426ead;
    }

    .tiles__item--red .tiles__item__content__inner,
    .tiles__item--red .tiles--slider__item__content__inner {
        background: #813a3e;
    }

    .tiles__item__more {
        bottom: 10px;
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__more,
    .tiles__item:nth-of-type(12n-6) .tiles__item__more {
        right: 32px;
    }

    .tiles__item:nth-of-type(12n-1) .tiles__item__more,
    .tiles__item:nth-of-type(12n-5) .tiles__item__more,
    .tiles__item:nth-of-type(12n-9) .tiles__item__more {
        right: 38px;
    }

    .tiles__item:nth-of-type(12n-4) .tiles__item__more,
    .tiles__item:nth-of-type(12n-8) .tiles__item__more,
    .tiles__item:nth-of-type(12n) .tiles__item__more {
        right: 8px;
    }



    /*
     *************************
            $DETAIL PAGE
     *************************
    */

    .detail .box {
        padding: 0 12px;
    }

    .detail__gallery,
    .detail__overview {
        padding: 0;
    }

    .detail__projects__listview__column {
        width: 49%;
    }

    .detail__accordeon__item {
        padding: 0;
    }

}

@media screen and (min-width: 1200px) {

    .site-header__logo {
        top: 59px;
        left: auto;
    }

    .main-col.content-page,
    .main-col.accordeon {
        padding-left: 229px;
        padding-right: 28px;
    }

    .main-col.content-page {
        padding-right: 100px;
    }



    /*
     *************************
            $TILED LIST ITEMS
     *************************
    */

    .container.tiles {
        padding-left: 0;
        padding-right: 0;
    }

    .tiles__item__content__inner {
        padding: 16px 18px;
    }

    .tiles__item__text {
        padding: 0 18px;
    }

    .tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner,
    .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__content__inner{
        height: 50%;
        padding-top: 11px;
    }

    .tiles__item__more,
    .tiles__item--red .tiles__item__more,
    .tiles__item--blue .tiles__item__more,
    .tiles__item:nth-of-type(36n-30) .tiles__item__more,
    .tiles__item:nth-of-type(36n-9) .tiles__item__more,
    .tiles__item:nth-of-type(36n-27) .tiles__item__more,
    .tiles__item:nth-of-type(36n-14) .tiles__item__more,
    .tiles__item:nth-of-type(36n-21) .tiles__item__more,
    .tiles__item:nth-of-type(36n-2) .tiles__item__more {
        bottom: 24px;
        right: 36px;
        height: 32px;
        width: 32px;
        background-size: 32px 32px;
    }

    /*	.tiles__item:nth-of-type(12n-11).tiles__item--white.tiles__item--hasimg .tiles__item__more,
            .tiles__item:nth-of-type(12n-7).tiles__item--white.tiles__item--hasimg .tiles__item__more,
            .tiles__item:nth-of-type(12n-4).tiles__item--white.tiles__item--hasimg .tiles__item__more,
            .tiles__item:nth-of-type(12n).tiles__item--white.tiles__item--hasimg .tiles__item__more {
                    display: block;
            }*/

    .tiles__item:nth-of-type(12n-4) .tiles__item__more,
    .tiles__item:nth-of-type(12n-8) .tiles__item__more,
    .tiles__item:nth-of-type(12n) .tiles__item__more {
        right: 24px;
    }


    .tiles__item:nth-of-type(12n-1) .tiles__item__more,
    .tiles__item:nth-of-type(12n-5) .tiles__item__more,
    .tiles__item:nth-of-type(12n-9) .tiles__item__more {
        right: 54px;
    }

    .tiles__item:nth-of-type(12n-10) .tiles__item__more,
    .tiles__item:nth-of-type(12n-6) .tiles__item__more {
        right: 48px;
    }

}

@media screen and (max-width: 374px) {

    .site-footer__partner-logo.site-footer__partner-logo--sekretariat {
        margin: 8% 0 0;
    }

}


@media print {

    * {
        overflow: visible !important;
    }

    @page {
        size: 210mm 297mm;
        margin: 14mm 15mm;


        @bottom-left {
            content: counter(page) "//" counter(pages);
        }
    }

    body {
        width:100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;

        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility; 
        /* font-size: 9pt;
         line-height: 13pt; */
    }

    body * {
        box-sizing: inherit;
        -moz-box-sizing: inherit;
    }

    .collapsible-text {
        display: block !important;
    }

    .detail__accordeon__item {
        border-bottom: none;
    }

    .detail__accordeon__item:first-of-type {
        border-top: none;
    }

    .box--third,
    .box--twothirds {
        display: block;
        float: left;
        width: 50mm;
    }

    .box--twothirds {
        width: 100mm;
    }

    .box--twothirds {
        width: 37mm;
    }

    .site-header,
    .site-footer,
    .detail__links,
    .related-projects,
    .accordeon__item__toggler__icon,
    .media-container,
    .collapsible-preview,
    .collapsible-text .collapsible-toggler {
        visibility: hidden;
        display: none;
    }

    .detail__accordeon {
        float: left;
        display: block;
        width: 100%;
    }

    .detail__accordeon__item__title,
    .detail__accordeon__item__content {
        padding: 0;
        padding-left: 0;
    }

    .inner-body,
    p,
    .detail__meta,
    .detail__meta *,
    .detail--project__meta,
    .detail--project__meta * {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt !important;
        line-height: 12pt !important;
    }

    .detail__accordeon__item__title h3,
    .detail__projects__header {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        line-height: 12pt;
        margin-bottom: 12pt;
    }

}

/*
 *************************
        $NAV
        z-index: 9000-9999;
 *************************
*/

.site-header__nav {
    z-index: 9000;
}

.site-header__nav--desktop {
    visibility: hidden;
    display: none;
}

.site-header__nav--mobile {
    visibility: visible;
    display: block;
}

body.menu-opened {
    overflow: hidden;
}

.site-header__nav.open {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow:hidden;
}

.site-header__nav__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    overflow-x: hidden;
    overflow-y: auto;

    background: rgba(240, 240, 240, 0.9);
}

.site-header__nav.open .site-header__nav__inner {
    z-index: 9899;
    height: auto;
    padding-bottom: 38px;
}

.site-header__nav ul {
    margin-left: 0;
}

.site-header__nav a {
    display: block;
    color: #000000;
    font-weight: normal;
    font-style: normal;
}

.site-header__nav .active > a,
.site-header__nav a:hover,
.site-header__nav a:active,
.site-header__nav a:focus {
    color: #f17800;
}

.collapsible-icon--menu {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    display: none;
}



/*
 *************************
        $PRIMARY MENU
 *************************
*/

.site-header__menu {
    padding-top: 90px;
    padding-bottom: 44px;
    margin-bottom: -25px;
}

.site-header__menu__level1__item,
.site-header__menu__level2__item,
.site-header__menu__level3__item {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
}

a.site-header__menu__level1__item__link,
a.site-header__menu__level2__item__link,
a.site-header__menu__level3__item__link {
    margin-left: 39px;
    margin-right: 39px;
}

.site-header__menu__level1__item {
    padding: none;
}

a.site-header__menu__level1__item__link {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.site-header__menu__level2__item,
.site-header__menu__level3__item {
    display: block;
    margin-bottom: 12px;
}

a.site-header__menu__level2__item__link {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #f17800;
    padding-bottom: 7px;
    border-bottom: 1px solid black;
    margin-bottom: 4px;
}

a.site-header__menu__level3__item__link {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}

.site-header__menu__level1__dropdown__left,
.site-header__menu__level1__dropdown__right {
    display: inline-block;
    vertical-align: top;
}


.site-header__menu__level1__dropdown__left {
    width: 23.7%;
    padding-right: 5.4%;
}

.site-header__menu__level1__dropdown__right {
    /* position: absolute;
    top: 0;
    left: 25.7%;
    right: 17px; */
    background: #f0f0f0;
    color: #3d3d3d;

    width: 76.3%;
}

.site-header__menu__level2_item__description__header {
    font-size: 18px;
    line-height: 18px;
    margin: 2px 0 6px 0;
    padding-bottom: 5px;
    color: #3d3d3d;
    border-bottom: 1px solid #3d3d3d;
}

.site-header__menu__level2_item__description__header__body {
    font-size: 15px;
    line-height: 22px;
    padding: 0 2px;
    color: #3d3d3d;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.filter-form__fieldset,
.filter-form__rightcol,
.filter-form--artists,
.site-header__menu__level2__item__description--artists {
    display: inline-block;
    margin: 0 3.7% 0 1.6%;
    vertical-align: top;
    width: 20.8%;
}

.filter-form--artists {
    margin-left:0;
    margin-right: 1.6%;
}

.site-header__menu__level2__item__description--artists {
    width: 72%;
}

.filter-form__fieldset__header.filter-form__fieldset__header--artists {
    margin-bottom: 16px;
}

.filter-form__fieldset--popup {
    position: relative;
}

.filter-form__fieldset--category {
    margin-left: 0;
}

.filter-form__fieldset--target_types {
    width: 21.8%;
    margin-right: 1.4%;
}

.filter-form__fieldset--partner_types {
    width: 23.5%;
    margin-right: 3.2%;
}

.filter-form__fieldset__header {
    border-bottom: 1px solid #000;
    font-size: 13px;
    line-height: 13px;
    margin-top: 2px;
    margin-bottom: 3px;
    padding-bottom: 11px;
    text-transform: uppercase;
}

.filter-form__rightcol {
    margin: 25px 0 0;
    width: 20.6%;
}

.filter-form__fieldset__filter {
    border-bottom: 1px solid #3d3d3d;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.15px;
}

.filter-form__fieldset__filter:last-child {
    border-bottom: 0;
}


.filter-form__fieldset__filter:not(#foo) > input[type='radio'],
.filter-form__fieldset__filter:not(#foo) > input[type='checkbox'] {
    position: absolute;
    opacity: 0;
    float: right;
    width: 16px;
}


.filter-form__fieldset__filter:not(#foo) > input[type='radio'] + label,
.filter-form__fieldset__filter:not(#foo) > input[type='checkbox'] + label {
    position: relative;
    display: block;
    clear: none;
    cursor: pointer;
    margin: 0;
    padding: 6px 24px 5px 0;
    width: 100%;
    color: #3d3d3d;
}

.filter-form__fieldset__filter:not(#foo) > input[type='radio'] + label:after,
.filter-form__fieldset__filter:not(#foo) > input[type='checkbox'] + label:after {
    content: '';
    background: rgba(0, 0, 0, 0) url("../media/images/icon-check.png") no-repeat scroll left center;
    position: absolute;
    width: 11px;
    height: 16px;
    right: 7px;
    top: 50%;
    margin-top: -8px;
}

/*
    Change from unchecked to checked graphic
*/
.filter-form__fieldset__filter:not(#foo) > input:checked + label {
    color: #ff7f00;
}
.filter-form__fieldset__filter:not(#foo) > input[type='radio']:checked + label:after {
    background-position: right center;
}
.filter-form__fieldset__filter:not(#foo) > input[type='checkbox']:checked + label:after {
    background-position: right center;
}

.filter-form__fieldset--popup__header,
.button--filter {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 8px 0;
    padding: 6px 3px 8px 4px;
    text-transform: uppercase;
}

.filter-form__fieldset--popup__header::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 8px 0;
    padding: 0;
    text-transform: uppercase;
    opacity: 1;
}

.filter-form__fieldset--popup__header:-moz-placeholder { /* Firefox 18- */
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 8px 0;
    padding: 6px 3px 8px 4px;
    text-transform: uppercase;
    opacity: 1;
}

.filter-form__fieldset--popup__header::-moz-placeholder {  /* Firefox 19+ */
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 8px 0;
    padding: 6px 3px 8px 4px;
    text-transform: uppercase;
    opacity: 1;
}

.filter-form__fieldset--popup__header:-ms-input-placeholder {  
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin: 0 0 8px 0;
    padding: 6px 3px 8px 4px;
    text-transform: uppercase;
    opacity: 1; 
}



.button--filter,
.button--filter:hover,
.button--filter:active,
.button--filter:focus {
    color: #ffffff;
    height: auto;
    font-size: 12px;
    line-height: 14px;
    padding: 7px 0 9px;
    width: 100%;


    cursor: pointer;
    border: 0;
    margin: 0;
}

.filter-form__fieldset--popup__header {
    background: #ffffff url("../media/images/icon_squarecross.png") no-repeat scroll right 4px center;
    border: 1px solid #000000;
    width: 100%;
}

.__AC_invalidated.filter-form__fieldset--popup__header {
    background-color: #FFFFFF;
    color: #151515;
    background-position: right 3px center;
    background-size: 18px auto;
}

input.__AC_validating.filter-form__fieldset--popup__header,
input.__AC_validated.filter-form__fieldset--popup__header,
input.__AC_editing.filter-form__fieldset--popup__header {
    background-color: #FFFFFF;
    background-position: right 3px center;
    background-size: 18px auto;
    text-transform: none;
}

.filter-form__fieldset--popup__popup {
    background: #f6f6f6 none repeat scroll 0 0;
    position: absolute;
    right: 0;
    top: 34px;
    width: auto;
    min-width: 266px;
    z-index: 1;
    padding: 7px 20px 10px 20px;

    border-radius: 3px;
    -webkit-box-shadow: 0 3px 15px rgba(189, 190, 178, 1);
    -moz-box-shadow: 0 3px 15px rgba(189, 190, 178, 1);
    box-shadow: 0 3px 15px rgba(189, 190, 178, 1);


    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.filter-form__fieldset--popup .__AC_position {
    right: 0;
    width: auto !important;
    min-width: 266px;
}

.filter-form__fieldset--popup__popup .filter-form__fieldset__filter {
    border: 0;
}

.filter-form__fieldset--popup__popup .filter-form__fieldset__filter:not(#foo) > input[type="checkbox"] + label {
    padding-bottom: 3px;
    padding-top: 3px;
}

.site-header__menu__level1__dropdown_schulen .filter-form__fieldset--popup__popup,
.site-header__menu__level1__dropdown_schulen .filter-form__fieldset--popup .__AC_position,
.site-header__menu__level1__dropdown_kuenstler .filter-form__fieldset--popup__popup,
.site-header__menu__level1__dropdown_kuenstler .filter-form__fieldset--popup .__AC_position {
    right: auto;
    left: 0;
}

ul.service-menu {
    max-width: 80%;
    line-height: 23px;
}

li.site-header__service-menu__item.user-area {
    line-height: 13px;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    ul.service-menu {
        max-width: 100%;
        line-height: 23px;
        margin-right: 30px;
    }

}

@media screen and (max-width: 1009px) {


    .site-header__contact {
        position: absolute;
        right: 88px;
        top: 45px;
        height: 23px;
        width: 23px;
    }

    .site-header__service-menu {
        margin-left: 38px;
    }

    .site-header__service-menu li:first-child {
        border-left: 0;
        padding-left: 0;
    }

    .site-header__menu .collapsible-icon {
        height: 22px;
        right: 17px;
        top: 13px;
        margin-top: 0;
    }

    .site-header__menu__level1__item {
        border-bottom: 1px solid #000000;
    }

    .site-header__menu__level1__item.open {
        padding-bottom: 7px;
    }

    a.site-header__menu__level1__item__link,
    a.site-header__menu__level3__item__link {
        display: inline-block;

        font-size: 16px;
        line-height: 18px;
    }

    .site-header__nav.open .level2.open {
        margin-bottom: 3px;
    }

    a.site-header__menu__level2__item__link,
    a.site-header__menu__level3__item__link,
    a.site-header__menu__level3__item__link:before {
        font-size: 14px;
        font-weight: 400;
        line-height: 32px;
    }

    .site-header__menu__level3 {
        margin-top: 15px;
        border-top: 1px solid black;
        padding-top: 7px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .site-header__menu__level3__item {
        padding-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    a.site-header__menu__level3__item__link {
        margin-left: 57px;
    }

    .site-header__menu__level3__item__arrow {
        position: absolute;
        top: 10px;
        left: 40px;
        height: 14px;
    }

    .site-header__menu__level3__item__arrow,
    .site-header__menu__level3__item__arrow svg,
    .site-header__menu__level3__item__arrow polygon  {
        fill: #813a3e;
    }

    .collapsible-icon--menu {
        z-index: 9898;

        display:block;
        position: absolute;
        top: 0;
        right: 0;
        margin: 46px 13px 0px 0px;
        width: 20px;
        height: 16px;

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

    .collapsible-icon--menu,
    .collapsible-icon--menu svg,
    .collapsible-icon--menu path {
        fill: #F17800;
    }

    .collapsible-icon--cross {
        z-index: 9900;
        height: 20px;
        top: -2px;
    }

    .site-header__nav.open > .collapsible-icon--menu  {
        /*display: none;*/
    }

    .filter-form__fieldset--partner_types {
        width: 25.9%;
    }

    .filter-form__rightcol {
        width: 18%;
    }

}

.site-header__service-menu__item:nth-child(2),
.site-header__service-menu__item:nth-child(3),
.site-header__service-menu__item:nth-child(4) {
    display: none;
}



@media screen and (min-width: 1010px) {

    .site-header__nav--desktop {
        visibility: visible;
        display: block;
    }

    .site-header__nav--mobile {
        visibility: hidden;
        display: none;
    }

    .site-header__nav {
        /*		padding-left: 212px;*/
    }

    .site-header__service-menu {
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        text-align: right;
    }

    .site-header__service-menu .service-menu {
        margin-right: 0;
    }

    .site-header__menu {
        margin-bottom: 0;
        padding-top: 111px;
        padding-bottom: 0;
        text-align: right;
    }

    .site-header__menu ul {
        display: block;
    }

    .site-header__menu__level1__item,
    .site-header__menu__level2__item,
    .site-header__menu__level3__item {
        position: static;
        padding-top: 0;
        padding-bottom: 0;
    }

    a.site-header__menu__level1__item__link,
    a.site-header__menu__level2__item__link,
    a.site-header__menu__level3__item__link {
        margin-left: 0;
        margin-right: 0;
    }

    .site-header__menu__level1__item {
        display: inline-block;
        vertical-align: top;
    }

    a.site-header__menu__level1__item__link {
        position: relative;
        padding-bottom: 32px;
    }

    .site-header__menu__level1__item:last-child a.site-header__menu__level1__item__link {
        margin-right: 0;
    }

    .site-header__nav .menu-toggle {
        visibility: hidden;
        display: none;
    }

    a.site-header__menu__level1__item__link:after,
    .site-header__menu__level1__dropdown {
        visibility: hidden;
        opacity: 0;
    }

    .site-header__menu__level1__item.active a.site-header__menu__level1__item__link {
        color: #000000;
        border-bottom: 5px solid #f17800;
        padding-bottom: 22px;
    }

    .site-header__menu__level1__dropdown {
        position: absolute;
        left: 0;
        right: 0;
        z-index: -100;
        width: 100%;
        max-width: 1146px;
        min-height: 355px;
        margin: -4px auto 0 auto;
        padding: 22px 17px;

        text-align: left;
        visibility: hidden;
        /*display: none;*/
        z-index: -9999;
        opacity: 0;
        pointer-events: none;

        background: #f0f0f0;
        /*		border-top: 1px solid #000000;*/
        -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.25);

        transition: opacity 0.6s ease 0s;
        -webkit-transition: opacity 0.6s ease 0s;
    }

    .site-header__menu__level1__item.active .site-header__menu__level1__dropdown {
        margin: -9px auto 0  auto;
    }

    .site-header__menu__level1__item.open .site-header__menu__level1__dropdown,
    .site-header__menu__level1__item:hover .site-header__menu__level1__dropdown,
    .site-header__menu__level1__item:focus .site-header__menu__level1__dropdown,
    .site-header__menu__level1__item:active .site-header__menu__level1__dropdown {
        z-index: 9001;
        visibility: visible;
        display: block;
        pointer-events: all;
        opacity: 1;
    }

    a.site-header__menu__level1__item__link:after {
        content: ' ';
        display: block;
        z-index: 9002;
        position: absolute;
        bottom: 4px;
        left: 0;
        right: 0;

        width: 100%;
        height: 20px;

        /*		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16px' height='9px'><path style='fill:%23f0f0f0;' d='M0,9l8-9l8,9H0z'/></svg>");*/
        background: rgba(0, 0, 0, 0) url("../media/images/icon_tri.png") no-repeat center bottom;

        transition: opacity 0.6s ease 0s;
        -webkit-transition: opacity 0.6s ease 0s;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        a.site-header__menu__level1__item__link:after {
            bottom: 4px;
        }
    }

    .site-header__menu__level1__item:hover > a:after,
    .site-header__menu__level1__item:active > a:after,
    .site-header__menu__level1__item:focus > a:after {
        opacity: 1;
        visibility: visible;
    }

    .site-header__menu__level2 {
        padding-bottom: 6px;
        border-bottom: 1px solid rgba(255,255,255,0.4);
        margin-bottom: 26px;
    }



}

@media screen and (min-width:1010px) {

    .site-header__menu {
        padding-top: 108px;
        margin-left: 18px;
    }

    a.site-header__menu__level1__item__link {
        font-size: 24px;
        margin-left: 17px;
        margin-right: 17px;
    }

    .site-header__menu__level1__item.active a.site-header__menu__level1__item__link,
    .site-header__menu__level1__item:hover a.site-header__menu__level1__item__link,
    .site-header__menu__level1__item:active a.site-header__menu__level1__item__link,
    .site-header__menu__level1__item:focus a.site-header__menu__level1__item__link {
        padding-bottom: 27px;
    }

    .site-header__menu__level1__item.active a.site-header__menu__level1__item__link:after {
        bottom: 4px;
    }

    .site-header__menu__level1__dropdown {
        min-height: 242px;
        padding-left: 69px;
        padding-right: 69px;
    }

    .site-header__menu__level2__item__description {
        right: 10%;
    }

}

/*
 *************************
	$USER AREA
 *************************
*/

.user-area .username {
	cursor: pointer;
	letter-spacing: 0.8px;
}

.user-area .user-area-button.show-button {

	cursor: pointer;
	color: #ff7f00;
	/*background-image: url('../media/images/img_login-open.png');*/
}

.user-area .user-area-button.hide-button {
	
	cursor: pointer;
	color: #ff7f00;
	/*background-image: url('../media/images/img_login-close.png');*/
}



@media screen and (max-width:950px){


}



@media screen and (min-width:980px){


}


/*
 *************************
	$BASIC SEARCH FIELD
 *************************
*/

.search {
	height: 30px;
	position: relative;
	z-index: 0;
}

.search__input {
	appearance:none;
	-moz-appearance:none;
 	-webkit-appearance:none;

	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;

	width: 100%;
	height: 100%;
	padding: 0 30px 0 10px;

	font-size: 14px;
	font-weight: normal;

	border: none;
	outline: none;
}

.search__input::-webkit-search-decoration,
.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-results-button,
.search__input::-webkit-search-results-decoration {
	display: none;
	-webkit-appearance:none;
}

.search__submit {
	position: absolute;
	right: 0;
	top: 0;

	width: 32px;
	height: 100%;

	background-color: #FFFFFF;
	background-position: center;

	font-size: 0;
	cursor:pointer;

	border: none;
}



/*
 *************************
	$SEARCH TOGGLER
 *************************
*/

.search--expander__submit {
	pointer-events: none;
}

.search--expander__input,
.search--expander__placeholder {
	cursor: pointer;

	width: 32px;

	padding: 0;

	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	-o-transition: width 0.3s;
	transition: width 0.3s;
}

.search--expander__input:invalid {
	box-shadow: none;
}

.search--expander__input::-webkit-input-placeholder {
	font-size: 0;
}
.search--expander__input:-moz-placeholder {
	font-size: 0;
}
.search--expander__input::-moz-placeholder {
	font-size: 0;
}
.search--expander__input:-ms-input-placeholder {
	font-size: 0;
}

.search--expander__placeholder {
	width: 0;

	position: absolute;
	top:0;
	left:0;
	z-index:-1;
	
	font-size: 14px;
	font-weight: normal;

	color: #3d3d3d;
	background:#FFFFFF;
	opacity: 0;

	overflow:hidden;
}

.search--expander__input:focus {
	cursor: text;

	width: 184px;
	padding: 0 30px 0 10px;

	background-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);
}

.search--expander__input:invalid:focus {
	background-color: rgba(255,255,255,.8);
}

.search--expander__input:focus + .search--expander__placeholder {
	text-align: left;
	width: 152px;
	padding: 4px 30px 0 10px;
}

.search--expander__input:invalid:focus + .search--expander__placeholder {
	opacity: 1;
}

.search--expander__input:focus ~ a.search__submit {
	pointer-events: auto;
	background: #FFFFFF;
}



/*
 *************************
	$MAIN SEARCH
 *************************
*/

.site-header__search {
	height: 30px;
	position: relative;
	margin-top: -8px;
}

.site-header__search__submit > svg {
	height: 13px;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	left: 50%;
	margin-left: -4px;
}



/*
 *************************
	$SEARCH RESULTS
 *************************
*/

.page-suche .main-col {
    padding-left: 20px;
    padding-right: 20px;
}

.page-suche .sub-header {
	margin-top: 0;
}

.search-results .sub-header {
   color: inherit;
}

.search-results .cbSearchPager a {
   color: #ff7f00;
}

.search-results .cbSearchHeader {
   margin: 26px 0 46px;
}

.search-results .cbSearchTitle a {
    font-size: 24px;
    font-style: normal;
    margin-bottom: 4px;
    margin-top: 16px;
    color: #151515;
}

.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: 15px;
   color: #813a3e;
}

.cbSearchFooter .cbSearchPager {
    margin-bottom: 50px;
}



/*Smartphones*/
@media screen and (max-width:1009px) {

	.site-header__search {
		position: absolute;
		top: 44px;
		right: 48px;
		margin-top: -6px;
	}

	.site-header__search__submit > svg {
		width: 18px;
		height: 18px;
		margin-top: -8px;
	}

	.site-header__nav.open .search--expander__input,
	.site-header__nav.open .search__submit {
		background: rgba(240,240,240,1);
	}

	.site-header__nav.open .search--expander__input:focus,
	.site-header__nav.open .search--expander__input:focus + .search__submit {
		background: #FFFFFF;
	}

}

/*
 *************************
        $ADDRESSES
 *************************
*/



.listview.addresses {
    padding-top: 42px;
}

.listview--addresses__item__article {
    padding-top: 10px;
}

.listview--addresses__item__article__contact h3,
.listview--addresses__item__article__projects h3 {
    margin-bottom: 0;
    margin-top: 18px;
}

.listview--addresses__item__article__contact h3 {
    margin-bottom: 4px;
}

.listview--addresses__item__header {
    padding-top: 14px;
}

.listview__item.open .listview--addresses__item__header {
    background: #fbb51f;
    min-height: 104px;
}

.listview__item.open .listview--addresses__item__header:before {
    border-top: 1px solid #fbb51f;
}

.listview__item.open .listview--addresses__item__header__title {
    margin-top: 25px;
}

.listview__item__header__description__right,
.listview__item__header__description__left {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-top: 12px;
    line-height: 22px;
}

.listview__item--hasimg__header__left .listview__item__header__description__right,
.listview__item--hasimg__header__left .listview__item__header__description__left {
    width: 50%;
}

@media screen and (min-width:568px) {
    .listview__item__header__description__right,
    .listview__item__header__description__left {
        width: 44%;
    }
}

/* iPad hoch und größer */
@media screen and (min-width:768px) {

    .listview--addresses__item__article {
        padding-top: 42px;
    }

    .listview--addresses__item__article__contact {
        width: 61%;
    }

    .listview--addresses__item__article__projects {
        width: 37.5%;
    }

    .listview--addresses__item__article__contact h3,
    .listview--addresses__item__article__projects h3 {
        margin-top: 51px;
        margin-bottom: 0;
        font-size: 21px;
        letter-spacing: 0.6px;
    }

}

/* iPad quer (nicht exakt) und größer */
@media screen and (min-width:1010px){

    .listview--addresses__item__article {
        padding-top: 45px;
    }

    .listview--addresses__item__article__contact h3,
    .listview--addresses__item__article__projects h3 {
        margin-top: 72px;
    }

    .listview--addresses__item__article__contact,
    .listview--addresses__item__article__projects {
        width: 46.9%;
    }

}

/*
 *************************
	$HOME
 *************************
*/

.page-home .main-col {
	padding-top: 34px;
	padding-bottom: 0;
}

.page-home .site-main {
	padding-bottom: 55px;
}

.home-news__title,
.home-persons__title {
	text-align: center;
	font-size: 36px;
	letter-spacing: 0.03em;
	margin: 0 0 30px 0;
}

.home-news.tiles {
    border-bottom: 1px solid black;
    padding-bottom: 58px;
    padding-top: 0;
}

.container.tiles--slider--home {
	margin-top: 0;
}

.tiles--slider--home__title {
	margin-bottom: 0;
	letter-spacing: 0;
	border-top: 0;
	border-bottom: 0;
	margin-top: 0;
	padding-top: 38px;
	padding-bottom: 28px;
}



@media screen and (min-width: 768px) {

	.page-home .main-col {
		padding-top: 45px;
	}

	.home-news__title,
	.home-persons__title {
		margin: 0 0 44px 0;
	}

	.home-news.tiles {
	    padding-bottom: 75px;
	}

	.tiles--slider--home__title {
		font-size: 36px;
		padding-top: 35px;
		padding-bottom: 22px;
	}

}

@media screen and (min-width:1010px){

	.home-news.tiles {
	    padding-bottom: 53px;
	}

	.home-news__title {
		margin: 0 0 42px 0;
	}

	.home-persons__title {
		font-size: 36px;
		padding-top: 41px;
		margin-bottom: 51px;
	}

	.tiles--slider--home__title {
		padding-top: 35px;
		padding-bottom: 22px;
	}

}

@media screen and (min-width:1200px){

	.page-home .main-col {
		padding-top: 55px;
	}

}




/*
 *************************
	$PERSONS OVERVIEW
 *************************
*/

.listview.persons {
	padding-top: 42px;
}

.alphabet-filter {
	visibility: hidden;
	display: none;
}

.listview--persons__item__article {
	padding-top: 10px;
}

.listview--persons__item__article__contact h3,
.listview--persons__item__article__projects h3 {
    margin-bottom: 0;
    margin-top: 18px;
}

.listview--persons__item__article__contact h3 {
    margin-bottom: 4px;
}

.persons .filter-form--mobile {
	margin-right: 30px;
}



/* iPad hoch und größer */
@media screen and (min-width:768px) {

	.listview--persons__item__article {
		padding-top: 42px;
	}

	.listview--persons__item__article__contact {
		width: 61%;
	}

	.listview--persons__item__article__projects {
		width: 37.5%;
	}

	.listview--persons__item__article__contact h3,
	.listview--persons__item__article__projects h3 {
	    margin-top: 51px;
	    margin-bottom: 0;
    	font-size: 21px;
    	letter-spacing: 0.6px;
	}

	.persons .filter-form--mobile {
		margin-right: 0;
	}

}

/* iPad quer (nicht exakt) und größer */
@media screen and (min-width:1010px){

	.listview--persons__item__article {
		padding-top: 45px;
	}

	.listview--persons__item__article__contact h3,
	.listview--persons__item__article__projects h3 {
	    margin-top: 72px;
	}

	.listview--persons__item__article__contact,
	.listview--persons__item__article__projects {
		width: 46.9%;
	}

	.alphabet-filter {
		visibility: visible;
		display: block;
	    background: #426ead;
	    height: 34px;
	    padding: 0 22px;
	}

	.alphabet-filter-letter,
	.alphabet-filter-delimiter {
	    color: #ffffff;
	    font-size: 17px;
	    font-style: normal;
	    height: 34px;
	    line-height: 34px;
	    padding: 0 9px;
	    text-transform: uppercase;
	}

	.alphabet-filter-letter:last-child {
		padding-right: 0;
	}

	a.alphabet-filter-letter:hover,
	a.alphabet-filter-letter:active,
	a.alphabet-filter-letter:focus {
	    color: #000000;
	}

}

/*
 *************************
	$PERSON DETAIL
 *************************
*/

.main-col.person {
	padding: 38px 0 63px 0;
}

.main-col.person .container {
	max-width: 1034px;
}

.detail--person__header__name {
	margin-top: -9px;
}

.detail__gallery__item__meta {
	visibility: hidden;
	display: none;
}

.detail__picture-container {
	position: relative;
}

.detail__fullscreen-toggle {
   cursor: pointer;
}

.members-detail-fullscreen-icon {
    background-image: url("../media/images/img_fullscreen.svg");
    background-position: right 9px center;
    background-repeat: no-repeat;
    background-size: 39px auto;
    bottom: 57px;
    color: #fff;
    font-weight: 600;
    height: 26px;
    letter-spacing: 0.02rem;
    line-height: 26px;
    padding-right: 52px;
    position: absolute;
    right: 15px;
    text-align: right;
    width: 50%;
    z-index: 1000;
}

.members-detail-fullscreen-button,
.members-detail-fullscreen-button:hover,
.members-detail-fullscreen-button:active,
.members-detail-fullscreen-button:focus {
    text-transform: none;
    margin-top: 5px;
}

a.members-detail-fullscreen-button.no-first-image.button.detail__fullscreen-toggle {
    width: 223px;
    margin-bottom: 20px;
}



/* iPad hoch und größer */
@media screen and (min-width:768px) {

	.main-col.person {
		padding-top: 86px;
	}

}



.filter-mobile {
	position: absolute;
	right: 14px;
	top: 50%;
	margin-top: -11px;
}

.filter-form--mobile {
	width:245px;
	position: absolute;
	right: -330px;
	top: 42px;

	z-index: 9999;

	background: #f0f0f0 none repeat scroll 0 0;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.25);

    padding: 15px;
}

.filter-mobile .collapsible-title.collapsible-toggler {
	padding-right: 0;
}

.filter-form--mobile fieldset:not(.collapsible--popup) {
	margin-bottom: 15px;
}



/* Intermediate size */
@media screen and (min-width:500px) {

	.filter-mobile {
		/* top: 162px; */
	}

}



/* iPad hoch und größer */
@media screen and (min-width:768px) {

	.filter-mobile {
		/* top: 162px; */
		right: 25px;
	}

}



/* iPad quer (nicht exakt) und größer */
@media screen and (min-width:1010px){

	.filter-mobile {
		visibility: hidden;
		display: none;
	}

}
.main-col.project {
	padding: 0 0 63px 0;
}

.main-col.project .container {
	max-width: 1034px;
}

.main-col.project .container--big {
	max-width: 1148px;
}

.project .detail__overview .box--third {
    padding-left: 38px;
    line-height: 18px;
}

.detail--project {
	margin-top: 27px;
}

.detail--project__header__name {
    font-size: 36px;
    line-height: 42px;
	margin: 0 0 18px 0;
}

.detail--project__meta {
    font-size: 14px;
    line-height: 18px;
}

.detail--project__meta__implementation {
    margin-bottom: 18px;
}

.detail--project__meta .collapsible-title {
    margin-bottom: 18px;
}

.collapsible-title > .detail--project__meta__implementation {
    margin-bottom: 0;
}

.detail--project__links {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    float: none;
    height: 69px;
    margin-top: -16px;
    margin-bottom: 31px;
}



.detail--project__links__link--print {
    margin-right: 44px;
    margin-top: 24px;
}

.detail__description.open .collapsible-title > .collapsible-toggler {
	display:none;
}

.related-projects,
.related-projects .tiles--slider__title {
    margin-top: 0;
}




/* iPad hoch und größer */
@media screen and (min-width:768px) {

    .main-col.project {
        padding-top: 50px;
    }

    .detail--project {
        margin-top: 0;
    }

    .media-container + .detail--project {
        margin-top: 50px;
    }

    .detail--project__header__name {
        margin: 0 0 29px 0;
    }

    .detail--project__links {
        margin-top: 110px;
        margin-bottom: 56px;
    }

    .detail--project__links__link--back {
        margin-left: 106px;
        margin-top: 24px;
    }

    .detail--project__links__link--print {
        margin-right: 98px;
    }

    .detail__description .collapsible-button {
        display:none;
    }

    .detail__description .collapsible-content,
    .detail__overview .detail__description .collapsed .collapsible-content {
        height: auto;
    }

}


/*
 *************************
	$USER PANEL
	z-index: 10000-10999;
 *************************
*/

.__CbUiLayer,
.__CbUiFrame {
	z-index: 10000;
}

.__EventScrollLock .__CbUiLayer {
    opacity: 0.92 !important;
}

.__CbUiFrame.__PixWindow * {
	box-sizing: content-box;
}

#user-panel {
	background-color: #ff7f00;
	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) {
	font-weight: normal !important;
}

/*.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 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 .container12,
#user-panel .container16 {
    margin:0 auto;
    padding:0;
    position:relative;
    max-width:1140px;
	 width: 100%;
}

.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;
}

#user-panel.user-panel-kus {
	width: 100%;
}
#user-panel.user-panel-kus .main-pane {
	margin: 0;
	padding-left: 41px;
	padding-right: 0px;
	padding-top: 10px;

}
#user-panel.user-panel-kus .row .left-pane {
	width: 80%; /*NACH INLINE VERNESSERUNG 85% */
	display: inline-block;
}
#user-panel.user-panel-kus .row .right-pane {
	width: 18%;
	display: inline-block;
	/*margin-left: 85%;*/
	margin: 0;
	padding: 0 10px;
}

.__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: 11338;
    left: -1001px;
}

.__CbUiCbTexRelatedButtons {
    bottom: 11px;
    margin-left: 0;
}

#CbTexSubtitle {
   width: 100%;
}

.__CbUiCbTexLinkInputLabel {
   font-size: 12px;
}

#CbTexLink {
   margin-top: 10px;
}