html, body {
    font-family: Helvetica, Arial, "SimSun", "WenQuanYi Micro Hei", "AR PL ShanHeiSun Uni", "AR PL ZenKai Uni", sans-serif;
    font-size: 12px;
}
dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,th,td {
    padding: 0;
    margin: 0;
}
table{border-collapse: collapse;}
ul,li {list-style: none;}
a{text-decoration: none;outline: none;}
input,select {outline: 0px none;}

.u-clear:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
 /*
 * 模块名称: input module
 * 模块描述：ui-input适用于一般输入框；
 *            ui-textarea适应于输入区域；
 *                     ui-input-time适应于时间年月输入；
 *                     ui-input-ip适应于IP/MAC输入；
 */
.u-input {
    /*float: left;*/
    display: inline;
    width: 154px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    margin-right: 4px;
}
input.i-date,
input.i-time{
    padding-right: 20px;
    background-position: center right;
    background-repeat: no-repeat;
}
.i-date {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk2OEIzRDgxMERBQjExRTRBQjVFRjg2ODYyQTFBN0RDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk2OEIzRDgyMERBQjExRTRBQjVFRjg2ODYyQTFBN0RDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTY4QjNEN0YwREFCMTFFNEFCNUVGODY4NjJBMUE3REMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTY4QjNEODAwREFCMTFFNEFCNUVGODY4NjJBMUE3REMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5qjVYWAAAAmVBMVEWkpKT///2kpqXlojH+/v7+/vy9v7ympqa8vrvloi+lpaPmoDClpaf9//67vbzkoDH//v+9v7q6vr+lpqgLDEKipqmkpKIKC0MJCkO9vb8JCUUJDEO8vb+kpqMLDESlpqELCkOmpKUJC0anpqQMC0W9vbv+//28vcG6vr0KDEXkoTC+vr69vb29v77+//+8vr2lpaX////////mDnENAAAAM3RSTlP//////////////////////////////////////////////////////////////////wBxnr2OAAAAr0lEQVR42lyQWQ6DMAxEk0ApUKB03/c9YDvm/ocrMUKqas2H9TQzlqzc3zSNuhzOu8/16NLMmCwVZBb39Wq+dcZbjKCbziPEGJm4FXq01FzxYMMlMEPJHs1iiPfRtKaRtSOqPVJ60Loi1oG1gRaXe+KE8c08DoIxCzq9gKoHASXWJgTiYq5Cf64WSVe7YQ6/yNVtCAogmS4YYoFIvfouHwkrKRU0VN0L1FC2pvkKMACdOSge1mz1/QAAAABJRU5ErkJggg==);  
}
.i-time {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAMAAAAs2N9uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBRTE2MDNGMERBQjExRTRCRjEyOEM1Q0JEMDNGNThDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBRTE2MDQwMERBQjExRTRCRjEyOEM1Q0JEMDNGNThDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0FFMTYwM0QwREFCMTFFNEJGMTI4QzVDQkQwM0Y1OEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FFMTYwM0UwREFCMTFFNEJGMTI4QzVDQkQwM0Y1OEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6nzG/oAAAAbFBMVEXn5+enp6erq6ve3t6srKzw8PC9vb3Nzc3Jycno6Oizs7Pf39/Ly8vp6em0tLTMzMzv7++oqKhFRUXm5ubOzs7x8fG1tbVHR0f///+qqqrd3d3IyMju7u5GRka8vLzKysrs7Ozq6urr6+v////AEsliAAAAJHRSTlP//////////////////////////////////////////////wBYLA0NAAAAqklEQVR42lSPVxIDIQxDIVth+6YXiuH+d4xsksyEMR9+GFlSGed8slrbrsn5hk7hjocwTFT1hye/M2q9SnzisfUFBY+WBJJfGDW1IWERpWroqa6nCORkLIUOyFYsQx80WCBtUkwUXVGbNkaTCO9lytyB5oeIO7df8XmYWT6U/diBCnChXrUYjawFE2uxyhNF3Yf/QOkXSGJXZBC7/8bOuVlmvV3GVUh+CzAAGLkesdLOi4AAAAAASUVORK5CYII=);
}
/** input 组合输入 **/
.u-input-group{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 4px;
    background: #FFF;
    border: 1px #A5A5A5 solid;
    *display: inline;
    zoom: 1;
}
.u-input-group .u-input,
.u-input-group .u-input:focus,
.u-input-group .u-input.focus,
.u-input-group .u-input[disabled],
.u-input-group .u-input[disabled]:hover,
.u-input-group .u-input.disabled:hover,
.u-input-group .u-input.disabled,
.u-input-group .u-input:hover,
.u-input-group .u-input-hover{
    width: 30px;
    min-width: 22px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0;
    text-align: center;
    background: none;
    border: none;
    outline: none;
}
.u-input-group .u-input[disabled],
.u-input-group .u-input[disabled]:hover,
.u-input-group .u-input.disabled:hover,
.u-input-group .u-input.disabled,{
    background-color: #EBEBE4;
    color: #545454;
}
.u-input-group span{
    display: inline-block;
    width: 4px;
}
/*
 * 组件名称:  button module
 * 组件描述： ui-button适用于一般按钮;
 * 举例:<a class="ui-button"></a>;
 *      <a class="ui-button">
 *          <i class="icon-start"></i>
 *      </a>
 */
