.ui-mask,.my-mask {background:#000;left:0;top:0; position:absolute;
filter:alpha(opacity=10);
-moz-opacity:0.1; /*MOZ , FF*/
opacity:0.1; /*CSS3, FF1.5*/width:100%;height:800px;}
.ui-msg {position:absolute; background:#fff /*url(../images/uibg.gif) left bottom repeat-x*/;z-index:9999;}
.ui-msg .ui-msg-close {display:block;position:absolute; top:6px; right:6px; width:11px; height:11px; background:url(../images/ico.png) -2px -2116px no-repeat;}
.ui-msg .ui-msg-close:hover { background:url(../images/ico.png) -2px -2137px no-repeat;}
.ui-msg-con {padding:15px 20px 15px 42px;border:solid 1px #ccc;font-family:"΢ÈíÑźÚ", "ºÚÌå", "ËÎÌå"; font-size:14px;font-weight:400;}
.ui-success .ui-msg-con{ background:url(../images/success_big.png) 10px center no-repeat;}
.ui-error .ui-msg-con{ background:url(../images/error_big.png) 10px center no-repeat;}
/* confirmÑùʽ */
.ui_confirm,.ui_html{clear:left;margin-top:21px;*margin-top:21px;_margin-top:21px;z-index:999; position:absolute;border:solid 1px #e1e1e1;padding:10px 26px 10px 15px;line-height:30px;background-color:#fff;border-right:solid 2px #e1e1e1;border-bottom:solid 2px #e1e1e1;}
.ui_html_style_org {border:solid 1px #ffcc66;background:#fef9bb;}
.ui_confirm .del,.ui_html .del{position:absolute;right:8px;top:8px; width:9px; height:11px; background:url(../images/ico.png) left -256px no-repeat;}
.ui_confirm .btn_b {width:50px; margin-right:6px; height:17px;background:url(../images/ico2.png) left -160px no-repeat; color:#359039; border:none; line-height:17px;cursor:pointer;}
.ui_confirm .btn_w {width:50px; height:17px;background:url(../images/ico2.png) -55px -160px no-repeat; color:#888; border:none; line-height:17px;cursor:pointer;}
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline{font-size: 0px;position: absolute;background: white url('../ui/jcrop.gif') top left repeat;}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {font-size: 1px;width: 7px !important;height: 7px !important;border: 1px #eee solid;background-color: #333;}
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline,
.custom .jcrop-hline{background: yellow;}
.custom .jcrop-handle{border-color: black;background-color: #C7BB00;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.selpost-box,.selpop-box {padding:6px 18px 15px 18px;}
.selpost-box .selpost-item {padding:3px 0 1px 0; border-bottom:dashed 1px #efefef;}
.selpost-box .selpost-item div.big {width:70px; float:left; padding-top:6px;}
.selpost-box .selpost-item div.big a {font-size:14px; font-weight:700;color:#000;}
.selpost-box .selpost-item div.sub {width:380px; float:left;}
.selpost-box .selpost-item div.sub a {display:block;_display:inline; background-color:#fafafa; border:solid 1px #e3e3e3; padding:5px 0 5px 6px; width:115px; margin-right:2px; margin-bottom:1px; color:#555; float:left;white-space:nowrap;
}
.selpost-box .selpost-item div.sub a.c {border:solid 1px #ffb45d; background:#fff4ee url(../images/ico2.png) 103px -58px no-repeat;}
.selpop-box {padding:8px 18px 15px 18px; text-align:left;}
.sel-selected-box {height:32px; }
.sel-selected-box .selected-name{ width:80px; float:left;padding-top:6px;}
.sel-selected-box .selected-box {width:500px; float:left;}
.sel-selected-box .selected-box input {display:block;_display:inline; background:#f8fdff url(../images/ico2.png) 60px -90px no-repeat; border:solid 1px #2b9bd3; padding-left:8px; height:24px; line-height:21px; color:#2b9bd3;float:left; width:80px; margin-right:8px;text-align:left;}
#selpop_areabox {width:610px;}
#selpop_sheng,#selpop_top {width:250px; padding:6px 12px; float:left; height:246px; overflow-y:scroll; border:solid 1px #8d9aa3;} 
#selpop_sheng a,#selpop_top a {display:block; float:left;_display:inline;margin-right:1px;margin-bottom:1px; color:#000; font-size:14px; padding-left:6px; width:70px; height:24px; line-height:24px;}
#selpop_sheng a.c,#selpop_top a.c { background-color:#316ac4;color:#fff;}
#selpop_sheng a.sele,#selpop_top a.sele {background:#fff4ee url(../images/ico2.png) 38px -59px no-repeat;}
#selpop_shi a.sele,#selpop_area a.sele {background:#fff4ee url(../images/ico2.png) 65px -55px no-repeat;}
#selpop_tech a.sele {background:#fff4ee url(../images/ico2.png) 108px -55px no-repeat;}
#selpop_shi {width:100px; padding:6px 12px; float:left;height:246px; overflow-y:scroll; border:solid 1px #8d9aa3;}
#selpop_shi a,#selpop_area a,#selpop_tech a {display:block; background-color:#fefefe; _display:inline;margin-bottom:1px; padding-left:6px; height:30px;line-height:30px; color:#555;}
#selpop_shi a:hover,#selpop_area a:hover,#selpop_tech a:hover {background-color:#f2f2f2;}
#selpop_shi a.t,#selpop_area a.t,#selpop_tech a.t {font-weight:700;}
#selpop_shi a.c,#selpop_tech a.c { background-color:#316ac4;color:#fff;}
#selpop_area {width:100px; padding:6px 12px; float:left;height:246px; overflow-y:scroll; border:solid 1px #8d9aa3;}
#selpop_tech {width:150px; padding:6px 12px; float:left;height:226px; overflow-y:scroll; border:solid 1px #8d9aa3;}
.sel-space { width:39px;padding:6px 0; height:246px;float:left;}
.sel-space span {display:block;  margin-top:80px; width:40px; height:40px; background:url(../images/selspace.gif) center top no-repeat;}
#selpop_top {width:200px; height:150px;}
#selpop_tech {height:150px;}
#seltechbox .sel-space {height:150px;}
#seltechbox .sel-space span {margin-top:60px;}
.selbtn {height:26px;text-align:right;padding:3px 24px;background:#abcef1;border-top:solid 1px #8cafd2;border-bottom:solid 1px #8cafd2;}
.jqselect{width:120px;height:29px;float:left;display:inline-block;position:relative;z-index:0;}
.jqselect a.jqselect-tit,.jqselect a.jqselect-tit span {width:100%;height:29px;line-height:29px;color:#333;display:block;background-image:url(../images/input1.png);background-repeat:no-repeat;}
.jqselect a.jqselect-tit {position:absolute; top:0;left:0; z-index:1;background-position:left -33px;}
.jqselect a.jqselect-tit span {text-indent:12px;background-position:right -62px;}
.jqselect-sel {width:118px; position:absolute; z-index:0;top:28px;left:0;background:#fff;color:#333;border:solid 1px #bdbdbd;}
.jqselect-sel a {display:block;width:100%;height:24px;line-height:24px;text-indent:12px;color:#333;}
/*.jqselect-sel a:hover {background-color:#f45007;color:#fff;}*/
.jqselect-open {z-index:1;}
.jqselect-open a.jqselect-tit {background-position:left -95px;}
.jqselect-open a.jqselect-tit span{background-position:right -129px;}
.tip-yellowsimple{z-index:7;text-align:left;border:1px solid #ff721d;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:6px 8px;min-width:50px;max-width:300px;color:#000;background-color:#fff8f4;/** * - If you set a background-image,border/padding/background-color will be ingnored. * You can set any padding to .tip-inner instead if you need. * - If you want a tiled background-image and border/padding for the tip,* set the background-image to .tip-inner instead. */
}
.tip-yellowsimple .tip-inner{font:12px/16px arial,helvetica,sans-serif;}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top{margin-top:-6px;margin-left:-5px;/* approx. half the width to center it */
top:0;left:50%;width:9px;height:6px;background:url(../ui/tip-yellowsimple_arrows.gif) no-repeat;}
.tip-yellowsimple .tip-arrow-right{margin-top:-4px;/* approx. half the height to center it */
margin-left:0;top:50%;left:100%;width:6px;height:9px;background:url(../ui/tip-yellowsimple_arrows.gif) no-repeat -9px 0;}
.tip-yellowsimple .tip-arrow-bottom{margin-top:0;margin-left:-5px;/* approx. half the width to center it */
top:100%;left:50%;width:9px;height:6px;background:url(../ui/tip-yellowsimple_arrows.gif) no-repeat -18px 0;}
.tip-yellowsimple .tip-arrow-left{margin-top:-4px;/* approx. half the height to center it */
margin-left:-6px;top:50%;left:0;width:6px;height:9px;background:url(../ui/tip-yellowsimple_arrows.gif) no-repeat -27px 0;}
.tip-green{z-index:1000;text-align:left;border:1px solid #bdde98;padding:7px 10px;min-width:50px;max-width:300px;color:#860404;background-color:#dff6c6;/** * - If you set a background-image,border/padding/background-color will be ingnored. * You can set any padding to .tip-inner instead if you need. * - If you want a tiled background-image and border/padding for the tip,* set the background-image to .tip-inner instead. */
}
.tip-green .tip-inner{font:bold 12px/14px arial,helvetica,sans-serif;}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-green .tip-arrow-top{margin-top:-10px;margin-left:6px;top:0;left:0;width:10px;height:10px;background:url(../ui/tip-green_arrows.gif) no-repeat;}
.tip-green .tip-arrow-right{margin-top:6px;margin-left:0;top:0;left:100%;width:10px;height:10px;background:url(../ui/tip-green_arrows.gif) no-repeat -10px 0;}
.tip-green .tip-arrow-bottom{margin-top:0;margin-left:6px;top:100%;left:0;width:10px;height:10px;background:url(../ui/tip-green_arrows.gif) no-repeat -20px 0;}
.tip-green .tip-arrow-left{margin-top:6px;margin-left:-10px;top:0;left:0;width:10px;height:10px;background:url(../ui/tip-green_arrows.gif) no-repeat -30px 0;}
.tip-yellow{z-index:1000;text-align:left;border:1px solid #939393;padding:7px;min-width:50px;max-width:530px;color:#555;background-color:#fef9d9;background-image:url(../ui/tip-yellow.png);/* bgImageFrameSize >= 10 should work fine */
/** * - If you set a background-image,border/padding/background-color will be ingnored. * You can set any padding to .tip-inner instead if you need. * - If you want a tiled background-image and border/padding for the tip,* set the background-image to .tip-inner instead. */
}
.tip-yellow .tip-inner{font-size:12px;line-height:24px;padding:0 3px 1px 3px;}
/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellow .tip-arrow-top{margin-top:-7px;margin-left:15px;top:0;left:0;width:16px;height:10px;background:url(../ui/tip-yellow_arrows.png) no-repeat;}
.tip-yellow .tip-arrow-right{margin-top:-9px;/* approx. half the height to center it */
margin-left:-4px;top:50%;left:100%;width:10px;height:20px;background:url(../ui/tip-yellow_arrows.png) no-repeat -16px 0;}
.tip-yellow .tip-arrow-bottom{margin-top:-6px;margin-left:15px;top:100%;left:0;width:16px;height:13px;background:url(../ui/tip-yellow_arrows.png) no-repeat -32px 0;}
.tip-yellow .tip-arrow-left{margin-top:-9px;/* approx. half the height to center it */
margin-left:-6px;top:50%;left:0;width:10px;height:20px;background:url(../ui/tip-yellow_arrows.png) no-repeat -48px 0;}