/*
********************************************************************************
********************** OVERLAY *************************************************
********************************************************************************
*/

div.overlay-form.__CbUiFrame,
div.special-bubble.__CbUiFrame,
.__CbUiRegisterWindow.__CbUiFrame,
.__PixWindow.__CbUiFrame{
   background-color: rgb(238, 238, 231);
   overflow: visible;
}

div.overlay-form.__CbUiLayerFrame,
div.special-bubble.__CbUiLayerFrame,
.__CbUiRegisterWindow.__CbUiFrame,
.__PixWindow.__CbUiLayerFrame{
    border: none !important;
}

div.overlay-form.__CbUiFrame,
.__CbUiRegisterWindow.__CbUiFrame,
.__PixWindow.__CbUiFrame{
   padding: 0 !important;
   border-radius: 5px;
   -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);
   text-align: center;
   border: 1px solid #fff;
}
.__CbUiFrame.overlay-form.__CbUiLayerFrame {
}

.__PixWindow.__CbUiFrame{
   text-align: left;
}

div.special-bubble.__CbUiFrame{
   position: fixed;
    margin-top: -170px;
    width: 640px !important;
    padding: 20px;
    background-color: #F9F6C8;
    color: #000;
    border-radius: 10px;
    -moz-box-shadow: 20px 20px 10px rgba(80, 80, 80, 0.6);
    -webkit-box-shadow: 20px 20px 10px rgba(80, 80, 80, 0.6);
    box-shadow: 20px 20px 10px rgba(80, 80, 80, 0.6);
}

div.special-bubble.__CbUiFrame:after {
	content: url('../png/spike-special.png');
	position: absolute;
	bottom:  -80px; /* value = - border-top-width - border-bottom-width */
	right: 25px; /* controls horizontal position */
}

.overlay-form .__CbUiHeader,
.overlay-form .__CbUiTitle {
    display: none;
}

.SpecialBubble .__CbUiCloseButton{
    top: 10px;
    right: 10px;
    width: 8px;
    height: 8px;
    background-image: url('../png/close.png');
    background-size: contain;
}

.__PixWindow.__CbUiLayerFrame .pix-overlay-container{
   border: none !important;
   min-height: 599px !important;
}

.__PixWindow .pix-main-navi{
   text-transform: uppercase;
}

.__PixWindow .pix-float-right .__CbUiLangSelect{
   top: 8px;
}

.__PixWindow .pix-float-right .__CbUiLangSelectFlag{
   top: 6px;
}

.SpecialBubble h1{
    font-size: 22px;
    margin: 5px 0;
}

.SpecialBubbleText{
    margin: 5px 0;
}

div.overlay-form.__CbUiFrame .overlay-edit-form{
   width: 680px;
   background-color: rgb(238,238,230);
   border-radius: 5px;
   position: relative;
   top: 0;
}

div.overlay-edit-form{
   min-height: 599px;
}

div.overlay-edit-form textarea,
div.overlay-edit-form input[type="text"]{
   width: 660px;
   border: 1px solid rgb(196,196,180);
}

div.overlay-edit-form textarea,
div.overlay-edit-form input[type="text"],
.mceContentBody p{
   font-family: Arial, sans-serif;
   color: #000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
}

div.overlay-edit-form textarea:not(.__CbUiInputTextArea),
#comment-form-text_ifr{
    min-height: 345px !important;
}

div.overlay-edit-form textarea.__CbUiInputTextArea{
   max-height: 110px;
   height: 96px;
}

div.overlay-edit-form.article-form textarea,
div.overlay-edit-form.article-form #comment-form-text_ifr{
    height: 345px !important;
}

div.overlay-edit-form input[type="text"]{
   width: 628px;
   padding: 5px;
}

div.overlay-edit-form input[type="text"] + input[type="text"]{
   margin-top: 15px;
}

div.overlay-edit-form input#comment-form-subtitle{
    margin-top: 3px;
}

div.overlay-edit-form input.fresh{
   color: #888;
}

div.overlay-edit-form input[type="radio"]{
   margin-right: 5px;
}

div.overlay-edit-form label{
   float: left;
   margin: 0;
   font-size: 16px;
   height: 20px;
   width: 151px;
   vertical-align: middle;
   padding: 5px 0;
   font-weight: bold;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
}

div.overlay-edit-form label.pro{
   background-color: rgb(165, 180, 157);
}

div.overlay-edit-form label.contra{
   background-color: #D57A72;
}

div.overlay-edit-form label.neutral{
   background-color: rgb(222, 222, 221);
}

form#comment-form{
    padding: 10px 0 60px;
}

form#comment-form .defaultSkin table.mceLayout{
   border: none;
   clear: both;
}

form#comment-form .defaultSkin table.mceLayout tr.mceFirst td{
   background: transparent;
   border: none;
}

form#comment-form .defaultSkin table.mceToolbar{
   margin: 10px 0 2px 0;
   height: 30px;
}

form#comment-form .defaultSkin .mceButton{
   width: 26px;
   height: 25px;
   border: none;
   margin-right: 2px;
}

