/* -------------
   * commom *
* ------------- */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: middle; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
legend { color: #000; }
del, ins { text-decoration: none; }

body { font-family: "Microsoft YaHei","微软雅黑","宋体", Arial,sans-serif; font-size: 12px; }
.l-clear { clear: both; width: 1px; height: 1px; overflow: hidden; }
.l-hidden { display: none; }
.l-loading { position: absolute; z-index: 91000; top: 40%; left: 50%; overflow: hidden; background: url('../images/common/loading.gif') no-repeat 0px 0px; width: 24px; height: 24px; display: none; }
/* -------------
   * 滚动条颜色 *
* ------------- */
.l-scroll { scrollbar-face-color: #C6D7FF; scrollbar-3dlight-color: #B5CBF7; scrollbar-darkshadow-color: #B5CBF7; scrollbar-base-color: #B5CBF7; scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF; scrollbar-track-color: #FFF; scrollbar-arrow-color: #4A6184; }
.l-noscroll { overflow: hidden; }
/* Draggable */
.l-draggable { overflow: hidden; border-style: solid; border-width: 1px; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; z-index: 14000; background: #f2f1f1; border-color: #aaa; }
/* Resizable */
.l-resizable { display: none; overflow: hidden; border-style: dashed; border-width: 1px; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; z-index: 15000; background: #f2f1f1; }

.l-dragging-mask { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index: 11000; display: none; filter: Alpha (opacity=1); background: white; -moz-opacity: .01; opacity: 0.01; }
/* --------------
   *   icon  *
* ------------ */
.l-icon-checkbox { background: url('../images/icon/checkbox.gif') no-repeat center; }

.l-icon-cross { background: url('../images/icon/cross.gif') no-repeat center; width: 16px; height: 16px; line-height: 16px; }
/* -------------
   * 按钮 *
* ------------- */
.l-button { height: 23px; overflow: hidden; width: 60px; line-height: 23px; cursor: pointer; position: relative; text-align: center; border: solid 1px #A3C0E8; color: #333333; background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center; }

.l-button-over { background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color: #D6A886; }
.l-button-disabled { background-image: url('../images/common/button-disabled.gif'); color: #9D9D9E; border: solid 1px #D3D3D3; }
.l-button-hasicon { padding-left: 20px; }
    .l-button-hasicon img { position: absolute; top: 4px; left: 3px; width: 16px; height: 16px; }
/*
    Draggable
*/
.l-drag-proxy { border: 1px solid #BDD1EE; position: absolute; z-index: 1001; height: 25px; line-height: 25px; padding-left: 19px; padding-right: 4px; background: white; }
    .l-drag-proxy .l-drop-icon { position: absolute; top: 5px; left: 4px; width: 16px; height: 16px; }
.l-drop-no { background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px; width: 16px; height: 16px; overflow: hidden; }
.l-drop-yes { background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px; width: 16px; height: 16px; overflow: hidden; }
.l-drop-add { background: white url('../images/common/drop-icons.gif') no-repeat -20px 0px; width: 16px; height: 16px; overflow: hidden; }
.l-drag-coldroptip { width: 9px; position: absolute; height: 44px; z-index: 1000; }
.l-drop-move-up { background: transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px; width: 9px; height: 9px; overflow: hidden; position: absolute; top: 0px; }
.l-drop-move-down { background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px; width: 9px; height: 9px; overflow: hidden; position: absolute; bottom: 0px; }

.l-drag-nodedroptip, .l-drag-rowdroptip { width: 9px; position: absolute; height: 1px; background-color: red; z-index: 1000; line-height: 1px; overflow: hidden; }



/* filter */
table.l-filter-group { background: white; font-size: 12px; }
    table.l-filter-group select, table.l-filter-group .valtxt { border: 1px solid #d3d3d3; }
    table.l-filter-group .addgroup { }
    table.l-filter-group .addrule { }
    table.l-filter-group .deletegroup { }
    table.l-filter-group .deleterole { cursor: pointer; }
table.l-filter-group-alt { background: #F2F2F2; }
td.l-filter-groupcell { padding-left: 20px; }
td.l-filter-column { padding: 2px; }
td.l-filter-op { padding: 2px; }
td.l-filter-value { padding: 2px; }
tr.l-filter-rowlastcell { text-align: right; _width: 300px; min-width: 300px; padding: 2px; }
table.l-filter-group-alt, .l-panel table.l-filter-group-alt { background: #f5f5f5; margin-left: 20px; margin-top: 4px; padding: 5px; border: 1px solid #d3d3d3; }
    table.l-filter-group-alt .l-filter-value { padding-right: 6px; }
td.l-filter-cellgroup { padding: 3px; }
table.l-filter-group-alt table.l-filter-group { background: white; margin-left: 20px; margin-top: 4px; padding: 5px; border: 1px solid #d3d3d3; }


.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { min-height: 0; /* support: IE7 */ }

.ui-widget-content { border: 1px solid #aaaaaa; color: #222222; }
    .ui-widget-content a { color: #222222; }
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555; }
        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited { color: #555555; text-decoration: none; }
    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited { color: #212121; text-decoration: none; }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff; font-weight: normal; color: #212121; }
        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited { color: #212121; text-decoration: none; }