/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
	margin:0px; padding:0px;
	outline:none;
}
.markItUp a:link,
.markItUp a:visited {
	color:#000;
	text-decoration:none;
}
.markItUp  {

}
.markItUpContainer {
	border:1px solid #ccc;
	border-radius:4px;
	overflow:hidden;
}

textarea.markItUpEditor { opacity:0;}
.markdown textarea.markItUpEditor { opacity:1;}

.markItUpEditor {
	padding:10px;
	clear:both;
	line-height:18px;
	overflow:auto;
}
.markItUpPreviewFrame	{
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #3C769D;
	width:99.9%;
	height:300px;
	margin:5px 0;
}
.markItUpFooter {
	display:none;
	width:100%;
	cursor:n-resize;
}
.markItUpResizeHandle {
	overflow:hidden;
	width:22px; height:5px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/handle.png);
	cursor:n-resize;
}
/***************************************************************************************/
/* first row of buttons */

.markItUpHeader { background:#eee; width:100%; float:left; padding:5px 5px 4px; border-bottom:1px solid #ccc;}
.markItUpHeader ul {}
.markItUpHeader > ul > li {
	list-style:none;
	float:left !important;
	position:relative;
	clear:none !important;
	margin:2px 1px !important;
	width:auto !important;	
}
.markItUpHeader > ul > li.chapterLetterBtn { position:relative; border:1px solid #adadad; }
.markItUpHeader > ul > li.chapterLetterBtn input[type='checkbox'] { position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.markItUpHeader > ul > li.chapterLetterBtn input[type='checkbox'] + .checkboxinput { width:20px; height:20px; cursor:pointer; display:block; border:2px solid #fff; background:#444; color:#FFF; text-align:center; font-size:13px; line-height:13px; font-weight:bold; }
.markItUpHeader > ul > li.chapterLetterBtn input[type='checkbox']:checked + .checkboxinput { background:#888; }

.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%;
	margin-right:5px;
}
.markItUpHeader ul .markItUpDropMenu li {
	margin-right:0px;
}
.markItUpHeader ul .markItUpSeparator {
	margin:0 8px !important;
	width:1px !important;
	height:27px !important;
	overflow:hidden !important;
	text-indent:-10000px !important;
	background-color:#ababab;
}
.markItUpHeader ul ul .markItUpSeparator {
	width:auto; height:1px;
	margin:0px;
}
/* next rows of buttons */
.markItUpHeader ul ul {
	display:none;
	position:absolute;
	top:18px; left:0px;	
	background:#F5F5F5;
	border:1px solid #3C769D;
	height:inherit;
}
.markItUpHeader ul ul li {
	float:none;
	border-bottom:1px solid #3C769D;
}
.markItUpHeader ul ul .markItUpDropMenu {
	background:#F5F5F5 url(images/submenu.png) no-repeat 100% 50%;
}
/* 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:22px; height:22px;
	text-indent:-10000px;
	background-repeat:no-repeat;
	margin:0px;
	border:1px solid #ccc
} 
.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:#3C769D;
}
/***************************************************************************************/
.html .markItUpEditor {
	background-image:url(images/bg-editor-html.png);
}
.markdown .previewContainer  {	
	font-size:14px !important; 
	line-height: 1.5em !important;
	font-weight:200 !important;	
	background: #fff;
	color:#424242;
	border:0 !important;
	width:100% !important; 
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	float:none !important;
	padding: 9px 10px !important;
	clear:both;
	min-height:160px;
}

.markdown .previewContainer h1 { font-size:22px; }
.markdown .previewContainer h2 { font-size:20px; }
.markdown .previewContainer h3 { font-size:19px; margin-bottom:0.8em; padding:0.4em 0 0; }
.markdown .previewContainer h4 { font-size:16px; margin-bottom:0.8em; padding:0.4em 0 0; }
.markdown .previewContainer h5 { font-size:14px; margin-bottom:0.8em; padding:0.4em 0 0; }
.markdown .previewContainer h6 { font-size:12px; margin-bottom:0.8em; padding:0.4em 0 0; }
.markdown .previewContainer p { padding:0 0 1em;}
.markdown .previewContainer strong {}
.markdown .previewContainer em {}
.markdown .previewContainer a {  color: #2276BB !important; font-weight:inherit !important; }
.markdown .previewContainer ul { padding:0 0 1em; margin-left:15px; clear:none !important; float:none !important; line-height:inherit !important; width:auto !important; }
.markdown .previewContainer ul li { display:list-item; list-style:disc outside none; margin:0 0 2px; clear:none !important; float:none !important; line-height:inherit !important; width:auto !important; }
.markdown .previewContainer ol { padding:0 0 1em; margin-left:15px; clear:none !important; float:none !important; line-height:inherit !important; width:auto !important; }
.markdown .previewContainer ol li { display:list-item; list-style:decimal outside none; margin:0 0 2px; clear:none !important; float:none !important; line-height:inherit !important; width:auto !important;  }
.markdown .previewContainer blockquote { position:relative; padding-left:22px; }
.markdown .previewContainer blockquote:before { content:"\201C"; position:absolute; color:#cccccc; font-size:49px; top:10px; left:0; font-family:Arial, sans-serif; }
.markdown .previewContainer code { display:block; width:100%; padding:8px; border:1px solid #CCC; float:left; margin:0 0 8px; overflow:hidden; white-space:pre-wrap; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



.markdown .markItUpEditor {
	font-size:14px !important; 
	line-height: 1.4em !important;
	font-weight:200;	
	background: #fff;
	color:#424242;
	border:0 !important;
	width:100% !important; 
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	resize:none !important;
	float:none !important;
	padding: 10px !important;
	clear:both;
}
.markdown .markItUpEditor.edit {	
	background: #fffae5;
}

.textile .markItUpEditor {
	background-image:url(images/bg-editor-textile.png);
}
.bbcode .markItUpEditor {
	background-image:url(images/bg-editor-bbcode.png);
}
.wiki .markItUpEditor,
.dotclear .markItUpEditor {
	background-image:url(images/bg-editor-wiki.png);
}


@media (max-width: 767px) {
	.markItUpHeader > ul > li { margin-right:5px !important;}	
	.markItUpHeader > ul > li.help { display:none;}
	.markItUpHeader ul .markItUpSeparator { display:none;}
}