rhymix/modules/editor/skins/xeed/xd.css

/* XEED Start */

/* Reset */
html,
body{ height:100%;}
.xd{ display:none; position:relative; border:1px solid #b5b5b5; o-verflow:hidden; z-index:1; *zoom:1; }
.xd .tool ul,
.xd .mode ul{ margin:0; padding:0; list-style:none;}
.xd .tool button,
.xd .mode button,
.xdmw button{ position:relative; border:0; margin:0; padding:0; background-color:transparent; overflow:visible; cursor:pointer;}
.xd .tool em{ font-style:normal;}
.xd .tool img{ border:0;}
.xd .tool .itx{ border:1px solid #c7c7c7; background:transparent; padding:2px 4px; _margin:-1px 0; height:15px; font-size:12px; vertical-align:top;}
.xd .tool .itx.hover,
.xd .tool .itx.focus{ border-color:#999; box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb; -webkit-box-shadow:0 0 2px #bbb;}
.xd .tool .icx,
.xd .mode .icx,
.xdmw .icx{ width:13px; height:13px; vertical-align:middle; margin:0 2px 0 0; padding:0;}
.xd .tool .btn,
.xdmw .btn{ border:1px solid #b5b5b5; font-size:12px; padding:0 4px; height:21px; _height:20px; vertical-align:top; cursor:pointer;}
.xd .tool fieldset{ border:0; margin:0; padding:0;}
.xd .tool label,
.xd .mode label,
.xdmw label{ cursor:pointer;}
.xd .tool .strong,
.xdmw .strong{ font-weight:bold;}

/* Background */
.xd .tool,
.xd .mode,
.xd .resize,
.xd .tool .mo,
.xd .t1 .u1,
.xd .t1 .u1 .tb,
.xd .t1 .u2,
.xd .t2 .tb,
.xd .t2 .btn,
.xd .t2 .u3 .lr li.active button,
.xd .t2 .u3 .lr li.hover button,
.xd .t2 .u6 .sc .lr .li ul,
.xd .t2 .u6 .te .lr .cn li button,
.xd .t2 .u6 .te .lr .th li button,
.xdmw .iHead,
.xdmw .iFoot,
.xdmw .iHead h2,
.xdmw .iFoot .btn,
.xdmw .al .label,
.xdmw .al .sn .ctr,
.xdmw .al .file li .ob,
.xdmw .al .sn .task .all,
.xdmw .al .sn .task .insert{ background-image:url(xd.gif); background-repeat:no-repeat;}

/* Font Family */
.xd .tool .t1 .tb,
.xd .tool .t2 .hx .lr button,
.xd .tool .t2 .u6 .sc .lr .tab,
.xd .edit{ font-family:Dotum, 돋움, Tahoma, Geneva, sans-serif;}
.xd .tool .itx,
.xd .tool .t2 .u6 .te .lr .cn li button,
.xd .tool .t2 .u6 .te .lr .wh td button,
.xd .mode ul button,
.xd .mode .autoResize label,
.xdmw .item .iHead h2 em,
.xdmw label{ font-family:Tahoma, Geneva, sans-serif;}

/* Hidden Text */
.xd .tool .mo span,
.xd .tool .t2 .tb span,
.xd .tool .t2 .u3 .cr .lr li button span,
.xd .tool .t2 .u6 .te .lr .cn button span,
.xd .mode .resize span{ position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; z-index:-1;}

/* Label Input OverWrap */
.xd .tool .liow{ position:relative; background:#fff;}
.xd .tool .liow label{ position:absolute; top:4px; left:6px; white-space:nowrap;}
.xd .tool .liow .itx{ position:relative; z-index:2; background:transparent;}

/* Time */
.xd .time{ font-size:12px; background:#fcfcfc; border-top:1px solid #ddd;}
.xd .time p{ margin:0; padding:6px 10px; color:#666; text-align:center;}

/* Mode */
.xd .mode{ position:relative; z-index:1; background-position:0 -1140px; background-repeat:repeat-x; border-top:1px solid #b5b5b5; *zoom:1;}
.xd .mode .resize{ width:100%; height:20px; cursor:n-resize; background-position:center -1105px; font-size:0; line-height:0;}
.xd .mode .autoResize{ position:absolute; top:0; left:8px; font-size:11px; line-height:20px;}
.xd .mode .autoResize label{ display:inline-block; height:20px;}
.xd .mode ul{ position:absolute; top:-1px; right:10px; line-height:15px;}
.xd .mode li{ position:relative; float:left; margin:0 -1px 0 0; border:1px solid #b5b5b5; background:#f4f4f4; vertical-align:top;}
.xd .mode li.active{ border-top-color:#fcfcfc; background:#fcfcfc; z-index:2;}
.xd .mode ul button{ padding:0 10px; font-size:11px;}

/* Tool - Common */
.xd .tool{ background-position:0 -1140px; background-repeat:repeat-x; background-color:#f4f4f4; position:relative; z-index:3;}
.xd .tool .mo{ display:none; position:absolute; top:0; right:0; height:25px; width:16px; background-position:-300px -252px;}
.xd .skip{ position:absolute; display:block; top:0; left:0; width:1px; height:1px; overflow:hidden; color:#333; text-indent:1em; text-decoration:none; font-size:12px;}
.xd .skip:hover,
.xd .skip:active,
.xd .skip:focus{ position:relative; width:100%; height:auto; padding:5px 0;}

/* Tool - 1 */
.xd .t1{ position:relative; z-index:2; padding:0 15px 0 0; border-bottom:1px solid #e0dedf; *zoom:1;}
.xd .t1:after{ content:""; display:block; clear:both;}
.xd .t1 .u1,
.xd .t1 .u2{ background-repeat:repeat-x; background-position:0 -1140px; position:relative; left:-1px; float:left; border:1px solid #e0dedf; border-bottom:0; border-left:0; margin:-1px 0 0 0;}
.xd .t1.c2 .u2{ display:none;}
.xd .t1.ca .u1,
.xd .t1.ca .u2{ display:block;}
.xd .t1 .ti{ float:left;}
.xd .t1 .ti.active{ background-color:#e8e8e8; border:1px solid #e0dedf; border-top:0; border-bottom:0; margin:0 -1px;}
.xd .t1 .tb{ display:inline-block; height:26px; line-height:26px; font-size:11px; text-decoration:none; vertical-align:top; color:#000;}
.xd .t1 .tb span{ display:inline-block; padding:0 5px; white-space:nowrap; text-shadow:1px 1px 0 #f8f8f8;}
.xd .t1 .u1 .tb span{ padding-left:21px;}
.xd .t1 .u1 .tb em{ color:#ccc;}
.xd .t1 .u1 .tb em strong{ color:#f60;}
.xd .t1 .u1 .al a{ background-position:6px -253px; cursor:pointer;}
.xd .t1 .u1 .img .tb{ background-position:6px -283px;}
.xd .t1 .u1 .mov .tb{ background-position:6px -313px;}
.xd .t1 .u1 .file .tb{ background-position:6px -343px;}

/* Tool - 2 */
.xd .t2{ position:relative; z-index:2; border-top:1px solid #e0dedf; border-bottom:1px solid #b5b5b5; padding:5px 10px 0 5px; margin:-1px 0 0 0; *zoom:1;}
.xd .t2:after{ content:""; display:block; clear:both;}
.xd .t2 .mo{ top:3px;}
.xd .t2 .u1,
.xd .t2 .u2,
.xd .t2 .u3,
.xd .t2 .u4,
.xd .t2 .u5,
.xd .t2 .u6{ float:left; position:relative; margin:0 5px 0 0; padding:0 0 5px 0; *zoom:1;}
.xd .t2 .u1:after,
.xd .t2 .u2:after,
.xd .t2 .u3:after,
.xd .t2 .u4:after,
.xd .t2 .u5:after,
.xd .t2 .u6:after{ content:""; display:block; clear:both;}
.xd .t2.c23456 .u2,
.xd .t2.c23456 .u3,
.xd .t2.c23456 .u4,
.xd .t2.c23456 .u5,
.xd .t2.c23456 .u6,
.xd .t2.c3456 .u3,
.xd .t2.c3456 .u4,
.xd .t2.c3456 .u5,
.xd .t2.c3456 .u6,
.xd .t2.c456 .u4,
.xd .t2.c456 .u5,
.xd .t2.c456 .u6,
.xd .t2.c56 .u5,
.xd .t2.c56 .u6,
.xd .t2.c6 .u6{ display:none;}
.xd .t2.ca .u1,
.xd .t2.ca .u2,
.xd .t2.ca .u3,
.xd .t2.ca .u4,
.xd .t2.ca .u5,
.xd .t2.ca .u6{ display:block;}
.xd .t2 .ti{ float:left; border:1px solid #b5b5b5; margin:0 -1px 0 0; font-size:0; position:relative;}
.xd .t2 .ti.hover{ border-color:#666; z-index:100; box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb; -webkit-box-shadow:0 0 2px #bbb;}
.xd .t2 .ti.active{ border-color:#333; z-index:100;}
.xd .t2 .tb{ width:20px; height:19px; line-height:19px; overflow:visible; _overflow-y:hidden; vertical-align:top; background-position:0 -60px;}
.xd .t2 .u2 .tb{ width:auto; height:19px; line-height:19px; font-size:12px; padding:0 12px 0 4px; background-position:right 0; text-shadow:1px 1px 0 #eee;}
.xd .t2 .u2 .active .tb{ background-position:right -20px;}
.xd .t2 .disable{ opacity:.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)"; border-color:#b5b5b5 !important; box-shadow:none !important; -moz-box-shadow:none !important; -webkit-box-shadow:none !important;}
.xd .t2 .disable .tb{ cursor:default; -ms-filter:inherit;}
.xd .t2 .ud .tb{ background-position:0 -40px;}
.xd .t2 .rd .tb{ background-position:-20px -40px;}
.xd .t2 .bd .tb{ background-position:-40px -40px;}
.xd .t2 .ue .tb{ background-position:-60px -40px;}
.xd .t2 .ic .tb{ background-position:-80px -40px;}
.xd .t2 .se .tb{ background-position:-100px -40px;}
.xd .t2 .cr .tb{ background-position:-120px -40px;}
.xd .t2 .sp .tb{ background-position:-140px -40px;}
.xd .t2 .sb .tb{ background-position:-160px -40px;}
.xd .t2 .al .tb{ background-position:-180px -40px;}
.xd .t2 .ac .tb{ background-position:-200px -40px;}
.xd .t2 .ar .tb{ background-position:-220px -40px;}
.xd .t2 .aj .tb{ background-position:-240px -40px;}
.xd .t2 .ol .tb{ background-position:-260px -40px;}
.xd .t2 .ul .tb{ background-position:-280px -40px;}
.xd .t2 .od .tb{ background-position:-300px -40px;}
.xd .t2 .id .tb{ background-position:-320px -40px;}
.xd .t2 .qm .tb{ background-position:-340px -40px;}
.xd .t2 .bx .tb{ background-position:-360px -40px;}
.xd .t2 .er .tb{ background-position:-380px -40px;}
.xd .t2 .ur .tb{ background-position:-400px -40px;}
.xd .t2 .sc .tb{ background-position:-420px -40px;}
.xd .t2 .te .tb{ background-position:-440px -40px;}
.xd .t2 .cm .tb{ background-position:-460px -40px;}
.xd .t2 .cs .tb{ background-position:-480px -40px;}
.xd .t2 .rs .tb{ background-position:-500px -40px;}
.xd .t2 .tc .tb{ background-position:-520px -40px;}
.xd .t2 .fr .tb{ background-position:-540px -40px;}
.xd .t2 .active .tb.ud{ background-position:0 -60px;}
.xd .t2 .active .tb.rd{ background-position:-20px -60px;}
.xd .t2 .active .tb.bd{ background-position:-40px -60px;}
.xd .t2 .active .tb.ue{ background-position:-60px -60px;}
.xd .t2 .active .tb.ic{ background-position:-80px -60px;}
.xd .t2 .active .tb.se{ background-position:-100px -60px;}
.xd .t2 .active .tb.cr{ background-position:-120px -60px;}
.xd .t2 .active .tb.sp{ background-position:-140px -60px;}
.xd .t2 .active .tb.sb{ background-position:-160px -60px;}
.xd .t2 .active .tb.al{ background-position:-180px -60px;}
.xd .t2 .active .tb.ac{ background-position:-200px -60px;}
.xd .t2 .active .tb.ar{ background-position:-220px -60px;}
.xd .t2 .active .tb.aj{ background-position:-240px -60px;}
.xd .t2 .active .tb.ol{ background-position:-260px -60px;}
.xd .t2 .active .tb.ul{ background-position:-280px -60px;}
.xd .t2 .active .tb.od{ background-position:-300px -60px;}
.xd .t2 .active .tb.id{ background-position:-320px -60px;}
.xd .t2 .active .tb.qm{ background-position:-340px -60px;}
.xd .t2 .active .tb.bx{ background-position:-360px -60px;}
.xd .t2 .active .tb.er{ background-position:-380px -60px;}
.xd .t2 .active .tb.ur{ background-position:-400px -60px;}
.xd .t2 .active .tb.sc{ background-position:-420px -60px;}
.xd .t2 .active .tb.te{ background-position:-440px -60px;}
.xd .t2 .active .tb.cm{ background-position:-460px -60px;}
.xd .t2 .active .tb.cs{ background-position:-480px -60px;}
.xd .t2 .active .tb.rs{ background-position:-500px -60px;}
.xd .t2 .active .tb.tc{ background-position:-520px -60px;}
.xd .t2 .active .tb.fr{ background-position:-540px -60px;}

/* Layer */
.xd .t2 .lr{ display:none; position:absolute; left:-1px; top:19px; padding:10px; font-size:12px; border:1px solid #bbb; background-color:#fafafa; *zoom:1; box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb; -webkit-box-shadow:0 0 2px #bbb;}
.xd .t2 .lr:after{ content:""; display:block; clear:both;}
.xd .t2 .lr.open{ display:block;}

/* Layer - u2 (hx, ff, fs, lh) */
.xd .t2 .u2 .lr{ padding:2px;}
.xd .t2 .u2 .lr li.hover{ background:#ebebeb;}
.xd .t2 .u2 .lr button{ display:block; white-space:nowrap; text-align:left; font-size:12px; padding:2px 10px;}
.xd .t2 .u2 .hx .lr button{ font-weight:bold;}
.xd .t2 .u2 .lr .h1 button{ font-size:24px;}
.xd .t2 .u2 .lr .h2 button{ font-size:20px;}
.xd .t2 .u2 .lr .h3 button{ font-size:18px;}
.xd .t2 .u2 .lr .h4 button{ font-size:16px;}
.xd .t2 .u2 .lr .h5 button{ font-size:14px;}
.xd .t2 .u2 .lr .h6 button{ font-size:12px;}

/* Layer - u3 (cr) */
.xd .t2 .u3 .cr .lr fieldset{ position:relative; margin:0 0 8px 0;}
.xd .t2 .u3 .cr .lr legend{ font-size:12px; font-weight:bold; margin:0; padding:0; display:block; line-height:normal;}
.xd .t2 .u3 .cr .lr ul{ width:204px; position:relative; margin:0; *zoom:1;}
.xd .t2 .u3 .cr .lr ul:after{ content:""; display:block; clear:both;}
.xd .t2 .u3 .cr .lr li{ position:relative; float:left; margin:0 1px 1px 0; font-size:0; line-height:0;}
.xd .t2 .u3 .cr .lr li button{ display:block; position:relative; overflow:hidden; width:11px; height:11px; vertical-align:top;}
.xd .t2 .u3 .cr .lr li.active button,
.xd .t2 .u3 .cr .lr li.hover button{ background-position:-330px -260px;}
.xd .t2 .u3 .cr .lr .itx{ display:block; clear:both; width:193px; text-transform:uppercase;}
.xd .t2 .u3 .cr .lr .btn{ position:relative; width:203px;}
.xd .t2 .u3 .cr .lr .pv p{ margin:0; padding:8px 10px; width:181px; background:#fff; border:1px dotted #ccc;}
.xd .t2 .u3 .cr .lr .pv span{ display:inline-block; line-height:1.5;}

/* Layer - u6 (ur) */
.xd .t2 .u6 .ur .lr{ width:260px; left:auto; right:-1px;}
.xd .t2 .u6 .ur .lr fieldset{ *zoom:1;}
.xd .t2 .u6 .ur .lr fieldset:after{ content:""; display:block; clear:both;}
.xd .t2 .u6 .ur .lr .itx{ display:block; width:250px; margin:0 0 4px 0; background:#fff;}
.xd .t2 .u6 .ur .lr .nw{ float:left; line-height:21px; white-space:nowrap;}
.xd .t2 .u6 .ur .lr .btnArea{ float:right; white-space:nowrap;}
.xd .t2 .u6 .ur .lr .btn{ *margin:0 0 0 4px;}

/* Layer - u6 (sc) */
.xd .t2 .u6 .sc .lr{ width:402px; height:222px; left:auto; right:-1px;}
.xd .t2 .u6 .sc .lr .li{ float:left; margin:0 -1px 0 0;}
.xd .t2 .u6 .sc .lr .tab{ position:relative; font-size:11px; height:23px; _line-height:18px; padding:0 4px; border:1px solid #d0d0d0; background:#f5f5f5; z-index:10;}
.xd .t2 .u6 .sc .lr .active .tab{ border-bottom-color:#fff; background:#fff;}
.xd .t2 .u6 .sc .lr .li ul{ display:none; position:absolute; left:10px; top:32px; width:400px; height:171px; border:1px solid #d0d0d0; background-position:0 -80px; z-index:1; *zoom:1;}
.xd .t2 .u6 .sc .lr .li ul:after{ content:""; display:block; clear:both;}
.xd .t2 .u6 .sc .lr .active ul{ display:block;}
.xd .t2 .u6 .sc .lr .li li{ position:relative; top:-1px; float:left; margin:0 -1px -1px 0;}
.xd .t2 .u6 .sc .lr .li li button{ width:21px; height:20px; overflow:hidden;}
.xd .t2 .u6 .sc .lr .li li:hover button{ border:1px solid #666;}
.xd .t2 .u6 .sc .lr fieldset{ position:absolute; top:212px; left:10px;}
.xd .t2 .u6 .sc .lr .itx{ width:296px; padding-right:100px; background:#fff; _margin:-1px 0;}
.xd .t2 .u6 .sc .lr .btnArea{ position:absolute; top:0; right:0;}
.xd .t2 .u6 .sc .lr .btn{ float:left; margin:0 0 0 -1px; display:inline;}

/* Layer - u6 (te) */
.xd .t2 .u6 .te .lr{ left:auto; right:-1px;}
.xd .t2 .u6 .te .lr fieldset{ position:relative; width:280px; padding:0 0 10px 0;}
.xd .t2 .u6 .te .lr legend{ font-size:12px; font-weight:bold; margin:0; padding:10px 0 0 0; display:block; line-height:normal;}
.xd .t2 .u6 .te .lr .pv{ border-bottom:1px solid #ddd;}
.xd .t2 .u6 .te .lr .pv legend{ padding:0;}
.xd .t2 .u6 .te .lr .pv .xdcs{ background:#fff; line-height:1.5; margin:0 -10px; padding:1px 10px; box-shadow:inset 0 0 3px #999; -moz-box-shadow:inset 0 0 3px #999; -webkit-box-shadow:inset 0 0 3px #999;}
.xd .t2 .u6 .te .lr .cn{ border-bottom:1px solid #ddd;}
.xd .t2 .u6 .te .lr .cn .liow label{ top:7px;}
.xd .t2 .u6 .te .lr .cn .itx{ width:215px; padding:5px 60px 5px 4px;}
.xd .t2 .u6 .te .lr .cn ul{ position:absolute; z-index:2; width:51px; top:2px; right:2px; *right:1px; font-size:0; *zoom:1;}
.xd .t2 .u6 .te .lr .cn ul:after{ content:""; display:block; clear:both;}
.xd .t2 .u6 .te .lr .cn li{ float:left; margin:0 0 1px 1px; display:inline;}
.xd .t2 .u6 .te .lr .cn li button{ width:16px; height:11px; overflow:hidden; text-align:center; background-color:#eee;}
.xd .t2 .u6 .te .lr .cn li.selected button{ background-color:#ccc;}
.xd .t2 .u6 .te .lr .cn li.tl button{ background-position:-360px -255px;}
.xd .t2 .u6 .te .lr .cn li.tc button{ background-position:-382px -255px;}
.xd .t2 .u6 .te .lr .cn li.tr button{ background-position:-404px -255px;}
.xd .t2 .u6 .te .lr .cn li.bl button{ background-position:-360px -264px;}
.xd .t2 .u6 .te .lr .cn li.bc button{ background-position:-382px -264px;}
.xd .t2 .u6 .te .lr .cn li.br button{ background-position:-404px -264px;}
.xd .t2 .u6 .te .lr .th{ border-bottom:1px solid #ddd;}
.xd .t2 .u6 .te .lr .th ul{ *zoom:1;}
.xd .t2 .u6 .te .lr .th ul:after{ content:""; display:block; clear:both;}
.xd .t2 .u6 .te .lr .th li{ float:left;}
.xd .t2 .u6 .te .lr .th li button{ font-size:12px; width:70px; height:55px;}
.xd .t2 .u6 .te .lr .th li.selected{ background-color:#ddd;}
.xd .t2 .u6 .te .lr .th li.no button{ background-position:-283px -275px;}
.xd .t2 .u6 .te .lr .th li.lt button{ background-position:-433px -275px;;}
.xd .t2 .u6 .te .lr .th li.tp button{ background-position:-283px -335px;;}
.xd .t2 .u6 .te .lr .th li.bh button{ background-position:-433px -335px;;}
.xd .t2 .u6 .te .lr .th li span{ display:inline-block; padding-top:26px;}
.xd .t2 .u6 .te .lr .wh{ border-bottom:1px solid #ddd;}
.xd .t2 .u6 .te .lr .wh table{ border:0; width:100%;}
.xd .t2 .u6 .te .lr .wh th{ border:0; text-align:right; padding:0; white-space:nowrap; font-weight:normal;}
.xd .t2 .u6 .te .lr .wh td{ border:0; padding:0 0 0 10px; border-spacing:0;}
.xd .t2 .u6 .te .lr .wh td button{ font-size:12px; width:23px; height:21px; color:#666;}
.xd .t2 .u6 .te .lr .wh td button.selected{ border:1px solid #ccc; background-color:#767676; color:#fff; font-weight:bold;}
.xd .t2 .u6 .te .lr .wh .itx{ width:60px; *margin-right:4px; background-color:#fff;}
.xd .t2 .u6 .te .lr .btnArea{ position:relative; text-align:right; white-space:nowrap; padding:10px 0 0 0;}
.xd .t2 .u6 .te .lr .btnArea .btn{ *margin-left:4px;}

/* Layer - u6 (fr) */
.xd .t2 .u6 .fr .lr{ left:auto; right:-1px;}
.xd .t2 .u6 .fr .lr fieldset{ position:relative;}
.xd .t2 .u6 .fr .lr legend{ font-size:12px; font-weight:bold; margin:0; display:block; line-height:normal;}
.xd .t2 .u6 .fr .lr .itx{ width:120px; padding-right:70px;}
.xd .t2 .u6 .fr .lr .find{ border-bottom:1px solid #ddd; padding:0 0 10px 0;}
.xd .t2 .u6 .fr .lr .find .btn{ position:absolute; top:0; right:0; z-index:3;}
.xd .t2 .u6 .fr .lr .replace legend{ padding:10px 0 0 0;}
.xd .t2 .u6 .fr .lr .replace .liow{ margin:0 0 2px 0;}
.xd .t2 .u6 .fr .lr .replace .liow .btn{ position:absolute; top:0; right:0; z-index:3;}
.xd .t2 .u6 .fr .lr .frAll{ width:196px; margin:5px 0 0 0;}

/* Edit */
.xd .edit{ height:400px; overflow:auto; position:relative; z-index:2; *zoom:1; background:#fff; box-shadow:inset 0 0 3px #999; -moz-box-shadow:inset 0 0 3px #999; -webkit-box-shadow:inset 0 0 3px #999;}
.xd .edit .xdcs{ position:relative; overflow:hidden !important; padding:20px 25px; cursor:text;}
.xd .edit .xdsc{ border:0; padding:20px 25px; overflow:auto; background:transparent; font:12px "Courier New", Courier, monospace;}

/* XDMW(XD Modal Windowed Layer) */
.xdmw{ display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.xdmw .bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50); -ms-filter:"alpha(opacity=50)";}
.xdmw .bg iframe{ border:0; width:100%; height:100%; display:none; _display:block; filter:alpha(opacity=0);}
.xdmw .fg{ position:relative; top:10%; margin:0 auto; padding:37px 0 41px 0; width:80%; height:70%; background:#fff; border:3px solid #666; box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000;}
.xdmw .item{ position:relative; width:100%; height:100%; font-size:12px;}
.xdmw .item img{ border:0;}
.xdmw .item .iHead{ position:absolute; top:-37px; left:0; width:100%; background-position:0 -1140px; background-repeat:repeat-x; border-bottom:1px solid #ccc; font-size:12px; padding:10px 0; *zoom:1;}
.xdmw .item .iHead:after{ content:""; display:block; clear:both;}
.xdmw .item .iHead h2{ float:left; _display:inline; margin:0 0 0 20px; padding:0 0 0 20px; background-position:0 -257px; font-size:12px; height:16px; line-height:16px;}
.xdmw .item .iHead h2 em{ font-weight:normal; font-style:normal; color:#ccc;}
.xdmw .item .iHead h2 strong{ color:#f60;}
.xdmw .item .iBody{ position:relative; width:100%; height:100%; overflow:auto;}
.xdmw .item .iBody .sn{ margin:0 20px; padding:20px 0; *zoom:1;}
.xdmw .item .iBody .sn:after{ content:""; display:block; clear:both;}
.xdmw .item .iFoot{ position:absolute; width:100%; height:21px; line-height:21px; left:0; bottom:-41px; padding:10px 0; border-top:1px solid #ccc; background-position:0 -1140px; background-repeat:repeat-x;}
.xdmw .item .iFoot .btnArea{ margin:0 20px; *zoom:1;}
.xdmw .item .iFoot .btnArea:after{ content:""; display:block; clear:both;}
.xdmw .item .iFoot .btnArea.fl{ float:left;}
.xdmw .item .iFoot .btnArea.fr{ float:right;}

/* XDMW - AL(Attached List) */
.xdmw .al{ display:none;}
.xdmw .al.open{ display:block;}
.xdmw .al .label{ width:275px; line-height:30px; font-weight:bold; margin:0; padding:0 0 0 24px;}
.xdmw .al .img .label{ background-position:0 -282px;}
.xdmw .al .mov .label{ background-position:0 -312px;}
.xdmw .al .file .label{ background-position:0 -342px;}
.xdmw .al .sn{ position:relative; border-bottom:1px solid #ddd;}
.xdmw .al .sn ul{ margin:0; padding:0; *zoom:1;}
.xdmw .al .sn ul:after{ content:""; display:block; clear:both;}
.xdmw .al .sn li{ position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0 10px 10px 0;}
.xdmw .al .sn .ob{ position:relative; display:block; text-decoration:none; white-space:nowrap; font-size:0; width:100px; height:100px; margin:0 0 5px 0; border:1px solid #ddd; text-align:center; line-height:98px;}
.xdmw .al .sn .ob img{ vertical-align:middle;}
.xdmw .al .sn .ob.ed{ background-color:#eee;}
.xdmw .al .sn .ctr{ position:absolute; display:block; left:0; border:1px solid #bbb; font-size:12px; white-space:nowrap; background-position:0 -1140px; background-color:#f4f4f4; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb; -webkit-box-shadow:0 0 2px #bbb;}
.xdmw .al .sn .ctr.show{opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";}
.xdmw .al .sn .ins{ width:100px; height:100px; top:0;}
.xdmw .al .sn .del{ height:26px; top:74px; padding:0 5px;}
.xdmw .al .sn .task{ position:absolute; top:27px; right:0; margin:0;}
.xdmw .al .sn .task button{ padding:0 0 0 15px; font-size:12px;}
.xdmw .al .sn .task .all{ background-position:-586px -260px;}
.xdmw .al .sn .task .insert{ background-position:-586px -288px;}
.xdmw .al .sn .task .up{ padding:0; border-bottom:1px solid;}
.xdmw .al .sn .progress{ display:none; width:80px; background:#ddd;}
.xdmw .al .sn .progress .bar{ display:block; background:#999; height:6px;}
.xdmw .al .sn .uploading .progress{ display:inline-block;}
.xdmw .al .sn .nofile{ display:none; position:absolute; top:27px; right:0; margin:0; text-align:center; color:#767676;}
.xdmw .al .sn .nofile .up{ font-size:12px; border-bottom:1px solid;}
.xdmw .al .none .task{ display:none;}
.xdmw .al .none .nofile{ display:block;}
.xdmw .al .file .ob{ text-indent:-900px;}
.xdmw .al .file .uploading .ob{ text-indent:0px; background-image:none;}
.xdmw .al .file .pdf{ background-position:0 -400px;}
.xdmw .al .file .doc,
.xdmw .al .file .docx{ background-position:-100px -400px;}
.xdmw .al .file .hwp{ background-position:-200px -400px;}
.xdmw .al .file .ppt,
.xdmw .al .file .ppt{ background-position:-300px -400px;}
.xdmw .al .file .pps{ background-position:-400px -400px;}
.xdmw .al .file .txt{ background-position:-500px -400px;}
.xdmw .al .file .rtf{ background-position:0 -500px;}
.xdmw .al .file .xls,
.xdmw .al .file .xlsx{ background-position:-100px -500px;}
.xdmw .al .file .png{ background-position:-200px -500px;}
.xdmw .al .file .jpg{ background-position:-300px -500px;}
.xdmw .al .file .gif{ background-position:-400px -500px;}
.xdmw .al .file .bmp{ background-position:-500px -500px;}
.xdmw .al .file .tif{ background-position:0 -600px;}
.xdmw .al .file .raw{ background-position:-100px -600px;}
.xdmw .al .file .avi{ background-position:-200px -600px;}
.xdmw .al .file .wmv{ background-position:-300px -600px;}
.xdmw .al .file .mov{ background-position:-400px -600px;}
.xdmw .al .file .mpg{ background-position:-500px -600px;}
.xdmw .al .file .flv{ background-position:0 -700px;}
.xdmw .al .file .divx{ background-position:-100px -700px;}
.xdmw .al .file .mp3{ background-position:-200px -700px;}
.xdmw .al .file .wma{ background-position:-300px -700px;}
.xdmw .al .file .wav{ background-position:-400px -700px;}
.xdmw .al .file .aac{ background-position:-500px -700px;}
.xdmw .al .file .flac{ background-position:0 -800px;}
.xdmw .al .file .psd{ background-position:-100px -800px;}
.xdmw .al .file .ai{ background-position:-200px -800px;}
.xdmw .al .file .svg{ background-position:-300px -800px;}
.xdmw .al .file .xml{ background-position:-400px -800px;}
.xdmw .al .file .html{ background-position:-500px -800px;}
.xdmw .al .file .css{ background-position:0 -900px;}
.xdmw .al .file .iso{ background-position:-100px -900px;}
.xdmw .al .file .zip{ background-position:-200px -900px;}