.u-button {
     display: inline-block;
     *display: inline; 
     *zoom: 1;
     width: 104px;
     height: 24px;
     margin-right: 5px;
     line-height: 24px;
     background-repeat: repeat;
     background-position: 0 0;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     word-wrap: break-word;
     break-word: break-all;
     overflow: hidden;
     font-size: 12px;
     cursor: pointer;
     border-width: 1px;
     border-style: solid;
     -moz-border-radius: 2px;
     -khtml-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     font-size: 12px;
     overflow: hidden;
}
input.u-button {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
}
button.u-button {
    height: 26px;
    font-size: 12px;
}
.u-button:hover,
.u-button.hover {
    background-position: 0 -30px;
}
.u-button.current {
    background-position: 0 -60px;
}
.u-button.disabled,
.u-button.disabled:hover {
    background-position: 0 -0;    
}
.u-button span {
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
}
/*
 * 名称: button icons
 * 描述：icon-用于BUTTON图标;
 */
.u-button [class^= "i-"] {
    display: inline-block;
    width: 16px;
    height: 24px;
    vertical-align: top;
}
.i-start {
    background-position: 0 0;
}
.i-stop {
    background-position: -30px 0;
}
.i-set {
    background-position: -60px 0;
}
.i-add {
    background-position: -90px 0;
}
.i-less {
    background-position: -120px 0;
}
.i-view {
    background-position: -150px 0;
}
.i-clear {
    background-position: -180px 0;
}
.i-save {
    background-position: -210px 0;
}
.i-refresh {
    background-position: -240px 0;
}
.i-draw {
    background-position: -270px 0;
}
.i-foucs {
    background-position: -300px 0;
}
.i-clock {
    background-position: -330px 0;
}
.i-openall {
    background-position: -360px 0;
}
.i-closeall {
    background-position: -390px 0;
}
.i-speak {
    background-position: -420px 0;
}
.i-alarm {
    background-position: -450px 0;
}
.i-replayback {
    background-position: -480px 0;
}
.i-arror {
    background-position: -510px 0;
}
.i-foward {
    background-position: -540px 0;
}
.i-before {
    background-position: -570px 0;
}
.i-list {
    background-position: -600px 0;
}
.i-playback {
    background-position: -630px 0;
}
.i-down {
    background-position: -660px 0;
}
.i-search {
    background-position: -690px 0;
}
.i-back {
    background-position: -720px 0;
}
/*
 * 模块名称:  table module
 * 模块描述： ui-table适用于表格;
 */
.u-table{
    position: relative;
    width: 100%;
    margin: 0px auto;
    border-collapse: collapse;
    text-align: center;
    overflow: hidden;
}
.u-table-head{
    position: relative;
    padding-right: 15px;
}
 .u-table-head table{
     width: 100%;
 }