form#comment-form .defaultSkin .mceIcon{
   background-image: url('../png/buttons.png');
   background-repeat: no-repeat;
   width: 26px;
   height: 25px;
   cursor: pointer;
}

form#comment-form .defaultSkin span.mce_italic{
   background-position: -26px 0;
}

form#comment-form .defaultSkin span.mce_underline{
   background-position: -52px 0;
}

form#comment-form .defaultSkin span.mce_strikethrough{
   background-position: -78px 0;
}

form#comment-form .defaultSkin span.mce_justifyleft{
   background-position: -104px 0;
}

form#comment-form .defaultSkin span.mce_justifycenter{
   background-position: -130px 0;
}

form#comment-form .defaultSkin span.mce_justifyright{
   background-position: -156px 0;
}

form#comment-form .defaultSkin span.mce_justifyfull{
   background-position: -182px 0;
}

form#comment-form .defaultSkin span.mce_bullist{
   background-position: -208px 0;
}

form#comment-form .defaultSkin span.mce_numlist{
   background-position: -234px 0;
}

form#comment-form .defaultSkin span.mce_blockquote{
   background-position: -260px 0;
}

form#comment-form .defaultSkin span.mce_indent{
   background-position: -286px 0;
}

form#comment-form .defaultSkin span.mce_outdent{
   background-position: -312px 0;
}

form#comment-form .defaultSkin span.mce_link{
   background-position: -338px 0;
}

form#comment-form .defaultSkin span.mce_unlink{
   background-position: -364px 0;
}

form#comment-form .defaultSkin span.mce_cleanup{
   background-position: -390px 0;
}

form#comment-form span.mceSeparator{
   visibility: hidden;
}

div.edit-form-header{
   border-radius: 5px 5px 0 0;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-bottom: 1px solid #C5C4B0;
   width: 680px;
   height: 35px;
   background-color: #FEFEFE;
}

.move-overlay-container{
   background-image: url('../png/window_handle_icon.png');
   background-repeat: repeat-x;
   width: 600px;
   margin-left: 20px;
   height: 35px;
   display: block;
}

.toolbar-close{
   float: right;
   margin-top: 2px;
}

.overlay-form .__CbUiCloseButton,
.__CbUiRegisterWindow .__CbUiCloseButton{
   position: absolute;
   top: 8px;
   width: 20px;
   height: 20px;
   right: 20px;
   padding: 0;
}

.overlay-form .__CbUiCloseButton{
   background-image: none !important;
}

a.close-overlay-edit-form{
   float: right;
   margin: 0 5px 0 0;
   padding: 0;
}

.edit-form-header img{
   vertical-align: baseline;
}

a.help-link{
   float: left;
   margin: 5px 10px 5px 0;
   color: #000;
   font-size: 12px;
   font-weight: bold;
}

div.edit-form-container{
   padding: 0 20px 0;
}

ul.comment-form-menu{
   margin: 5px 0 5px 10px;
   clear: right;
   padding: 0;
   float: right;
   color: #000;
   font-size: 12px;
   font-weight: bold;
   display: none;
}

ul.comment-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;
}

a.edit-form-button.left{
   float: left;
   margin-right: 5px;
}

.hidden{
   visibility: hidden;
}

a.edit-form-button.right{
   float: right;
   margin-left: 10px;
   color: rgb(180, 0, 0);
}

a.edit-form-button.right.inactive{
   color: rgb(138,138,138);
   opacity: 0.6;
   cursor: default;
}

div.edit-form-buttons {
   width: 641px;
   position: absolute;
   bottom: 30px;
}

.pix-image-meta div.edit-form-buttons {
    width: 100%;
}

.edit-form-container .edit-form-buttons {
   left: 20px;
}

p.edit-form-bar{
   width: 665px;
   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;
}

.disableDelete .comment-form-delete{
   visibility: hidden;
}

.disableHide .visibility-settings-box {
   display: none;
}

h1.article-title{
   font-size: 16px;
   text-align: left;
}

div.visibility-settings-box{
   margin: 10px 0;
}

div.visibility-settings-box label{
   margin-left: 20px;
   float: right;
   width: auto;
   font-size: 12px;
   text-transform: capitalize;
}

div.label-container{
    margin: 0;
    padding-top: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid rgb(196,196,180);
}

div.label-container div{
   margin: 5px 12px 10px 0;
   float: right;
}

div.edit-form-menu{
   border-bottom: 3px solid #000;
   position: relative;
}

div.comment-form-page,
a.comment-form-submit,
a.comment-form-page-button{
   display: none;
}

h2.categorisation-header{
   font-size: 12px;
   text-align: left;
   margin-bottom: 0;
   font-weight: normal;
}

.comment-edit-form-container label.visibility-label,
.article-edit-form-container label.visibility-label{
   margin-top: 5px;
   display: block;
   float: none;
   width: auto;
   text-align: left;
   margin-left: 16px;
}

.author-meta-fields{
    padding: 15px 0;
    border-top: 3px solid #000;
    border-bottom: 1px solid rgb(196,196,180);
    font-size: 13px;
}

