div.jHtmlArea { display: block; overflow: hidden; border: solid 1px #aaa; }

    div.jHtmlArea iframe, div.jHtmlArea textarea {
        border: none;
    }

div.jHtmlArea div { display: inline-block; padding: 0px; margin: 0px; }
div.jHtmlArea .ToolBar { display: inline-block; background: #fbfbfb; border-bottom: solid 1px #aaa; }
div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background-color: #fff}
div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; cursor: pointer; }
div.jHtmlArea .ToolBar ul li:hover {  }
div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; border: none; cursor: pointer; padding: 0px; }
div.jHtmlArea .ToolBar ul li a.highlighted {  }
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;}
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;}

div.jHtmlArea .ToolBar ul li a:hover { text-decoration: none; }

div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; }

div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}
div.jHtmlArea .ToolBar ul li a.subscript   { background-position: -96px -16px;}
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;}
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;}
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;}
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;}
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;}

div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;}
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;}
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;}
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;}
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;}
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}

div.jHtmlArea .ToolBar ul li a {
	background: none;
	padding-top: 2px;
	padding-left: 2px;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #666;
	font-size: .825em;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	        box-sizing: border-box;
}

div.jHtmlArea .ToolBar ul li a.html { width: 3.2em; }
div.jHtmlArea .ToolBar ul li a.html:before { content: "HTML"; }
div.jHtmlArea .ToolBar ul li a.html.highlighted:before { content: "VIEW"; }

div.jHtmlArea .ToolBar ul li a.bold:before { content: "\f032"; }
div.jHtmlArea .ToolBar ul li a.italic:before { content: "\f033"; }
div.jHtmlArea .ToolBar ul li a.underline:before { content: "\f0cd"; }
div.jHtmlArea .ToolBar ul li a.strikethrough:before { content: "\f0cc"; }

div.jHtmlArea .ToolBar ul li a.link:before { content: "\f0c1"; }
div.jHtmlArea .ToolBar ul li a.unlink:before { content: "\f127"; }
div.jHtmlArea .ToolBar ul li a.orderedlist:before { content: "\f0cb"; }
div.jHtmlArea .ToolBar ul li a.unorderedlist:before { content: "\f0ca"; }

div.jHtmlArea .ToolBar ul li a.cut:before { content: "\f0c4"; }
div.jHtmlArea .ToolBar ul li a.copy:before { content: "\f0c5"; }
div.jHtmlArea .ToolBar ul li a.paste:before { content: "\f0ea"; }

div.jHtmlArea .ToolBar ul li a.default:before { content: "\f021"; }

div.jHtmlArea .ToolBar ul li a.font { font-size: 1em; }
div.jHtmlArea .ToolBar ul li a.font:before { content: "A"; }
div.jHtmlArea .ToolBar ul li a.color1 { color: #1dcca1; }
div.jHtmlArea .ToolBar ul li a.color2 { color: #ea5550; }
div.jHtmlArea .ToolBar ul li a.color3 { color: #006cb8; }
div.jHtmlArea .ToolBar ul li a.color4 { color: #fabe00; }
div.jHtmlArea .ToolBar ul li a.color5 { color: #e85298; }
