/* editor */

/* HTML editor */

/* editor html */
.editor-html { margin: 0; padding: 0; z-index: 0; }

	/* editor toolbar */
	.editor-html-toolbar {
		position: relative; clear: both; width: auto; min-height: 20px; height: auto !important; height: 20px; margin: 0 0 5px 0; padding: 0; z-index: 1;
	}
	.editor-html-toolbar ul { margin: 0; padding: 0; }
	.editor-html-toolbar ul.edit li { float: left; height: 20px; margin: 0 2px 0 0; padding: 0; list-style: none; }
	.editor-html-toolbar ul.edit li.rl { padding: 0 3px; border-right: 2px solid #ccc; }
	.editor-html-toolbar ul.edit li a { display: inline; }
	.editor-html-toolbar ul.edit li img { position: relative; left: auto; padding: 2px; border: 1px solid #eee; }
	
	/* editor content iframe */
	.editor-html-iframe { position: relative; clear: both; width: auto; height: auto; margin: 0; padding: 0; border: 1px solid #000; z-index:0; }

	
/* option submenu */
.ophtmleditormenu {
	position: absolute; display: none; width: 120px; min-height: 150px; height: auto !important; height: 150px; overflow: auto;
	background: #eee; z-index: 1000; border: 1px solid #c0c0c0; cursor: pointer;
}
.ophtmleditormenu div:hover { background: lightblue; }
.menu-a { text-decoration: none; color: grey; }

/* input for user custom color */
input.custom { position: relative; bottom: 5px; background: #fff; border: 1px solid #eee; font-size: 10px; }


/* editor syle */
.editor { height: 100%; margin: 10px 0 0; padding: 0; text-align: justify; font-size: 12px; z-index: 200; }
.editor h1 { font-size: 15px; }
.editor h2 { font-size: 14px; }
.editor h3 { font-size: 13px; }
.editor h4 { font-size: 12px; }
.editor h5 { font-size: 11px; }
.editor h6 { font-size: 10px; }
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin: 5px 0; padding: 0; color: #e68700; }
.editor blockquote { margin: 5px 0 5px 25px; padding: 3px ; border: solid 1px #eee; }
.editor p { clear: both; margin: 0; padding: 0; }
.editor p { color: #000; }
.editor p strong { color: #000; }
.editor p ol, .editor p ul { display: block; width: auto; height: 100%; margin: 0; padding: 5px 0; text-align: justify; }
.editor ol li { margin: 0 0 0 20px; padding: 0; list-style-type: decimal; }
.editor ul li { margin: 0; padding: 5px 0 0 10px; list-style: none; background: url("../img/editor/dot.gif") no-repeat 0 10px; }
.editor a { padding: 2px 0; text-decoration: underline; font-size: 12px; color: #000; }
.editor a:hover { text-decoration: none; }