.author-meta-fields:first-child{
    border-top: none;
    margin: 0;
}

.author-meta-fields div.input-container{
   margin-top: 15px;
   position: relative;
   text-align: left;
}

.author-meta-fields div.input-container:first-child{
   margin-top: 0;
}

.author-meta-fields div input,
.author-meta-fields div span{
   float: left;
}

.author-meta-fields div.input-container span{
   color: rgb(196,196,180);
   font-weight: bold;
   display: inline-block;
   width: 165px;
   padding-top: 6px;
}

.author-meta-fields div.input-container input[type="text"],
.author-meta-fields .add-user input[type="text"]{
   width: 440px;
   margin-left: 10px;
   border: 1px solid #d4d4c7;
   font-size: 13px;
}

.mail-notification-settings{
   padding: 10px 0;
   text-align: left;
   border-top: 1px solid #fff;
   font-size: 12px;
}

.mail-notification-settings input{
   margin: 10px 10px 0 20px;
}

.input-container{
   font-weight: bold;
}

.input-container .remark{
   color: #9b0000;
   font-style: italic;
   margin-left: 10px;
}

.mail-notification-settings .input-container label{
   width: 100% !important;
   border: none;
   font-size: 12px !important;
}

.mail-notification-settings input[type='checkbox']{
   display: none;
}

.mail-notification-settings input[type="checkbox"] + 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;
}

.mail-notification-settings input[type="checkbox"] + span.icon{
   background-image: url('../png/radio_toggle_icon.png');
   background-position: 0 0;
}

.mail-notification-settings input[type="checkbox"]:checked + span.icon{
   background-image: url('../png/radio_toggle_icon.png');
   background-position: -20px 0;
}

#comment-form-author{
   border-radius: 4px;   
   padding: 7px 5px;
   color: rgb(127, 127, 120);
}

#comment-form-author.searchbox.__AC_invalidated{
   color: rgb(95, 123, 165) !important;
   background-color: rgb(218, 225, 228) !important;
   background-image: url('../png/glas_icon.png');
   background-repeat: no-repeat;
   background-position: 98% 50%;
}

.input-container .__AC_position{
   top: 31px;
   right: 12px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   background-image: none !important;
}

.input-container .__AC_data{
   text-align: left;
}

.input-container .__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);
}

.input-container .__AC_layer::before{
   content: '';
   position: absolute;
   top: -10px;
   left: 10px;
   height: 10px;
   width: 25px;
   background-image: url('../gif/pointer.gif');
   background-repeat: no-repeat;
}

.input-container .__AC_data{
   max-height: 150px !important;
}

.input-container .__AC_position .__AC_footer{
   text-align: left;
}

.input-container .__AC_position .add-new-user-btn,
.author-meta-fields .add-user .save,
.author-meta-fields .add-user .close,
a.edit-form-button{
   margin-top: 10px;
   display: inline-block;
   border: 1px solid #d4d4c7;
   padding: 5px;
   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;
   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.edit-form-button{
   min-width: 133px;
   padding: 0px 10px;
}

.input-container .__AC_position .add-new-user-btn{
   width: 94%;
   line-height: 100%;
}

.author-meta-fields .add-user{
   background-color: #fff;
   -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);
   width: 627px;
   padding: 5px 0 10px;
   position: relative;
   display: none;
}

.author-meta-fields .add-user .input-fields-block-label{
   margin-bottom: 5px;
   text-align: left;
   padding: 0 10px;
}

.author-meta-fields .add-user input[type="text"]{
   padding: 3px 5px;
   color: rgb(0, 0, 0);
}

.author-meta-fields .add-user .save,
.author-meta-fields .add-user .close{
   width:  50px;
   height: 26px;
   background-repeat: no-repeat;
   background-position: center center;
   display: inline-block;
   margin-top: 0;
}

.author-meta-fields .add-user .save,
.author-meta-fields .add-user .close{
   position: absolute;
   bottom: 10px;
}

.author-meta-fields .add-user .save,
.author-meta-fields .add-user .close{
   border: 1px solid rgb(69,103,113);
}

.author-meta-fields .add-user .save{
   background-image: url('../png/edit_save_icon.png');
   right: 10px;
}

.author-meta-fields .add-user .close{
   background-image: url('../png/edit_close_icon.png');
   right: 65px;
}

.__CbUiLangSelect{
   background-color: transparent;
   border: none;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 12px;
   top: 10px;
   right: 20px;
}

.message, 
p.display-message-side,
p.display-message-author{
   color: #cc0000;
}

.message{
   width: 65%;
   clear: both;
   text-align: left;
   padding: 10px;
}
   
p.display-message-author,
p.display-message-side{
   display: none;
   text-align: left;
}

p.display-message-side{
   font-size: 12px;
   width: 25%;
}

.__CbRegScrollContainer{
   overflow-y: auto;
   overflow-x: hidden;
   height: 470px;
   margin-top: 10px;
}

#registerframe_button_register {
    width: auto;
}