rhymix/modules/editor/skins/dreditor/css/dreditor.css
ChanMyeong fef0e92afd HTML/CSS code cleaning.
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@10298 201d5d3c-b55e-5fd7-737f-ddc643e51545
2012-03-02 14:49:25 +00:00

324 lines
No EOL
26 KiB
CSS

@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Textyle Editor */
.textyleEditor{position:relative;zoom:1;margin:0 0 1em 0}
.textyleEditor:after{content:"";display:block;clear:both}
.textyleEditor .editorContainer{position:relative;width:100%;display:table;table-layout:fixed}
.textyleEditor .editorContainer .editorArea{opacity:1;filter:alpha(opacity=100)}
.textyleEditor .editorContainer .writeArea{position:relative;zoom:1}
/* Writing Toolbar */
.wToolbarContainer{position:relative;margin:20px 0 40px 0;height:62px;overflow:hidden;z-index:1000;_zoom:1}
.wToolbarContainer.more{height:auto}
.wToolbar{position:relative;height:62px;margin:0 10px;zoom:1;background-image:url(../img/bgWritingToolbarCenter.gif);background-repeat:repeat-x}
.wToolbarContainer.more .wToolbar{height:auto;padding:0 0 5px 0;background-position:0 bottom;border-top:1px solid #bec2ca}
.wToolbar .cap{position:absolute;top:0;height:62px;background-repeat:no-repeat;font-size:0;line-height:0;background:url(../img/bgWritingToolbar.gif) no-repeat;z-index:1}
.wToolbar .top{display:none;position:absolute;top:-1px;width:10px;height:7px;background:url(../img/bgWritingToolbarMore.gif) no-repeat;z-index:2}
.wToolbarContainer.more .cap{height:100%;_top:auto;_bottom:0;_height:300px;background:url(../img/bgWritingToolbarMore.gif) no-repeat}
.wToolbarContainer.more .top{display:block}
.wToolbar .capLeft{width:10px;left:-10px;background-position:left top}
.wToolbar .topLeft{left:-10px;background-position:left top}
.wToolbarContainer.more .cap.capLeft{background-position:left bottom}
.wToolbar .capRight{width:10px;right:-10px;background-position:right top}
.wToolbar .topRight{right:-10px;background-position:right top}
.wToolbarContainer.more .capRight{background-position:right bottom}
.wToolbar ul{position:relative;margin:0 70px 0 0;padding:0;zoom:1;height:58px;z-index:2}
.wToolbarContainer.more ul{height:auto;_height:58px;background:url(../img/hrToolbarMore.gif)}
.wToolbar ul:after{content:"";display:block;clear:both}
.wToolbar li{position:relative;float:left;list-style:none;margin-bottom:4px;width:11.1%;*width:11%;_margin-top:0;_margin-right:-1px}
.wToolbar li button{position:relative;padding:0;width:100%;height:57px;*height:59px;border:0;background:transparent;cursor:pointer;font-size:11px;color:#44506a;background-image:url(../img/iconWritingToolbar.gif);background-repeat:no-repeat}
.wToolbar li button .tx{display:inline-block;padding-top:37px;height:20px}
.wToolbar li.more{float:none;position:absolute;top:1px;right:-70px;width:60px;background:url(../img/vrToolbarMore.gif) repeat-y;_zoom:1}
.wToolbar li.more button{width:60px}
.wToolbarContainer.more li{margin-bottom:0}
.wToolbarContainer.more li.more{height:100%}
.wToolbarContainer.more li.more button{height:100%;_height:114px;background:url(../img/iconWritingToolbarFolder.gif) no-repeat center !important}
.wToolbarContainer.more li.more button .nx{top:0}
.wToolbar li.hover button{background-color:#bfc3cb}
.wToolbar li.hx button{background-position:center top}
.wToolbar li.txt button{background-position:center -100px}
.wToolbar li.link button{background-position:center -200px}
.wToolbar li.list button{background-position:center -300px}
.wToolbar li.quote button{background-position:center -400px}
.wToolbar li.img button{background-position:center -500px}
.wToolbar li.movie button{background-position:center -600px}
.wToolbar li.file button{background-position:center -700px}
.wToolbar li.hr button{background-position:center -800px}
.wToolbar li.index button{background-position:center -900px}
.wToolbar li.material button{background-position:center -1000px}
.wToolbar li.help button{background-position:center -1100px}
.wToolbar li.more button{background-position:center -1187px}
.wToolbar li .dragable{position:absolute;display:none;bottom:38px;right:0;padding:0;border:0;width:20px;height:20px;overflow:hidden;background:url(../img/iconMovable.gif) no-repeat center center !important;cursor:move;font-size:0;line-height:0;text-indent:-200%}
.wToolbarContainer.more li.hover .dragable{_display:block}
.wToolbarContainer.more li:hover .dragable{display:block}
.wToolbar li .nx{position:absolute;text-align:center;top:8px;left:50%;font:bold 10px Tahoma, Geneva, sans-serif;color:#fff;width:18px;height:18px;line-height:16px;opacity:.7;background:url(../img/bgShortcut.png) no-repeat center top;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./modules/editor/skins/dreditor/img/bgShortcut.png', sizingMethod='crop')}
/* Writing Area + Material Area */
.wArea,
.mArea{display:none;position:relative;zoom:1;padding:20px;margin:0}
.wArea{background:#f5f5f5;border:1px solid #e9e9e9}
.mArea{background:url(../img/bgChess76.gif);border:1px solid #666}
.mArea{margin:20px 0}
.wArea.open,
.mArea.open{display:block}
.wArea .cap,
.mArea .cap{position:absolute;width:10px;height:10px;background-repeat:no-repeat;font-size:0;line-height:0;overflow:hidden}
.wArea .cap{background-image:url(../img/bgRouningF5.gif)}
.mArea .cap{background-image:url(../img/bgRouning76.gif)}
.wArea .cap.capTL,
.mArea .cap.capTL{top:-1px;left:-1px;background-position:left top}
.wArea .cap.capTR,
.mArea .cap.capTR{top:-1px;right:-1px;background-position:right top}
.wArea .cap.capBL,
.mArea .cap.capBL{bottom:-1px;left:-1px;background-position:left bottom}
.wArea .cap.capBR,
.mArea .cap.capBR{bottom:-1px;right:-1px;background-position:right bottom}
.wArea .h4,
.mArea .h4{font-size:16px;margin:0 0 10px 0}
.wArea .h4{color:#555}
.mArea .h4{color:#fff}
.mArea .controls{position:absolute;top:20px;right:20px}
/* Writing Area */
.wArea .btnArea{position:relative;text-align:left;zoom:1}
.wArea .btnArea .btnGray button{_top:0}
.wArea .btnArea .info{display:inline;padding:0 0 0 15px;color:#777}
.wArea .inputTitle{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:21px;font-size:14px;margin-bottom:10px}
.wArea .inputLink{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:21px;font-size:11px;margin-bottom:10px}
.wArea .iText{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:21px;font-size:12px;margin-bottom:10px}
.wArea .inputFile{width:100%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:29px;font-size:12px;margin-bottom:10px}
.wArea .iTextArea{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:10px 0 0 10px;height:150px;font-size:12px;line-height:1.5;margin-bottom:10px}
.wArea .inputRadio{width:13px;height:13px;vertical-align:middle}
.wArea .hr{border-top:1px solid #e6e6e6;border-bottom:1px solid #fff;font-size:0;line-height:0;overflow:hidden;height:0;margin:15px -20px}
/* Material Area */
.mArea .reload{position:absolute;top:24px;right:40px;width:15px;height:16px;padding:0;cursor:pointer;border:0;*margin:0 5px 0 0;background:transparent url(../img/buttonRefresh.gif) no-repeat;vertical-align:middle}
.mArea .reload span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;z-index:-1;visibility:hidden}
.mArea .close{position:absolute;top:24px;right:20px;width:15px;height:16px;padding:0;cursor:pointer;border:0;*margin:0 5px 0 0;background:transparent url(../img/buttonClose.gif) no-repeat;vertical-align:middle}
.mArea .close span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;z-index:-1;visibility:hidden}
.mArea .noData{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;padding:10px 20px}
.mArea dl{position:relative;background:#fff}
.mArea dt{position:relative;padding:7px 15px;font-weight:bold;color:#fff;background:#555;border-top:1px solid #444}
.mArea dd{margin:0 15px;padding:5px 0}
.mArea dd .btnDrEditor{position:absolute;top:8px;right:10px}
.mArea .eArea{border:0;padding:0}
.mArea .paginate{position:relative;width:100px;margin:0 auto;text-align:center;padding:0;font-size:12px;color:#fff;zoom:1}
.mArea .paginate:after{content:"";display:block;clear:both}
.mArea .paginate button{width:17px;height:17px;padding:0;background:transparent url(../img/buttonPaginate.gif) no-repeat 0 0;cursor:pointer;border:0;vertical-align:middle}
.mArea .paginate button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1}
.mArea .paginate .prev{float:left;background-position:left top}
.mArea .paginate .next{float:right;background-position:right top}
/* Writing Area Blank */
.editorArea .wArea{display:block}
.wArea.blank{padding:15px 30px;margin:0}
.wArea.blank dt{font-size:12px;font-weight:bold;color:#333}
.wArea.blank dd{margin:0 0 5px 0;color:#767676}
.wArea.blank .drEditorBugReport{position:absolute;margin:0 !important;top:20px;right:30px}
/* Writing Area Hx */
.wArea.hx ul{margin:0 0 5px 0;padding:0;list-style:none}
.wArea.hx li{display:inline !important;font-weight:bold !important;color:#333 !important}
.wArea.hx li label{margin-right:30px}
.wArea.hx .inputTitle{font-weight:bold !important}
.wArea.hx li.h3,
.wArea.hx .inputTitle.h3{font-size:18px !important;height:28px}
.wArea.hx li.h4,
.wArea.hx .inputTitle.h4{font-size:16px !important;height:26px}
.wArea.hx li.h5,
.wArea.hx .inputTitle.h5{font-size:13px !important;height:23px}
/* Writing Area List */
.wArea.list .toolbar{border:1px solid #ddd;list-style:none;margin:0 0 -1px 0;padding:0;background:#fafafa;padding:6px 20px}
.wArea.list .toolbar li{display:inline;margin-right:5px}
.wArea.list .toolbar li button{position:relative;width:23px;height:22px;padding:0;border:0;cursor:pointer;background-image:url(../img/buttonListToolbar.gif);background-repeat:no-repeat}
.wArea.list .toolbar li button:hover,
.wArea.list .toolbar li button:active,
.wArea.list .toolbar li button:focus{border:1px solid #ddd}
.wArea.list .toolbar li button.type_disc{background-position:center 0}
.wArea.list .toolbar li button.type_circle{background-position:center -30px}
.wArea.list .toolbar li button.type_square{background-position:center -60px}
.wArea.list .toolbar li button.type_decimal{background-position:center -90px}
.wArea.list .toolbar li button.type_lower-alpha{background-position:center -120px}
.wArea.list .toolbar li button.type_upper-alpha{background-position:center -150px}
.wArea.list .toolbar li button.type_lower-roman{background-position:center -180px}
.wArea.list .toolbar li button.type_upper-roman{background-position:center -210px}
.wArea.list .toolbar li button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.wArea.list .listArea{padding:1em 0;margin-bottom:1em;background:#fff url(../img/bgInputText.gif) no-repeat;border:1px solid #ddd}
.wArea.list .listArea ul{border:0}
.wArea.list .listArea input{border:0;border-bottom:1px solid #ddd;background:transparent;width:96%;padding:3px 4px}
/* Writing Area Image */
.wArea.img .image{position:relative;margin-bottom:10px;background:#fff;padding:0;_width:100%;overflow:hidden}
.wArea.img .image img{max-width:100%}
.wArea.img .uploading{display:none;padding:0 0 0 20px;background:url(../img/iconLoading.gif) no-repeat left center}
.wArea.img .uploading button{border:2px solid #ccc;background:#eee;cursor:pointer;font-size:11px;font-weight:bold;padding:0;overflow:visible;vertical-align:middle;margin:0 10px}
.wArea.img .info{font-size:11px;color:#737fa1;margin:0}
.wArea.img .resize{display:none}
.wArea.img .resize.open{display:block}
.wArea.img .resize dl *{vertical-align:middle}
.wArea.img .resize dt{display:inline;font-weight:bold}
.wArea.img .resize dd{display:inline;margin:0}
.wArea.img .resize .width{width:60px;text-align:right;padding:1px 4px;height:16px}
.wArea.img .resize .width.original{background:#d4d0c8}
.wArea.img .resize .resizeInfo{margin:0 0 0 1em}
.wArea.img .resize .resizeError{display:none;padding:.5em 3.5em;margin:1em 6px 1em 0;color:#ff6633;background:#fff url(../img/iconCheckSmall.gif) no-repeat 2em center;;border:1px solid #ddd}
.wArea.img .resize .resizeError.open{display:block}
.wArea.img .align{display:none}
.wArea.img .align dt{display:inline;font-weight:bold}
.wArea.img .align dd{display:inline;margin:0}
/* Writing Area File */
.wArea.file .btnFileUpload,
.wArea.file .btnFileUpload button{position:relative;display:inline-block;height:39px;background-color:transparent;background-image:url(../img/buttonUpload.gif);background-repeat:no-repeat;cursor:pointer}
.wArea.file .btnFileUpload{background-position:left top}
.wArea.file .btnFileUpload button{left:7px;border:0;padding:0 15px 0 25px;background-position:right top;font-size:12px;font-weight:bold;color:#fff;line-height:39px;overflow:visible}
.wArea.file .btnFileUpload .swfupload{margin:0 !important;cursor:pointer}
.wArea.file .info{font-size:11px;color:#737fa1}
.wArea.file .info .help{position:relative;font-size:11px;border:0;background:none;padding:0;cursor:pointer;zoom:1;color:#f66;overflow:visible}
.wArea.file .inputFile{display:none}
.wArea.file .inputFile.open{display:block}
.wArea.file dl{margin:0;padding:0}
.wArea.file dd{font-size:11px;margin-bottom:3px;margin:0}
.wArea.file dd strong{margin-right:15px;color:#555;font-weight:normal}
.wArea.file dd em{color:#767676;font-style:normal;margin-right:15px}
.wArea.file dd .btnDelete{border:0;padding:0;width:17px;height:17px;vertical-align:middle;cursor:pointer;background:url(../img/buttonTableDataX.gif) no-repeat center center}
.wArea.file dd .btnDelete span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
.wArea.file .summary{text-align:right;font-size:11px}
.wArea.file .summary{color:#555}
.wArea.file .summary em{color:#767676;font-style:normal;margin-left:10px}
/* Writing Area Hr */
.wArea.hr ul{margin:0 0 20px 0;padding:0;list-style:none;font-size:12px;color:#555;zoom:1}
.wArea.hr li{position:relative;margin-bottom:10px;zoom:1}
.wArea.hr li label{position:relative;background:#f5f5f5;padding:0 15px 0 30px;margin-left:-30px;z-index:1;display:none}
.wArea.hr li .inputRadio{position:relative;z-index:10;display:none}
.wArea.hr .inputToggle,
.wArea.hr .inputContinue{position:absolute;top:0;border:1px solid #ddd;font-size:12px;color:#767676;width:150px;padding:3px 4px;height:14px;text-align:right;background-image:url(../img/bgInputText.gif);background-repeat:no-repeat}
.wArea.hr .inputShow{right:170px}
.wArea.hr .inputHide,
.wArea.hr .inputContinue{right:0}
.wArea.hr .hRule{position:absolute;width:100%;top:50%;left:0;display:block;border-top:1px solid #e6e6e6;border-bottom:1px solid #fff;font-size:0;line-height:0;overflow:hidden;height:0}
/* Edit Area */
.eArea{position:relative;padding:0 20px;margin:0;font-size:12px;border:1px solid #fff;overflow:visible !important;_zoom:1}
.eArea.xe_dr_hr{padding-top:1em;padding-bottom:1em}
.eArea a{color:#648AB9}
.eArea button.holder{position:absolute;left:-2000px;top:0px}
.eArea .eTool{display:none}
.eArea .eFocusTrigger{position:absolute;top:0;left:0;font-size:0;line-height:0;border:0;background:transparent;width:1px;height:1px;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
.eArea .eFocusTrigger:focus{border:1px solid}
.eArea .del{display:none;position:absolute;top:0;right:20px;border:0;padding:0;width:20px;height:20px;cursor:pointer;background:transparent url(../img/buttonTableDataX.gif) no-repeat center}
.eArea .del span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
.eArea.xe_dr_img p{overflow:hidden;width:100%}
.eArea.xe_dr_img p img{*padding:1em 0}
.eFocus{border:1px solid #d8d8de;z-index:999;background:#f9f9f9}
.eArea .cap{display:none}
.eFocus .cap{display:none;*display:block;position:absolute;width:10px;height:10px;background-repeat:no-repeat;font-size:0;line-height:0;overflow:hidden}
.eFocus .cap.capTL{top:-1px;left:-1px;background-position:left top}
.eFocus .cap.capTR{top:-1px;right:-1px;background-position:right top}
.eFocus .cap.capBL{bottom:-1px;left:-1px;background-position:left bottom}
.eFocus .cap.capBR{bottom:-1px;right:-1px;background-position:right bottom}
.eFocus .eTool{display:block;height:24px;position:absolute !important;z-index:99;top:-24px !important;left:-1px !important;white-space:nowrap;margin:0 0 0 2px !important;padding:0 5px 0 0 !important;border:0 !important;background:url(../img/bgEtool.gif) no-repeat right top !important}
.eFocus .eTool li{position:relative;left:-2px;display:block;float:left;height:22px;padding:2px 3px 0 5px;background:url(../img/vrContentNavigation.gif) no-repeat left center}
.eFocus .eTool li.edit{background:url(../img/bgEtool.gif) no-repeat left top}
.eFocus .eTool li button{border:0;padding:0;overflow:visible;cursor:pointer;background-color:transparent;font-size:11px;vertical-align:middle}
.eFocus .eTool li.move button,
.eFocus .eTool li.delete button{overflow:hidden;width:17px;height:17px;background-position:center center;background-repeat:no-repeat}
.eFocus .eTool li.move button{background-image:url(../img/iconMovable.gif);cursor:move}
.eFocus .eTool li.delete button{background-image:url(../img/buttonWasteBox.gif)}
.eFocus .eTool li.move button span,
.eFocus .eTool li.delete button span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
.eFocus .del{display:block}
/* txEditor */
.txEditor{position:relative;width:98%;padding-right:10px;margin-bottom:10px;border:1px solid #ddd;zoom:1;background:#fff}
.txEditor .toolbar{position:relative;z-index:10;margin:0 -10px 0 0;padding:6px 10px;list-style:none;zoom:1;background:#fafafa;border-bottom:1px solid #ddd}
.txEditor .toolbar:after{content:"";display:block;clear:both}
.txEditor .toolbar li{position:relative;float:left;margin-right:5px}
.txEditor .toolbar li button{border:0;padding:0;height:22px;background-color:transparent;background-image:url(../img/buttonEditorToolbar.gif);background-repeat:no-repeat;cursor:pointer;vertical-align:middle}
.txEditor .toolbar li button:hover,
.txEditor .toolbar li button:active,
.txEditor .toolbar li button:focus,
.txEditor .toolbar li button.active{border:1px solid #ddd}
.txEditor .toolbar li button span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
.txEditor .toolbar li select{font-size:12px;vertical-align:middle;height:21px}
.txEditor .toolbar li.undo button{width:23px;background-position:center -210px}
.txEditor .toolbar li.redo button{width:23px;background-position:center -240px}
.txEditor .toolbar li.strong button{width:23px;background-position:center 0}
.txEditor .toolbar li.em button{width:23px;background-position:center -30px}
.txEditor .toolbar li.underline button{width:23px;background-position:center -60px}
.txEditor .toolbar li.del button{width:23px;background-position:center -90px}
.txEditor .toolbar li.vRule{padding-left:10px;margin:0 5px;background:url(../img/vrEditorToolbar.gif) no-repeat left center}
.txEditor .toolbar li.aHref button{width:23px;background-position:center -120px}
.txEditor .toolbar li.fSize{margin-right:5px}
.txEditor .toolbar li.fColor{margin-right:5px;z-index:2}
.txEditor .toolbar li.fColor button{width:28px;background-position:center -150px}
.txEditor .toolbar li.bgColor{margin-right:5px;z-index:1}
.txEditor .toolbar li.bgColor button{width:28px;background-position:center -180px}
.txEditor .toolbar li.left button{width:23px;background-position:center -270px}
.txEditor .toolbar li.center button{width:23px;background-position:center -300px}
.txEditor .toolbar li.right button{width:23px;background-position:center -330px}
.txEditor .toolbar li.justify button{width:23px;background-position:center -360px}
.txEditor .toolbar li.character button{width:23px;background-position:center -390px}
.txEditor .toolbar li.list button{width:23px;background-image:url(../img/buttonListToolbar.gif);background-repeat:no-repeat}
.txEditor .toolbar li.disc button{background-position:center 0}
.txEditor .toolbar li.circle button{background-position:center -30px}
.txEditor .toolbar li.square button{background-position:center -60px}
.txEditor .toolbar li.decimal button{background-position:center -90px}
.txEditor .toolbar li.alphaLower button{background-position:center -120px}
.txEditor .toolbar li.alphaUpper button{background-position:center -150px}
.txEditor .toolbar li.romanLower button{background-position:center -180px}
.txEditor .toolbar li.romanUpper button{background-position:center -210px}
.txEditor .toolbar li .uri{display:none;position:absolute;left:10px;top:25px;padding:15px 20px;border:1px solid #ddd;background:#fff;zoom:1;*white-space:nowrap}
.txEditor .toolbar li .uri h3{font-size:12px;margin:0 0 .5em 0}
.txEditor .toolbar li .uri .link{border:1px solid #ccc;padding:3px 4px;height:14px;font-size:12px;width:200px;font-size:11px;color:#666}
.txEditor .toolbar li .uri p{margin:.5em 0}
.txEditor .toolbar li .uri p input{width:13px;height:13px;margin:0 3px 0 0;vertical-align:middle}
.txEditor .toolbar li .uri .btn_area{text-align:center}
.txEditor .toolbar li .uri .btn_area .btnGray,
.txEditor .toolbar li .uri .btn_area .btnGray button{background-image:url(../img/buttonGray.gif)}
.txEditor .toolbar li .uri .btn_area .btnGray{background-position:left top}
.txEditor .toolbar li .uri .btn_area .btnGray button{background-position:right top;line-height:18px;border:0 !important;width:auto;padding:0 6px 0 4px}
.txEditor .toolbar li .palette{display:none;width:211px;position:absolute;left:0;top:25px;padding:8px 0 7px 8px;margin:0;list-style:none;border:1px solid #ddd;background:#fff;zoom:1}
.txEditor .toolbar li .palette:after{content:"";display:block;clear:both}
.txEditor .toolbar li .palette.open{display:block}
.txEditor .toolbar li .palette li{float:left;margin:0 1px 1px 0;font-size:0;line-height:0}
.txEditor .toolbar li .palette button{position:relative;overflow:hidden;width:11px;height:11px}
.txEditor .toolbar li .palette button span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
.txEditor .inputRichText{position:relative;margin-right:-10px;position:relative;zoom:1;z-index:1;padding:3px 0 3px 3px;background-image:url(../img/bgInputText.gif);background-repeat:no-repeat;background-position:0 0}
.txEditor .inputRichText iframe{width:100%;height:136px;border:0;overflow-x:hidden}
.txEditor .resizeVertical{position:relative;margin-right:-10px;border-top:1px solid #ddd;height:10px;background:url(../img/buttonResizeVertical.gif) no-repeat center center;zoom:1;font-size:0;line-height:0}
.txEditor .resizeVertical button{width:100%;height:10px;border:0;margin:0;padding:0;background:transparent;cursor:n-resize;vertical-align:middle}
.txEditor .resizeVertical button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1}
.txEditor .toolbar li.character .layer{width:433px;height:242px;overflow:hidden;padding:0}
.txEditor .toolbar li.character .layer .close{position:absolute;background:url(../img/buttonLayerClose.gif) no-repeat center;width:20px;height:21px;top:4px;right:3px;border:0 !important}
.txEditor .toolbar li.character .layer ul{margin:0;padding:0;list-style:none}
.txEditor .toolbar li.character .layer h3{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
.txEditor .toolbar li.character .layer .nav{position:absolute;top:8px;left:-1px;overflow:hidden;white-space:nowrap;line-height:normal}
.txEditor .toolbar li.character .layer .nav li{display:inline;margin:0 -4px 0 0;padding:0 8px;background:url(../img/vr_layer_character.gif) no-repeat 0 center}
.txEditor .toolbar li.character .layer .nav li a{color:#444;text-decoration:none;letter-spacing:-1px}
.txEditor .toolbar li.character .layer .nav li a:hover,
.txEditor .toolbar li.character .layer .nav li a:active,
.txEditor .toolbar li.character .layer .nav li a:focus{text-decoration:underline}
.txEditor .toolbar li.character .layer .nav li a.on{font-weight:bold;color:#004790;display:inline}
.txEditor .toolbar li.character .layer .list{position:absolute;left:7px;top:30px;width:421px;height:172px;background:url(../img/bx_character.gif) no-repeat}
.txEditor .toolbar li.character .layer .list li{position:relative;top:1px;left:1px;float:left;width:20px;height:18px;margin:0 1px 1px 0}
.txEditor .toolbar li.character .layer .list li button{width:20px;height:18px;background:none;padding:0;vertical-align:top}
.txEditor .toolbar li.character .layer .list li button:hover,
.txEditor .toolbar li.character .layer .list li button:active,
.txEditor .toolbar li.character .layer .list li button:focus{border:2px solid #27c11a}
.txEditor .toolbar li.character .layer .list li button span{overflow:visible;font-size:12px;width:auto;height:auto;position:relative;visibility:visible;line-height:normal;z-index:1}
.txEditor .toolbar li.character .layer p{position:absolute;top:212px;left:7px;margin:0 !important}
.txEditor .toolbar li.character .layer p *{vertical-align:top}
.txEditor .toolbar li.character .layer p label{position:relative;top:4px;margin:0 7px 0 0;color:#333;letter-spacing:-1px;line-height:normal}
.txEditor .toolbar li.character .layer p input{padding:3px 0 0 4px;margin:0 4px 0 0;width:300px;height:16px;border:1px solid #acacac;border-right:1px solid #dadada;border-bottom:1px solid #dadada;font-size:12px}
.txEditor .toolbar li.character .layer p button{position:relative;*top:1px;width:38px;height:21px;background:url(../img/buttonLayerConfirm.gif) no-repeat;border:0 !important}
.txEditor .toolbar .font9px{font-size:9px}
.txEditor .toolbar .font10px{font-size:10px}
.txEditor .toolbar .font11px{font-size:11px}
.txEditor .toolbar .font12px{font-size:12px}
.txEditor .toolbar .font14px{font-size:14px}
.txEditor .toolbar .font16px{font-size:16px}
.txEditor .toolbar .font18px{font-size:18px}
.txEditor .toolbar .font20px{font-size:20px}
.txEditor .toolbar .font24px{font-size:24px}
.txEditor .toolbar .font28px{font-size:28px}
.txEditor .toolbar .font32px{font-size:32px}
.txEditor .toolbar .font36px{font-size:36px}
/* Drag and Drop */
.xe_dr_placeholder{background-color:#F8F4CE;margin:5px 0;height:20px;padding:10px 0;z-index:0;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:1}
.drag_handle{position:absolute;height:100%;width:10px;top:0;opacity:.5;filter:alpha(opacity=50);background:#ddd url(../img/iconDragHandler.gif) no-repeat center;cursor:n-resize;margin:0 2px !important;padding:0 !important;border:0 !important;_zoom:1}
.drag_handle.left{left:0}
.drag_handle.right{right:0}
.eArea .drag_handle{display:none}
.eFocus .drag_handle{display:block}
.editorContainer .ui-draggable{margin:0 0 3em 0 !important}