.u-table-head .editor{
    position: absolute;
    top: 50%;
    left: 6px;
    margin-top: 2px;
    text-align: left;
}
.u-table-head .list{
    position: absolute;
    display: none;
    top: 5px;
    left: 0px;
    padding: 5px;
    border-radius: 3px;
}
.u-table-head .editor .open{
    display: block;
}
.u-table-head .list ul{
    display: block;
}
.u-table-head .list li{
    line-height: 18px;
    white-space: nowrap;
}
.u-table-head .drop{
    position: absolute;
    top: -5px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-style: solid;
}
.u-table-head input{
    vertical-align: middle;
}
.u-table-head tr{
    height: 20px;
}
.u-table-main{
    overflow-x: auto;
    overflow-y: scroll;
}
.u-table-main table{
    table-layout: fixed;
    width: 100%;
}
.u-table-main tr{
    transition:background-color .2s linear;
}
.u-table-foot{
    padding: 10px;
    text-align: right;
}
.u-table thead {
    line-height: 20px;
}
.u-table td {
    padding: 2px 0;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.u-table tbody input,
.u-table tbody select{
    vertical-align: middle;
    height: 16px;
    line-height: 16px;
    width: 80%;
}
.u-table tfoot td{
    text-align: right;
    padding: 8px 0;
}
.ui-table .ui-table-editCell{
   margin: 0;
   padding: 0; 
}

/*
 * 名称: table icons
 * 描述：icon-用于TABLE图标;
 */
.u-table [class^= "i-"] {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.u-table .i-del {
    background-position: 0 -30px;
}
.u-table .i-del.disabled {
    background-position: -30px -30px;
}
.u-table .i-edit {
    background-position: -60px -30px;
}
.u-table .i-edit.disabled {
    background-position: -90px -30px;
}
.u-table .i-set {
    background-position: -120px -30px;
}
.u-table .i-connect {
    background-position: -150px -30px;
}
.u-table .i-unconnect {
    background-position: -180px -30px;
}
.u-table .i-save {
    background-position: -210px -30px;
}
.u-table .i-list {
    background-position: -240px -30px;
}
.u-table .i-play {
    background-position: -270px -30px;
}
.u-table .i-down {
    background-position: -300px -30px;
}
.u-table .i-draw {
    background-position: -330px -30px;
}
.u-table .i-draw.current {
    background-position: -360px -30px;
}
 .u-table .i-target {
     background-position: -390px -30px;
 }


/*
 * 模块名称:  slider module
 * 模块描述： ui-slider适用于滑块;
 */
.u-slider {
    display: inline-block;
    height: 22px;
    /*margin: 2px 0 0 4px;*/
    text-align: left;
    vertical-align: middle;
    *display: inline;
    zoom: 1;
}
.u-slider-content {
    position: relative;
    display: inline-block;
    height: 3px;
    margin-top: 8px;
    *display: inline;
    zoom: 1;
}
.u-slider-handle {
    position: absolute;
    top: -8px;
    left: 0;
    display: block;
    width: 10px;
    height: 20px;
    cursor: pointer;
}

.u-slider [class^= "i-"] {
    display: inline-block;
    width: 20px;
    height: 24px;
    vertical-align: top;
    background-repeat: no-repeat;   
}
.u-slider .i-less {
    background-position: -60px -60px;
}
.u-slider .i-less:hover {
    background-position: -90px -60px;
}
.u-slider.disabled .i-less:hover {
    background-position: -60px -60px;
}
.u-slider .i-add {
    background-position: -120px -60px;
}
.u-slider .i-add:hover {
    background-position: -150px -60px;
}
.u-slider.disabled .i-add:hover {
    background-position: -120px -60px;
}
.u-slider-value {
    height: 20px;
    padding-top: 5px;
    padding-left: 4px;
    vertical-align: middle;
}
.u-slider .i-slider {
    width: 10px;
    height: 20px;
    background-position: 0 -60px;
}
.u-slider .i-slider.hover,
.u-slider .i-slider:hover {
    background-position: -30px -60px;    
}
.u-slider.disabled .i-slider:hover {
    background-position: 0 -60px;
}

/*
 * 模块名称:  pagination module
 * 模块描述： ui-pagination适用于翻页;
 */
.u-pagination {
    position: relative;
}
.u-pagination [class^="i-"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.u-pagination [class^="i-"]:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.i-first {
    background-position: -180px -90px;
}
.i-prev {
    background-position: -210px -90px;
}
.i-next {
    background-position: -240px -90px;
}
.i-last {
    background-position: -270px -90px;
}
.i-go{
    opacity: 1;
    filter: alpha(opacity=100);
    background-position: -120px -90px;
}
.i-page-go:hover{
    background-position: -150px -90px;
}
.{
    display: inline-block;
    line-height: 20px;
}
.u-pagination .u-input{
    float: none;
    display: inline-block;
    width: 25px;
    height: 18px;
    margin-right: 2px;
}
.darkbg .i-first {
    background-position: 0 -90px;
}
.darkbg .i-prev {
    background-position: -30px -90px;
}
.darkbg .i-next {
    background-position: -60px -90px;
}
.darkbg .i-last {
    background-position: -90px -90px;
}
.darkbg .i-go{
    opacity: 1;
    filter: alpha(opacity=100);
    background-position: -120px -90px;
}


/*
 * 模块名称:  calendar module
 * 模块描述： ui-calendar适用日历;
 */
.u-calendar{
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.u-calendar-nav{
    line-height: 24px;
    text-align: center;
}
.u-calendar .u-nav-left,
.u-calendar .u-nav-right{
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    vertical-align: top;
}
.u-calendar .u-nav-left{
    left: 4px;
}
.u-calendar .u-nav-right{
    right: 4px;
}
[class^="i-calendar-"] {
    display: block;
    width: 24px;
    height: 24px;
}
.i-calendar-left{
    background-position: -30px -150px;
}
.i-calendar-left:hover{
    background-position: -60px -150px;
}
.i-calendar-right{
    background-position: -90px -150px;
}
.i-calendar-right:hover{
    background-position: -120px -150px;
}
.u-calendar-day{
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 2px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}

/*
 * 模块名称:  tip module
 * 模块描述： ui-tip适用于提示;
 */
.u-tip {
    position: relative;
    min-height: 31px;
    font-size: 12px;
    padding-top: 5px;
}
.u-tip-container {
    position: relative;
    display: inline-block;
    min-width: 360px;
    line-height: 22px;
    padding: 3px 10px 3px 4px;
    text-align: left;
    font-weight: bold;
    zoom: 1;
    *display: inline;
}
.u-tip-container i {
    display: block;
    float: left;
    width: 20px;
    height: 22px;
}
.i-success{
    background-position: 0 -120px;
}
.i-warning{
    background-position: -30px -120px;
}
.i-error{
    background-position: -60px -120px;
}

/*
 * 模块名称:  dialog module
 * 模块描述： ui-dialog适用于弹出框;
 */
.u-dialog {
    position: fixed;
    display: inline-block;
    left: 50%;
    top: 50%;
    min-width: 300px;
    border-radius: 4px;
    zoom: 1;
    *display: inline;
    display: none;
}
.u-dialog-head{
    position: relative;
    padding: 5px;
}
.u-dialog-head h1{
    margin: 0;
    padding: 0 0 0 5px;
    font-size: 14px;
}
.u-dialog-head .i-close{
    position: absolute;
    display: block;
    right: 6px;
    top: 4px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background-position: 0 -180px;
}
.u-dialog-head .i-close:hover{
    background-position: -30px -180px;
}
.u-dialog-content{
    position: relative;
    padding: 15px;
}
.u-dialog-content:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.u-dialog-foot{
    text-align: center;
    padding: 8px;
}
.u-dialog-foot .u-button{
    margin-left: 8px;
}
.u-dialog-context{
    margin-left: 10px;
    font-size: 12px;
}
.i-dialog-warn{
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-position: -60px -180px;
    zoom: 1;
}
.u-dialog-surebox-text {
    display: inline-block;
    max-width: 330px;
    padding-top: 4px;
    line-height: 20px;
    text-align: left;   
}

/*
 * 模块名称: tab module
 * 模块描述： ui-tab适用于标签切换;
 */
.u-tab{
    display: block;
    margin: 0;
    padding: 0;
    background: #373737;
    height: 26px;
}
.u-tab-left:after, .u-tab:after{
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.u-tab li{
    float: left;
    display: inline-block;
    min-width: 120px;
    height: 26px;
    line-height: 26px;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
.u-tab li.help{
    float: right;
    min-width: 22px;
    height: 26px;
}
.u-tab .current{
    font-weight: bold;
}
.u-tab .disabled{
    cursor: default;
}
.u-tab-content{
    padding: 10px;
}
.u-tab-content .tab-panel{
    display: none;
}
.u-tab-content .tab-panel.current{
    display: block;
}
.u-tab-left{
    zoom: 1;
}
.u-tab-left .u-tab{
    float: left;
    width: 110px;
    height: 411px;
}
.u-tab-left .u-tab-content{
    float: left;
}
.u-tab-left .u-tab li{
    width: 90px;
    height: 28px;
    min-width: 0px;
    line-height: 28px;
    padding: 0 0px 0 20px;
    text-align: left;
    border-radius: 2px 0 0 2px;

}
.u-tab-left .u-tab li:hover{
    background-position: -110px 2px;
}
.u-tab-left .u-tab li.current,
.u-tab-left .u-tab li.current:hover{
    font-weight: normal;
    background-position: 0 -26px;
}

/*************mask*************/
.u-mask{
    position: absolute;
    top: -10000px;
    left: -10000px;
    background-color: #ccc;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/**** schedule ****/
.u-schedule{
    position: relative;
    width: 529px;
    height: 211px;
    cursor: crosshair;
    background-image: url(../image/schedule.png);
    -moz-user-select: none; 
    -khtml-user-select: none; 
    user-select: none;
}
.u-schedule.holiday{
    height: 241px;
}
.u-schedule div{
    position: absolute;
    height: 9px;
    border-bottom: 1px solid #979797;
    left: 0;
    top: 0;
}
.u-schedule div.u-schedule-general{
    background: #00FF00;
}
.u-schedule div.u-schedule-motion{
    background: #FFFF00;
}
.u-schedule div.u-schedule-alarm{
    background: #FF0000;
}
.u-schedule-rect{
    position: absolute;
    background: #444;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/**** loading ***/
.u-loading{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
    background-color: #666;
    background-image: url(../image/loading2.gif);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/** progress **/
.u-progress,
.u-progress div {
    height: 28px;
    background-image: url(../image/progressbg.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}
.u-progress div {
    width: 0px;
    background-position: 0 -28px;
}

/** datapicker **/
.u-datepicker{
    position: absolute;
    display: inline-block;
    top: -10000px;
    left: -10000px;
    padding: 5px; 
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    background-color: #DCDCDC;
    *display: inline;
    zoom: 1;
    z-index: 9999;
}
.u-datepicker .header{
    position: relative;
    padding: 3px 4px 0px;
    text-align: center;
    margin-bottom: 1px;
    background-color: #C2C2C2;
}
.u-datepicker .body{
    width: 182px;
}
.u-datepicker .header a,
.u-datepicker .my{
    position:relative;
    float: left;
}
.u-datepicker .open .drop{
    display: block;
}
.u-datepicker .open span{
   background-color: #FFF; 
}
.u-datepicker .my span {
    display: inline-block;
    width: 55px;
    height: 16px;
    cursor: pointer;
    text-align: center;
}
.u-datepicker .drop{
    display: none;
    position: absolute;
    top: 17px;
    left: -1px;
    background-color: #FFF;
    border: 1px solid #A2A2A2;
}
.u-datepicker .drop td{
    height: 21px;
    padding: 0 5px;
    cursor: pointer;
    white-space: nowrap;
    vertical-align: middle;
}
.u-datepicker .drop .hover{
    background-color: #DDD;
}
.u-datepicker .drop .disable{
    cursor: default;
    color: #A9A9A9;
}
.u-datepicker table{border: 0;}
.u-datepicker th{
    height: 16px;
    font-weight: normal;
    border-right: 1px solid #DCDCDC;
    background-color: #EAEAEA;
    background-image: linear-gradient(#EFEFEF, #DFDFDF);
}
.u-datepicker .body td{
    width: 25px;
    height: 25px; 
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    background-color: #FFF;
}
.u-datepicker .body .weekend{
    color: red;
}
.u-datepicker .body .hover,
.u-datepicker .body .current{
    background-color: #F5A217;
    color: #FFF;
}
.u-datepicker .body .disable{
    cursor: default;
    color: #A9A9A9;
}
.u-datepicker [class^="i-"]{
    display: inline-block;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.i-left1{
    background-position: 0 -90px;
}
.i-left2{
    background-position: -30px -90px;
}
.i-right1{
    background-position: -90px -90px;
}
.i-right2{
    background-position: -60px -90px;
}
/** timepicker **/
.u-timepicker{
    position: absolute;
    display: inline-block;
    left: -10000px;
    top:-10000px;
    padding: 5px;
    border: 1px solid #A5A5A5;
    border-radius: 3px;
    background-color: #DCDCDC;
    *display: inline;
    zoom: 1;
}
.u-timepicker .header{
    margin-bottom: 5px;
}
.u-timepicker .time{
    display: inline-block;
    background-color: #FFF;
    *display: inline;
    zoom: 1;
}
.u-timepicker .ampm{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 6px;
}
.u-timepicker .ampm .u-button{
    width: 30px;
    height: 18px;
    line-height: 18px;
}
.u-timepicker table .u-button{
    width: 73px;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}
.u-timepicker input{
    width: 25px;
    height: 20px;
    text-align: center;
    border: none;
    vertical-align: middle;
}
.u-timepicker th{
    height: 22px;
    padding-left: 7px;
    background-color: #C2C2C2;
    font-weight: normal;
}
.u-timepicker .u-slider{
    width: 142px;
}

/*.ui-channel-item-current, .ui-channel-item-current:hover {
    background:#FAA603;
}*/
.ui-channel-item {
    float: left;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 2px 5px 2px 0;
    background-position: -270px 0;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
}
 .ui-channel-item:hover {
     background-position: -270px -30px;
 }
 .ui-channel-item-current,
 .ui-channel-item-current:hover {
     background-position: -270px -60px;
 }
/** fisheye**/
 .main-fisheyd-con{
     width: 136px;
     border: 1px #7d7d7d solid;
     margin: 10px 2px;
 }
 #fisheyeOCX_fitMode_label{
     display: inline-block;
     padding: 0 10px;
     text-align: center;
     color: #fff;
     font-size: 12px;
     position: relative;
     top: -10px;
     left: 10px;
     background: #5c5c5c;
 }
 #fisheyeOCX_playMode_label{
     padding-left: 20px;
     font-size: 12px;
     color: #fff;
     line-height: 30px;
     border-bottom: 1px #3c3c3c solid;
 }
 .fisheyeOCX_line{
     border-top: 1px #7d7d7d solid;
     padding-bottom: 10px;
 }
 .fisheyeOCX_list{
     zoom:1;
     overflow: hidden;
     margin-left: -8px;
 }
 .fisheyeOCX_list li{
     display: inline-block;
     width: 40px;
     height: 40px;
     float: left;
     margin:0 0 10px 8px;
     background: url('../image/fisheye.png') no-repeat;
 }
 .fisheyeOCX_list .fitMode_ceil{
     background-position: 0 0;
 }
 .fisheyeOCX_list .fitMode_wall{
     background-position: -40px 0;
 }
 .fisheyeOCX_list .fitMode_floor{
     background-position: -80px 0;
 }
 .fisheyeOCX_list .fitMode_ceil:hover{
     background-position: 0 -40px;
 }
 .fisheyeOCX_list .fitMode_wall:hover{
     background-position: -40px -40px;
 }
 .fisheyeOCX_list .fitMode_floor:hover{
     background-position: -80px -40px;
 }
 .fisheyeOCX_list .fitMode_ceil_current{
     background-position: 0 -80px;
 }
 .fisheyeOCX_list .fitMode_wall_current{
     background-position: -40px -80px;
 }
 .fisheyeOCX_list .fitMode_floor_current{
     background-position: -80px -80px;
 }
 .fisheyeOCX_list .playMode_1{
     background-position: 0 -120px;
 }
 .fisheyeOCX_list .playMode_1P-1{
     background-position: -40px -120px;
 }
 .fisheyeOCX_list .playMode_2P{
     background-position: -80px -120px;
 }
 .fisheyeOCX_list .playMode_2-1F{
     background-position: -200px -120px;
 }
 .fisheyeOCX_list .playMode_4-1F{
     background-position: -320px -120px;
 }
 .fisheyeOCX_list .playMode_1-3{
     background-position: -280px -120px;
 }
 .fisheyeOCX_list .playMode_1-4{
     background-position: -360px -120px;
 }
 .fisheyeOCX_list .playMode_1P-6{
     background-position: -400px -120px;
 }
 .fisheyeOCX_list .playMode_1-8{
     background-position: -440px -120px;
 }
 .fisheyeOCX_list .playMode_1P{
     background-position: -480px -120px;
 }
 .fisheyeOCX_list .playMode_1P-3{
     background-position: -520px -120px;
 }
 .fisheyeOCX_list .playMode_4-1PF{
     background-position: -560px -120px;
 }
 .fisheyeOCX_list .playMode_1P-8{
     background-position: -640px -120px;
 }
 .fisheyeOCX_list .playMode_1F-2P{
     background-position: -120px -120px;
 }
 .fisheyeOCX_list .playMode_1-2P{
     background-position: -160px -120px;
 }
 .fisheyeOCX_list .playMode_1-2{
     background-position: -240px -120px;
 }
 .fisheyeOCX_list .playMode_1P-4{
     background-position: -600px -120px;
 }

 .fisheyeOCX_list .playMode_1:hover{
     background-position: 0 -160px;
 }
 .fisheyeOCX_list .playMode_1P-1:hover{
     background-position: -40px -160px;
 }
 .fisheyeOCX_list .playMode_2P:hover{
     background-position: -80px -160px;
 }
 .fisheyeOCX_list .playMode_2-1F:hover{
     background-position: -200px -160px;
 }
 .fisheyeOCX_list .playMode_4-1F:hover{
     background-position: -320px -160px;
 }
 .fisheyeOCX_list .playMode_1-3:hover{
     background-position: -280px -160px;
 }
 .fisheyeOCX_list .playMode_1-4:hover{
     background-position: -360px -160px;
 }
 .fisheyeOCX_list .playMode_1P-6:hover{
     background-position: -400px -160px;
 }
 .fisheyeOCX_list .playMode_1-8:hover{
     background-position: -440px -160px;
 }
 .fisheyeOCX_list .playMode_1P:hover{
     background-position: -480px -160px;
 }
 .fisheyeOCX_list .playMode_1P-3:hover{
     background-position: -520px -160px;
 }
 .fisheyeOCX_list .playMode_4-1PF:hover{
     background-position: -560px -160px;
 }
 .fisheyeOCX_list .playMode_1P-8:hover{
     background-position: -640px -160px;
 }
 .fisheyeOCX_list .playMode_1F-2P:hover{
     background-position: -120px -160px;
 }
 .fisheyeOCX_list .playMode_1-2P:hover{
     background-position: -160px -160px;
 }
 .fisheyeOCX_list .playMode_1-2:hover{
     background-position: -240px -160px;
 }
 .fisheyeOCX_list .playMode_1P-4:hover{
     background-position: -600px -160px;
 }

 .fisheyeOCX_list .playMode_1_current{
     background-position: 0 -200px;
 }
 .fisheyeOCX_list .playMode_1P-1_current{
     background-position: -40px -200px;
 }
 .fisheyeOCX_list .playMode_2P_current{
     background-position: -80px -200px;
 }
 .fisheyeOCX_list .playMode_2-1F_current{
     background-position: -200px -200px;
 }
 .fisheyeOCX_list .playMode_4-1F_current{
     background-position: -320px -200px;
 }
 .fisheyeOCX_list .playMode_1-3_current{
     background-position: -280px -200px;
 }
 .fisheyeOCX_list .playMode_1-4_current{
     background-position: -360px -200px;
 }
 .fisheyeOCX_list .playMode_1P-6_current{
     background-position: -400px -200px;
 }
 .fisheyeOCX_list .playMode_1-8_current{
     background-position: -440px -200px;
 }
 .fisheyeOCX_list .playMode_1P_current{
     background-position: -480px -200px;
 }
 .fisheyeOCX_list .playMode_1P-3_current{
     background-position: -520px -200px;
 }
 .fisheyeOCX_list .playMode_4-1PF_current{
     background-position: -560px -200px;
 }
 .fisheyeOCX_list .playMode_1P-8_current{
     background-position: -640px -200px;
 }
 .fisheyeOCX_list .playMode_1F-2P_current{
     background-position: -120px -200px;
 }
 .fisheyeOCX_list .playMode_1-2P_current{
     background-position: -160px -200px;
 }
 .fisheyeOCX_list .playMode_1-2_current{
     background-position: -240px -200px;
 }
 .fisheyeOCX_list .playMode_1P-4_current{
     background-position: -600px -200px;
 }