/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
    margin: 0;
    padding: 0;
    outline: none;
}

.markItUp {
    background-color: #f0f4f5;
}

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

.markItUpButton {
    padding: 1px 0;
    margin: 3px;
}

.markItUpEditor {
    padding: 8px 12px;
    overflow: auto;
}

.markItUpPreviewFrame {
    width: 100%;
    overflow: auto;
    border: 1px dashed #1c86f2;
    border-radius: 3px;
    padding: 8px 12px;
    background-color: #fff;
    height: 120px;
}

.markItUpFooter {
    width: 100%;
    cursor: n-resize;
    margin-bottom: 8px;
}

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



.markItUpHeader {
    height: 28px;
}

.markItUpHeader > ul {
    padding: 2px 5px 0 5px;
}

.markItUpHeader ul li	{
    background-image:none;
    list-style:none;
    float:left;
    position:relative;
}
.markItUpHeader ul li ul{
    display:none;
}
.markItUpHeader ul li:hover > ul{
    display:block;
}
.markItUpHeader ul .markItUpDropMenu {
    background: transparent url(images/menu.png) no-repeat 115% 50%;
    padding-right: 8px;
    margin-right: 8px;
}
.markItUpHeader ul .markItUpDropMenu li {
    margin-right:0;
}
.markItUpHeader ul .markItUpSeparator {
    margin: 6px 6px;
    width: 1px;
    height: 12px;
    overflow: hidden;
    background-color: #c7cecf;
}
.markItUpHeader ul ul .markItUpSeparator {
    width:auto;
    height:1px;
    margin:0;
}
/* next rows of buttons */
.markItUpHeader ul ul {
    display:none;
    position:absolute;
    top:18px; left:0;
    background:#fff;
    border:1px solid #c7cecf;
    height:inherit;
}
.markItUpHeader ul ul li {
    float:none;
}
.markItUpHeader ul ul .markItUpDropMenu {
    background:#fff url(images/submenu.png) no-repeat 100% 50%;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
    position:absolute;
    top:-1px; left:150px;
}
.markItUpHeader ul a {
    display:block;
    text-indent:-10000px;
    background-repeat:no-repeat;
    padding:3px;
    margin:0px;
}
.markItUpHeader > ul > li > a {
    width:16px; height:16px;
}
.markItUpHeader ul ul a {
    display:block;
    padding-left:0;
    text-indent:0;
    width:200px;
    padding:5px 5px 5px 25px;
    background-position:2px 50%;
}
.markItUpHeader ul ul a:hover  {
    color:#fff;
    background-color:#c7cecf;
}