/*
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 .enable-image-dates span.tile-item-positioner.border-yellow {
    border: 2px solid #FFEB3B;
}

.__CbUiCbTexWindow .enable-image-dates span.tile-item-positioner.border-green {
    border: 3px solid #8BC34A;
}

.__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: 10px;
   min-width: 50px;
}

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

.__CbUiFrame.__CbUiCbTexMetaDataWindow.__CbUiLayerFrame {
    left: calc((100% - 680px) / 2);
    top: calc((100% - 530px) / 2);
}

.__CbUiCbTexWindow .overlay-container-header-handle {
    background-image: none;
}

/** MetaDataWindow */
.__CbUiFrame.__CbUiCbTexMetaDataWindow.__CbUiLayerFrame {
    left: calc((100% - 680px) / 2);
    top: calc((100% - 530px) / 2);
}

.__CbUiCbTexMetaDataWindow .CbTexMetaDateContainer {
    width: 600px;
    margin: 20px 10px;
    position:  relative;
}


.__CbUiCbTexMetaDataWindow .CbTexMetaDateField {
    width: 250px;
    padding: 3px;
}


.__CbUiCbTexMetaDataWindow .CbTexMetaDateLabel {
    width: 240px;
    float:  left;
    text-align:  right;
    margin-right:  10px;
}

.__CbUiCbTexMetaDataWindow textarea#CbTexMetaDataDescription {
    min-height: 50px;
    max-height:  50px;
    min-width:  250px;
    max-width:  250px;
}

.__CbUiCbTexMetaDataWindow .CbTexMetaDataText {
    height:  100px;
}

.__CbUiCbTexMetaDataWindow .__CbUiTexPageContent {
    height: 458px;
}

img.thumb-button-meta {
    position: absolute;
    bottom: 3px;
    left: 0px;
    width: 30px;
}

button.date-start-end-button {
    position: absolute;
    left: 6px;
    top: 4px;
    height: 15px;
    width: 15px;
    border-color: #808080;
    border-radius: 10px;
    background-color: #ffffff;
}

button.date-start-end-button.button-green {
    background-color: #8BC34A;
}

button.date-start-end-button.button-yellow {
    background-color: #FFEB3B;
}

button.date-start-end-button.button-red {
    background-color: #FF0000;
}