﻿/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    padding:0; 
    margin:0;
    font-family: Microsoft YaHei,Arial; 
    font-size: 14px;
}

/*input font*/
input { font-family: Microsoft YaHei,Arial; font-size: 14px;padding: 0;}

input[type="checkbox"] { margin: 0}

/* TextInput */
select, input,textarea {border:solid 1px #ccc;}
/*layout*/
.container { background-color: #f3f3f3;margin: 0;padding: 10px 10px 10px 10px;border: none;box-sizing: border-box;}
/*resolve conflict with bootstrap container*/
.container-conflict {background-color:white; padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
/* 12 columns grid*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 , .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
     float: left;
}
.col-1 { width:  8.33333333%;}
.col-2 { width: 16.66666667%;}
.col-3 { width: 25%;}
.col-4 { width: 33.33333333%;}
.col-5 { width: 41.66666667%;}
.col-6 { width: 50%;}
.col-7 { width: 58.33333333%;}
.col-8 { width: 66.66666667%;}
.col-9 { width: 75%;}
.col-10{ width: 83.33333333%;}
.col-11{ width: 91.66666667%;}
.col-12{ width: 100%;}
.col-offset-1 { margin-left: 8.33333333%;}
.col-offset-2 { margin-left: 16.66666667%;}
.col-offset-3 { margin-left: 25%; }
.col-offset-4 { margin-left: 33.33333333%;}
.col-offset-5 { margin-left: 41.66666667%;}
.col-offset-6 { margin-left: 50%;}
.col-offset-7 { margin-left: 58.33333333%;}
.col-offset-8 { margin-left: 66.66666667%;}
.col-offset-9 { margin-left: 75%;}
.col-offset-10 {margin-left: 83.33333333%;}
.col-offset-11 {margin-left: 91.66666667%;}
.col-offset-12 { margin-left: 100%;}
.pull-right { float: right;}
.pull-left  { float: left;}
/*margin */
.mt10 {margin-top: 10px;}

/* panel */
.panel2 {position: relative;background-color: white;overflow: auto;padding: 15px 15px 15px 15px;box-sizing: border-box;}
.panel-header {float: left;width: 100%;padding-top: 15px;padding-bottom: 15px;box-sizing: border-box;}
.panel-content {float: left;width: 100%;padding-left: 30px;box-sizing: border-box;}
/* panel field */
.panel-field,.panel-field-buttons {position: relative;height:30px;float:left;line-height: 26px;padding: 2px 2px 2px 2px;margin-top: 8px;margin-bottom: 8px;width: 180px;box-sizing: border-box;}
.panel-field > * { float: left;line-height: 22px;height: 22px;}
.panel-field input { height: 22px;}

/*panel-field columns width*/
.panel-field-col2 { width: 360px;}
.panel-field-col3 { width: 540px;}
.panel-field-col4 { width: 720px;}

/* panel-field control*/
.panel-field-label { text-align: right;}
.panel-field-title { text-align: left;font-weight: bold;}
.panel-field-text { text-align: left;text-overflow: ellipsis;overflow: hidden; white-space:nowrap}
.panel-field-buttons { width: auto;}
.panel-field-buttons button {margin: 0 5px 0 5px;}
/*panel row*/
.panel-row {float: left; width: 100%; margin-top: 8px;margin-bottom: 8px;box-sizing: border-box;}

/*panel title*/
.panel-title { font-weight: bold;margin-left:20px;}
.panel-title-medium { font-size: 16px;font-weight: bold;margin-left: 20px; }
.panel-title-large { 
    height: 22px;border-bottom: solid 1px #F3F3F3;
    padding-bottom: 10px;
}


/*highlight*/
.highlight-default { color: #1496e8;}
.highlight-warning { color: #ef5274;}

/* seperator*/
.seperator { height: 0px;margin-top: 15px;margin-bottom: 15px; border-bottom: solid 1px #ccc;}
.container-seperator-right { border-right: solid 10px #f3f3f3;} 
.container-seperator-bottom { border-bottom: solid 10px #f3f3f3;} 
/*control*/
input[type=submit],input[type=button] { background-color: #1ab495;font-family: Microsoft YaHei;color: #ffffff;font-size: 18px;Letter-spacing: 4px;
 border: 0;box-shadow:none;border-radius: 0px;}
/*link*/
a{ color: #1496e8;font-size: 14px;text-decoration: none;}
a:hover {text-decoration:none;}
a.actionLink {color: #1ab495;cursor: pointer; text-decoration: none}


/*label*/
label {text-align: right;display: inline-block;height: 100%;float: left;}


/*error*/
label.error { color: red;}
.panel-field label.error,.panel-field span.error{ position: absolute;top: 22px;left:33.33333333%;} 
.panel-field span.error  { top: 25px;} /*dwz面板菜单位置需调低点*/
input.error { border-color: red;}

/*text*/
.text-hidden {text-indent: 9999em;white-space: nowrap;overflow: hidden;float: left;}
.text-left { text-align: left;}
.language-text{ white-space: nowrap;overflow: hidden;color:#c1c1c1!important; }

/*container header*/
.container-header { background-color: white;}
.container-header-title { font-size: 17px;}
ul.container-header-menu li { float: left;display: inline-block;height: 22px;width: 25px;padding: 17px 5px 11px 5px;}
ul.container-header-menu li:hover { background-color: #e8f7f4;}
ul.container-header-menu li a {height: 100%;display: inherit;color: white; }
/*menu icon*/
.menu-icon-help { background:url(./menu/img/help.png) no-repeat;}
.menu-icon-home { background:url(./menu/img/home.png) no-repeat;}
.menu-icon-logout{background:url(./menu/img/logout.png) no-repeat;}
.menu-icon-setting{background:url(./menu/img/setting.png) no-repeat;}
.menu-icon-collapse-left{background:url(./menu/img/collapse-left.png) no-repeat}
.menu-icon-collapse-right{background:url(./menu/img/collapse-right.png) no-repeat}
/*side menu container*/
.side-menu-container * { background-color: #2f3032;color: white;}

/*shortcut*/
.shortcut-video-meeting {background: url(./shortcut/img/VideoMeeting-white.png) no-repeat;}
.shortcut-video-meeting:hover {background: url(./shortcut/img/VideoMeeting-green.png) no-repeat;}
.shortcut-consultation-applying { background: url(./shortcut/img/ConsultationApplying-white.png) no-repeat;}
.shortcut-consultation-applying:hover { background: url(./shortcut/img/ConsultationApplying-green.png) no-repeat;}
.shortcut-image-study {background: url(./shortcut/img/ImageStudy-white.png) no-repeat;}
.shortcut-image-study:hover {background: url(./shortcut/img/ImageStudy-green.png) no-repeat;}
.shortcut-offline {background: url(./shortcut/img/OffLine-white.png) no-repeat;}
.shortcut-offline:hover {background: url(./shortcut/img/OffLine-green.png) no-repeat;}
.shortcut-consultation-searching {background: url(./shortcut/img/ConsultationSearching-white.png) no-repeat;}
.shortcut-consultation-searching:hover {background: url(./shortcut/img/ConsultationSearching-green.png) no-repeat;}
.shortcut-image-study-searching {background: url(./shortcut/img/ImageStudySearching-white.png) no-repeat;}
.shortcut-image-study-searching:hover {background: url(./shortcut/img/ImageStudySearching-green.png) no-repeat;}
.shortcut-offline-searching {background: url(./shortcut/img/OffLineSearching-white.png) no-repeat;}
.shortcut-offline-searching:hover {background: url(./shortcut/img/OffLineSearching-green.png) no-repeat;}
.shortcut-training-searching { background: url(./shortcut/img/TrainingSearching-white.png) no-repeat;}
.shortcut-training-searching:hover { background: url(./shortcut/img/TrainingSearching-green.png) no-repeat;}
.shortcut-user-management { background: url(./shortcut/img/UserManagement-white.png) no-repeat;}
.shortcut-user-management:hover { background: url(./shortcut/img/UserManagement-green.png) no-repeat;}
.shortcut-user-creating { background: url(./shortcut/img/UserCreating-white.png) no-repeat;}
.shortcut-user-creating:hover { background: url(./shortcut/img/UserCreating-green.png) no-repeat;}
.shortcut-document-download { background: url(./shortcut/img/Document-download-white.png) no-repeat;}
.shortcut-document-download:hover { background: url(./shortcut/img/Document-download-green.png) no-repeat;}
/************************************dwz css style************************************************/
/*dwz collapse menu */
.toggleCollapse { display:block; overflow:hidden; height:50px; }
.toggleCollapse h2 { float:left; padding-left:40px; line-height:50px;}
.toggleCollapse div { float:right; display:block; overflow:hidden; width:25px; height:25px; text-indent:-100px; cursor:pointer;}


/*dwz Tree */
.tree .node { display: none;}
.tree .file { display: none;}
.tree li { clear:both; display:block; cursor:pointer;}
.tree div, .tree a, .tree span { display:inherit;}
.tree div { display:block; overflow:hidden;}
.tree div div { float:left; display:block; overflow:hidden; width:22px; height:22px; border:none; background-position:0 -100px;}
.tree a { padding: 0 0 0 45px;white-space: nowrap;text-overflow: ellipsis;}
.tree a, .tree a:hover { text-decoration:none;}
.tree .collapsable { background-position:0 -300px;}
.tree .first_collapsable { background-position:0 -250px;}
.tree .last_collapsable { background-position:0 -350px;}
.tree .expandable { background-position:0 -100px;}
.tree .first_expandable { background-position:0 -50px;}
.tree .last_expandable { background-position:0 -150px;}
.tree .end_expandable { background-position:0 0;}
.tree .end_collapsable { background-position:0 -200px;}
.tree .indent { background:none;}
.tree .line { background-position:0 -400px;}
.tree .folder_expandable { background-position:0 0;}
.tree .folder_collapsable { background-position:0 -50px;}
.tree .unchecked { background-position:0 0;}
.tree .hover .unchecked { background-position:0 -50px;}
.tree .checked { background-position:0 -100px;}
.tree .hover .checked { background-position:0 -150px;}
.tree .indeterminate { background-position:0 -200px;}
.tree .hover .indeterminate { background-position:0 -250px;}
.tree .collapsable,.tree .first_collapsable { background: url(./default/images/tree/minusSign.png) no-repeat;}
.tree .expandable ,.tree .first_expandable{ background: url(./default/images/tree/plus.png) no-repeat;}


/*dwz accordion*/
.accordion { display:block;}
.accordion .accordionHeader { display:block; cursor:pointer;overflow: hidden;}
.accordion .accordionHeader h2 { display: block;overflow: hidden;padding: 0 0 0 40px;}
.accordion .accordionHeader h2 span { display: none;}
.accordion .accordionHeader h2 {background-image: url(./menu/img/arrow-right.png);background-repeat: no-repeat;background-position: right center;margin-right: 15px; }

.accordion .accordionContent { display:block; overflow:auto; border-style:solid; border-width:0 0 1px 0;}
.accordion .accordionHeader,.accordion .accordionContent li { height: 40px;line-height: 40px}
.accordion .accordionContent li.folder { height:auto;}
.accordion .accordionHeader h2:hover ,.accordion .accordionContent li a:hover { color: #1edeb8;border-left: solid 3px #1edeb8;}

.accordion .tree .folder_collapsable ,.accordion .tree .folder_expandable{ display: none;background: none;}
    
.accordion .tree li.folder .first_collapsable,.accordion .tree li.folder .first_expandable,
.accordion .tree li.folder .end_collapsable,.accordion .tree li.folder .end_expandable,
.accordion .tree li.folder .last_collapsable,.accordion .tree li.folder .last_expandable,
.accordion .tree li.folder .collapsable,.accordion .tree li.folder .expandable
{position: relative;left: 25px;top: 8px;}
@media \0screen{
    .accordion .tree li.folder .first_collapsable,.accordion .tree li.folder .first_expandable,
    .accordion .tree li.folder .end_collapsable,.accordion .tree li.folder .end_expandable,
    .accordion .tree li.folder .last_collapsable,.accordion .tree li.folder .last_expandable,
    .accordion .tree li.folder .collapsable,.accordion .tree li.folder .expandable{ top: 0;}
}
.accordion .tree li.folder .line { display: none}
.accordion .tree li.folder li a{ padding-left: 56px;}
.accordion .tree li.folder li { height: 23px;line-height: 23px;}
    

/* Tabs */
.navTab-tab { height:30px;width: 100%;background: white;}
.navTab-tab li { float: left;display: block; width: 150px; height: 100%;line-height: 100%;}
.tabsPage .tabsPageHeader li { position: relative;background-color: #dddddd;margin-right: 2px;}
.tabsPage .tabsPageHeader li .close { background:url(./Default/images/tabs/tabspage_icon.png) no-repeat;
    position: absolute;right: 0px;top: 0px;width: 11px;height: 11px; display:block; overflow:hidden; text-indent:-1000px;}
.tabsPage .tabsPageHeader li .close:hover { background-position:0 -50px;}
.tabsPage .tabsPageHeader li a span {display: block;width: 100%;height: 100%;line-height: 30px;text-align: center;color: #666666;overflow: hidden}
.tabsPage .tabsPageHeader li a:hover { text-decoration: none;}
.tabsPage .tabsPageHeader li.selected a span {color: white;background-color: #1ab495}

/*dwz table*/
.grid { display:block; overflow:hidden; width:100%;  position:relative;}
.grid th, .grid td {border: solid 1px #eeeeee;}
.grid td div { overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;}
.grid .gridTbody tr:first-of-type td { border-top: none;}
.grid .resizeMarker, .grid .resizeProxy { background:url(./Default/images/grid/resizeCol.png) repeat-y;}
.grid .gridTbody .hover { cursor:pointer; }
.grid .gridTbody .clickWait {cursor: wait;}

.grid .gridHeader { display:block; overflow:hidden; width:auto;}
.grid .gridScroller { display:block; overflow:auto; position:relative;}

.grid table { border:0; border-collapse:collapse;table-layout:fixed;}
.grid .gridRow {  cursor:default;}
.grid .gridRow td.tdLast { padding:0 4px 0 5px; }
.grid .gridCol { width:100%; display:block; overflow:hidden; height:100%;line-height: inherit; white-space:nowrap;}
.grid .resizeMarker, .grid .resizeProxy { display:block; overflow:hidden; width:1px; position:absolute;}
.grid .left { text-align:left;}
.grid .right { text-align:right;}
.grid .center { text-align:center;}

.grid th,.grid td { border: solid 1px #eeeeee;height: 40px;line-height: 40px;}
.grid th,.grid td * { text-align: center;}
.grid th * {color:#333;font-weight: bold;}
.grid .operation >div { margin-left: 15px; }
.grid .operation *{ text-align: left;}
.grid .gridTbody td a.actionLink { display: block;float: left;height: 26px;text-align: center;line-height: 26px;padding: 1px 8px 1px 8px;border-radius: 4px;text-decoration: none;border: none;font-family: Microsoft YaHei;font-size: 14px;}
.grid .gridTbody td a.actionLink:hover {background-color: #1ab495;color: white;}
.grid .gridTbody td.text-left div { text-align: left;}
.grid tbody tr:nth-of-type(odd) { background: #f7f7f7 }
.grid td .limitHeight { max-height: 45px; overflow: auto;}
/* Dialog */
.dialog .dialogHeader h1, .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize, .resizable_f_r { background:url(./default/images/dialog/dialogpanel_icon.png) no-repeat;}
.dialog .dialogHeader { background: #2f3032;color:white;}

.dialog { display:block; text-align:left; position:absolute; z-index:42; background-color: white}
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c { display:block; overflow:hidden; height:28px;}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize { display:block; overflow:hidden; text-indent:-1000px; width:19px; height:19px;float: right;margin-top: 5px;}
.dialog .dialogHeader h1 { display:block; overflow:hidden; height:28px; padding:0 5px 0 20px; line-height:28px; background-position:0 -450px;}

.dialog .dialogHeader {  background-position:0 0; position:relative; cursor:move;}
.dialog .dialogHeader_r { padding-right:5px; background-position:100% -50px;}
.dialog .dialogHeader_c { padding:0; background-position:0 -100px; background-repeat:repeat-x;}

.dialog .dialogHeader .close { background-position:0 0; right:4px;}
.dialog .dialogHeader .close:hover { background-position:0 -50px;}
.dialog .dialogHeader .maximize { background-position:0 -100px; right:23px;}
.dialog .dialogHeader .maximize:hover { background-position:0 -150px;}
.dialog .dialogHeader .restore { display:none; background-position:0 -200px; right:23px;}
.dialog .dialogHeader .restore:hover { background-position:0 -250px;}
.dialog .dialogHeader .minimize { background-position:0 -300px; right:42px;}
.dialog .dialogHeader .minimize:hover { background-position:0 -350px;}
.dialog .dialogContent { display:block; overflow:hidden;padding: 0 5px 0 5px;}
.dialog .panelFooter_r, .dialog .dialogFooter_c { display:block; overflow:hidden; height:5px;}
.dialog .dialogFooter { padding-left:5px; background-position:0 -150px;}
.dialog .dialogFooter_r { padding-right:5px; background-position:100% -200px;}
.dialog .dialogFooter_c { padding:0; background-position:0 -250px; background-repeat:repeat-x;}

.dialogProxy { opacity:0.8; filter:alpha(opacity=80);}

.dialog .resizable_f_r { width:11px; height:11px; background-position:0 -400px;}
.dialog .formBar { border-top: solid 1px #ccc}

/* Dialog Resizable */
.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:100;}
.resizable_h_l, .resizable_h_r, .resizable_h_c,
.resizable_c_l, .resizable_c_r,
.resizable_f_l, .resizable_f_r, .resizable_f_c { display:block; overflow:hidden; width:6px; height:6px; position:absolute;}
.resizable_h_l { cursor:nw-resize; top:0; left:0; z-index:2;}
.resizable_h_r { cursor:ne-resize; top:0; right:0; z-index:2;}
.resizable_h_c { width:100%; cursor:n-resize; top:0; left:0; z-index:1;}
.resizable_c_l { cursor:w-resize; top:0; left:0; z-index:1;}
.resizable_c_r { cursor:e-resize; top:0; right:0; z-index:1;}
.resizable_f_l { cursor:sw-resize; bottom:0; left:0; z-index:2;}
.resizable_f_r { cursor:se-resize; bottom:0; right:0; z-index:2;}
.resizable_f_c { width:100%; cursor:s-resize; bottom:0; left:0; z-index:1;}



/* button */
.button-default , button , a.button { display:inline-block;height: 26px;color: white;background-color:#1ab495;text-align: center;line-height: 26px;padding: 1px 8px 1px 8px;border-radius: 4px;text-decoration: none;border: none;font-family: Microsoft YaHei;font-size: 14px;}
.button-default:hover, button:hover { text-decoration: none;cursor: hand;cursor: pointer}


/*dwz date picker*/
.dwz-date-picker * { float:left }

/*dwz combox*/
.combox { float:left; background-position:100% -25px;}
.combox select { display:none}
.combox .select { float:left;}
.combox .select a { float:left; display:block; overflow:hidden; height:23px; padding:0 22px 0 6px; line-height:21px; text-decoration:none; font-size:13px; background-position:100% -50px;}
.comboxop { position: absolute; z-index: 1001; display:none; padding:4px; border-style:solid; border-width:1px 2px 2px 1px; background:#fff; position:absolute; top:22px; left:1px;}
.comboxop a { width:50px; height:21px; padding:0 5px; line-height:21px; text-align:left; color:#000; background:none;}
.comboxop a:hover { background:#e0e0e0;}
.comboxop .selected { background:#e0e0e0; }
.comboxop li { text-align:left; }


/*panel bar*/
.panelBar { background-color: white;}
.panelBar { display:block; overflow:hidden; height:35px; }

.panelBar ul { padding:1px;}
.panelBar li { float:left; display:block; overflow:hidden;}
.panelBar li.hover { background-position:0 -100px;}
.panelBar li.hover a { background-position:100% -150px;}

.panelBar .toolBar li, .panelBar .toolBar li.hover { padding:0 0 0 5px; background-position:0 -100px;}
.panelBar .toolBar a, .panelBar .toolBar li.hover a { float:left; display:block; overflow:hidden; padding:0 5px 0 0; text-decoration:none; background-position:100% -150px;}
.panelBar .toolBar span, .panelBar .toolBar li.hover span { float:left; display:block; overflow:hidden; height:23px; padding:0 0 0 20px; line-height:23px; cursor:pointer;}

.panelBar .toolBar a.play span { background-position:0 -648px;}
.panelBar .toolBar a.add span { background-position:0 -696px;}
.panelBar .toolBar a.delete span { background-position:0 -746px;}
.panelBar .toolBar a.edit span { background-position:0 -796px;}
.panelBar .toolBar a.icon span { background-position:0 -846px;}

.panelBar .toolBar li.line { display:block; overflow:hidden; width:13px; padding:0; text-indent:-1000px; background-position:5px -200px;}

.panelBar .pages { float:left; overflow:hidden; padding:2px 5px;}
.panelBar .pages span { float:left; line-height:21px;}
.panelBar .pages select { float:left; margin:0 3px; font-size:13px;}
.pages-avalon-dwz span { margin-right: 5px;}
/*formBar*/
.formBar {margin: 10px 10px 0 10px; background-color: white;height: 45px;position: relative;}
.formBar ul { position: absolute;right: 20px;top:7px;}
.formBar ul li {float: left;margin-left:10px;}

/*pagination*/
.pagination li.jumpto .goto {
     background:url(./Default/images/grid/grid.png) no-repeat 0 -650px;
}


/*text align*/
.text-left {text-align: left;}
.text-left div {text-align: left;}
.text-right { text-align: right;}
.text-right div { text-align: right;}

/*xheditor patch: fix the border disapearing when scaling to large ratio,*/
 .xhe_nostyle td.xheIframeArea { padding: 0 3px 2px 3px;}
 .xheDialog input[type=button] { background-color: #1ab495  !important}

/* select2 custom*/
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-color: #1ab495;
    background-color: white;
    color: #1ab495;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color:#1ab495}


/* container with modal style*/
.container-modal {
    position: absolute; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 150px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}

.spinner-medium {
    background: url(images/spinner.gif) no-repeat;
}

/* bootbox dialog*/
.bootbox { overflow-y: hidden;}

/*legacy*/
.panel-field-combox {background:url(images/ddl.png) no-repeat right}
.more { color: #999999;text-decoration: none;font-weight: normal}
.more:hover{ color: #1496e8;}

.cmdBar .button { float: left;margin: 0 3px 0 3px;}
/*avalon css */
 .ms-controller {visibility: hidden;}

/*compatiable bootstrap css syntax*/
.hidden { display: none;}

/*pagination for avalon in dwz*/
.pagination-avalon-dwz { float:right; padding-left:7px; background-position:0 -199px;}
.pagination-avalon-dwz li, .pagination-avalon-dwz li.hover { padding:0 0 0 5px; background-position:0 -100px;}
.pagination-avalon-dwz a, .pagination-avalon-dwz li.hover a, .pagination-avalon-dwz li span { float:left; display:block; padding:0 5px 0 0; text-decoration:none; line-height:23px; background-position:100% -150px;}
.pagination-avalon-dwz li.selected a{color:red; font-weight:bold;}
.pagination-avalon-dwz span, .pagination-avalon-dwz li.hover span { float:left; display:block; height:23px; line-height:23px; cursor:pointer;}

.pagination-avalon-dwz li .first span, .panelBar li .previous span { padding:0 0 0 10px;}
.pagination-avalon-dwz li .next span, .panelBar li .last span { padding:0 10px 0 0;}
.pagination-avalon-dwz li .first span { background-position:0 -244px;}
.pagination-avalon-dwz li .previous span { background-position:0 -294px;}
.pagination-avalon-dwz li .next span { background-position:100% -344px;}
.pagination-avalon-dwz li .last span { background-position:100% -394px;}
.pagination-avalon-dwz li .last { margin-right:5px;}

.pagination-avalon-dwz li.disabled { background:none;}
.pagination-avalon-dwz li.disabled span, .grid .pagination-avalon-dwz li.disabled a { background-position:0 100px; cursor:default;}
.pagination-avalon-dwz li.disabled span span { color:#666;}
.pagination-avalon-dwz li.disabled .first span { background-position:0 -444px;}
.pagination-avalon-dwz li.disabled .previous span { background-position:0 -494px;}
.pagination-avalon-dwz li.disabled .next span { background-position:100% -544px;}
.pagination-avalon-dwz li.disabled .last span { background-position:100% -594px;}
.pagination-avalon-dwz li.disabled .last { margin-right:5px;}

.pagination-avalon-dwz li.jumpto { padding:2px 2px 0 7px; background-position:0 -200px;}
.pagination-avalon-dwz li.jumpto .textInput { float:left; width:30px; padding:1px; border-color:#acaeaf;}
.pagination-avalon-dwz li.jumpto .goto { float:left; display:block; overflow:hidden; width:16px; height:19px; border:0; text-indent:-1000px; background-position:0 -650px; cursor:pointer;}
.pagination-avalon-dwz li.jumpto .goto {
     background:url(./Default/images/grid/grid.png) no-repeat 0 -650px;
}
/*close to dwz combox style using avalon in dwz*/
.combox-avalon-dwz { height: 24px;}
/*progress*/
.progress-dwz {background: url(./default/images/progressBar/progressBar_s.gif) no-repeat 4px 4px;}

/*解决IE水印覆盖链接问题*/
.watermark li, .watermark a { position: relative; z-index: 1; }
.watermark li a { position: static; }