/* -------------------------------------------------------------------
// By aTmpl Editor Bootstrap - http://atmpl.ru/
// ------------------------------------------------------------------*/
.editorAtmpl * {
	margin:0px; padding:0px;
	outline:none;
}
.editorAtmpl a:link,
.editorAtmpl a:visited {
	color:#000;
	text-decoration:none;
}
.editorAtmpl  {
	width:100%;
	margin:5px 0 5px 0;
}
.editorAtmplContainer  {
	border:1px solid #DDD;	
	background:#FFF;
	padding:5px 5px 2px 5px;
 	font:11px Verdana, Arial, Helvetica, sans-serif;
}
.editorAtmplEditor {
	padding:5px 5px 2px 5px;
	background:#FFF url(/editor/bootstrap/atmpl-editor.png) no-repeat;
        background-size: cover;
        background-position: center;
        -moz-background-size: cover;
        -webkit-background-size: cover;
	clear:both;
	overflow:auto;
}
.editorAtmplPreviewFrame {
	overflow:auto;
	background-color:#FFFFFF;
	border:1px solid #DDD;
	width:99.9%;
	height:320px;
 	margin:5px 0;
}
.editorAtmplFooter {
	width:100%;
	cursor:n-resize;
}
.editorAtmplResizeHandle {
 	overflow:hidden;
	width:22px; 
        height:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(/editor/bootstrap/handle.png);
	cursor:n-resize;
}
.editorAtmplHeader ul li	{
	list-style:none;
	float:left;
	position:relative;
}
.editorAtmplHeader ul li ul{
	display:none;
}
.editorAtmplHeader ul li:hover > ul{
	display:block;
}

.editorAtmplHeader ul .editorAtmplDropMenu li {
	margin-right:0px;
}
.editorAtmplHeader ul .editorAtmplSeparator {
	margin:0 8px;
	margin-top:3px;
	width:1px;
	height:16px;
	overflow:hidden;
	background-color:#DDD;
}
.editorAtmplHeader ul ul .editorAtmplSeparator {
	width:auto; 
        height:1px;
	margin:0px;
}
.editorAtmplHeader ul ul ul li {
	float:none;
}
.editorAtmplHeader ul a {
        display:table;
 	padding:3px;
	margin-bottom:5px;

}
.editorAtmplHeader ul a:hover {
font-weight:bold;

}
.clean{color:green;font-weight:bold;}
.editorAtmpl .preview a,
.editorAtmpl .clean a {
	display:block;
	width:16px; height:16px;
	text-indent:-10000px;
	background-repeat:no-repeat;
 	padding:0;
}
.editorAtmpl .clean a {
	background-image:url(/editor/bootstrap/clean.png);
	margin:3px;
}
.editorAtmpl .preview a {
	background-image:url(/editor/bootstrap/preview.png);
	margin:3px;
}
@media only screen and (min-width: 320px) {
        .editorAtmplPreviewFrame {height:320px;}
}
@media only screen and (min-width: 480px) {
        .editorAtmplPreviewFrame {height:460px;}
}
@media only screen and (min-width: 560px) {
        .editorAtmplPreviewFrame {height:540px;}
}
@media only screen and (min-width: 768px) {
        .editorAtmplPreviewFrame {height:640px;}
}