.wysiwyg { border:1px solid #ccc; background:#FFF; display:table; width:98%; }

.wysiwyg textarea, .wysiwyg iframe{width:100%;margin:0;border:none;overflow:auto;font-size:12px;cursor:text;}

.wysiwyg div.toolbar{padding:5px;overflow:hidden;border-bottom:1px solid #eee;background:#f9f9f9;height:auto} * html .toolbar{height:0}

.wysiwyg div.toolbar *{display:block;margin:0 1px;padding:1px 2px;border:1px solid #eee;width:16px;height:16px;float:left;background-repeat:no-repeat;background-position:center;cursor:default} * html .toolbar *{width:22px;height:18px}
.wysiwyg div.toolbar *:hover{background-color:#ffffb0;border-color:#999}

.wysiwyg div.toolbar .spacer{border:none;width:0px;margin:2px 5px;border-right:2px solid #ccc}
.wysiwyg div.toolbar .strong{background-image:url(editor/strong.png)}
.wysiwyg div.toolbar .em{background-image:url(editor/em.png)}
.wysiwyg div.toolbar .u{background-image:url(editor/underline.png)}
.wysiwyg div.toolbar .superscript{background-image:url(editor/superscript.png)}
.wysiwyg div.toolbar .subscript{background-image:url(editor/subscript.png)}
.wysiwyg div.toolbar .left{background-image:url(editor/left.png)}
.wysiwyg div.toolbar .center{background-image:url(editor/center.png)}
.wysiwyg div.toolbar .right{background-image:url(editor/right.png)}
.wysiwyg div.toolbar .indent{background-image:url(editor/indent.png)}
.wysiwyg div.toolbar .outdent{background-image:url(editor/outdent.png)}
.wysiwyg div.toolbar .h1{background-image:url(editor/h1.png)}
.wysiwyg div.toolbar .h2{background-image:url(editor/h2.png)}
.wysiwyg div.toolbar .h3{background-image:url(editor/h3.png)}
.wysiwyg div.toolbar .ul{background-image:url(editor/ul.png)}
.wysiwyg div.toolbar .ol{background-image:url(editor/ol.png)}
.wysiwyg div.toolbar .p{background-image:url(editor/p.png)}
.wysiwyg div.toolbar .img{background-image:url(editor/img.png)}
.wysiwyg div.toolbar .anim{background-image:url(editor/anim.png)}
.wysiwyg div.toolbar .video{background-image:url(editor/video.png)}
.wysiwyg div.toolbar .link{background-image:url(editor/link.png)}
.wysiwyg div.toolbar .unlink{background-image:url(editor/unlink.png)}
.wysiwyg div.toolbar .clean{background-image:url(editor/clean.png)}
.wysiwyg div.toolbar .toggle{background-image:url(editor/code.png)}

.wysiwyg div.toolbar.disabled *{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30)}
.wysiwyg div.toolbar.disabled *:hover{background-color:transparent;border-color:#eee}
.wysiwyg div.toolbar.disabled .toggle{background-image:url(editor/html.png);opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}

.wysiwyg div.footer {height:20px;padding:1px 2px;border:1px solid #eee;background:#f9f9f9}
.wysiwyg div.footer span.resize{width:100px;height:20px;background:url(editor/resizer.png);float:right;cursor:nw-resize;}


/* SAMPLE 2 */
#sample2 textarea,#sample2 iframe,#sample2 .wysiwyg{width:400px;height:160px}
#sample2 .wysiwyg{height:auto}


/* SAMPLE 3 */
/* SAMPLE 2 */
#sample3 textarea,#sample3 iframe,#sample3 .wysiwyg{height:400px}
#sample3 .wysiwyg{height:auto}
#imgs{padding:5px;height:58px;overflow:auto;background:#ccc} * html #imgs{height:0}
#imgs img{display:block;height:48px;margin:5px;float:left}
#sample3 form{border:1px solid #ccc;display:block;padding:8px 16px;text-align:right}
#sample3 form input{padding:0 5px}

.wysiwyg .hidden{display:none !important}