/**
 * wysiwyg.css
 *
 * @ref http://code.google.com/p/jwysiwyg/
 **/

div.wysiwyg { border: none; background-color: #fff; border: solid 1px #c0c0c0; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { background: #f7f7f7; border: none; float: left; width: 100%; padding: 6px 0; border-bottom: solid 1px #c0c0c0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 0 0 2px; }
div.wysiwyg ul.panel li.separator { height: 23px; margin: 2px 2px 0 4px; border-left: 1px solid #c3c3c3; }
div.wysiwyg ul.panel li a { display: block; width: 25px; height: 23px; background: url('../images/wysiwyg-bf.gif') no-repeat 0 0; border: solid 1px #c3c3c3; cursor: pointer; padding: 0; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { border-color: #aaa; background-color: #ddd; }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #ccc; border-left-color: #AAA; border-top-color: #AAA; padding: 0; }

/* bold */
div.wysiwyg ul.panel li a.bold { background-position: 0 0; margin-left: 4px; }
div.wysiwyg ul.panel li a.bold:hover { background-position: 0 -23px; }

/* italics */
div.wysiwyg ul.panel li a.italic { background-position: -25px 0; }
div.wysiwyg ul.panel li a.italic:hover { background-position: -25px -23px; }

/* ordered list */
div.wysiwyg ul.panel li a.insertOrderedList { background-position: -50px -0; }
div.wysiwyg ul.panel li a.insertOrderedList:hover { background-position: -50px -23px; }

/* unordered list */
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -75px 0; }
div.wysiwyg ul.panel li a.insertUnorderedList:hover { background-position: -75px -23px; }

/* headings */
div.wysiwyg ul.panel li a.h1 { background-position: 0px 0px; }
div.wysiwyg ul.panel li a.h2 { background-position: -150px 0px; }
div.wysiwyg ul.panel li a.h2:hover { background-position: -150px -23px; }
div.wysiwyg ul.panel li a.h3 { background-position: -175px 0px; }
div.wysiwyg ul.panel li a.h3:hover { background-position: -175px -23px; }
div.wysiwyg ul.panel li a.h4 { background-position: 0px 0px; }
div.wysiwyg ul.panel li a.h5 { background-position: 0px 0px; }
div.wysiwyg ul.panel li a.h6 { background-position: 0px 0px; }

/* cut/copy/paste */
div.wysiwyg ul.panel li a.cut { background-position: 0px 0px; }
div.wysiwyg ul.panel li a.copy { background-position: 0px 0px; }
div.wysiwyg ul.panel li a.paste { background-position: 0px 0px; }

/* link/image */
div.wysiwyg ul.panel li a.createLink { background-position: -100px 0px; }
div.wysiwyg ul.panel li a.createLink:hover { background-position: -100px -23px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -125px 0px; }
div.wysiwyg ul.panel li a.insertImage:hover { background-position: -125px -23px; }

/* html */
div.wysiwyg ul.panel li a.html { background-position: -200px 0px; }
div.wysiwyg ul.panel li a.html:hover { background-position: -200px -23px; }
div.wysiwyg iframe { border: 0; margin: 0; clear: left; }