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