
.bue-ui {
  margin: 1px 0px;
}
.bue-button {
  margin: 1px;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 0;
}
.bue-button:hover {
  border-color: #fc6;
}
.bue-text-button {
  height: 22px;
  font-size: 11px;
  font-weight: bold;
  background-color: #fff;
  color: #444;
  text-align: center;
}
.bue-sprite-button {
  background: transparent none no-repeat 0 0;
}
.bue-ui .stay-clicked {
  border-color: #f00;
}
.bue-ui span.separator {
  margin: 0px 1px;
}
.bue-ui img, .bue-button {
  vertical-align: middle;
}
/*Popup dialogs*/
.bue-popup {
  z-index: 10;
  position: absolute;
  font: 12px verdana;
  width: auto;
  margin: 0;
  text-align: left;
  color: #333;
  border: none;
  outline: none;
}
.bue-popup-head {
  cursor: move;
  font-weight: bold;
  background-color: #e6e6fa;
  border: 1px solid #999;
  margin-bottom: -1px;
}
.bue-popup-title {
  float: left;
  margin: 0.4em 0.5em;
}
.bue-popup-close {
  float: right;
  cursor: pointer;
  margin: 0.2em 0.5em;
  padding: 0.2em 0.5em;
  border: 1px solid #bbb;
  font-size: 0.9em;
  background: transparent;
}
.bue-popup-close:hover {
  background-color: #f5f5fa;
}
.bue-popup-body {
  background-color: #f5f5fa;
  border: 1px solid #999;
}
.bue-popup-content {
  margin: 0.5em;
  overflow: hidden;
}
.bue-popup-content table {
  margin: 0em;
  border: none;
}
.bue-popup-content tbody {
  border: none;
}
.bue-popup .bue-zero, .bue-zero {
  margin: 0em;
  padding: 0em;
  border: none;
  background: none;
}
/*tag chooser*/
.bue-popup-content ul.tag-chooser {
  margin: 0em;
  padding: 0em;
}
.bue-popup-content ul.tag-chooser li.choice {
  background: none;
  list-style: circle;
  margin: 0.3em 0.5em 0.3em 1.5em;
  padding: 0em;
}
.bue-popup-content ul.tag-chooser a.choice-link {
  display: block;
  color: #000;
}
#bue-help {
  min-width: 200px;
  max-width: 400px;
}
/*Imce popup*/
#bue-imce-pop iframe {
  width: 720px;
  height: 520px;
  border: none;
}
#bue-imce-pop .bue-popup-content {
  margin: 0em;
}
#bue-imce-button {
  margin: 0 0.2em;
}



/*
= MODULE BUEDITOR - NEW
============================================
*/

/*
body  .editor-container input[alt='Предпросмотр(O)']{
  border: 1px solid #eee;
  border-radius: 50%;
  background: #eee !important;
}
body  .editor-container input[alt='Предпросмотр(O)']:hover{
  border: 1px solid #eee;
  border-radius: 50%;
  background: #eee !important;
  opacity: 1 !important;
}
*/

.bue-ui{
  /* background: #f9f9f9; */
  /* border: #e3e3e3 solid 1px; */
  /*border-bottom: #f9f9f9 solid 1px;*/
  border-radius: 0;
  padding: 0;
  margin: 0 0 -1px 0;
  width: 100%;
  z-index: 2;
  position: relative;
}

.bue-ui .bue-button{
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 2px;
  margin: 4px;
  opacity: 0.55;
  outline: none;
}

.bue-ui .bue-button:-moz-focus-inner, 
.bue-ui .bue-button:focus{
  outline: none;
}

.bue-ui .bue-button:hover,
.bue-ui .bue-button.stay-clicked{
  background-color: #eee;
  border: 0;
  /* box-shadow: 0 1px 2px -1px #c1c1c1; */
  border-radius: 5px;
  opacity: 1;
}

.bue-ui .bue-button:disabled{
  opacity: 0.1;
}

.bue-ui .bue-button:last-of-type{
  float: right;
}

.bue-ui.bue-e5 .bue-button:last-of-type, 
.bue-ui.bue-e6 .bue-button:last-of-type{
  float: none;
}

