/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http: //markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp a: link,
.markItUp a: visited { color: #000; text-decoration: none; }
.markItUp  { margin-bottom: 5px; }
.markItUpContainer { font-size: 11px; font-family: Helvetica, sans-serif; }
.markItUpEditor {
	font-size: 15px; 
	font-family: Helvetica, sans-serif;
	padding: 5px;
	height: 400px;
	line-height:20px;
	overflow: auto;
	width: 100%;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	border: 1px solid #dfe3e8;
}
.markItUpPreviewFrame	{overflow: auto;background-color: #fff; border: 1px solid #eee;padding: 10px;height: 300px;
margin: 5px 0;font-size: 15px; font-family: Helvetica, sans-serif;}
.markItUpFooter { width: 100%; }
.markItUpResizeHandle {overflow: hidden;height: 8px;background: url(images/handle.png) 50% 3px no-repeat;cursor: n-resize;}

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

/* first row of buttons */
.markItUpHeader { padding: 0; border-top: 1px solid #dfe3e8; border-left: 1px solid #dfe3e8; border-right: 1px solid #dfe3e8;border-radius: 2px 2px 0 0;}
.markItUpHeader ul	{overflow: visible;	zoom: 1;display: inline-block;*display: inline; /* ie <= 7 */}
.markItUpHeader ul li	{ list-style: none; float: left; position: relative; margin:0 9px }
.markItUpHeader ul li: hover > ul{ display: block; }
.markItUpHeader ul .markItUpDropMenu {background: transparent url(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: 16px; left: 0px;background: #eee;	border: 1px solid #000;}
.markItUpHeader ul ul li {float: none;border-bottom: 1px solid #000;}
.markItUpHeader ul ul .markItUpDropMenu {background: #eee url(images/submenu.png) no-repeat 100% 50%;}
.markItUpHeader ul .markItUpSeparator {	margin: 8px 1px 0;width: 0;height: 22px;overflow: hidden;border-left: 1px solid #dfe3e8;border-right: 1px solid #fff;}
.markItUpHeader ul ul .markItUpSeparator {width: auto; height: 1px;margin: 0px;}


/* 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;margin:10px 2px;}
.markItUpHeader ul ul a {display: block;padding-left: 0px;text-indent: 0;width: 120px; padding: 5px 5px 5px 25px;background-position: 2px 50%;color: #000;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.markItUpHeader ul ul a:hover {background-color: #fff;}

.markItUpPreviewFrame { }
.markItUpPreviewFrame p { margin-bottom: 18px; }
.markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; }
.markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; }
.markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; }
.markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; }
.markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; }
.markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; }