/*
   Based on markItUp! – Universal MarkUp Engine, JQuery plugin
   http://markitup.jaysalvat.com/
*/

.markItUp * {
   margin: 0;
   padding: 0;
   outline: none;
}

.markItUp a:link, .markItUp a:visited {
   color: #000;
   text-decoration: none;
}

.markItUp {
   margin: 5px 0 5px 0;
}

.markItUpContainer {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.markItUpEditor {
   width: 690px;
   height: 320px;
   clear: both;
   display: block;
   line-height: 18px;
   overflow: auto;
}

.markItUpPreviewFrame {
   overflow: auto;
   background-color: #FFF;
   width: 99.9%;
   height: 300px;
   margin: 5px 0;
}

.markItUpFooter {
   width: 100%;
}

.markItUpResizeHandle {
   overflow: hidden;
   width: 22px;
   height: 5px;
   margin-left: auto;
   margin-right: auto;
   background-image: url(../../kinokrug/blogs/images/handle.png);
   cursor: n-resize;
}

/***************************************************************************************/
/* first row of buttons */
.markItUpButton {
   margin-bottom: 5px
}

.markItUpHeader ul li {
   list-style: none;
   float: left;
   position: relative;
}

.markItUpHeader ul li:hover > ul {
   display: block;
}

.markItUpHeader ul .markItUpDropMenu {
   background: transparent url(../../kinokrug/blogs/images/menu.png) no-repeat 115% 50%;
   margin-right: 5px;
}

.markItUpHeader ul .markItUpDropMenu li {
   margin-right: 0px;
}

/* next rows of buttons */
.markItUpHeader ul ul {
   display: none;
   position: absolute;
   top: 18px;
   left: 0;
   background: #FFF;
   border: 1px solid #000;
}

.markItUpHeader ul ul li {
   float: none;
   border-bottom: 1px solid #000;
}

.markItUpHeader ul ul .markItUpDropMenu {
   background: #FFF url(../../kinokrug/blogs/images/submenu.png) no-repeat 100% 50%;
}

.markItUpHeader ul .markItUpSeparator {
   margin: 0 10px;
   width: 1px;
   height: 16px;
   overflow: hidden;
   background-color: #CCC;
}

.markItUpHeader ul ul .markItUpSeparator {
   width: auto;
   height: 1px;
   margin: 0;
}

/* next rows of buttons */
.markItUpHeader ul ul ul {
   position: absolute;
   top: -1px;
   left: 150px;
}

.markItUpHeader ul ul ul li {
   float: none;
}

.markItUpHeader ul a {
   display: block;
   width: 16px;
   height: 16px;
   text-indent: -10000px;
   background-repeat: no-repeat;
   background-position: center;
   padding: 0 2px;
   margin: 0;
}

.markItUpHeader ul ul a {
   display: block;
   padding-left: 0px;
   text-indent: 0;
   width: 120px;
   padding: 5px 5px 5px 25px;
   background-position: 2px 50%;
}

.markItUpHeader ul ul a:hover {
   color: #FFF;
   background-color: #000;
}

/*---------- Buttons ----------*/

/*--- bold-italic-underline ---*/

.markItUp .button_bold a {
   background-image: url(/_common/editor/icons/bold.png);
}

.markItUp .button_italic a {
   background-image: url(/_common/editor/icons/italic.png);
}

.markItUp .button_underlined a {
   background-image: url(/_common/editor/icons/underline.png);
}

/*--- headings ---*/

.markItUp .button_header_1 a {
   background-image: url(/_common/editor/icons/h1.png);
}

.markItUp .button_header_2 a {
   background-image: url(/_common/editor/icons/h2.png);
}

.markItUp .button_header_3 a {
   background-image: url(/_common/editor/icons/h3.png);
}

/*--- link ---*/

.markItUp .button_link a {
   background-image: url(/_common/editor/icons/link.png);
}

.markItUp .button_picture a {
   background-image: url(/_common/editor/icons/picture.png);
}

.markItUp .button_video a {
   background-image: url(/_common/editor/icons/video.png);
}

.markItUp .button_habracut a {
   background-image: url(/_common/editor/icons/habracut.png);
}

/*--- lists ---*/

.markItUp .button_unordered_list a {
   background-image: url(/_common/editor/icons/list-bullet.png);
}

.markItUp .button_ordered_list a {
   background-image: url(/_common/editor/icons/list-numeric.png);
}