html { background-color: #fcfcfc !important; }

body { user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; background-color: white !important; margin-top: 28px!important; margin-bottom: 25px!important; font-family: Helvetica,'Lucida Grande', Arial, sans-serif; }

.drag_operate_box { border: 2px solid #486CB7; border-top: 0 none; font-size: 12px; position: absolute; color: white !important; z-index: 65535; min-height: 27px; _height: 27px; box-shadow: 0 3px 5px rgba(100, 100, 100, 0.7); -webkit-box-shadow: 0 3px 5px rgba(100, 100, 100, 0.7); -moz-box-shadow: 0 3px 5px rgba(100, 100, 100, 0.7); -o-box-shadow: 0 3px 5px rgba(100, 100, 100, 0.7); }
.drag_operate_box .content { width: 100%; border: 2px solid #486CB7; }

.drag_operate_box_moving { background-color: #e9e9e9; border-style: solid; }

.drag_handle_box { line-height: 28px; height: 28px; min-width: 235px; width: auto; padding: 0 2px; background: #486CB7; position: relative; white-space: nowrap; }
.drag_handle_box span { display: block; }
.drag_handle_box table { height: 28px; table-layout: fixed; }
.drag_handle_box td { vertical-align: middle; white-space: nowrap; }

.drag_rules { background: #e6e6e6; line-height: 0; height: 0; overflow: hidden; position: relative; }
.drag_rules .drag_left_arrow { position: absolute; top: 0; left: 0; width: 4px; font-size: 0; color: #e6e6e6; background: url(../images/arr-l.gif) no-repeat 0 center; }
.drag_rules .drag_right_arrow { position: absolute; top: 0; right: 0; width: 4px; font-size: 0; color: #e6e6e6; background: url(../images/arr-r.gif) no-repeat 100% center; }
.drag_rules .drag_annotation { margin-left: 4px; text-align: center; background: url(../images/line-blue.gif) repeat-x center; }
.drag_rules em { padding: 0 5px; background: #e6e6e6; color: #486cb7; }

.drag_ghost_box { border: 1px solid red; background: #ff3300; opacity: 0.5; filter: alpha(opacity=50); position: absolute; z-index: 65534; box-shadow: 0 3px 7px #333333; -webkit-box-shadow: 0 3px 7px #333333; -moz-box-shadow: 0 3px 7px #333333; -o-box-shadow: 0 3px 7px #333333; }

.drop_nochild { line-height: 25px; text-align: center; color: #cccccc; border: 1px #000066 dotted; }

.widget_resize { height: 5px; background: #cccccc; border-top: 1px #999999 solid; cursor: row-resize; }

.widgets_drop_ghost { position: absolute; z-Index: 65535; border: 1px dotted #ff6600; background: #0066cc; color: black; }

.widgets_drop_ghost_on { background: #66cccc; border: 1px solid #333333; }

.empty_drop_box { height: 32px; overflow: hidden; border: 2px solid #3366cc; background: #F6F6F6; text-align: center; font: 12px/34px sans-serif !important; }
.empty_drop_box .btn-add-widgets { font-size: 12px!important; vertical-align: baseline!important; _margin-top: 3px; display:inline !important;width:auto !important;}
.empty_drop_box .btn-add-widgets span { padding: 0 0 0 10px!important; }
.empty_drop_box .btn-add-widgets span span { font-size: 12px!important; height: 25px !important; line-height: 25px !important; color: #333333 !important; padding: 0 10px 0 0!important; _padding-top: 6px!important; _height: 19px!important; }
.empty_drop_box .btn-add-widgets .icon { background: url(../images/icon-add.gif) no-repeat; display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 10px; margin: 0 5px 0 0; font-size: 0; overflow: hidden; }

.empty_drag_box { height: 26px; line-height: 26px; background: #eeeeee; border: 1px dotted #dddddd; text-align: center; }

.sWidgets_flash { border: 1px #cccccc solid; background: #f1f1f1; }

.btn-operate { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: white; border: 0 none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; margin: 0 1px; padding: 0 5px; overflow: visible; height: 22px; line-height: 22px; color: #3366AC; cursor: pointer; white-space: nowrap; }
.btn-operate:hover { color: #3366CC; text-decoration: none; }
.btn-operate .icon { display: inline-block; *display: inline; *zoom: 1; background: url(../images/icon-add.gif) no-repeat; width: 10px; height: 10px; line-height: 18px; font-size: 8.75px; _padding-top: 5px _; margin-right: 5px; vertical-align: middle; }

a.btn-add-widgets { _padding-top: 3px; _height: 17px; }

.btn-up-slot { background: white url(../images/icon-arrs.gif) no-repeat 0 0; width: 15px; padding: 0 3px; }

.btn-down-slot { background: white url(../images/icon-arrs.gif) no-repeat right 0; width: 15px; padding: 0 3px; }

.btn-up-slot.disabled[class] { background-position: 0 bottom; }

.btn-down-slot.disabled[class] { background-position: right bottom; }

.operate-title .disabled { background-color: #dddddd; box-shadow: inset 1px 1px 2px #aaaaaa; cursor: not-allowed; background-position-y: bottom; }

.add-widgets-wrap { position: relative; height: 25px; line-height: 25px; margin-top: 3px; vertical-align: top; }
.add-widgets-wrap a { vertical-align: top; margin-bottom: 3px; }
.add-widgets-wrap .droping { border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0; -ms-border-radius: 2px 2px 0 0; margin-bottom: 0; height: 25px; }

.widget-drop-menu { position: absolute; display: none; white-space: nowrap; border: 1px solid #486CB7; border-top: 0 none; z-index: 9999; padding: 2px 0; line-height: 180%; box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); -webkit-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); -moz-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); -o-box-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); color: #3366AC; background: white; text-indent: 20px; }
.widget-drop-menu li { cursor: pointer; padding: 0 4px; float: none; width: auto; background: url(../images/add-wid.png) no-repeat; }
.widget-drop-menu li:hover { background-color: #f3f3f3; }
.widget-drop-menu .before { background-position: 3px 0; }
.widget-drop-menu .after { background-position: 3px bottom; }
