@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 .buttonArea{ position:relative; text-align:left; *zoom:1;}
.wArea .buttonArea .buttonGray button{ _top:0;}
.wArea .buttonArea .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 .inputText{ 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 .inputTextarea{ 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 .buttonDrEditor{ 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 .buttonFileUpload,
.wArea.file .buttonFileUpload 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 .buttonFileUpload{ background-position:left top;}
.wArea.file .buttonFileUpload 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 .buttonFileUpload .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 .buttonDelete{ 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 .buttonDelete 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:16px; 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 .buttonGray,
.txEditor .toolbar li .uri .btn_area .buttonGray button{ background-image:url(../img/buttonGray.gif);}
.txEditor .toolbar li .uri .btn_area .buttonGray{ background-position:left top;}
.txEditor .toolbar li .uri .btn_area .buttonGray 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;}