.bue-ui span.bocuWrapper:last-of-type{
  float: none;
  display: inline-block;
}

body div.bue-preview{
  background-color: #fff;
  border: #e3e3e3 solid 1px;
  position: relative;
  padding: 5px;
  margin: 0;
  min-height: 100px;
  width: 100%;
  text-align: left;
}

body .b-xpopup__content-container div.bue-preview{
  width: 99.7%;
  padding: 6px;
}

body div.bue-preview:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

body div.bue-preview .comment,
body div.bue-preview .content{
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  font-size: 16px;
}

body div.bue-preview .node,
body div.bue-preview .content{
  background: none;
}

body div.bue-preview .node .content p:first-of-type{
  margin-top: 0;
}

body div.bue-preview .node .content p:last-of-type{
  margin-bottom: 0;
}

div.bue-preview div.bue-prv-loading{
  background: url(images/loader.gif) 49% 49% no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  overflow: hidden;
  text-indent: -1000em;
}

/* BUE BUTTON TABLE */

#bue-quick-table{
  margin: -7px;
}

#bue-quick-table tr td{
  background: #fff;
  border: 1px solid #ddd;
  width: 28px; 
  height: 28px; 
  padding: 0;
  text-align: center;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
}

/* BUE BUTTON FONT COLORS */

.b-bue-color-box{
  width: 288px;
  line-height: 10px;
}

.b-bue-color-box__link{
  display: inline-block;
  margin: -1px;
  border: #fff solid 1px;
  text-decoration: none !important;
  font-size: 1px;
  width: 26px;
  height: 26px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.b-bue-color-box__link:hover{
  border: #fff solid 1px;
  outline: #fff solid 1px;
  box-shadow: 0 0 3px #000;
  z-index: 2;
}

/* BUE BUTTON FONT SIZE */

.bue-size-box{
  background: #fff;
  margin: -6px;
}

.bue-size-box a{
  display: block;
  padding: 8px 10px;
  text-decoration: none !important;
  color: #6f6f6f;
  margin: 0;
}

.bue-size-box a:hover{
  background: #f1f1f1;
  color: #000;
}

/* BUE BUTTON SMILEY */

.bue-smiley-wrapper {
  background-color: #fff;
  width: 290px !important;
  height: 197px !important;
  overflow: auto;
  margin: -6px;
}

.bue-smiley-wrapper a{
  display: inline-block;
  margin: 3px !important;
  padding: 0px;
  border: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 10px;
  position: relative;
}
.bue-smiley-wrapper a img{
  border: 0;
}

.bue-smiley-wrapper a:after { /* Make vertical align of images work */
  content: "|";
  visibility: hidden;
  letter-spacing: -1em;
}

.bue-smiley-wrapper a img {
  vertical-align: middle;
}

/* BUE MOBILE */

.mobile-less-600 .bue-ui .bue-button{
  display: none;
}

.mobile-less-600 .bue-ui #bue-0-button-1, 
.mobile-less-600 .bue-ui #bue-0-button-2, 
.mobile-less-600 .bue-ui #bue-0-button-5, 
.mobile-less-600 .bue-ui #bue-0-button-6, 
.mobile-less-600 .bue-ui #bue-0-button-7, 
.mobile-less-600 .bue-ui #bue-0-button-8, 
.mobile-less-600 .bue-ui #bue-0-button-9, 
.mobile-less-600 .bue-ui #bue-0-button-10, 
.mobile-less-600 .bue-ui #bue-0-button-11, 
.mobile-less-600 .bue-ui #bue-0-button-12{
  display: inline-block;
}

/* BUE BROWSER */

table.bue-popup{
  font-family: 'Roboto Condensed', sans-serif;
  border: 0;
  margin-top: 10px;
  box-shadow: none;
  color: #444;
  z-index: 9999999999;
  zoom: 1;
}

table#bue-quick-pop .bue-popup-body, 
div.bue-popup-body{
  background: #f9f9f9;
  border: #e3e3e3 solid 1px;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
  padding: 0;
}

table#bue-quick-pop .bue-popup-body{
  border-radius: 2px;
}

