div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 0 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 1px 2px 3px 0;  background: #ffffff;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a {
	user-select:none;
	text-indent: -5000px;
	display: block; 
	width: 1.5rem; 
	height: 1.5rem; 
	border: 0; 
	cursor: pointer; 
	padding: 0.2rem; 
}
div.wysiwyg ul.panel li a:focus { outline: 0; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a:after { 
	text-indent: 0; 
	display: block; 
	font-family: "FontAwesome";
	margin-top: -2.7rem;
	color: #333333;
}
div.wysiwyg ul.panel li a:hover { text-decoration: none; }

div.wysiwyg ul.panel li a.bold:after { content: "\f032"; }
div.wysiwyg ul.panel li a.italic:after { content: "\f033"; }
div.wysiwyg ul.panel li a.strikeThrough:after { content: "\f0cc"; }
div.wysiwyg ul.panel li a.underline:after { content: "\f0cd"; }

div.wysiwyg ul.panel li a.justifyLeft:after { content: "\f036"; }
div.wysiwyg ul.panel li a.justifyCenter:after { content: "\f037"; }
div.wysiwyg ul.panel li a.justifyRight:after { content: "\f038"; }
div.wysiwyg ul.panel li a.justifyFull:after { content: "\f039"; }

div.wysiwyg ul.panel li a.indent:after { content: "\f03c"; }
div.wysiwyg ul.panel li a.outdent:after { content: "\f03b"; }

div.wysiwyg ul.panel li a.subscript:after { content: "\f12c"; }
div.wysiwyg ul.panel li a.superscript:after { content: "\f12b" }

div.wysiwyg ul.panel li a.undo:after { content: "\f0e2"; }
div.wysiwyg ul.panel li a.redo:after { content: "\f01e"; }

div.wysiwyg ul.panel li a.insertOrderedList:after { content: "\f0cb"; }
div.wysiwyg ul.panel li a.insertUnorderedList:after { content: "\f0ca"; }
div.wysiwyg ul.panel li a.insertHorizontalRule:after { content: "hr"; }
div.wysiwyg ul.panel li a.insertTable:after { content: "\f0ce"; }

div.wysiwyg ul.panel li a.h1:after { content: "\f1dc"; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize:after { content: "\f031\f176"; }
div.wysiwyg ul.panel li a.decreaseFontSize:after { content: "\f031\f175"; }

div.wysiwyg ul.panel li a.createLink:after { content: "\f0c1"; }
div.wysiwyg ul.panel li a.insertImage:after { content: "\f016"; }
div.wysiwyg ul.panel li a.html { background-position: -47px -46px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -63px; }

div.wysiwyg ul.panel li a.fullScreenMode, div.fullScreenMode {
	background-image: url("full_screen.png") !important;
	background-position: 0px 0px !important;
}
div.wysiwyg ul.panel li a.changeToTextarea, div.switchToEditor {
	background-image: url("switch.png") !important;
	background-position: 0px 0px !important;
}

div.showDialogWsig {
	background-image: url("switch_icon.png") !important;
	background-position: 0px 0px !important;
}

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0;  clear: left; margin: 4px 0 0 1px; }

.buttons {
	position: absolute;
	bottom: 20px;
	right: 20px;
	float: left;
}

.cancelButton, .saveButton {
	cursor: pointer;
}
/*
.bwTextarea_container {
	border: 1px solid #aaaaaa;
}
*/

.bwTextarea_wrapper {
	padding-top: 10px;
}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	 z-index: 100;
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 2rem;
	background-color: white;
	z-index:1002;
	overflow: auto;
}
#close_light {
    float:right;
    cursor: pointer;
}

.wysiwyg {
	resize: both;
	overflow: auto;
}

.wysiwyg iframe {
	width: 100%;
}