`

ligerui.css

 
阅读更多
/*
YUI CSS Reset
*/
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;}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;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/* -------------
   * commom *
* ------------- */
body{font-family: "微软雅黑", "宋体", 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;
}


/* 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:101; background:#f2f1f1;}
.l-resizable-h-l { cursor:nw-resize; top:0; left:0; z-index:103;}
.l-resizable-h-r { cursor:ne-resize; top:0; right:0; z-index:103;}
.l-resizable-h-c { width:100%; cursor:n-resize; top:0; left:0; z-index:102;}
.l-resizable-c-l { cursor:w-resize; top:0; left:0; z-index:102;}
.l-resizable-c-r { cursor:e-resize; top:0; right:0; z-index:102;}
.l-resizable-f-l { cursor:sw-resize; bottom:0; left:0; z-index:103;}
.l-resizable-f-r { cursor:se-resize; bottom:0; right:0; z-index:103;}
.l-resizable-f-c { width:100%; cursor:s-resize; bottom:0; left:0; z-index:102;}
.l-resizable-h-l, .l-resizable-h-r, .l-resizable-h-c,.l-resizable-c-l, .l-resizable-c-r,.l-resizable-f-l, .l-resizable-f-r, .l-resizable-f-c { display:block; overflow:hidden; width:6px; height:6px; position:absolute;}

 /* --------------
   *   icon  *
* ------------ */
.l-icon-checkbox {background:url('../images/icon/checkbox.gif') no-repeat center;}

/* -------------
   * 按钮 *
* ------------- */
.l-button
{
    display:block;border: solid 1px #A3C0E8;
    width:50px ; height:20px; overflow:hidden; line-height:20px;
    background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
.l-button-over,.l-button:hover
{background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;
}
.l-btn
{
    display:block; 
     height:21px; overflow:hidden; line-height:22px; position:relative; 
     padding-left:15px; padding-right:15px; cursor:pointer;
    background: #E0EDFF url(../images/controls/btn.gif) repeat-x;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
/* 按钮左边部位 */
.l-btn-l
{
    position:absolute; width:3px; left:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-l.gif) no-repeat;
}
/* 按钮右边部位 */
.l-btn-r
{position:absolute; width:3px; right:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-r.gif) no-repeat;
}



/* ------------------
   *   messagebox  *
* --------------- */
.l-messagebox{ position:absolute;top:100px; left:100px; width:300px; background:#F2F8FF;border-bottom:1px solid #82BCD8;z-index: 9001;  }
.l-messagebox-title{ background:url('../images/box/box-top.gif') repeat-x; height:21px; line-height:21px; color:White; font-weight:bold;}
.l-messagebox-image{ width:35px; height:35px; overflow:hidden; display:none; position:absolute; top:30px; left:15px;}
.l-messagebox-image-donne{background:url('../images/box/box-btn-done.gif') no-repeat; }
.l-messagebox-image-error{background:url('../images/box/box-btn-error.gif') no-repeat; }
.l-messagebox-image-question{background:url('../images/box/box-btn-question.gif') no-repeat; height:44px; }
.l-messagebox-image-warn{background:url('../images/box/box-btn-warn.gif') no-repeat; }
.l-messagebox-title-inner{ padding-left:10px;}
.l-messagebox-content{ padding-left:20px; padding-top:10px;padding-bottom:20px;}
.l-messagebox-buttons{ height:30px; position:relative; text-align:center; margin-top:4px;}
.l-messagebox-buttons-inner{ margin-left:10px;}
.l-messagebox-close{ width:13px; height:13px; overflow:hidden; position:absolute; right:4px;top:4px; 
background:url('../images/box/box-close.gif') no-repeat; cursor:pointer;}
.l-messagebox-close-over{background:url('../images/box/box-close-over.gif') no-repeat;}
.l-messagebox-lt{width:3px; height:3px; overflow:hidden; background:url('../images/box/box-lefttop.gif') no-repeat; position:absolute; top:0; left:0; z-index:12;}
.l-messagebox-rt{width:3px; height:3px; overflow:hidden; background:url('../images/box/box-righttop.gif') no-repeat; position:absolute; top:0; right:0;z-index:12;}
.l-messagebox-l{ background:#82BCD8; width:1px; height:100%; position:absolute; top:0px; left:0px;overflow:hidden; }
.l-messagebox-r{ background:#82BCD8; width:1px; height:100%; position:absolute; top:0px; right:0px; overflow:hidden; } 
 
.l-messagebox-btn{ height:24px; overflow:hidden;background:url('../images/box/box-btn.gif') repeat-x; width:70px; line-height:24px; cursor:pointer; position:relative; float:left; margin-left:5px;}
.l-messagebox-btn-over{background:url('../images/box/box-btn-over.gif') repeat-x;}
.l-messagebox-btn-inner{ text-align:center;}
.l-messagebox-btn-l{ height:24px; position:absolute; left:0px; top:0px; width:4px; background:url('../images/box/box-btn-l.gif') no-repeat;}
.l-messagebox-btn-l-over{background:url('../images/box/box-btn-l-over.gif') no-repeat;}
.l-messagebox-btn-r{ height:24px; position:absolute; right:0px; top:0px; width:4px; background:url('../images/box/box-btn-r.gif') no-repeat;}
.l-messagebox-btn-r-over{background:url('../images/box/box-btn-r-over.gif') no-repeat;}

/* --------------
   *   window  *
* ------------ */
.l-window-mask{
	    position:absolute;left:0;top:0;width:100%;height:100%; filter:alpha(opacity=10);opacity:0.10;background:#bbb;display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000;
    }
.l-window-mask-nobackground{
	    position:absolute;left:0;top:0;width:100%;height:100%; display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000;
    }
.l-window-dragging
{
    filter:alpha(opacity=80);opacity:0.80;
}
.l-window-dragging .l-window-content
{
    visibility:hidden;
}
.l-window{ position:absolute; border:1px solid #AFCCF1;background:#F5F8F9;z-index:100; left:0; top:0;margin:0;padding:0;  }
.l-window-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px;  background:#E2EDFE url('../images/panel/panel-header.gif') repeat-x; overflow:hidden;}
.l-window-header-buttons{position:absolute; top:3px; right:3px; height:20px; }
.l-window-toggle{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:0px 0px; cursor:pointer; margin-left:5px; }
.l-window-min{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-16px 0px; cursor:pointer; margin-left:5px; }
.l-window-max{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-16px -16px; cursor:pointer; margin-left:5px; }
.l-window-regain{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-32px -16px; cursor:pointer; margin-left:5px; }
.l-window-toggle-close
{
    background-position:0px -16px;
}
.l-window-close{float:left;height:16px; width:16px; overflow:hidden; background:url('../images/panel/panel-tools.gif');background-position:-32px 0px; cursor:pointer; margin-left:5px; }
.l-window-content{  overflow:hidden; width:100%;}
.l-window-content iframe{border:none; width:100%; height:100%;}
   

 /* --------------
   *   dialog  *
* ------------ */ 
.l-dialog{ position:absolute;z-index: 10000; display:none; }
.l-dialog-table{ }
.l-dialog-body{ position:relative; overflow:hidden;}
.l-dialog{ padding:0; margin:0;font-size:12px; } 
.l-dialog td,.l-dialog tr,.l-dialog td div{font-size:12px; } 
.l-dialog-cc{ background:white;}
.l-dialog-tl,.l-dialog-tr,.l-dialog-bl,.l-dialog-br,.l-dialog-cl,.l-dialog-cr{width:13px;} 
.l-dialog-tl,.l-dialog-tc,.l-dialog-tr{ height:33px;}
.l-dialog-bl,.l-dialog-bc,.l-dialog-br{ height:13px;}

.l-dialog-tl{background:url('../images/dialog/dialog-tl.png') no-repeat;}
.l-dialog-tc{background:url('../images/dialog/dialog-tc.png') repeat-x;}
.l-dialog-tr{background:url('../images/dialog/dialog-tr.png') no-repeat;}
.l-dialog-bl{background:url('../images/dialog/dialog-bl.png') no-repeat;}
.l-dialog-bc{background:url('../images/dialog/dialog-bc.png') repeat-x;}
.l-dialog-br{background:url('../images/dialog/dialog-br.png') no-repeat;}
.l-dialog-cl{background:url('../images/dialog/dialog-cl.png') repeat-y;}
.l-dialog-cr{background:url('../images/dialog/dialog-cr.png') repeat-y;}

.l-dialog-tc-inner{ position:relative;height:26px; line-height:26px; width:100%;  }
.l-dialog-title {  color:#FFF; font-weight:700; text-shadow:0 0px 3px rgba(0, 0, 0, 0.7); padding-left:20px; padding-right:20px; text-align:left; padding-top:3px;}
.l-dialog-tc-inner .l-dialog-icon{ position:absolute; left:3px; top:11px; width:11px; height:11px; overflow:hidden; background:url('../images/dialog/dialog-title-icon.png'); }
.l-dialog-close{ position:absolute; right:0px; top:5px; background:url('../images/dialog/dialog-close.png') no-repeat; width:26px; height:15px; overflow:hidden; background-position:0px 0px; cursor:pointer; _top:6px;}
.l-dialog-close-over{ background-position:0px -15px;}

.l-dialog-content{ padding-left:20px; padding-top:16px;padding-bottom:20px;}
.l-dialog-content-noimage {padding-left:6px; padding-top:10px;padding-bottom:10px;}
.l-dialog-content-nopadding{ padding:0;}
.l-dialog-content iframe {border: none;width: 100%;height: 100%;}
.l-dialog-image{ width:48px; height:48px; overflow:hidden; display:none; position:absolute; top:10px; left:10px;background:url('../images/dialog/dialog-icons.png') no-repeat;}
.l-dialog-image-donne{ background-position:0px 0px; }
.l-dialog-image-error{ background-position:0px -48px; }
.l-dialog-image-question{ background-position:0px -144px; }
.l-dialog-image-warn{ background-position:0px -96px; }


.l-dialog-buttons{ height:30px; line-height:30px; position:relative;margin-top:4px; background:#f6f6f6; padding-top:6px;}
.l-dialog-buttons-inner{}
.l-dialog-btn{ height:24px; overflow:hidden;background:url('../images/box/box-btn.gif') repeat-x; width:70px; line-height:24px; cursor:pointer; position:relative; float:right; margin-right:5px;}
.l-dialog-btn-over{background:url('../images/box/box-btn-over.gif') repeat-x;}
.l-dialog-btn-inner{ text-align:center;}
.l-dialog-btn-l{ height:24px; position:absolute; left:0px; top:0px; width:4px; background:url('../images/box/box-btn-l.gif') no-repeat;}
.l-dialog-btn-over .l-dialog-btn-l{background:url('../images/box/box-btn-l-over.gif') no-repeat;}
.l-dialog-btn-r{ height:24px; position:absolute; right:0px; top:0px; width:4px; background:url('../images/box/box-btn-r.gif') no-repeat;}
.l-dialog-btn-over .l-dialog-btn-r{background:url('../images/box/box-btn-r-over.gif') no-repeat;}

.l-dialog-inputtext{ width:280px; border:1px solid #0099CC; line-height:23px; height:25px;}
.l-dialog-textarea{ width:280px; border:1px solid #0099CC;  height:80px;}


.l-dialog .l-resizable-h-l {  top:2px; left:2px;}
.l-dialog .l-resizable-h-r {  top:2px; right:2px;}
.l-dialog .l-resizable-h-c {  top:2px; left:2px;}
.l-dialog .l-resizable-c-l {  top:2px; left:2px; }
.l-dialog .l-resizable-c-r { top:2px; right:2px; }
.l-dialog .l-resizable-f-l { bottom:2px; left:2px;}
.l-dialog .l-resizable-f-r { bottom:2px; right:2px; }
.l-dialog .l-resizable-f-c {  bottom:2px; left:2px; }



/* -------------
   * 多行文本框颜色 *
* ------------- */ 
.l-textarea{border:1px solid #A8AAAD; margin-left:-1px;outline:none;}
 .l-textarea:hover{border-color:#01AAEE;}
 l-textarea-invalid,.l-textarea:focus{ border-color:#FF8801;}
/* -------------
   * 文本框/下拉框/日期框/调整器 *
* ------------- */

/* 文本框、下来框、日期框、调整器都使用到这个 */
.l-text
{
    position:relative;
    border:1px solid #AECAF0; height:20px; line-height:20px;
    width:130px; background:white;
}
.l-text-invalid{ border-color:#FF8801;}

/* 编辑状态 */
.l-text-editing
{
     
}

/* 表单文本框 input:text */
.l-text-field
{
    position:absolute; top:0px; left:0px;
    width:110px; 
    border:0; margin:0; outline:none;
}
/* 表单文本框 内容为空时 */
.l-text-field-null
{ color:#C1C1C1;
}
/* 下拉框/日期/调整器 右侧那个可点击的区域 分别是普通、经过、按住状态 */
.l-trigger,.l-trigger-hover,.l-trigger-pressed
{
    cursor:pointer;
    position:absolute;
    top:1px;right:1px;
    width:16px;height:16px;
    overflow:hidden;
}
.l-trigger
{
    border:1px solid #AECAF0; 
    background:#DBEBFF url('../images/controls/bg-trigger.gif') repeat-x left;
}
.l-trigger-hover
{
    border:1px solid #EABE4E; 
    background:#fedc75 url('../images/controls/bg-trigger-over.gif') repeat-x left;
}
.l-trigger-pressed
{
    border:1px solid #EABE4E; 
    background:#fedc75 url('../images/controls/bg-trigger-pressed.gif') repeat-x left;

}
/* 下拉框/日期 右侧那个可点击的区域里面的图标 */
.l-trigger-icon
{	width:100%;
	height:100%;
    background:url('../images/icon/icon-down.gif') no-repeat 50% 50%;
}
/* -------------
  * 调整器 *
* ------------- */
.l-spinner-up .l-spinner-icon,.l-spinner-down .l-spinner-icon{overflow: hidden;position: absolute;left: 0px;top: 50%;margin-top: -3px;width: 100%;height: 6px;background: no-repeat center top;}
.l-spinner-down-over,.l-spinner-up-over{background:#fedc75 url('../images/controls/bg-trigger-over.gif') repeat-x left;}
.l-spinner-up .l-spinner-icon{background-image: url(../images/icon/icon-up.gif);}
.l-spinner-down .l-spinner-icon{background-image: url(../images/icon/icon-down.gif);}
.l-spinner-up,.l-spinner-down {width: 100%;height: 50%;overflow: hidden;display: block;position: absolute;left: 0px;top: 0px;}
.l-spinner-down{top: 50%;}
.l-spinner-split{overflow: hidden;width: 13px;height: 1px;position: absolute;left: 1px;top: 50%;z-index: 10;background: #B5B8C8;   }

/* -------------
   * 验证 *
* ------------- */
.l-verify-star { color:Red;}

/* -------------
  * 下拉框 *
* ------------- */
.l-box-select-grid{border-bottom:1px solid #A3C0E8;border-right:1px solid #A3C0E8;}
.l-box-select-grid thead td,.l-box-select-grid tr.l-table-headerow td{ 
background:#DBEBFF url('../images/controls/bg-panel-title.gif') repeat-x left; 
}
.l-box-select-grid td{padding:0;margin:0;height:22px; line-height:22px; border-left:1px solid #A3C0E8;border-top:1px solid #A3C0E8; }

.l-box-select
{
    display:none;
    position:absolute; padding:0px;  
    border:1px solid #AECAF0; background:white;
    width:130px; height:120px;
    margin-top:1px;
    z-index:103; font-size:12px; line-height:18px;
}
.l-box-select-inner{ margin:0; padding:0; width:100%;overflow:auto; height:100%;color:#333;}
.l-box-select-inner .l-box-select-table{margin:0; padding:0; width:100%; }
.l-box-select .l-table-nocheckbox td:hover,.l-box-select .l-table-nocheckbox td.l-over{ background-color:#FFE7A2; cursor:pointer;}
.l-box-select .l-table-nocheckbox td.l-selected{ background-color:#FFBD69;}
.l-box-select .l-box-select-table td{ padding:2px; text-align:left;}
/* 下拉框 右下角调整大小图标 */
.l-btn-nw-drop
{
    position:absolute;
    right:0px;bottom:0px;
    width:8px; height:8px;background:url('../images/icon/icon-drop.gif') no-repeat 50% 50%; 
}

/* -------------
    * 复选框 *
* ------------- */
.l-checkbox-wrapper{
	display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline;margin:0 auto;margin-right:2px; padding:0;}
a.l-checkbox {
	background:url('../images/controls/checkbox.gif') no-repeat 0 0;
	vertical-align: middle;
	height: 13px;
	width: 13px; margin:0 auto;
	overflow:hidden;
	display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline;
}
a.l-checkbox-checked
{
    background-position:0 -13px;
}
.l-over a.l-checkbox
{
    background-position:-13px 0px;
}
.l-over a.l-checkbox-checked
{
    background-position:-13px -13px;
}
/* -------------
    * 单选框 *
* ------------- */
.l-radio-wrapper{
	display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline; margin-right:2px;
}
a.l-radio {
	background:url('../images/controls/radio.gif') no-repeat 0 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	overflow:hidden;
	display: -moz-inline-stack;display:inline-block; zoom: 1;*display: inline;
}
a.l-radio-checked
{
    background-position:0 -13px;
}
.l-over a.l-radio
{
    background-position:-13px 0px;
}
.l-over a.l-radio-checked
{
    background-position:-13px -13px;
}
/* -----------------------
   *   日期控件 *
* ----------------------- */
.l-box-dateeditor
{
    position:absolute; padding:0px; overflow:hidden;
    border:1px solid #A3C0E8; background:white;
    width:200px;
    margin-top:1px;
    z-index:9999;
}

.l-box-dateeditor-header
{
    width:100%; height: 23px; background:url(../images/controls/dateeditor-header-bg.gif) repeat-x -2px center; text-align:center;
    position:relative;
}
.l-box-dateeditor-header-text
{
    margin:0 auto;  color:#1542B3; line-height:23px; font-weight:lighter;
}
.l-box-dateeditor-header-text a
{color:#1542B3; text-decoration:none;cursor:pointer;
}
.l-box-dateeditor-header-btn
{
     top:0;width:23px; height:23px;position:absolute; cursor:pointer;
}
.l-box-dateeditor-header-btn-over
{
     background: url(../images/icon/bar-button-over.gif) no-repeat center;
}
.l-box-dateeditor-header-btn span
{
     width:20px; height:20px; display:block; position:absolute; top:2px; left:2px;
}
.l-box-dateeditor-header-prevmonth{left:24px; }
.l-box-dateeditor-header-prevmonth span{background: url(../images/dateeditor/icon-prev.gif) no-repeat center;}
.l-box-dateeditor-header-nextmonth{right:24px;}
.l-box-dateeditor-header-nextmonth span{background: url(../images/dateeditor/icon-next.gif) no-repeat center;}

.l-box-dateeditor-header-prevyear{left:4px; }
.l-box-dateeditor-header-prevyear span{background: url(../images/dateeditor/icon-first.gif) no-repeat center;}
.l-box-dateeditor-header-nextyear{ right:4px;}
.l-box-dateeditor-header-nextyear span{background: url(../images/dateeditor/icon-last.gif) no-repeat center;}

.l-box-dateeditor-body{border:1px solid #A3C0E8; border-left:none; border-right:none; text-align:center; position:relative; }
.l-box-dateeditor-body table{ margin:0 auto;}

.l-box-dateeditor-monthselector,.l-box-dateeditor-yearselector,.l-box-dateeditor-hourselector,.l-box-dateeditor-minuteselector{ background:white; list-style:none; margin:0 auto; padding:0; position:absolute;top:0px;left:0px; width:100%; display:none; height:100%;  overflow:hidden;}
.l-box-dateeditor-minuteselector{ overflow:auto;}
.l-box-dateeditor-monthselector li{ float:left; width:50px; line-height:20px; height:20px; margin:5px; margin-top:5px;border:1px solid #d3d3d3; cursor:pointer;}
.l-box-dateeditor-yearselector li{ float:left; width:50px; line-height:20px; height:20px; margin:5px; margin-top:5px;border:1px solid #d3d3d3; cursor:pointer;}
.l-box-dateeditor-hourselector li{ float:left; width:36px; line-height:17px; height:17px; margin-left:8px; margin-top:2px;margin-bottom:2px; border:1px solid #d3d3d3; cursor:pointer;}
.l-box-dateeditor-minuteselector li{ float:left; width:21px; line-height:18px; height:18px; margin-left:6px; margin-bottom:3px;margin-top:3px; border:1px solid #d3d3d3; cursor:pointer;}
.l-box-dateeditor-monthselector li:hover,.l-box-dateeditor-monthselector li.l-selected,.l-box-dateeditor-monthselector li.l-over,.l-box-dateeditor-yearselector li:hover,.l-box-dateeditor-yearselector li.l-selected,.l-box-dateeditor-yearselector li.l-over,.l-box-dateeditor-hourselector li:hover,.l-box-dateeditor-hourselector li.l-selected,.l-box-dateeditor-hourselector li.l-over,.l-box-dateeditor-minuteselector li:hover,.l-box-dateeditor-minuteselector li.l-selected,.l-box-dateeditor-minuteselector li.l-over
{background-color: #FFE7A2;border: solid 1px #FFBD69;}

.l-box-dateeditor-body thead td{ border-bottom:1px solid #d3d3d3;}
.l-box-dateeditor-body td{ width:30px; height:19px; line-height:19px; }
.l-box-dateeditor-body tbody td{border:1px solid white;cursor:pointer;}
.l-box-dateeditor-body tbody td.l-box-dateeditor-today
{background-color: #FFBD69;border: solid 1px #FFAB3F;}
.l-box-dateeditor-body tbody td.l-box-dateeditor-over,.l-box-dateeditor-body tbody td.l-box-dateeditor-selected
 { background-color: #FFE7A2;border: solid 1px #FFBD69;}
.l-box-dateeditor-body tbody td.l-box-dateeditor-holiday
{
    color:#C00000;
}
.l-box-dateeditor-body tbody td.l-box-dateeditor-out
{
    color:#888888;
}
.l-box-dateeditor-toolbar
{
    padding-left:10px;
    width:100%; height: 28px; background:url(../images/controls/dateeditor-bar-bg.gif) repeat-x 1px center;
    text-align:right; position:relative;
}
.l-box-dateeditor-time{ width:30px; display:none; height:18px; margin-top:4px; float:left;color:#333;}
.l-box-dateeditor-time a{ text-decoration:none; font-weight:bold; color:#333; font-size:13px; cursor:pointer;}
.l-box-dateeditor-toolbar .l-button {width:50px ; height:19px; line-height:19px; }
.l-box-dateeditor-toolbar .l-button-today { float:left;margin-left:20px; margin-top:4px;}
.l-box-dateeditor-toolbar .l-button-close { float:left; margin-left:15px;margin-top:4px;}
/* -----------------------
   *   验证 *
* ----------------------- */
.l-verify-tip{ padding:0; margin:0;position:absolute; display:block;}
.l-verify-tip-corner{ padding:0; margin:0;position:absolute;background:url('../images/form/verify-corner.gif') no-repeat; width:8px; line-height:9px; height:9px; overflow:hidden; top:5px; left:0px; z-index:10001;}
.l-verify-tip-content{margin:0; position:absolute; left:7px;top:0px;border:1px solid #FFC340; background:#FFFCC7; z-index:10000; padding:4px 8px; width:100px; font-size:12px; } 



/* -----------------------
   * 表格 *
* ----------------------- */
.l-grid-mask{
	position:absolute;left:0;top:0;width:100%;height:100%; 
	display1:none;font-size:1px; *zoom:1;overflow:hidden; display:none;z-index: 9000;
}
.l-panel
{
    border:1px solid #84A0C4;
    position:relative;
}
.l-panel table{ width:auto;}
.l-panel table,.l-panel td{ margin:0; padding:0;}
.l-panel-btn
{
    display:block; 
     height:22px; overflow:hidden; line-height:22px; position:relative; 
     padding-left:15px; padding-right:15px; cursor:pointer;
   
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
.l-panel-btn .l-panel-btn-l,.l-panel-btn .l-panel-btn-r{ display:none;}
.l-panel-btn-over,.l-panel-btn-selected{background: #E0EDFF url(../images/panel/panel-btn.gif) repeat-x;}
.l-panel-btn-over .l-panel-btn-l,.l-panel-btn-over .l-panel-btn-r,.l-panel-btn-selected .l-panel-btn-l,.l-panel-btn-selected .l-panel-btn-r{ display:block; }
.l-panel-btn-l
{
    position:absolute; width:3px; left:0px; top:0px;height:22px;
    background: #E0EDFF url(../images/panel/panel-btn-l.gif) no-repeat;
}
.l-panel-btn-r
{position:absolute; width:3px; right:0px; top:0px;height:22px;
    background: #E0EDFF url(../images/panel/panel-btn-r.gif) no-repeat;
}
.l-panel-header{
color: #15428B;
font-weight: bold;
font-size: 11px;
 height:24px; 
border-bottom:1px solid #99BBE8;
background: url('../images/panel/header-bg.gif') repeat-x left -1px;
}
.l-panel-header-text{ line-height:22px;padding-left:10px;}
.l-panel-body
{
  position:relative; overflow:hidden; width:100%;
}
.l-panel-body .l-grid
{
     
}
.l-grid
{
    position:relative;
}
.l-grid td div
{
    font-size:12px;
}
 .l-grid table{border-spacing:0 0;} 
.l-grid-header
{
    border-bottom:1px solid #A3C0E8;
   height:22px; line-height:22px;background:#E2F0FF url('../images/grid/header-bg.gif') repeat-x left bottom; overflow:hidden; width:100%;
}
.l-grid-scroller {
position: relative;
    top: 0px;
    left: 0px; height:220px;overflow: auto;
}
.l-grid-scroller-noscroll
{
    height:auto;overflow:hidden;
}
.l-grid-body 
{
position: relative; width:100%;
    top: 0px;
    left: 0px; overflow: auto;
} 
.l-grid-body-table
{
      
}
.l-grid-body-table tr.l-checked td
{
    background:#DCF8A8
}
.l-grid-popup
{
    background: #eee url(../images/grid/popup-line.gif) repeat-y -1px top;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	position: absolute;
	z-index: 999; display:none;
}
.l-grid-loading
{
    position: absolute;z-index: 91000; border:1px solid #9BBBE6; top:40%; left:50%;
    background:white url('../images/grid/loading.gif') no-repeat 8px 6px; padding-left:38px;
    padding-top:10px; padding-bottom:10px; padding-right:10px; margin-left:-60px; display:none;
}
.l-grid-editor
{
    position: absolute;z-index: 999;display:none; text-align:center;
}
.l-grid-editor .l-checkbox-wrapper{ margin-top:2px;}
.l-grid-popup table
{
    display: table;
    border-collapse: separate;
    border-color: gray; margin:2px;
}
.l-grid-popup table tbody
{display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.l-grid-popup table td
{
    padding: 2px 3px;
    cursor: default;
}
.l-grid-popup td.l-column-left
{
border-right: 1px solid #ccc;
}
		
.l-grid-popup td.l-column-right
{
border-left: 1px solid #fff;
padding-right: 10px;
}

.l-grid-popup tr:hover .l-column-right,.l-grid-popup tr.l-popup-row-over .l-column-right
{
     border-right: 1px solid #d2e3ec;border-top: 1px solid #d2e3ec;border-bottom: 1px solid #d2e3ec;
}
		
.l-grid-popup tr:hover .l-column-left,.l-grid-popup tr.l-popup-row-over .l-column-left
{
    border-left: 1px solid #d2e3ec;border-top: 1px solid #d2e3ec;border-bottom: 1px solid #d2e3ec;
}
.l-grid-popup table tr:hover,.l-grid-popup table tr.l-popup-row-over
{
    background: #d5effc url(../images/grid/popup-row-over.gif) repeat-x top;
	border: 1px solid #a8d8eb;
}
.l-grid-hd-cell-detail
{
   padding:0; margin:0;
} 
.l-grid-hd-cell-inner
{ 
      text-align:center;
} 

.l-grid-dragging-line
{
    background:#EC4262;width:1px;position:absolute; display:none; z-index:9999; padding:0; margin:0;
}
.l-grid-hd-cell-dropleft
{
    position:absolute;left:0px;top:0px;			
    display: block;background: url(../images/icon/icon-prev.gif) no-repeat -2px center;width: 16px;height: 24px;
	z-index: 3;  display:none;
}
.l-grid-hd-cell-dropright
{
    position:absolute;right:0px;top:0px;			
    display: block;background: url(../images/icon/icon-next.gif) no-repeat 0px center;width: 16px;height: 24px;
	z-index: 3;  display:none;
}
.l-grid-hd-cell-drop
{ 
    position:absolute;right:-1px;top:0px;display: block; width:2px; height:24px; z-index:3; cursor:e-resize;
}
.l-grid-hd-cell-sort
{
       overflow:hidden; 
}
.l-grid-hd-cell-sort-asc
{
    background:url('../images/icon/icon-sort-asc.gif') no-repeat center;
}
.l-grid-hd-cell-sort-desc
{
    background:url('../images/icon/icon-sort-desc.gif') no-repeat center;
}
.l-grid-hd-cell-btn
{
    position:absolute; right:0px; top:0px;  overflow:hidden; border-left:1px solid #C1D6F0; cursor:pointer;
}
.l-grid-hd-cell-btn span
{
    border-left:1px solid #F1F5FC; width:14px; height:22px;background:url('../images/icon/icon-down.gif') no-repeat 2px 8px; display:block;
}
.l-grid-hd-cell-drophandle
{
      width:5px; height:22px; cursor:col-resize;  float:right;position:absolute; top:0px; right:-3px;
} 
.l-grid-hd-cell-text
{
    text-align:center; cursor:pointer;
}  
.l-grid-hd-cell
{   
     padding:0; margin:0;overflow:hidden; 
    border-right:1px solid #A3C0E8;   
    text-align:center;
}
.l-grid-hd-cell-last
{
    
}
.l-grid-hd-cell-over,.l-grid-hd-cell-on
{ 
}
.l-grid-row
{   
}
.l-grid-row-last
{
}
.l-grid-totalsummary
{
    border-bottom:1px solid #A3C0E8; background:#EEF3FF; padding-top:5px; padding-bottom:5px;
}
.l-grid-totalsummary-nobottom
{
    border-bottom:none;
}
.l-grid-totalsummary td
{
    border-right:1px solid #EEF3FF; text-align:center;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-last
{ border-right:1px solid #A3C0E8;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-inner
{
    margin-left:3px; margin-right:3px;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-inner div
{
    height:20px; line-height:20px;
}
.l-grid-detailpanel
{
    border-bottom:1px solid #A3C0E8;
}
.l-grid-detailpanel-inner
{
     overflow:hidden;
}
.l-grid-row-alt .l-grid-row-cell
{
    background:#F5F5F5; 
}
.l-selected .l-grid-row-cell,.l-grid-row-over .l-grid-row-cell,.l-grid-row-over,.l-selected
{
    background:#EAF3FF;
}
 
.l-grid-row-cell
{
      overflow:hidden; 
     border-right:1px solid #A3C0E8;border-bottom:1px solid #A3C0E8;  
      text-align:center;overflow:hidden;
}
.l-grid-row-last .l-grid-row-cell
{border-bottom:none;
}
.l-grid-row-cell-last
{
      
}
.l-grid-row-cell-detail .l-grid-row-cell-inner{margin-left:0px; margin-right:0px; width:28px; overflow:hidden;}
.l-grid-row-cell-detail .l-grid-row-cell-inner span
{
    display:block; width:21px; height:21px; background:url('../images/grid/grid-detail-close.gif') no-repeat 5px 5px;
    cursor:pointer; overflow:hidden;
}
.l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open
{
    background:url('../images/grid/grid-detail-open.gif') no-repeat 5px 5px;
}

.l-grid-row-cell-checkbox .l-grid-row-cell-inner{margin-left:0px; margin-right:0px;}
.l-grid-row-cell-checkbox span,.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
{
    display:block; width:13px; height:13px; background:url('../images/controls/checkbox.gif') no-repeat;
    background-position:0px 0px;
    cursor:pointer; overflow:hidden; margin-left:7px; margin-top:3px;
}
.l-checked .l-grid-row-cell-checkbox span,.l-checked  .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
{
      background-position:0px -13px;
}
.l-grid-hd-cell-checkbox
{
   padding:0; margin:0;
}  

.l-grid-row-cell-edited .l-grid-row-cell-inner
{
    background-image:url('../images/icon/icon-edited.gif');
    background-repeat:no-repeat; 
    background-position:2px 2px; 
}
.l-grid-row-cell-inner
{
    text-align:center;line-height:22px;
    margin-left:3px; margin-right:3px; overflow:hidden;
}
.l-grid-row-cell-inner-fixedheight
{
     height:22px;  
}
.l-panel-bar
{
    height:32px;background:#C9DFFF url('../images/panel/bar-bg.gif') repeat-x left bottom;overflow:hidden;
    border-top:1px solid #84A0C4;
}
.l-panel-bbar-inner
{
    margin-top: 3px;
    padding-left: -2px;
    width:100%; 
}

.l-bar-group {
float: left;
background: none;
height: 24px;
margin: 0px 5px;
}
.l-bar-right
{
    float:right;
}
.l-bar-separator {
float: left;
height: 18px;
border-left: 1px solid #9AC6FF;
border-right: 1px solid white;
margin: 2px;
}
.l-bar-button {
float: left;
width: 22px;
height: 22px;
border: 0px;
cursor: pointer;
overflow: hidden;
}
.l-bar-button-over
{
    background: url(../images/icon/bar-button-over.gif) no-repeat center;
}
.l-bar-button span {
width: 16px;
height: 16px;
display: block; margin-left:2px; margin-top:2px;
float: left; overflow:hidden;
}
.l-bar-btnfirst span 
{
background: url(../images/icon/icon-first.gif) no-repeat; background-position:0px 0px;
}
.l-bar-btnprev span {
background: url(../images/icon/icon-prev.gif) no-repeat ; background-position:0px 0px;
}
.l-bar-btnnext span {
background: url(../images/icon/icon-next.gif) no-repeat; background-position:0px 0px;
}
.l-bar-btnlast span {
background: url(../images/icon/icon-last.gif) no-repeat; background-position:0px 0px;
}
.l-bar-btnload span {
background: url(../images/icon/icon-load.gif) no-repeat; background-position:0px 0px;
}
.l-bar-btnloading span {
background: url(../images/icon/icon-loading.gif) no-repeat; background-position:0px 0px;
}
.l-bar-button .l-disabled
{
     background-position:0px -16px;
}
.l-bar-text
{
    line-height:20px;
}

/*
    tree grid 
*/
.l-grid-tree-link
{
    cursor:pointer;
}
.l-grid-tree-link-open
{
    background:url('../images/grid/grid-tree-open.gif') no-repeat center;
}
.l-grid-tree-link-close
{
    background:url('../images/grid/grid-tree-close.gif') no-repeat center;
}

.l-grid-gray 
{border-top:1px solid #DDDDDD;
}
.l-grid-gray .l-grid-header
 {
     border-bottom:1px solid #DDDDDD;
     background:#E2F0FF url('../images/grid/header2-bg.jpg') repeat-x left bottom;
 }
.l-grid-gray .l-grid-hd-cell
{    
    border-right:1px solid #DDDDDD;    
} 
.l-grid-gray .l-grid-row-cell {
    border-bottom: 1px solid #DDDDDD;  
    border-right: 1px solid #DDDDDD;   
}
/*
    菜单条
*/
.l-menubar
{
    background: url('../images/panel/panel-menu.jpg') repeat-x; height:24px; border:1px solid #ADBED6;border-top:1px solid #EFF7F7;
    
}
.l-menubar-item
{
    float:left; margin-left:6px;
}
.l-menubar-item-down
{
    width:7px; height:4px; line-height:4px;
    background:url('../images/panel/panel-menu-item-down.gif') no-repeat center; position:absolute; right:4px; top:9px;
}
.l-menubar-item-over
{ 
}
/*
    工具条
*/
.l-toolbar
{    
    background:#CEDFEF  url('../images/panel/panel-toolbar.jpg') repeat-x; height:23px; 
    border:1px solid #9CBAE7;  border-top:1px solid #EFF7F7;
}
.l-toolbar-item
{
    float:left;margin-left:4px;
}
.l-toolbar-item .l-icon{ position:absolute; left:2px; top:2px;}
.l-toolbar-item-hasicon{ padding-left:20px;}
/*
    搜索栏
*/
.l-panel-search
{height:28px; padding-top:3px; padding-left:3px; 
 border-left:1px solid #99BBE8; border-right:1px solid #99BBE8;
}
.l-panel-search-item
{
    float:left; margin-left:5px;
}



/* --------------
   *   layout  *
* ------------ */
.l-layout{ position:relative;}
.l-layout-left,.l-layout-right,.l-layout-center,.l-layout-top,.l-layout-bottom{position:absolute;border:1px solid #BED5F3; background:white; z-index:10; overflow:hidden;} 
.l-layout-top{width:100%;}
.l-layout-bottom{width:100%}

.l-layout-left .l-layout-header-toggle{position:absolute; top:3px; right:3px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px 0px; cursor:pointer;}
.l-layout-left .l-layout-header-toggle-over{ background-position:-20px -20px;}

.l-layout-right .l-layout-header-toggle{position:absolute; top:3px; left:3px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px -40px; cursor:pointer;}
.l-layout-right .l-layout-header-toggle-over{ background-position:-20px -60px;}

.l-layout-center .l-layout-header{ cursor:default;}

.l-layout-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px;  background:#E5EFFE url('../images/layout/layout-header.gif') repeat-x; overflow:hidden; cursor:pointer}
.l-layout-header-inner{padding-right:22px;}
.l-layout-right .l-layout-header-inner { padding-left:22px; padding-right:auto;}
.l-layout-header-over{background:#EFF4FE url('../images/layout/layout-header-over.gif') repeat-x;} 

.l-layout-collapse-left,.l-layout-collapse-right{ width:24px; background:#EAF2FE;border:1px solid #B8D0D6; position:absolute;top:0px;   display:none; height:100%;z-index:10;}
.l-layout-collapse-left-over,.l-layout-collapse-right-over{background:#F5F9FA;}
.l-layout-collapse-left-toggle,.l-layout-collapse-right-toggle{position:absolute; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');cursor:pointer;}
.l-layout-collapse-left{left:2px;}
.l-layout-collapse-left-toggle{top:0px; right:2px; background-position:-20px -40px;}
.l-layout-collapse-left-toggle-over{background-position:-20px -60px;} 

.l-layout-collapse-right{right:2px;}
.l-layout-collapse-right-toggle{top:0px; left:2px; background-position:-20px 0px;}
.l-layout-collapse-right-toggle-over{background-position:-20px -20px;} 



.l-layout-drophandle-left{ position:absolute;width:5px;cursor:col-resize; z-index:10;display:none;}
.l-layout-drophandle-right{ position:absolute;width:5px;cursor:col-resize; z-index:10;display:none;}
.l-layout-drophandle-top{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none; line-height:1px;overflow:hidden;}
.l-layout-drophandle-bottom{ position:absolute;height:5px;cursor:row-resize; z-index:10;display:none;line-height:1px;overflow:hidden;}
.l-layout-dragging-xline{ background:#E0E4E2;height:4px;position:absolute;display:none; z-index:9999; padding:0; margin:0;line-height:1px; overflow:hidden;}
.l-layout-dragging-yline{ background:#E0E4E2;width:4px;position:absolute;display:none; z-index:9999; padding:0; margin:0;}
.l-layout-lock{ position:absolute; width:100%; height:100%; display:none; z-index:9990; margin:0; padding:0;}
.l-layout-content{position:relative; background:white; overflow:hidden;}

.l-layout-drophandle{ position:absolute; top:0px; left:-5px; width:5px;cursor:col-resize; z-index:10;height:100%; display:none;}
.l-layout-collapse{ width:24px; background:#EAF2FE;border:1px solid #B8D0D6; position:absolute; top:0px; left:4px; display:none; height:100%;z-index:10;}
.l-layout-collapse-over{background:#F5F9FA;}
.l-layout-collapse-toggle{position:absolute; top:0px; right:2px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');background-position:-20px -40px; cursor:pointer;}
.l-layout-collapse-toggle-over{background-position:-20px -60px;} 
.l-layout-dragging-line{ background:#E0E4E2;width:4px;position:absolute;top:0px; display:none; z-index:9999; padding:0; margin:0;height:100%;}
 
/* --------------
   *   accordion  *
* ------------ */
.l-accordion-panel{ border-left:1px solid #BED5F3; border-right:1px solid #BED5F3; border-bottom:1px solid #BED5F3; }
.l-accordion-toggle{ position:absolute; top:2px; right:4px; height:20px; width:20px; overflow:hidden; background:url('../images/layout/togglebar.gif');cursor:pointer;}
.l-accordion-toggle-close{ background-position:0px 0px;}
.l-accordion-toggle-close-over{ background-position:0px -20px;}
.l-accordion-toggle-open{ background-position:0px -40px;}
.l-accordion-toggle-open-over{ background-position:0px -60px;} 
.l-accordion-header{ position:relative;padding-left:10px; color:#183152; font-weight:bold;height:25px; line-height:24px;  background:#E5EFFE url('../images/layout/accordion-header.gif') repeat-x; overflow:hidden; cursor:pointer;}
.l-accordion-header-over{background:#EFF4FE url('../images/layout/accordion-header-over.gif') repeat-x;} 
.l-accordion-content{position:relative;overflow:auto; background:white url('../images/layout/accordion-content.gif') repeat-x;}



/* --------------
   *   menu  *
* ------------ */

.l-menu { border:1px solid #979797; background:#F5F5F5;position:absolute; overflow:hidden; padding-bottom:2px; z-index:1001}
.l-menu-shadow{z-index:1000;   
	FILTER: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
	BACKGROUND: #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
position: absolute;}
.l-menu-inner{ position:relative;width:100%;z-index:103;}
.l-menu-over{position:absolute;top:-24px;left:2px; z-index:102; height:22px; overflow:hidden;background:url('../images/menu/menu-item-over-m.gif') repeat-x;width:97%;}
.l-menu-yline { background:url('../images/menu/menu-line-y.gif') repeat-y; width:2px; height:2000px; position:absolute; left:28px; top:1px; z-index:101;}
.l-menu-over-l{background:url('../images/menu/menu-item-over-l.gif') no-repeat; width:28px; height:22px; position:absolute;top:0; left:0;} 
.l-menu-over-r{background:url('../images/menu/menu-item-over-r.gif') no-repeat; width:3px;height:22px; position:absolute;top:0; right:0;}
.l-menu-item { position:relative; height:23px; line-height:23px; width:100%;  cursor:pointer;}
.l-menu-item-line{background:url('../images/menu/menu-line-x.gif') repeat-x; height:2px; width:100%; margin-top:1px; margin-bottom:1px; margin-left:30px; line-height:2px; overflow:hidden;}
.l-menu-item-arrow{background:url('../images/menu/menu-item-arrow.gif') no-repeat; position:absolute; top:8px; right:9px; width:4px; height:7px;}
.l-menu-item-text{color:#000000;left: 33px;position: absolute;top: 0;}
.l-menu-item-icon{ left: 3px;top: 0;position: absolute; width:25px; height:22px; overflow:hidden;}
.l-menu-item-disable{ cursor:default;}
.l-menu-item-disable .l-menu-item-text{ color:#A1A1A1;}




/* -----------------------
   * tab *
* ----------------------- */
.l-tab-links{position:relative; height:26px; background:#F0F5F6; width:100%; overflow:hidden;
background:url('../images/layout/tabs-bg.gif') repeat-x; border-bottom:1px solid #BED5F3;}
.l-tab-links-left{position:absolute; top:1px; left:0; width:17px; height:23px; overflow:hidden; background:url(../images/layout/tabs-tools.gif) 0px 0px; z-index:13; cursor:pointer;}
.l-tab-links-right{ position:absolute; top:1px; right:0;width:17px; height:23px; overflow:hidden;background:url(../images/layout/tabs-tools.gif) -51px 0px;z-index:13; cursor:pointer;}
.l-tab-links-left-over{ background-position:-17px 0px;}
.l-tab-links-right-over{ background-position:-68px 0px;}
.l-tab-links-left-invalid{ background-position:-34px 0px;}
.l-tab-links-right-invalid{ background-position:-85px 0px;}

.l-tab-links ul{ list-style:none; margin:0; padding:0; width:9999px; height:26px; overflow:hidden; position:absolute; top:0; left:0;}
.l-tab-links li{ float:left; margin:0; padding:0; margin-left:2px; height: 26px; line-height:26px; cursor:pointer;background:url(../images/layout/tabs-item-bg.gif); position:relative; overflow:hidden; border:none; }
.l-tab-links li.l-selected{background:url(../images/layout/tabs-item-over-bg.gif);}
.l-tab-links li a{ display:block; margin-left:6px; margin-right:37px;}
.l-tab-links-item-left{ position:absolute;top:0; left:0;width:2px; height:26px; background:url(../images/layout/tabs-item-left-bg.gif)}
.l-tab-links-item-right{position:absolute;top:0; right:0;width:2px; height:26px;background:url(../images/layout/tabs-item-right-bg.gif)}
.l-tab-links-item-close{ width:11px; height:11px; overflow:hidden; position:absolute; top:4px; right:2px; z-index:12;background:url(../images/icon/icon-close.gif); cursor:pointer;}
.l-tab-links-item-close-over{background:url(../images/icon/icon-close-over.gif);}

.l-tab-content{ margin:0 auto; padding:0; border:none; width:100%;}
.l-tab-content-item{ width:100%; overflow:hidden;}
.l-tab-content-item iframe{width:100%; height:100%; border:none;}
/* -----------------------
   * easytab *
* ----------------------- */
.l-easytab{ padding:0px; position:relative;} 
.l-easytab ul{margin:0; padding:0; list-style:none;position:absolute; top:0px; left:0px; z-index:101;}
.l-easytab .l-easytab-header { padding-left:3px;}
.l-easytab .l-easytab-header li{ float:left; margin-left:2px;}
.l-easytab .l-easytab-header li span{ display:block; line-height:22px; height:22px; padding-left:8px; padding-right:8px; background:url('../images/controls/bg-tab-title.gif') repeat-x; color:#333; text-decoration:none;border:1px solid #AECAF0; color:#283B56;}
.l-easytab .l-easytab-header li span.l-over{background:url('../images/controls/bg-tab-title-over.gif') repeat-x;border:1px solid #DAB364; cursor:pointer;}
.l-easytab .l-easytab-header li span.l-selected{ background:none; background:white; border-top:3px solid #FFBD69;height:20px;color:#355686; border-left:1px solid  #DAB364;border-right:1px solid  #DAB364;border-bottom:1px solid  white; }
.l-easytab .l-easytab-panelbox{ border:1px solid #AECAF0; clear:left; position:absolute;top:23px; padding:4px;z-index:100;}



/* --------------
   *   tree  *
* ------------ */
.l-tree
{
    margin:0; padding:0; list-style:none; overflow:hidden; position:relative; display:block; background:white;
} 
.l-tree-loading
{
    position: absolute;z-index: 91000;  top:40%; left:50%; overflow:hidden;
    background:url('../images/tree/loading.gif') no-repeat 0px 0px;width:24px; height:24px; 
     display:none;
}
.l-tree a,.l-tree span{color: #333;display: inherit;height: 22px;line-height: 22px; text-decoration:none;} 
.l-tree ul,.l-tree li{list-style:none; margin:0; padding:0;}
.l-tree li {clear: both;display: block;cursor: pointer;}
.l-tree li .l-body{ height:22px;line-height: 22px; overflow:hidden;}
.l-tree .l-box
{
    width:22px; height:22px; overflow:hidden; float:left; background:url('../images/tree/tree.gif');background-position:-22px -220px;
}
.l-tree-noline .l-box
{
    background:url('../images/tree/tree-noline.gif');
}
.l-tree .l-expandable-close{background-position:0px -44px;}
.l-tree .l-first .l-expandable-close{background-position:0px -22px;}
.l-tree .l-last .l-expandable-close{ background-position:0px -66px;}
.l-tree .l-onlychild  .l-expandable-close{background-position:0px 0px;}

.l-tree .l-expandable-open{background-position:0px -132px;}
.l-tree .l-first .l-expandable-open{background-position:0px -110px;}
.l-tree .l-last .l-expandable-open{ background-position:0px -154px;}
.l-tree .l-onlychild  .l-expandable-open{background-position:0px -88px;}

.l-tree .l-over{background: whiteSmoke;}
.l-tree .l-selected {background: #D9E8FB;}

.l-tree .l-line{background-position:0px -176px;}
.l-tree .l-note{ background-position:0px -198px;}

.l-tree .l-note{ background-position:0px -198px;}
.l-tree .l-note-last{ background-position:0px -220px;}
.l-tree .l-checkbox-unchecked{ background-position:-22px 0px;} 
.l-tree .l-checkbox-checked{ background-position:-22px -22px;} 
.l-tree .l-checkbox-incomplete{ background-position:-22px -44px;} 

.l-tree .l-over .l-checkbox-unchecked{ background-position:-44px 0px;} 
.l-tree .l-over .l-checkbox-checked{ background-position:-44px -22px;} 
.l-tree .l-over .l-checkbox-incomplete{ background-position:-44px -44px;} 


.l-tree .l-tree-icon-folder{ background-position:-22px -88px;}
.l-tree .l-tree-icon-folder-open{background-position:-44px -88px;}
.l-tree .l-tree-icon-leaf{background-position:-22px -110px;}

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    ligerui替换资源文件

    通常,这会涉及到JavaScript文件(如ligerUI.core.js或ligerUI.controls.time.js)和CSS文件(如ligerUI.css)。 最后,为了确保其他开发者或团队成员可以轻松地使用这个优化过的版本,我们可以创建一个定制的分发...

    Jquery LigerUI 中文 API

    - **引入文件**:在项目中使用 LigerUI 需要引入 jQuery 和 LigerUI 的 CSS、JavaScript 文件。 ```html <link href="path/to/ligerui.css" rel="stylesheet" type="text/css" /> <script src="path/to/jquery....

    jQuery LigerUI V1.2.0

    - `ligerui.css`:基础样式文件,用于呈现组件的基本外观。 - `images` 文件夹:包含组件所需的图片资源。 - `demo` 文件夹:可能包含示例代码和演示页面,帮助开发者了解如何使用LigerUI。 - `docs` 文件夹:可能...

    ligerUI插件

    4. **样式可定制**:ligerUI的样式可以通过CSS进行自定义,开发者可以根据项目需求调整控件的外观。 5. **兼容性好**:ligerUI兼容主流的浏览器,如Chrome、Firefox、Safari和IE8及以上版本,确保了广泛的用户覆盖。...

    jquery布局工具ligerUI

    在项目中引入ligerUI,首先需要下载并添加jQuery库以及ligerUI的CSS和JS文件。然后,通过jQuery选择器找到需要操作的DOM元素,调用ligerUI提供的方法来初始化组件。例如,创建一个表格可以这样做: ```html <!...

    Ligerui Table导出excel 支持样式、冻结行列、图片等导出

    在IT行业中,数据展示和处理是一项重要的任务,而LigerUI Table是一款强大的jQuery插件,专为网页数据展示提供解决方案。LigerUI Table不仅具备基本的表格功能,如排序、筛选、分页,还提供了丰富的扩展特性,如导出...

    LigerUI框架

    <link rel="stylesheet" href="path/to/ligerui/themes/default/ligerui.css" /> <script src="path/to/jquery.min.js"> <script src="path/to/ligerui/ligerui.min.js"> ``` 2. **初始化组件**:通过...

    jQuery ligerUI API.rar_jQuery ligerUI API_ligerui api

    《jQuery ligerUI API:构建高效前端界面的利器》 jQuery ligerUI API,作为一款源自中国的优秀前端UI框架,为开发者提供了丰富的组件和便捷的API接口,旨在帮助开发人员快速构建美观、高效的Web应用程序。这个框架...

    jquery-ligerUi-1.2.2.api

    jQuery LigerUI允许开发者通过CSS样式和JavaScript代码进行深度定制,以满足特定需求。此外,其开放的API接口和插件机制也为扩展新功能提供了可能。 五、应用场景 jQuery LigerUI广泛应用于企业管理软件、在线服务...

    全套ligerui源代码和api以及示例

    LigerUI是一款基于JavaScript和CSS3的开源前端框架,它为开发者提供了丰富的UI组件和便捷的API接口,用于快速构建用户界面。此压缩包包含了LigerUI的全套源代码、API文档以及示例,旨在帮助开发者深入理解其内部工作...

    ligerui-LigerUI

    在实际开发中,你可以通过引入LigerUI的CSS和JS文件,然后调用对应的API来创建和配置组件。例如,要创建一个表格,你可以先定义一个HTML元素作为容器,然后使用LigerUI的表格插件对其进行初始化。通过这种方式,你...

    jQuery ligerUI Demos 导航页、菜单栏

    jQuery ligerUI是一款基于jQuery的前端开发框架,它提供了一系列丰富的UI组件,使得开发者能够快速构建具有专业界面的Web应用程序。在"jQuery ligerUI Demos 导航页、菜单栏"这个主题中,我们将深入探讨ligerUI如何...

    课题jQueryLigerUI使用教程入门篇.docx

    <link href="ligerui.css" rel="stylesheet" type="text/css" /> <script src="jquery.min.js" type="text/javascript"> <script src="ligerui.min.js" type="text/javascript"> ``` 在实际应用中,要将HTML...

    jQuery LigerUI V1.3.3.rar.rar

    jQuery LigerUI是一款基于jQuery的前端UI库,它为开发者提供了丰富的组件和界面元素,用于构建功能强大且用户友好的Web应用。LigerUI V1.3.3是该库的一个版本,它在前一版本的基础上进行了一系列的优化和改进,以...

    LigerUI之Grid使用详解(一)——显示数据

    <link rel="stylesheet" type="text/css" href="ligerui/skins/all.css" /> <script type="text/javascript" src="ligerui/jquery.min.js"> <script type="text/javascript" src="ligerui/ligerui.all.js"> ``` ...

    LigerUI demo及api文档

    压缩包子文件的文件名" LiguerUI"可能是整个框架的主文件,可能包含了LigerUI的JavaScript库、CSS样式表和其他必要的资源文件。在实际项目中,开发者需要引入这些文件才能使用LigerUI的功能。 总的来说,这个压缩包...

    JQuery,easyUI,ligerUI中文.chm

    ligerUI同样是一个基于jQuery的前端UI框架,它的设计理念是提供轻量级、高性能的组件,同时保持高度的可定制性和灵活性。ligerUI提供了丰富的组件,如表格、树形控件、日期选择器、对话框等,以及强大的表单验证和...

    课题-jQuery-LigerUI-使用教程入门篇.docx

    路径/to/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" /> 路径/to/jquery/jquery-1.3.2.min.js" type="text/javascript"> 路径/to/ligerUI/js/plugins/ligerTextBox.js" type="text/...

    LigerUI项目实例

    包括十余种不同结构的主页、各种常用的导航与布局模板、丰富的组件、特效和完备的CSS样式库等等,并有多种皮肤样式可供选择。适合WEB开发工程师、前端制作工程师和界面设计师使用。适用于自动化办公、电子政务和RIA...

    LigerUI1.2.5文档和库

    LigerUI 1.2.5 是一个成熟的前端开发框架,专为构建高效、美观的Web应用程序而设计。这个框架提供了丰富的组件和功能,旨在简化开发者的工作,提高开发效率。"LigerUI1.2.5文档和库"的压缩包包含两个主要部分:...

Global site tag (gtag.js) - Google Analytics