div.bue-popup-head{
  background: #f5f5f5;
  border: #cfcfcf solid 1px;
  border-radius: 1px 1px 0 0;
  height: 34px;
  padding: 0;
  text-align: left;
  font-size: 12px;
  color: #444;
  font-size: 15px;
  font-weight: normal;
}

.bue-popup-head .bue-popup-title{
  border: 0;
  margin: 0;
  padding: 0 10px;
  line-height: 32px;
}

.bue-popup-head .bue-popup-close{
  background: url(images/icons/html-editor-close.png) 0px 0px no-repeat;
  border: 0;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 11px 5px 0 5px;
  overflow: hidden;
  text-indent: -1000em;
  cursor: hand;
  cursor: pointer;
  opacity: 0.55;
}

.bue-popup-head .bue-popup-close:hover{
  opacity: 0.9;
}

.bue-popup .bue-popup-body .bue-popup-content{
  overflow: visible;
}

.bue-popup .bue-popup-body .bue-popup-content .form-button, 
.bue-popup .bue-popup-body .bue-popup-content .form-submit{
  background-image: linear-gradient(bottom, #f1f1f1 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(bottom, #f1f1f1 0%, #f5f5f5 100%);
  background-image: -moz-linear-gradient(bottom, #f1f1f1 0%, #f5f5f5 100%);
  background-image: -webkit-linear-gradient(bottom, #f1f1f1 0%, #f5f5f5 100%);
  background-image: -ms-linear-gradient(bottom, #f1f1f1 0%, #f5f5f5 100%);
  background-color: #f5f5f5;
  border: #d9d9d9 solid 1px;
  border-radius: 2px;
  margin: 0;
  padding: 5px 15px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  color: #444;
  margin-left: 5px;
}

.bue-popup .bue-popup-body .bue-popup-content .form-button:hover, 
.bue-popup .bue-popup-body .bue-popup-content .form-submit:hover{
  box-shadow: 0 1px 1px -1px #c6c6c6;
}

.bue-select-btn-box{
  position: relative;
}

.bue-select-btn-box .item-btn{
  background: url(images/icons/html-editor.png) 0px 0px no-repeat;
  border: 0;
  width: 21px;
  height: 21px;
  display: block;
  float: left;  
  opacity: 0.55;
  margin: 2px;
}

.bue-select-btn-box .item-btn-b{background-position: 0 0;}
.bue-select-btn-box .item-btn-i{background-position: -21px 0;}
.bue-select-btn-box .item-btn-u{background-position: -42px 0;}
.bue-select-btn-box .item-btn-s{background-position: -63px 0;}
.bue-select-btn-box .item-btn-sup{background-position: -104px 0;}
.bue-select-btn-box .item-btn-sub{background-position: -125px 0;}
.bue-select-btn-box .item-btn-left{background-position: -272px 0;}
.bue-select-btn-box .item-btn-center{background-position: -293px 0;}
.bue-select-btn-box .item-btn-right{background-position: -314px 0;}
.bue-select-btn-box .item-btn-justify{background-position: -230px 0;}
.bue-select-btn-box .item-btn-quote{background-position: -253px 0;}
.bue-select-btn-box .item-btn-off{background-position: -209px 0;}
.bue-select-btn-box .item-btn-nick{background-position: -336px 0;}
.bue-select-btn-box .item-btn-nick{background-position: -336px 0;}
.bue-select-btn-box .item-btn-search{background-position: -421px 0;}
.bue-select-btn-box .item-btn-replace{background-position: -400px 0;}
.bue-select-btn-box .item-btn-photo{background-position: -378px 0;}
.bue-select-btn-box .item-btn-audio{background-position: -440px 0;}
.bue-select-btn-box .item-btn-map{background-position: -461px 0;}
.bue-select-btn-box .item-btn-toggle{background-position: -482px 0;}
.bue-select-btn-box .item-btn-video{background-position: -503px 0;}

.bue-select-btn-box .item-btn:hover{
  background-color: #f7f7f7;
  border: 0;
  box-shadow: 0 1px 2px -1px #c1c1c1;
  border-radius: 0;
  opacity: 1;
}

.bue-select-btn-box .sep{
  background: #ccc;
  width: 1px;
  height: 21px;
  display: block;
  float: left;  
  margin: 2px 4px;
}
