/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

.forumBBCode{ float: left; width: 100%; }
.markItUp{ float: left; width: 100%; margin: 0; }
.markItUp *{ margin: 0px; padding: 0px; outline: none; }
.markItUp a:link,
.markItUp a:visited{ color: #000; text-decoration: none; }
.markItUpContainer{ float: left; width: 100%; font-family: rial, Helvetica, sans-serif; font-size: 13px; }
.markItUpEditor{ clear: both; display: block; width: 290px; height: 137px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }
.markItUpPreviewFrame{ width: 99.9%; height: 300px; margin: 5px 0; overflow: auto; background-color: #fff; }
.markItUpFooter{ clear: both; float: left; width: 100%; margin-top: 2px; }
.markItUpResizeHandle{ width: 22px; height: 5px; margin-left: auto; margin-right: auto; overflow: hidden; background-image: url(images/handle.png); cursor: n-resize; }

/***************************************************************************************/

/* first row of buttons */
.markItUpHeader{ float: left; width: 100%; min-height: 22px; height: auto !important; height: 22px; }
.markItUpHeader ul li{ float: left; position: relative; list-style: none; }
.markItUpHeader ul li:hover > ul{ display: block; }
.markItUpHeader ul .markItUpDropMenu{ margin-right: 5px; background: transparent url(images/menu.png) no-repeat 115% 50%; }
.markItUpHeader ul .markItUpDropMenu li{ margin-right: 0; }

/* next rows of buttons */
.markItUpHeader ul ul{ display: none; position: absolute; top: 18px; left: 0px; background-color: #fff; border: 1px solid #000; }
.markItUpHeader ul ul li{ float: none; border-bottom: 1px solid #000; }
.markItUpHeader ul ul .markItUpDropMenu{ background: #fff url(images/submenu.png) no-repeat 100% 50%; }
.markItUpHeader ul .markItUpSeparator{ width: 1px; height: 16px; margin: 0 10px; 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; margin: 0; padding: 3px; text-indent: -10000px; background-repeat: no-repeat; }
.markItUpHeader ul ul a{ display: block; width: 120px; padding-left: 0; padding: 5px 5px 5px 25px; text-indent: 0; background-position: 2px 50%; }
.markItUpHeader ul ul a:hover{ color: #fff; background-color: #000; }