/** 
约定
普通布局相关css类可不用前缀
与组件有关的css类前面要加z-前缀
用于为js查找元素而附加的css类前面要加js-前缀
**/
@import 'common.css';/**基础样式**/

@import '../icons/spirites.css';/**图标合并需要使用的样式**/

.dye{ color:#369; font-style:normal;}
/*通用布局*/
body { background:#f9f9f9; }
#loginBtn {
	background: url(../platform/images/loginbtn.gif) no-repeat 0 0;
	width: 100px;
	height: 34px;
	color: #ffffff;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	word-spacing: 1px;
	letter-spacing: 6px;
}
.loginPageBody{ background:url(arkclassic/loginbodybg.gif) repeat-x left center #d6dedf;}
.loginWrapbg{ background:url(arkclassic/loginimgbg.jpg) no-repeat center center; height:100%;}
.loginCt{width: 442px; height: 440px; margin: 0 auto; margin-top: -260px;}
.inputWrap {background: url(../platform/images/loginInputWrapbg.gif) no-repeat left top;}
.loginBar { 
	width: 345px;
	padding-top: 60px;
	padding-left: 50px;
	font-size:14px;
}
.loginBar input[type="text"],.loginBar input[type="password"] {
	background: transparent none;
	border-width: 0;
}
.loginBar input[type="text"]:hover,.loginBar input[type="password"]:hover {
	background: transparent none;
	border-width: 0;
}
#loginBar #Language_textField,#loginBar #skin_textField {
	background: transparent none;
	color: #369;
	border-width: 0px;
}
.fieldWrap {
	text-align: left;
	width: 300px;
	height: 30px;
	padding-top: 10px;
	overflow: hidden;
	box-sizing: content-box;
}
.inputText{
	box-sizing: content-box;
}	

.copyright {
	padding-top: 10px;
	text-align: center;
}
.z-body-dialog { background-color: #f9f9f9; }
.z-body-index { }
.z-body-list { background:#f9f9f9 url(arkclassic/col_shadow2.gif) repeat-y left; }
.z-body-detail { background:#eeeeee url(arkclassic/col_shadow3.gif) repeat-y left; }
.js_layoutTable{ table-layout:fixed;}
.js_layoutTable tr{ vertical-align:top;}
.js_layoutTable{font-size: 12px;}
/* bootstrap中有 td, th {padding: 0;} 导致cellpadding无效 */
table[cellpadding="2"] th,table[cellpadding="2"] td{padding:2px}
table[cellpadding="3"] th,table[cellpadding="3"] td{padding:2px 3px}
table[cellpadding="4"] th,table[cellpadding="4"] td{padding:2px 4px}
.js_layoutTable label,.z-body-list label,.z-body-detail label{font-weight:400;}
.js_layoutTable ul,.z-body-list ul,.z-body-detail ul{list-style:none;}
/*主页面布局*/
.mainArea {
	background:#DBE8F4;
	padding-top:4px;
}
.deepBg {
	background:#dae4ed url(arkclassic/arkBlue.png) repeat-x right top;
	color:#cfdee5;
}
.deepBg #Site_outer { top:-1.6px; top:-3px\9;}
.deepBg #Site_outer .inputText{background: transparent none; color:#F2E8B6; border:0;}
.deepBg #Site_outer .z-combox-spinner {
	background:transparent; border:none;
}
.deepBg #Site_outer .z-combox-spinner b{
	border-top-color:#ddd;
}
#logo {
	margin-left:5px;
}
.logo_zh-cn{
	background:url(../product/images/logo_zh-cn.png);
}
.logo_en{
	background:url(../product/images/logo_en.png);
}
.loginInfo {
	position:absolute;
	right:10px;
	top:5px;
	text-align:right;
	width:50%;
}
.loginInfo b { color:#fff; }
.loginInfo_welcom { _margin-right:36px; }
.loginInfo_face {
	float:right;
	_margin-top:-1.4em;
	margin-left:5px;
	border:1px solid #fff;
}
.icon_msg { background:url(arkclassic/icons.gif) no-repeat -40px 0; }
.icon_logout { background:url(arkclassic/icons.gif) no-repeat -20px 0; }


.leftColumnWrap { background:#f2f5fa url(arkclassic/col_border1.gif) repeat-y right; }
.centerColumnWrap { background:url(arkclassic/col_border2.gif) repeat-y right; }
.z-overflowPanel {
    background-color:#f7f7f7;
    border:1px solid #e0e0e0;
    border-radius:2px;
    overflow:auto;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    *margin:-1px 0;
    height:100%;
}
.z-contentBorder {
    background-color:#f7f7f7;
    border:1px solid #e0e0e0;
    border-radius:2px;
    position:relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    *margin:-1px 0;
	min-height:100%;
	_zoom:1;
}

.z-body-list .z-overflowPanel{
	background-color:#fcfcfc;
}
/*主菜单*/
.navigation{ margin-top:30px;}
.navigation a {
	float: left;
	_display: inline;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
	height: 28px;
	padding: 0 0 0 22px;
	font-size: 13px;
	/*font-family: SimSun;*/
	color: #DDFFFF;
	margin-right:-20px;
}
.navigation a:first-child{
}
.navigation a b {
	font-weight: normal;
	display:inline-block;
*zoom: 1;
*display: inline;
	height: 28px;
	white-space: nowrap;
	padding: 7px 22px 0 0;
	position:relative;
	z-index:1;
}
.navigation a:hover {
	text-decoration:none;
	background:url(arkclassic/buttons.png) no-repeat 0 0;
	_background-image:url(arkclassic/buttons.gif);
	position:relative;
	z-index:2;
}
.navigation a:hover b {
	color: #0066AA;
	background: url(arkclassic/buttons.png) no-repeat right 0;
	_background-image:url(arkclassic/buttons.gif);
}
.navigation a.current {
	text-decoration:none;
	background:url(arkclassic/buttons.png) no-repeat 0 -40px;
	_background-image:url(arkclassic/buttons.gif);
	position:relative;
	z-index:3;
}
.navigation a.current b {
	color: #004080;
	background: url(arkclassic/buttons.png) no-repeat right -40px;
	_background-image:url(arkclassic/buttons.gif);
}
.navigation a.current b { font-weight:bold; }
/**侧边菜单**/
.leftCol_toolbar { background:url(arkclassic/leftCol_toolbar_bg.gif) no-repeat right -1px; }
.sideNavigation {
	padding:0;
	margin:0 2px 0 0;
	overflow:hidden;
}
.sideNavigation li { background:url(arkclassic/bar.gif) repeat-x 0 -240px; }
.sideNavigation a {
	font-size: 13px;
	/*font-family: SimSun;*/
	color: #3d4e66;
}
.sideNavigation a, .sideNavigation a b {
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	cursor:pointer;
	height: 30px;
	line-height:29px;
	display:block;
	white-space: nowrap;
}
.sideNavigation a img {
	_display: inline;
	margin: 6px 4px 0 0;
	float: left;
}
.sideNavigation li ul a img { margin: 4px 4px 0 0; }
.sideNavigation .icon {/* background:url(arkclassic/icons.gif) no-repeat 0 -20px; */}
.sideNavigation ul .icon {/* background:url(arkclassic/icons.gif) no-repeat -20px -20px; */}
.sideNavigation li b {
	font-weight: normal;
	padding-left:16px;
}
.sideNavigation li ul a, .sideNavigation li ul a b {
	height: 26px;
	line-height:26px;
}
.sideNavigation li ul li b { padding-left:42px; }
.sideNavigation .hasChild b { background:url(arkclassic/sprites_vertical.gif) no-repeat 0 0; }
.sideNavigation .hasChild ul b { background:none; }
.sideNavigation .hasChild ul { display:none; }
.sideNavigation .hasChild_expand { background:url(arkclassic/bar.gif) repeat-x 0 -280px; }
.sideNavigation .hasChild_expand li { background:#e4e9ed none; }
.sideNavigation .hasChild_expand b { background:url(arkclassic/sprites_vertical.gif) no-repeat 0 -30px; }
.sideNavigation .hasChild_expand ul { display:block; }
.sideNavigation a:hover, .sideNavigation a.current { }
.sideNavigation a:hover {
	color: #fff;
	text-decoration:none;
	background:url(arkclassic/bar.gif) repeat-x 0 -400px;
}
.sideNavigation a.current {
	color: #fff;
	text-decoration:none;
	background:url(arkclassic/bar.gif) repeat-x 0 -320px;
}
.sideNavigation li ul a.current {
	color: #fff;
	text-decoration:none;
	background:url(arkclassic/bar.gif) repeat-x 0 -360px;
}
.sideNavigation a:hover b, .sideNavigation a.current b { }
.sideNavigation a.current b { font-weight: normal; }
.roundCornerTip, .roundCornerTip span {
	display:inline-block;
*zoom: 1;
*display: inline;
	height:18px;
	line-height:18px;
	font-size:11px;
	font-family: MingLiU;
}
.roundCornerTip {
	background:url(arkclassic/sprites_alpha.png) no-repeat right 0;
	_background:none;
	padding-right:5px;
	margin-left:0px;
	color:#abc;
}
.roundCornerTip span {
	background:url(arkclassic/sprites_alpha.png) no-repeat 0 0;
	_background:none;
	padding-left:5px;
	line-height:17px;
}
.sideNavigation .roundCornerTip { color:#678; }
.sideNavigation .current .roundCornerTip { color:#fff; }
/*下面主要定义各控件样式*/
/* simulate select css class */
/**有背景图的select**/
.z-combox {font-size: 0px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color:transparent; border:none 0;height:21px;line-height:19px;}
.z-combox input { color:#468; }
.z-combox-editable input { color:#159; }
.z-combox-disabled input { color:#aaa; }
.z-combox .inputText{ font-size:12px; background-image:url(../framework/images/zSelectBg_left.gif); padding-bottom:0; padding-top:0px;border:1px solid #9fb8c0;  border-color:#acc2ca #9fb8c0 #9bb5be;line-height:19px;width:122px; *width:119px;
	height:24px;
	*height:21px;
box-sizing: border-box;

}
.z-combox-editable .inputText { background-image:url(../framework/images/zSelectBg_left_editab.gif);}
.z-combox-disabled .inputText { background-image:url(../framework/images/zSelectBg_left_disab.gif); }
.z-combox .z-combox-spinner {
	left:-17px; margin-right:-15px;
	width:13px; height:15px; 
	border: 1px solid #ccddee;
}
.noBackground {
	background:transparent none;
	border:0 none;
}
.optgroup{
	font-size:12px;
	padding: 1px;
	overflow: auto;
	overflow-x: hidden;
	max-height: 280px;
	color: #336699;
	width: auto;
}
.optgroup a {
	cursor: default;
	display: block;
	text-align:left;
	color: #336699;
	white-space: nowrap;
	padding: 1px 3px 2px 6px;
	_padding: 0 3px 0 6px;
	height: 18px;
	min-width: 2em;
	text-decoration: none;
}
.optgroup a:hover, .optgroup a.selected {
	text-decoration: none; background-color: #FAE9A5; 
}

.optgroup a.selected {
	color: #CCFFFF;background: url(../framework/images/optionbg_over.gif) #4499EE repeat-x 0; 
}
input.filterInput[type="text"]{
	background: url(../framework/images/icon_search_18px.png) #f5f5f5 no-repeat right center;
}
/* tree */
.treeContainer {
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	overflow: auto;
	width:100%;
	height:99.3%;
	/*  _position:relative; */
}
.z-tree {
	width:100%;
	/*height:100%;*/
	padding:0;
	/*overflow: auto;*/
	/*width:170px;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.z-tree>table{width:100%;}
* html .z-tree table{width:100%;}
/*对select控件下拉列表中的tree控件进行修正*/
.z-body-dialog .treeContainer {
	width:100%;
	height:100%;
	overflow:auto;
}
.z-body-dialog .z-tree {
	width:100%;
	height:100%;
	overflow:auto;
}
.z-tree * {
	vertical-align: middle;
	white-space: nowrap;
}
.z-tree table { min-width:99.4%; }
.z-tree dl { margin: 0; font-size:12px;}

.z-tree a, .z-tree dt, .z-tree dt.over, .z-tree dt.selected {
	color: #445566;
	background: transparent;
	display: block;
	margin:0;
	text-decoration: none;
}
.z-tree>table:first-child{
	margin: 5px 0;
}
.z-tree dt>img:first-child{
	margin-left: 3px;
}
.z-tree dt{
	cursor:default;
	font-weight: 400;
}
.branch-notlast-collapse,.branch-notlast-expand{ cursor:pointer;}
.z-tree dt:hover {
	color: #222;
	background:url(arkclassic/bar.gif) repeat-x 0 -440px;
}
.z-tree dt.selected {
	color: #fff;
	background:url(arkclassic/bar.gif) repeat-x 0 -470px;
}
.tree-skeleton-icon {width:24px; height:22px; background:url(../framework/images/sprites_tree.gif) no-repeat 0 0; }
.branch-notlast-collapse { background-position:0 -25px; }
.branch-notlast-expand { background-position:0 -50px; }
.branch-last-collapse { background-position:0 -100px; }
.branch-last-expand { background-position:0 -125px; }
.line-vertical { background-position:0 -75px; }
.line-null { }
.leaf-notlast { background-position:0 -150px; }
.leaf-last { background-position:0 -175px; }
.z-tree .folder { background-position:0 -200px; }
.z-tree .site { background-position:0 -225px; }

.z-tree .tree-checkbox { background-position:0 -200px; }

.checked-state-0 .tree-checkbox {
	background-position: 0 -200px
}

.checked-state-1 .tree-checkbox {
	background-position: -50px -200px
}

.checked-state-2 .tree-checkbox {
	background-position: -25px -200px
}
.checked-state-disabled .tree-checkbox,

.checked-state-0-disabled .tree-checkbox {
	background-position: -0px -225px
}
.checked-state-1-disabled .tree-checkbox {
	background-position: -50px -225px
}
.checked-state-2-disabled .tree-checkbox {
	background-position: -25px -225px
}


dt.selected .branch-notlast-collapse { background-position:-25px -25px; }
dt.selected .branch-notlast-expand { background-position:-25px -50px; }
dt.selected .branch-last-collapse { background-position:-25px -100px; }
dt.selected .branch-last-expand { background-position:-25px -125px; }
dt.selected .line-vertical { background-position:-25px -75px; }
dt.selected .line-null { }
dt.selected .leaf-notlast { background-position:-25px -150px; }
dt.selected .leaf-last { background-position:-25px -175px; }
dt.selected .folder { background-position:0 -200px; }
.dg_body .z_loading,
.dg-body .z_loading,
.z-tree .z_loading{
	height:24px;
	width: auto;
	text-align:left;
	text-indent:-999em;
	overflow:hidden;
	background:url(../framework/images/fountain.gif) no-repeat center;
	position: relative;
}
.dg_body .z_loading,
.dg-body .z_loading{ background-position:15% center; height:16px;}
/* 无背景图蓝色渐变按钮 */
.gradient_btn {
	padding: 5px 8px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	line-height: 1;
*padding:4px 10px;
*height:2em;
	min-width:60px;
	width:auto;
	height:auto;
	overflow:visible;
*width:1;
	border-radius: 4px;
	
	color: #FFF;
	border: solid 1px #1c6a9e;
	background: #2288cc;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca5e0', endColorstr='#2288cc');
	background: linear-gradient(top, #2ca5e0, #2288cc);
	background: -moz-linear-gradient(top, #2ca5e0, #2288cc);
	background: -ms-linear-gradient(top, #2ca5e0, #2288cc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2ca5e0), to(#2288cc));
	text-shadow: -1px -1px 1px #1c6a9e;
	
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09);
-moz-transition:-moz-box-shadow linear .2s;
-webkit-transition: -webkit-box-shadow linear .2s;
transition: box-shadow linear .2s;
}
.gradient_btn:hover {
	color:#FFF;
	border-color:#0F3A56;
}
.gradient_btn:active {
	border-color:#1c6a9e;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc');
	background: linear-gradient(top, #33bbee, #2288cc);
	background: -moz-linear-gradient(top, #33bbee, #2288cc);
	background: -ms-linear-gradient(top, #33bbee, #2288cc);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc));
}
/* 工具条、按钮、标签页 */

.z-btn, .z-btn b , .z-btn i{
	font-size:12px;
	font-weight: normal;
	height: 25px;
	line-height: 24px;
	line-height: 27px\9;
	cursor:pointer;
	color: #005588;
	display:inline-block;
	*zoom: 1;
	*display: inline;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	text-decoration: none;
}
.z-btn {
	padding-left:2px;
	text-decoration: none;
	background: url(arkclassic/buttons.png) no-repeat left -500px;
	_background-image:url(arkclassic/buttons.gif);
	border-radius: 3px;
}
.z-btn b {
	white-space: nowrap;
	padding: 0 5px 0 3px;
	background: url(arkclassic/buttons.png) no-repeat right -700px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-btn i{
	vertical-align:middle;
	_margin-top:-1px;/*for IE6*/
}
.z-btn img {
	margin: 1px;
}
.z-btn:hover { text-decoration: none;
	background: url(arkclassic/buttons.png) no-repeat left -565px;
	_background-image:url(arkclassic/buttons.gif);
	
}
.z-btn:hover b {
	color: #886600;
	background: url(arkclassic/buttons.png) no-repeat right -765px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-btn-disabled, .z-btn-disabled:hover, 
.z-btn-disabled b, .z-btn-disabled:hover b,
.z-btn.z-disabled:hover
 {
	cursor: not-allowed;
	color: #999;
	background: url(arkclassic/buttons.png) no-repeat left -660px;
	 _background-image:url(arkclassic/buttons.gif);
 }
.z-btn-disabled b, .z-btn-disabled:hover b,
.z-btn.z-disabled:hover b
{
	background: url(arkclassic/buttons.png) no-repeat right -760px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-btn-disabled img, .z-btn-disabled:hover img {
	opacity: 0.5;
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/* Firefox 3.5+ */
	filter: gray Alpha(Opacity = 50);/* IE5+ */
    -webkit-filter: grayscale(1);
}
.z-disabled b{
	color: #999;
}
.z-disabled img{
	opacity: 0.5;
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/* Firefox 3.5+ */
	-ms-filter: gray Alpha(Opacity = 50);/* IE5+ */
    -webkit-filter: grayscale(1);
}
.grayscale{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0.333 0.333 0.333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");/* Firefox 3.5+ */
	-ms-filter: gray;/* IE5+ */
    -webkit-filter: grayscale(1);
}
.z-btn-split b{ padding-right:0;}
.z-btn-split i{background:url(../framework/images/arrow_inCell.gif) no-repeat 0 1px; width:17px;}
.z-btn-split:hover i{
	background-image:url(../framework/images/arrow_splitbutton_hover.gif);
}
a.z-btn-flat,a.z-btn-checkable { 
	background:url(arkclassic/buttons.png) no-repeat left 99px;
	_background-image:url(arkclassic/buttons.gif);
}
a.z-btn-flat b,a.z-btn-checkable b { 
	background:url(arkclassic/buttons.png) no-repeat right 99px;
	_background-image:url(arkclassic/buttons.gif);
}

a.z-btn-flat:hover { 
	background:url(arkclassic/buttons.png) no-repeat left -565px;
	_background-image:url(arkclassic/buttons.gif);
}
a.z-btn-flat:hover b { 
	background:url(arkclassic/buttons.png) no-repeat right -765px;
	_background-image:url(arkclassic/buttons.gif);

}

a.z-btn-checked:hover ,a.z-btn-checkable:hover{ 
	background:url(arkclassic/buttons.png) no-repeat left -593px;
	_background-image:url(arkclassic/buttons.gif);
}
a.z-btn-checked:hover b ,a.z-btn-checkable:hover b{ 
	background:url(arkclassic/buttons.png) no-repeat right -793px;
	_background-image:url(arkclassic/buttons.gif);
}
a.z-btn-checkable:active,
a.z-btn-checked { 
	background:url(arkclassic/buttons.png) no-repeat left -623px; 
	_background-image:url(arkclassic/buttons.gif);
}
a.z-btn-checkable:active b,
a.z-btn-checked b { 
	background:url(arkclassic/buttons.png) no-repeat right -823px;
	_background-image:url(arkclassic/buttons.gif);
}

a.z-btn-disabled, a.z-btn-disabled:hover, a.z-btn-disabled b, a.z-btn-disabled:hover b { 
	background:url(arkclassic/buttons.png) no-repeat 100px 100px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-btn:active { 
	background:url(arkclassic/buttons.png) no-repeat left -623px; 
	_background-image:url(arkclassic/buttons.gif);
}
.z-btn:active b{ 
	background:url(arkclassic/buttons.png) no-repeat right -823px;
	_background-image:url(arkclassic/buttons.gif);
}

.z-toolbar-anchor{ height:37px;}
.z-toolbar {
	background:url(arkclassic/bar.gif) no-repeat 0 -40px;
	padding-left:6px;
}
.z-toolbar .z-btn { margin:0px 0 0;}
.z-toolbar-ct {
	background:url(arkclassic/bar.gif) no-repeat right -80px;
	padding-right:6px;
}
.z-toolbar-fixed .z-toolbar{
	z-index:9;margin-right:10px\0;
}
.z-toolbar-overflow {
	background:url(arkclassic/bar.gif) repeat-x 0 0;
	height:37px;
	overflow:hidden;
	font-size:0px;
}
.z-toolbar-nowrap {
	white-space: nowrap;
	_width:100%;
	overflow:hidden;
	font-size:0px;
	height:31px;
	line-height: 24px;
	margin:5px 0 0 0;
}
.z-toolbar-nowrap *{
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
}

a.z-toolbar-more { background: url(arkclassic/sprites_vertical.gif) no-repeat 0 -60px; padding-left:6px;}
a.z-toolbar-more:hover { background: url(arkclassic/sprites_vertical.gif) no-repeat 0 -90px;}
a.z-toolbar-more b, a.z-toolbar-more:hover b{
	width: 11px;
	*width: 2px;
	background: url(arkclassic/sprites_vertical.gif) no-repeat 0 60px;
}

a.z-scroller-left{
	background: url(arkclassic/sprites_vertical.gif) no-repeat 0 -210px; padding-left:6px;	
}
a.z-scroller-right{
	background: url(arkclassic/sprites_vertical.gif) no-repeat 0 -120px; padding-left:6px;	
}
a.z-scroller-left:hover{
	background: url(arkclassic/sprites_vertical.gif) no-repeat 0 -240px;
}
a.z-scroller-right:hover{
	background: url(arkclassic/sprites_vertical.gif) no-repeat 0 -150px;
}
a.z-scroller-left b,a.z-scroller-right b,
a.z-scroller-left:hover b,a.z-scroller-right:hover b
{
	width: 2px;
	background: url(arkclassic/sprites_vertical.gif) no-repeat 0 120px;
}

.z-toolbar-ar .z-toolbar-nowrap { text-align:right; }
.z-body-detail .z-toolbar {
	background:url(arkclassic/bar.gif) no-repeat 0 -160px;
	padding-left:6px;
}
.z-body-detail .z-toolbar-ct {
	background:url(arkclassic/bar.gif) no-repeat right -120px;
	padding-right:6px;
}
.z-body-detail .z-toolbar-overflow { 
	background:url(arkclassic/bar.gif) repeat-x 0 -120px; 
}
.z-toolbar-flat .z-toolbar{
	background:url(arkclassic/bar.gif) no-repeat 0 -540px;
}
.z-body-detail .z-toolbar-flat .z-toolbar{
	background:url(arkclassic/bar.gif) no-repeat 0 -540px;
	padding-left:10px;
}
.z-body-index .z-toolbar {
	background:url(arkclassic/bar.gif) no-repeat 0 -620px;
	padding-left:6px;
}
.z-body-index .z-toolbar-ct {
	background:url(arkclassic/bar.gif) no-repeat right -700px;
	padding-right:6px;
}
.z-body-index .z-toolbar-overflow { background:url(arkclassic/bar.gif) repeat-x 0 -620px; }
.z-toolbar-flat .z-toolbar-ct {
	background:url(arkclassic/bar.gif) no-repeat right -500px;
	padding-right:6px;
}
.z-toolbar-flat .z-toolbar-overflow { background:url(arkclassic/bar.gif) repeat-x 0 -500px; }
.z-toolbar-flat .z-toolbar-nowrap { margin-top:6px; }

.tabpageBar {
	background: url(../platform/images/tabpageBar_bg.gif) repeat-x left bottom;
	padding-left: 30px;
}
.tabpageBar .divtab, .tabpageBar .divtabHover, .tabpageBar .divtabCurrent {
	position: relative;
	z-index: 33;
	text-decoration: none;
	height: 30px;
	margin: 1px 0 0 -10px;
	cursor: pointer;
	display: block;
	float: left;
	background: url(../platform/images/tabOutBg_left.gif) no-repeat left top;
}
.tabpageBar .divtab img, .tabpageBar .divtabHover img, .tabpageBar .divtabCurrent img, .tabpageBar .divtabdisabled img {
	width: 20px;
	height: 20px;
	margin: 7px 5px 2px 8px;
	display: inline;
	float: left;
}
.tabpageBar .divtab b, .tabpageBar .divtabHover b, .tabpageBar .divtabCurrent b, .tabpageBar .divtabdisabled b {
	white-space: nowrap;
	font-weight: normal;
	height: 30px;
	line-height: 24px;
	/*line-height: 22px;*/
	padding: 6px 25px 0 0;
	/*padding: 8px 25px 0 0;*/
	display: block;
	float: left;
}
.tabpageBar .divtab span {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.tabpageBar .divtab img {
	opacity: 0.7;
	filter: Alpha(Opacity = 70);
}
.tabpageBar .divtab b {
	color: #666;
	background: url(../platform/images/tabOutBg_right.gif) no-repeat right  top;
}
.tabpageBar .divtabCurrent { background: url(../platform/images/tabActiveBg_left.gif) no-repeat left  top; }
.tabpageBar .divtabHover b, .tabpageBar .divtabCurrent b {
	color: #147;
	background: url(../platform/images/tabActiveBg_right.gif) no-repeat  right top;
}
.tabpageBar .divtabHover { background: url(../platform/images/tabOverBg_left.gif) no-repeat left  top; }
.tabpageBar .divtabHover b { background: url(../platform/images/tabOverBg_right.gif) no-repeat right  top; }
.tabpageBar .divtabCurrent b { color: #000000; }
.tabpageBar .divtabdisabled {
	position: relative;
	text-decoration: none;
	height: 30px;
	margin: 3px 0 0 -10px;
	cursor: not-allowed;
	background: url(../platform/images/tabDsb_bg_left.gif) no-repeat left  top;
	display: block;
	float: left;
}
.tabpageBar .divtabdisabled img {
	opacity: 0.3;
	filter: gray Alpha(Opacity = 50);
}
.tabpageBar .divtabdisabled b {
	color: #999;
	background: url(../platform/images/tabDsb_bg_right.gif) no-repeat right  top;
}
.verticalTabpageBar {
	background: url(../platform/images/v_tabpageBar_bg.gif) repeat-y right  top;
	padding-top: 20px;
}
.verticalTabpageBar * { vertical-align: middle; }
.verticalTabpageBar .divtab, .verticalTabpageBar .divtabHover, .verticalTabpageBar .divtabCurrent {
	text-align: left;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	background: url(../platform/images/v_tabOutBg.gif) no-repeat right  center;
	display: block;
	height: 32px;
	width: 110px;
}
.verticalTabpageBar .divtab img, .verticalTabpageBar .divtabHover img, .verticalTabpageBar .divtabCurrent img, .verticalTabpageBar .divtabdisabled img {
	width: 20px;
	height: 20px;
	margin: 5px 4px 2px 9px;
	float: left;
}
.verticalTabpageBar .divtabCurrent img { margin: 9px 4px 2px 9px; }
.verticalTabpageBar .divtab b, .verticalTabpageBar .divtabHover b, .verticalTabpageBar .divtabCurrent b, .verticalTabpageBar .divtabdisabled b {
	font-family: Tahoma, SimSun;
	white-space: nowrap;
	font-weight: normal;
	line-height: 26px;
	padding: 2px 4px 0 0;
	/*padding: 2px 4px 0 0;*/
	float: left;
	display: block;
	width: 72px;
	/*width:77px;*/
	overflow: hidden;
}
.verticalTabpageBar .divtabCurrent b {
	padding: 6px 4px 0 0;
	/*padding: 6px 4px 0 0;*/
	overflow: visible;
	position: static !important;
	/*	position: absolute;
	z-index:333;
*/
}
.verticalTabpageBar .divtab img {
	opacity: 0.8;
	filter: Alpha(Opacity = 80);
}
.verticalTabpageBar .divtab b { color: #555; }
.verticalTabpageBar .divtabCurrent {
	height: 40px;
	background: url(../platform/images/v_tabActiveBg.gif) no-repeat right  center;
}
.verticalTabpageBar .divtabHover b { color: #147; }
.verticalTabpageBar .divtabHover {
	height: 32px;
	background: url(../platform/images/v_tabOverBg.gif) no-repeat right  center;
}
.verticalTabpageBar .divtabCurrent b { color: #000000; }
.verticalTabpageBar .divtabdisabled {
	text-decoration: none;
	height: 32px;
	margin: 0;
	cursor: not-allowed;
	background: url(../platform/images/tabDsb_bg_left.gif) no-repeat left  top;
	display: block;
	float: left;
}
.verticalTabpageBar .divtabdisabled img {
	opacity: 0.5;
	filter: gray Alpha(Opacity = 50);
}
.verticalTabpageBar .divtabdisabled b {
	color: #999;
	background: url(../platform/images/tabDsb_bg_right.gif) no-repeat right  top;
}
/**标签页**/
.z-tabpanel {
	background:url(arkclassic/bar.gif) no-repeat 0 -160px;
	padding-left:6px;
}
.z-tabpanel-ct {
	background:url(arkclassic/bar.gif) no-repeat right -200px;
	padding-right:6px;
}
.z-tabpanel-overflow {
	background:url(arkclassic/bar.gif) repeat-x 0 -120px;
	height:37px;
	overflow:hidden;
	font-size:1px;
}
.z-tabpanel-nowrap {
	white-space: nowrap;
	_width:100%;
	overflow:hidden;
	position: relative;
	font-size: 0;
}
.z-tabpanel-more { float:right; }
.z-tab, .z-tab b {
	font-size:12px;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	line-height: 28px\9;
	cursor:pointer;
	color: #61663d;
	display:inline-block;
	*zoom: 1;
	*display: inline;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
.z-tab {
	vertical-align: top;
	position: relative;
	text-decoration: none;
	margin: 9px 1px 0 2px;
	background:url(arkclassic/buttons.png) no-repeat 0 -140px;
	_background-image:url(arkclassic/buttons.gif);
	padding:0 0 0 18px;
}
.z-tab img {
	margin: 4px 5px 0px -3px;
	float: left;
	_display: inline;
	opacity: 0.7;
	filter: Alpha(Opacity = 70);
}
.z-tab b {
	padding: 0px 18px 0 0;
	background:url(arkclassic/buttons.png) no-repeat right -140px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-tab:hover {
	text-decoration: none;
	background:url(arkclassic/buttons.png) no-repeat 0 -100px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-tab:hover b {
	color: #fff;
	background:url(arkclassic/buttons.png) no-repeat right -100px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-tab-current, .z-tab-current:hover {
	position:relative;
	height:27px;
	_height:26px;
	margin-bottom:-1px;
	background:url(arkclassic/buttons.png) no-repeat 0 -180px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-tab-current b, .z-tab-current:hover b {
	height:27px;
	_height:26px;
	color: #fff;
	background:url(arkclassic/buttons.png) no-repeat right -180px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-tab-disabled, .z-tab-disabled:hover {
	cursor: not-allowed;
	background:url(arkclassic/buttons.png) no-repeat 0 -220px;
	_background-image:url(arkclassic/buttons.gif);
}
.z-tab-disabled img {
	opacity: 0.3;
	filter: gray Alpha(Opacity = 30);
}
.z-tab-disabled b, .z-tab-disabled:hover b {
	color: #bbb;
	background:url(arkclassic/buttons.png) no-repeat right -220px;
	_background-image:url(arkclassic/buttons.gif);
}
.pagetab {
	vertical-align: top;
	background: #F7F8FD url(../framework/images/pagetab_bg.gif) repeat-x  left top;
	padding-top: 0;
}
.pagetab li, .pagetab li.pagetabCurrent {
	position: relative;
	float: left;
	margin-left: -10px;
	background: url(../framework/images/pagetab_left.gif) no-repeat left top;
	padding: 0 0 0 20px;
	height: 20px;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
.pagetab b, .pagetab li.pagetabCurrent b {
	cursor: pointer;
	font-weight: normal;
	white-space: nowrap;
	color: #555;
	display: block;
	float: left;
	background: url(../framework/images/pagetab_right.gif) no-repeat right  top;
	padding: 0px 20px 0 0;
	line-height: 17px;
	height: 20px;
}
.pagetab li.pagetabCurrent {
	background: url(../framework/images/pagetab_left_active.gif) no-repeat  left top;
	z-index: 777;
}
.pagetab li.pagetabCurrent b {
	background: url(../framework/images/pagetab_right_active.gif) no-repeat  right top;
	font-weight: bold;
	color: #123;
	line-height: 16px;
}
.pagetab .add img {
	margin: 2px 8px 0 8px;
	border: #EDEDF3 1px solid;
}
.pagetab .add a:hover img {
	border-bottom: #999 1px solid;
	border-left: #fff 1px solid;
	border-right: #999 1px solid;
	border-top: #fff 1px solid;
}
.pagetab li.pagetabOver b { color: #000000; }
/*小标签*/
ul.tabSwitch {
	clear:both;
	width:100%;
	border-bottom:1px #99a7b1 solid;
	font-size:0;
	height:24px;
	margin-bottom:10px;
	padding:0;
    box-sizing: content-box;
}
ul.tabSwitch li {
	float:left;
	margin:0 0 0 5px;
	_display:inline;
}
ul.tabSwitch li a, ul.tabSwitch li a b {
	display:inline-block;
+zoom: 1;
+display: inline;
	height:22px;
	line-height:22px;
	background: url(../framework/images/tabBtnBg.gif) no-repeat 0 0;
	cursor:pointer;
	font-size:12px;
}
ul.tabSwitch li a {
	height:24px;
	padding-left:6px;
	-moz-border-radius: 2.4px 2.5px 1px 1px;
	background-position:0 0;
}
ul.tabSwitch li a b {
	font-weight:normal;
	color:#666;
	min-width:48px;
	text-align:center;
	/*vertical-align:top;*/
	padding:2px 15px 0 10px;
	background-position:right 0;
}
ul.tabSwitch li a:hover, ul.tabSwitch li a:hover b {
	text-decoration:none;
	background-image:url(../framework/images/tabBtnBg_cur.gif);
}
ul.tabSwitch li a.current {
	position:relative;
	height:25px;
	margin-bottom:-1px;
	background-image:url(../framework/images/tabBtnBg_cur.gif);
}
ul.tabSwitch li a.current b {
	font-weight: bold;
	color:#246;
	background-image:url(../framework/images/tabBtnBg_cur.gif);
}
/*面板头+折叠按钮*/
.z-panel{}
.z-panel-header{ background:url(arkclassic/bar.gif) repeat-x 0 -780px;}
.z-panel-header-ct{ background:url(arkclassic/bar.gif) no-repeat right -820px; height:34px; line-height:34px;}
.z-panel-header-text{ background:url(arkclassic/bar.gif) no-repeat 0 -740px; float:left; padding-left:20px;}
.z-panel-header-html{ background:url(arkclassic/bar.gif) no-repeat 0 -940px; float:left; padding-left:12px;}
.z-panel-body{}
.z-tool-toggle{ float:right;background:url(arkclassic/bar.gif) no-repeat 0 -860px; width:30px; height:30px;}
.z-panel-collapsed .z-tool-toggle,
.z-toggle-collapsed .z-tool-toggle{ background-position:0 -895px;}

.z-legend{ background:url(arkclassic/legend_bg.png) no-repeat left center; _background:url(arkclassic/legend_bg.gif) no-repeat left center; height:30px; padding-left: 10px; line-height:25px; margin:3px 0;}
/*图片列表*/
/*
有阴影边框：
<li><b><i><s><u>
	<dl><dt><img/></dt><dd></dd></dl>
</u></s></i></b></li>
无阴影边框：
<li>
	<dl><dt><img/></dt><dd></dd></dl>
</li>
*/
.img-wrapper {
	margin: 2px 0;
	clear: both;
	display: table;
	_display: inline-block;
}
.img-wrapper li {
	margin: 5px 0 0 5px;
	_display: inline;
	border: 1px solid #F7F7F7;
	float: left;
	width: 125px;
	height: 180px;
	overflow: hidden;
}
.img-wrapper b {
	display: block;
	background: url(../framework/Images/shadow_bottom-left.gif) no-repeat left bottom;
	float: left;
}
.img-wrapper i {
	display: block;
	background: url(../framework/Images/shadow_bottom-right.gif) no-repeat right bottom;
	float: left;
}
.img-wrapper s {
	display: block;
	background: url(../framework/Images/shadow_top-left.gif) no-repeat left top;
	float: left;
}
.img-wrapper u {
	display: block;
	background: url(../framework/Images/shadow_top-right.gif) no-repeat right top;
	float: left;
	padding: 6px;
}
.img-wrapper dl {
	clear: both;
	margin:0px;
}
.img-wrapper dt a {
	display: block;
	color: #F9F9F9;
}
.img-wrapper dt a em{
	display: block;
	display: table-cell;
	+display: inline;
	zoom: 1;
	vertical-align: middle;
	text-align: center;
	width: 126px;
	height: 126px;
	_height: 126px;
	overflow: hidden;
	_font-size: 126px;
}
.img-wrapper dt img {
	margin: 2px 0 2px 2px;
	display: inline;
	border: #F7F7F7 1px solid;
}
.img-wrapper dd img {
	margin: 2px;
	border: #F7F7F7 1px solid;
}
.img-wrapper dd {
	clear: both;
	font-size:1px;
	margin: 0px 4px 4px;
}
.img-wrapper dd em input[type="checkbox"] { margin: 0 2px; }
.img-wrapper dd em {
	font-style:normal;
	font-size:12px;
	display: block;
	clear: both;
	width: 118px;
+width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.img-wrapper dd a { border: #FFFFFF 1px solid; }
.img-wrapper a:hover {
	color: #666666;
	text-decoration: none;
	border: none;
}
.img-wrapper dt a:hover { color: #FFFABF; }
.img-wrapper dt a:hover em { background-color: #FFFABF; }
.img-wrapper dd a:hover { border: #CCCCCC 1px solid; }
/*tag*/
.tagList {
	margin: 0 5px 5px 0;
	width: 100%;
	padding: 0 10px;
	display: table;
+display: inline-block;
	border-bottom: 1px #BBBBBB solid;
}
.tagList a {
	color: #333333;
	display: block;
	cursor: pointer;
	list-style: none;
	float: left;
	height: 24px;
	padding: 3px 10px 0;
	border: #DDDDDD 1px solid;
	border-bottom: none;
	margin: 0 0 0 6px;
	background: #EEEEEE;
	-moz-border-radius: 2.4px 2.5px 1.7px 1px;
	text-decoration: none;
}
.tagList a:hover {
	text-decoration: none;
	background: #FFFFFF;
	border-color: #BBBBBB;
}
.tagList a.current {
	position: relative;
	height: 25px;
	margin-bottom: -1px;
	background: #FFFFFF;
	border: #BBBBBB 1px solid;
	border-bottom: none;
}
/*pan*/
.blockTable {
	border: #BBBBBB 0px solid;
	background: url(../framework/images/tableBg_left.gif) no-repeat left top;
}
.blockTd { background: url(../framework/images/tableBg_right.gif) no-repeat right top; }
.blockTd img { vertical-align:middle; }
a.tip { cursor:help; }
/*tooltip 见css/tip.css */

/*msgpop 见css/msgpop.css */

.accordion {
	border: solid 1px #D2DBE5;
	padding-bottom:1px;
	overflow: hidden;
}
.accordionPanel {
	margin: 0px;
	padding: 0px;
}
.accordionPanelTab {
	/*font-weight:bold;*/
	font-family:SimSun;
	color:#678;
	border: solid 1px #fff;
	border-bottom-color:#D2DBE5;
	margin: 0px;
	padding:0 10px;
	height:22px;
	line-height:22px;
	cursor: pointer;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	_position:relative;
	text-align:left;
	background: #E9ECEF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f5f7', endColorstr='#E9ECEF');
	background: -moz-linear-gradient(top, #f2f5f7, #E9ECEF);
	background: -ms-linear-gradient(top, #f2f5f7, #E9ECEF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f5f7), to(#E9ECEF));
    background: linear-gradient(top, #f2f5f7, #E9ECEF);
}
.accordionPanelTab img{ vertical-align:middle;}
.accordionPanelContent {
	border: solid 1px #fff;
	border-top:none 0;
	overflow: auto;
	margin: 0px;
	padding: 0px;
}
.accordionPanelTab:hover, .accordionPanel .current {
	color:#26a;
	background-color:#DDEEFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf5ff', endColorstr='#e5f2ff');
	background: -moz-linear-gradient(top, #ebf5ff, #e5f2ff);
	background: -ms-linear-gradient(top, #ebf5ff, #e5f2ff);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebf5ff), to(#e5f2ff));
    background: linear-gradient(top, #ebf5ff, #e5f2ff);
}

.MenuList {
	background-color:#FAFCFD;
	background-color:#fff;
}
.MenuList a {
	_position:relative;
	text-align:left;
	background: url(../framework/images/go.gif) no-repeat right center;
	padding:0 6px;
	color:#0088cc;
	color:#444;
	border-bottom:1px solid #eee;
	border-top:1px solid #fff;
	display:block;
	height:22px;
	line-height:22px;
}
.MenuList a:hover, .MenuList a.selected {
	text-decoration:none;
	color:#333;
	background:#fffdd7 url(../framework/images/going.gif) no-repeat right center;
}
.MenuList a.selected { background-color:#E8FFBB; }
/*表单列表*/
.row3Form dl, .row2Form dl {
	float:left;
	display:inline;
	margin:3px 0 7px;
	-margin:2px 0 6px;
}
.row3Form dt, .row2Form dt {
	width:40%;
	float:left;
	display:inline;
	text-align:right;
}
.row3Form dd, .row2Form dd {
	width:59.9%;
	float:left;
	display:inline;
}
.row3Form, .row2Form { overflow:hidden; }
.row3Form dl { width:33.2%; }
.row2Form dl { width:49.5%; }
/*表单列表结束*/
/**表单表格**/
.formTable{border-collapse: collapse;}
.formTable tr td:first-child, tr td.first-child { text-indent:20px; }
.formTable td { border:1px solid #eee;}
fieldset.extend .formTable td{border-width:0 0 0 0;}

/**数据列表**/
.dataList-wrap {
	background-color:#fff;
	height:100%;
	overflow:auto;
	_overflow-x:hidden;
	_width:100%;
	_position:relative;
}
table.dataList {
	border-spacing: 0;
	border-collapse: collapse;
	clear:both;
	table-layout: fixed;
	margin:0;
	border-style:solid;
	border-width:0 0px;
	border-color:#B2BBC5;
	background-color:#FFF;
}
table.dataList > tr:hover, table.dataList > tbody > tr:hover { 
	background-color:#fffcd9; 
}
.dataList dl{
	margin:0;
}
.dataList dt{
	font-weight:400;
}
.dataList-wrap table.dataList { border:none 0; }
table.dataList td, table.dataList th {
	color: #234;
	border-bottom: 1px solid #ebedf0;
	line-height:16px;
 *line-height:18px;
	padding: 4px 7px 4px 6px;
 padding: 4px 7px 0px 6px\9; *padding: 3px 7px 3px 6px;
}
table.dataList td td, table.dataList th td { border-bottom:none 0; }
table.dataList .inTd-minor td {
	color:#999;
	padding-bottom:0;
	padding-top:0;
}
table.dataList .caption { color:#333; }
table.dataList thead td, table.dataList tr.dataListHead td {
	color:#567;
	font-weight: normal;
}
table.dataList thead td a, table.dataList thead td em, table.dataList tr.dataListHead td a, table.dataList tr.dataListHead td em {
	color: #004d99;
	font-weight: normal;
}
table.dataList thead td, table.dataList tr.dataListHead td {
	height: 24px;
	line-height:22px;
	padding: 0 7px 0px 6px;
	border-top:#dae0e5 1px solid;
	border-left: #D6DDE5 1px solid;
	border-right: #D6DDE5 1px solid;
	border-bottom: #ced7e0 1px solid;
	background:#FFF url(arkclassic/thbg.gif) repeat-x top;
}
table.dataList tfoot td {
	height:22px;
	line-height:22px;
	padding-top:0px;
	padding-bottom:1px;
	background-color:#f1f5fe;
	color:#778899;
	border-top:#dae0e5 0px solid;
	border-bottom:#B2BBC5 1px solid;
	vertical-align:middle;
}
.tfoot-fl, .tfoot-fr {
	color:#7e858c;
	white-space:nowrap;
	height:19px;
	line-height:19px;
	padding:2px;
}
.tfoot-fl .pageInfo,.tfoot-fl .pageInfo_trigger{position:absolute;}
.tfoot-fl .pageSizeGroup{ position: relative; overflow:visible; border:1px solid #ddd;background-color:#f9f9f9; padding:0 4px;}
.tfoot-fl .pageSizeGroup .sizeList{list-style: none; display:none;top:-80px; left:-1px; border:1px solid #ddd; background-color:#fff; line-height:16px; margin:0; padding:0;}
.tfoot-fl .pageSizeGroup .sizeList li{padding:0 5px; cursor:pointer;}
.tfoot-fl {min-width:60px; background: url(../framework/images/blank.gif);}
.tfoot-fr { min-width:225px; }
table.dataList td.RowNo { text-align:right; }

.row-sn,.dataList .sn{
	display: inline-block;
	*zoom: 1; *display: inline;
  	border-radius: 10px 10px 10px 10px;
  	font-family: Tahoma,Geneva,sans-serif;
	padding: 0 4px 0 4px;
  	min-width: 6px;
	height:14px;
	line-height:14px;
	vertical-align: 0;
  	font-size: 11px;
  	text-align: center;
	background-color:#f0f0f0;
	color:#999;
}
.ui-sortable .row-sn,.dataList .ui-sortable .sn{
	cursor: move;
}
.ui-sortable-disabled .row-sn,.dataList .ui-sortable-disabled .sn{
	cursor: not-allowed;
}
/* 内容列表页面对datalist样式的定义 */
.hover_zoom_pic{
	display:block;
	vertical-align:middle;
	position:relative;
}
.hover_zoom_pic{
	width:64px;
	height:48px;
	overflow:hidden;
}
.hover_zoom_pic:hover{
	overflow:visible;
	z-index:99;
}
.hover_zoom_pic .hover_pic{
	left:0;
	top:-10px;
	position:absolute;
	visibility:hidden;
}
.hover_zoom_pic:hover .hover_pic{
	visibility:visible;
}

.article_list dd{
	display:inline-block; +zoom: 1;
	+display: inline;
	vertical-align:middle;
	color:#999;
}
.article_list dd.time{
	width:135px;
}
.article_list dd.tatus{
	width:65px;
}

.article_list dd.user{
	width:60px;
}

.article_list dd.flags{
	white-space:nowrap;
	float:right;
}

/*数据表格
<div class="tableBorder">
  <table class="z-datagrid">
	<thead>
	  <tr>...          </tr>
	</thead>
	<tbody>
	  <tr>...          </tr>
	  <tr>...          </tr>
	</tbody>
	<tfoot>
	  <tr>...          </tr>
	</tfoot>
  </table>
<div>
*/
div.tableBorder {
	border:1px solid #d2dbe5;
	border-color:#d2dbe5 #b2bbc5;
	margin:5px 0 10px;
	clear:both;
}
table.z-datagrid {
	border-spacing: 0;
	border-collapse: separate;
	clear:both;
	margin:0;
	border-style:solid;
	border-width:1px;
	border-color:#DAE0E5;
	background:#FFF url(arkclassic/thbg.gif) repeat-x top;
}
.z-datagrid-outer, .z-datagrid{font-size:12px;}
.formTable{font-size:12px;}

table.z-datagrid td, table.z-datagrid th {
/*	color: #555555;*/
	border-bottom: 1px solid #edeff2;
	line-height:16px;
 *line-height:18px;
	padding: 4px 7px 4px 6px;
 padding: 4px 7px 0px 6px\9; *padding: 3px 7px 3px 6px;
}
table.z-datagrid td.tightenTB{ padding-top:0; padding-bottom:0;vertical-align:middle; line-height: 1.5}
table.z-datagrid td.tightenTB img{ vertical-align:middle;}

table.z-datagrid td td, table.z-datagrid th td { border-bottom:none 0; }
table.z-datagrid .inTd-minor td {
	color:#999;
	border-bottom:none 0;
	padding-bottom:0;
	padding-top:0;
}
table.z-datagrid .caption { color:#333; }
table.z-datagrid td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table.z-datagrid thead td, table.z-datagrid tr.dataTableHead td {
	color: #336699;
	font-weight: normal;
}
table.z-datagrid thead td, table.z-datagrid tr.dataTableHead td {
	height: 24px;
	line-height:22px;
	padding: 0 7px 0px 6px;
	_padding-bottom:0px;
	border-left: #D6D6D6 0px solid;
	border-bottom: #dae0e5 1px solid;
	background: url(arkclassic/th.gif) no-repeat left top;
}
table.z-datagrid .dg-headTr th:first-child, .dg-headTr > td:first-child {
	background-image:none;
}
table.z-datagrid thead td.thOver, table.z-datagrid tr.dataTableHead td.thOver { 
background: url(arkclassic/thbg_over.gif) no-repeat left top; }
table.z-datagrid tfoot td {
	height:22px;
	line-height:22px;
	padding-top:0px;
	padding-bottom:1px;
	background-color:#f1f5fe;
	color:#778899;
	border-top:#dae0e5 0px solid;
	border-bottom:#dae0e5 0px solid;
	vertical-align:middle;
}
.dg_body tr.dragover td,
.dg-body tr.dragover td{
	border-bottom:dashed 2px #f90;
}
.dg_sortTh,
.dg-sortTh{ cursor: pointer;}
.dg_sortTh .icon_sort,
.dg-sortTh .icon_sort{ background:url(../framework/images/icon_sort.gif) no-repeat 0 0;}
.dg_sortTh .icon_sortASC,
.dg-sortTh .icon_sortASC{background:url(../framework/images/icon_sortASC.gif) no-repeat 0 0;}
.dg_sortTh .icon_sortDESC,
.dg-sortTh .icon_sortDESC{background:url(../framework/images/icon_sortDESC.gif) no-repeat 0 0;}
.dg_sortTh:hover .icon_sort,
.dg_sortTh:hover .icon_sortASC,
.dg_sortTh:hover .icon_sortDESC,
.dg-sortTh:hover .icon_sort,
.dg-sortTh:hover .icon_sortASC,
.dg-sortTh:hover .icon_sortDESC {background-position: 0 -20px;}

/*可滚动的数据表格
<div id="dataTable1" class="z-datagrid-outer dg-scrollable  dg-nobr"  tabindex=0>
  <div id="dataTable1_head" class="dg-head">
    <table class="dg-headTable" width="700">
      <thead>
        <tr class="dg-headTr">...        </tr>
      </thead>
    </table>
    </div>
    <div id="dataTable1_body" class="dg-body" style="height: 20em;">
      <table width="700">
        <thead>
          <tr>...          </tr>
        </thead>
        <tbody>
          <tr>...          </tr>
          <tr>...          </tr>
        </tbody>
      </table>
    </div>
  <div class="dg-foot">
    <table width="100%"><tr ztype="PageBar">...  </tr></table>
  </div></div>
*/
.z-datagrid-outer {
	/*margin-bottom:10px;*/
	_width:100%;
	position:relative;
	/*border-bottom:1px solid #c6c6c6;*/
}
.dg_body table.z-datagrid,
.dg-body table.z-datagrid{ margin-top:-27px;}
.dg_body table.z-datagrid th,
.dg-body table.z-datagrid th{padding-top:0; padding-bottom:0;}
.dg_head,
.dg-head {
	background:#f6f6f6;
	margin-left:-1px;
	margin-top:-1px;
}
.z-datagrid-outer td {
	line-height:16px;
	*line-height:18px;
	padding: 4px 7px 4px 6px;
	padding: 4px 7px 0px 6px\9; *padding: 3px 7px 3px 6px;
}
.z-datagrid-outer th div {
	line-height:16px;
*line-height:18px;
	padding: 3px 0px;
+padding: 2px 0px;
	text-align:left;
}
.dg_head td, .dg_body td,
.dg-head td, .dg-body td {
	margin: 0px;
	border: none;
	text-align: left;
	border-bottom:#eee 1px solid;
}
.dg_headTr,
.dg-headTr{
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
.dg_headTr th,
.dg-headTr th,.dg-headTr > td{
	background:url(arkclassic/th.gif) no-repeat 0 center transparent;
}
.z-datagrid-outer th ,.z-datagrid-outer .dg-head td {
	font-weight: normal;
	color: #005599;
	text-decoration: none;
	border-right: none;
	margin: 0px;
	border:none 0;
	padding: 0 7px 0 6px;
	height: 25px;
	line-height:22px;
}
.dg-body .dg-headTr td{
	padding: 0 7px 0 6px;
	height: 27px;
}
.dg_nobr table,
.dg-nobr table { table-layout: fixed; }
.dg_scrollable,
.dg-scrollable { height:100%; overflow:hidden;}
.dg_scrollable table,
.dg-scrollable table { table-layout: fixed; }
.dg_nobr td, .dg_nobr th,
.dg-nobr td, .dg-nobr th {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.z-datagrid-outer td.dg-cell-selector,
.z-datagrid-outer td.rowNo,
.z-datagrid-outer td.noellipsis,
.dg_nobr td.dg-cell-selector,
.dg_nobr td.rowNo,
.dg_nobr td.noellipsis,
.dg_scrollable td.dg-cell-selector,
.dg_scrollable td.rowNo,
.dg_scrollable td.noellipsis,

.z-datagrid-outer td.dg-cell-selector,
.z-datagrid-outer td.rowNo,
.z-datagrid-outer td.noellipsis,
.dg-nobr td.dg-cell-selector,
.dg-nobr td.rowNo,
.dg-nobr td.noellipsis,
.dg-scrollable td.dg-cell-selector,
.dg-scrollable td.rowNo,
.dg-scrollable td.noellipsis	{
	text-overflow:clip ;
	padding-right:2px;

}
.dg_scrollable .dg_head,
.dg-scrollable .dg-head {
	overflow: hidden;
    border-color: #DAE0E5 #D6DDE5 #CED7E0;
    border-style: solid;
    border-width: 1px;
	_width:100%;
}
.dg_scrollable .dg_body,
.dg-scrollable .dg-body {
	overflow: auto;
	background-color:#fff;
	_width:100%;
}
.dg_focus, .dg_focus .dg_head, .dg_focus .dg_body, .dg_focus .dg_foot,
.dg-focus, .dg-focus .dg-head, .dg-focus .dg-body, .dg-focus .dg-foot { border-color:#f80; }
.dg_scrollable td, .dg_scrollable th,
.dg-scrollable td, .dg-scrollable th {
	overflow: hidden;
	text-overflow: ellipsis;
}
.dg-body{ outline:none;}
.dg_body table,
.dg-body table {
	border: #C6C6C6 1px solid;
	border-top: none 0;
}
.dg_scrollable .dg_body table,
.dg-scrollable .dg-body table { border: none 0px; }
.dg_th, .dg_td,
.dg-th, .dg-td {
	overflow: hidden;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 2px;
}
.dg-th input{ margin-top:4px;}
.dg_loading,
.dg-loading { background-color: #FFFFFF; }
.dg_row_odd,
.dg-row-odd { background-color: #F9FBFC; }
.dg_row_even,
.dg-row-even { background-color: #FFFFFF; }
.dg_scrollable .dg_head  tr th:first-child,
.dg-scrollable .dg-head  tr th:first-child { background-image:none;}
/*.dg-scrollable .dg-head  tr th:last-child { padding-right:24px; }*/
.dg-row{}
.dg-scrollable .dg-body  tr, .dg-nobr .dg-body  tr { }
.dg_scrollable .dg_body > table, .dg_nobr .dg_body > table,
.dg-scrollable .dg-body > table, .dg-nobr .dg-body > table { margin-top:-27px; *margin-top:-27px;
}
.dg_scrollable .dg_body > table thead, .dg_nobr .dg_body > table thead,
.dg-scrollable .dg-body > table thead, .dg-nobr .dg-body > table thead { visibility:hidden; }
.dg_head table,
.dg-head table {
	background:#fff url(arkclassic/thbg.gif) repeat-x 0 bottom;
	border: #C6C6C6 1px solid;
	border-bottom:none 0;
}
.dg_scrollable .dg_head table,
.dg-scrollable .dg-head table { border-width: 0px; table-layout: fixed; }
.dg_label,
.dg-label { float:left }
.dg_sort,
.dg-sort { float:right; }
/*.dg-scrollable .dg-headTable{*margin-right:20px;}*/
.dg_scrollable .dg_foot,
.dg-scrollable .dg-foot {
	/*border:1px solid #c6c6c6;*/
	border-bottom:none 0;
	border-top:none 0;
	clear:both;
}
.dg_scrollable .dg_foot table,
.dg-scrollable .dg-foot table { /*border-top:1px solid #eee;*/ }
td.dg_td_index,
td.dg-td_index {
	padding: 4px 7px 4px 6px;
padding: 4px 7px 0px 6px\9; *padding: 3px 7px 3px 6px;
	background:#f9f9f9 url(../framework/images/specialCol_bg.gif) repeat-y right;
	text-align:right;
}
.dg_row:hover,
.dg-row:hover{ background-color:#FFFCE9}
.z-datagrid .selected,
.dataList .selected,
.z-datagrid .selected:hover,
.dataList .selected:hover{ background-color:#DAFAA2}
.dg-cellEditing td {border-left:1px solid #EDEFF2; }

.dg-row-selected, .dg-row-selected:hover{background-color:#DAFAA2;}
.dg-cell-selected{background-color: #D3F593;}
.dg-cell-dirty{
	background-image:url(../framework/images/dirty.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.dg-dock{ position:absolute; top:0;right:0;}
.dock-trigger,.dock-station{padding:5px;background-image:url(../framework/images/blank.gif);}
.dock-station { background: #FFF6BF; color: #776644; border-color: #FFD324; }
.dock-station a { color: #9C6500; font-weight: bold; cursor:pointer; }
.dg-dock .dock-station{display:none;}
/* DataGrid单元格编辑器 */
.dg-cell-editor{
	position:absolute;
	top:24px;
	left:0;
}
.z-celleditor .inputText{
	border:2px solid #56932C;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
/* DataGrid行编辑器 */
.dg-row-editor{
	position:absolute;
	top:24px;
	left:0;
	width:100%;
	opacity:0.9;
}
.dg-row-editor-body{
	background-color: #D8F79D;
	border-top: 1px solid #CCE899;
	border-bottom: 1px solid #CCE899;
}
.dg-row-editor-body td{
	padding-top:3px;
	padding-bottom:3px;
}
.dg-row-editor-buttons{
	position: absolute;
	left:50%;
	width:120px;
	margin:-1px auto 0 -60px;
	background-color: #D8F79D;
	border: 1px solid #CCE899;
	border-top: 0;
	padding: 3px;
	border-radius: 0 0 4px 4px;
	text-align:center;
}

.z-celleditor{
	position: absolute;
	left:100px;
	top:25px;
}
/* 用div模拟的table */
.table {
    position: relative;
    width: 100%;
    clear: both; 
}
.table .row, .table .headerrow {
	overflow: hidden;
    border-bottom: 1px solid #ebedf0;
    white-space: nowrap;
}
.table .row:hover {
    background-color: #D9EEFF;
}
.table .headerrow { 
  border-bottom: #dee7f0 1px solid;
    background-color: #F2F3F4;
}
.table .header, .table .cell {
    float: left;
    line-height: 16px;
    padding: 4px 7px 4px 6px;
    padding: 4px 7px 0px 6px\9;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.table .header {
    position: relative;  
}

/* 用div模拟的table，转换为图标模式时 */
.thumb-list {
	margin: 2px 0;
	clear: both;
	display: table;
	_display: inline-block;
}
.thumb-list .row, .thumb-list .headerrow {
	margin: 5px 0 0 5px;
	_display: inline;
	border: 1px solid #F7F7F7;
	float: left;
	width: 125px;
	height: 180px;
}
.thumb-list .row:hover {
    background-color: transparent;
}
.thumb-list .headerrow {
	display: none;
}
.thumb-list .header, .thumb-list .cell {
    float: left;
    line-height: 16px;
    padding: 4px 7px 4px 6px;
    padding: 4px 7px 0px 6px\9;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.thumb-list .header {
    position: relative;  
}


/*翻页导航，页码列表方式*/
.pages {
	clear:both;
	text-align:center;
}
.pages li {
	float:left;
	_display:inline;
	margin:0 1px;
	color:#bbb;
}
.pages a, .pages a:link {
	display: block;
	border:1px solid #fff;
	color:#ddd;
	padding:0 4px;
	text-decoration:none;
}
.pages a.current {
	background:#FAF1C4 url(../framework/images/currentPageBg.gif) no-repeat center bottom;
	border:1px solid #FCCF00;
	color:#555;
	font-weight:bold;
}
.pages a:link, .pages a:visited {
	border:1px solid #fff;
	color:#888;
}
.pages a.break { border:0px #fff solid; }
.pages a:hover {
	color:#666;
	text-decoration:none;
	background:#FFF69C;
	border:1px solid #FFE531;
}
/*翻页导航，记录导航方式*/
.pagebar_wrap{
	clear:both;
	bottom:0px;
	_height:1%;/* 让翻页条容器在ie6下有宽度 */
}
.pagebar {
	line-height:20px;
	clear:both;
	white-space: nowrap;
	width:auto;
}
.pagebar .first, .pagebar .previous, .pagebar .next, .pagebar .last {
	display:inline-block;
*zoom: 1;
*display: inline;
	text-indent:-99px;
	overflow:hidden;
	height:19px;
	width:35px;
	vertical-align:middle;
}
.pagebar .first a, .pagebar .previous a, .pagebar .next a, .pagebar .last a {
	display: block;
	text-indent:-99px;
	overflow:hidden;
	width:35px;
	height:19px;
}
.pagebar .first, .pagebar .previous, .pagebar .next, .pagebar .last, .pagebar .first a, .pagebar .previous a, .pagebar .next a, .pagebar .last a,
.pagebar .pageJumpBtn{ background:url(arkclassic/pagebar.gif) no-repeat 0 0; }
.pagebar .first { background-position: 0 0; }
.pagebar .previous { background-position: -35px 0; }
.pagebar .next {
	background-position: -70px 0;
	width:40px;
}
.pagebar .last { background-position: -110px 0; }
.pagebar .first a { background-position: 0 -20px; }
.pagebar .previous a { background-position: -35px -20px; }
.pagebar .next a {
	background-position: -70px -20px;
	width:40px;
}
.pagebar .last a { background-position: -110px -20px; }
.pagebar .first a:hover { background-position: 0 -40px; }
.pagebar .previous a:hover { background-position: -35px -40px; }
.pagebar .next a:hover {
	background-position: -70px -40px;
	width:40px;
}
.pagebar .last a:hover { background-position: -110px -40px; border-color:#BEC8D3 #E6ECF3 #DAE6F3 #CFDAE6; }
.pagebar .inputText{padding:1px;width:15px; height:15px; text-align:center;box-sizing: content-box;}
.pagebar .pageJumpBtn{box-shadow:none; border:0 none; width:21px; height:19px; text-indent:-99px; overflow:hidden; background-position:-160px -20px;}
.pagebar input.pageJumpBtn:hover{ background-position:-160px -40px;}

/*翻页导航边上的小按钮*/
.direct {
	cursor:pointer;
	background:url(../framework/images/direct.gif) no-repeat 0 0;
}
.direct:hover { background:url(../framework/images/direct.gif) no-repeat 0 -20px; }
/****修改控件尺寸相关样式****/
.rProxy {
	border:1px dashed #6699cc;
	display:none;
}
.rHandle {
	position:absolute;
	background-color:#06f;
	width:10px;
	height:10px;
	z-index:5;
	font-size:0;
	display:none;
	background-color:transparent;
	background-image:url(../framework/images/resizerBg.gif);
}
.rHandle:hover { }
.rHandleLeftDown, .rHandleRightUp { cursor:ne-resize; }
.rHandleRightDown, .rHandleLeftUp { cursor:nw-resize; }
.rHandleRight, .rHandleLeft {
	cursor:e-resize;
	height:30px;
}
.rHandleUp, .rHandleDown {
	cursor:n-resize;
	width:30px;
}
.rHandleLeftDown {
	left:-5px;
	bottom:-5px;
}
.rHandleRightUp {
	right:-5px;
	top:-5px;
}
.rHandleRightDown {
	right:-5px;
	bottom:-5px;
	_right:-3px;
	_bottom:-3px;
	background-position:-50px -50px;
}
.rHandleRightDown:hover { background-position: right bottom; }
.rHandleLeftUp {
	left:-5px;
	top:-5px;
}
.rHandleRight {
	right:-5px;
	top:50%;
	margin-top:-15px;
	background-position: right center;
}
.rHandleLeft {
	left:-5px;
	top:50%;
	margin-top:-15px;
}
.rHandleUp {
	top:-5px;
	left:50%;
	margin-left:-15px;
}
.rHandleDown {
	bottom:-5px;
	left:50%;
	margin-left:-15px;
	background-position: center bottom;
}
.treeContainer .rHandleRightDown {
	display:block;
	bottom:0;
	right:0;
}
.dialogdiv .rHandleRightDown {
	display:block;
	bottom:6px;
*bottom:7px;
	right:8px;
}
.popLayer {
	display:inline-block;
*zoom: 1;
 *display: inline;
	position:relative;
}
.popLayer .optgroup {
	position:absolute;
	z-index:666;
	left:0;
	top:19px;
	color: #369;
}
.popLayer .optionsDiv { overflow:auto }
.popLayer .inline-block { cursor:default; }
.z-splitbar-h {
	background:url(arkclassic/columnHandle.gif) no-repeat center;
	cursor:col-resize;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}
.z-splitbar-proxy {
	background-color:#aaa;
	cursor:col-resize;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	position:absolute;
	z-index:20000;
	width:5px;
	height:100%;
	top:0;
}
.z-drag-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-image:url(../framework/images/blank.gif);
	z-index: 20000;
}
iframe { overflow-x:hidden;}
table.layoutTable {
	border-collapse: separate;
	border-spacing: 0px;
	table-layout:fixed;
}
/*table.layoutTable td{border: solid 0px #B2BBC5;}*/

.z-menu {
	border: 1px solid #B2BBC5;
	background:#fff none;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
}
.z-menu a {
	white-space: nowrap;
	display:block;
	min-width:66px;
	_width:66px;
}
.z-menu a.z-btn-inmenu{
	min-width:89px;
	_width:89px;
}
.z-menu a.z-btn-inmenu, .z-menu a.z-btn-inmenu b { background:none; }
.z-btn-inmenu img, a.z-btn-inmenu b,  a.z-btn-inmenu i{
	vertical-align: middle;
}
.z-menu a.z-btn-inmenu:hover{ background:#ffee99; }
.z-btn-menu.z-btn-inmenu i{
	background:url(../framework/images/arrow_right.gif) no-repeat 0 0px; width:17px;
}
.z-menu-no-items{ width:90px; height:12px; line-height:12px; color:#fff;}
/***模板编辑页相关js***/
.z-edit-add-box { display: none; }
.z-edit-add-box-hover {
	background-color:	#c2e8fa;
	opacity:			0.5;
	filter:				alpha(opacity = 50);
	display:			block;
}
.z-edit-add-button {
	cursor:				pointer;
	z-index:			510;
	position:			absolute;
	opacity:			0.7;
	filter:				alpha(opacity = 70);
	background: url(arkclassic/btn_cmsTag.gif) no-repeat 0 0;
}
.z-edit-add-button:hover {
	opacity:			1;
	filter:				alpha(opacity = 100);
	background-position:-100px 0;
}
.z-cms-include { background-position:0 -30px; }
.z-cms-list { background-position:0 -60px; }
.z-cms-link { background-position:0 -90px; }
.z-cms-include:hover { background-position:-100px -30px; }
.z-cms-list:hover { background-position:-100px -60px; }
.z-cms-link:hover { background-position:-100px -90px; }
.z-splitter { }
.z-splitter-v {
	position:absolute;
	width:5px;
	height:100%;
	cursor:col-resize;
}
.z-splitter-h {
	position:absolute;
	height:5px;
	width:100%;
	cursor:row-resize;
}
.z-dragOverlay {
	background: url(../framework/images/alpha20w.png);
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.z-proxy-dd {
	position:absolute;
	z-index:900;
	border:2px dotted #666;
	/*background: url(../framework/images/alpha10b.png); 在ie下用不用背景图才能点到dialog的关闭按钮*/
}
.z-proxy-rectselector {
	position:absolute;
	z-index:900;
	border:1px dotted #666;
	overflow:hidden;
}
.z-proxy-layoutPosition {
	position:absolute;
	z-index:900;
	background:red;
	height:2px;
	width:20px;
	overflow:hidden;
}
.shadow-v { background:url(arkclassic/shadow-v.png) repeat-y 0 0;_background-image:url(../framework/images/blank.gif); }
.shadow-h { background:url(arkclassic/shadow-h.png) repeat-x 0 0; }
#toggleLeftColumn {
	position:absolute;
	left:-10px;
	top:6px;
	width:20px;
	height:20px;
}
.toggleBtn-left:hover {
	background:url(arkclassic/toggleBtn_v.png) no-repeat 0 0;
	width:20px;
	height:20px;
}
.toggleBtn-right:hover {
	background:url(arkclassic/toggleBtn_v.png) no-repeat -30px 0;
	width:20px;
	height:20px;
	left:-8px;
}
/*滑块控件*/
.z-slider {
    width : 300px; 
    height : 23px;
    background : url(arkclassic/slider_bg.gif) repeat-x 0px center;
}
.z-slider-thumb{
    width : 22px;
    height : 23px;
    z-index : 300;
    background:url(arkclassic/slider_thumb.png) no-repeat;
	_background:url(arkclassic/slider_thumb.gif) no-repeat;
}
.z-progressbar-bar{
    height : 23px;
    background:url(arkclassic/slider_fg.gif) repeat-x 0 center; 
}
/*滚动条控件*/
.z-scrollbar {
	width:100%;
	height:100%;
}
.z-scrollbar-track {
	overflow:hidden;
	width:100%;
	height:100%;
}
.z-scrollbar-slider {
	width:100%;
	height:100%;
}
.z-scrollbar-slider-thumb {
	width:100%;
	height:100%;
	min-height:12px;
}
.z-scrollbar-prev, .z-scrollbar-next, .z-scrollbar-thumb-btn {
	font-size:0;
}
.scrollbar-v {
    background:url(arkclassic/scroll-v.png) no-repeat 0 center;
}
.scrollbar-v:hover {
    background:url(arkclassic/scroll-v.png) no-repeat -15px center;
}
.scrollbar-v-prev {
	width:15px;
	height:0;
	overflow:hidden;
	background:url(arkclassic/scroll-v.png) no-repeat 0 0;
}
.scrollbar-v-next {
	width:15px;
	height:0;
	overflow:hidden;
	background:url(arkclassic/scroll-v.png) no-repeat 0 -15px;
}
.scrollbar-v-thumb-btn {
    position:relative;
    width:100%;
    height:100%;
}
.scrollbar-v-thumb-prev {
	position:absolute;
	top:0;
	width:100%;
	height:5px;
	font-size:0;
	background:url(arkclassic/scroll-v.png) -60px 0;
}
.scrollbar-v-thumb-track{
    position:absolute;
    top:5px;
    bottom:5px!important;
    bottom:4px;
    width:100%;
    font-size:0;
    background:url(arkclassic/scroll-v.png) no-repeat -30px center;
}
.scrollbar-v-thumb-next {
	position:absolute;
	bottom:0!important;
	bottom:-1px;
	width:100%;
	height:5px;
	font-size:0;
	background:url(arkclassic/scroll-v.png) -60px -4px;
}
.scrollbar-v-thumb-btn:hover .scrollbar-v-thumb-prev {
    background-position: -60px -10px;
}
.scrollbar-v-thumb-btn:hover .scrollbar-v-thumb-track {
    background-position: -45px center;
}
.scrollbar-v-thumb-btn:hover .scrollbar-v-thumb-next {
    background-position: -60px -14px;
}

.scrollbar-h {
    background:url(arkclassic/scroll-h.png) no-repeat center 0px;
}
.scrollbar-h:hover {
    background:url(arkclassic/scroll-h.png) no-repeat center -15px;
}

.scrollbar-h-track {
    float: left;
}
.scrollbar-h-prev {
    width:0px;
    height:15px;
    overflow:hidden;
    float:left;
    background:url(arkclassic/scroll-h.png) no-repeat 0 0;
}
.scrollbar-h-next {
    width:0px;
    height:15px;
    overflow:hidden;
    float:left;
    background:url(arkclassic/scroll-h.png) no-repeat -15px 0;
}
.scrollbar-h-thumb-btn {
    position:relative;
    width:100%;
    height:100%;
}
.scrollbar-h-thumb-prev {
    position:absolute;
    left:0;
    width:5px;
    height:100%;
    font-size:0;
    background:url(arkclassic/scroll-h.png) 0 -60px;
}
.scrollbar-h-thumb-track{
    position:absolute;
    left:5px;
    right:5px!important;
    right:4px;
    height:100%;
    font-size:0;
    background:url(arkclassic/scroll-h.png) no-repeat center -30px;
}
.scrollbar-h-thumb-next {
    position:absolute;
    right:0!important;
    right:-1px;
    width:5px;
    height:100%;
    font-size:0;
    background:url(arkclassic/scroll-h.png) -4px -60px;
}
.scrollbar-h-thumb-btn:hover .scrollbar-h-thumb-prev {
    background-position: -10px -60px;
}
.scrollbar-h-thumb-btn:hover .scrollbar-h-thumb-track {
    background-position: center -45px;
}
.scrollbar-h-thumb-btn:hover .scrollbar-h-thumb-next {
    background-position: -14px -60px;
}

.z-scrollpanel-wrap .z-scrollbar{ visibility:hidden;}
.z-scrollpanel-wrap:hover .z-scrollbar,.scrollpanel_active .z-scrollbar{ visibility: visible;}

.dialog_message{ background:#EAECE9 url(../framework/images/dialog_bg.jpg) no-repeat right top;line-height:16px;}

/*表单美化*/
.z-checkbox-hide,.z-radio-hide{ visibility: hidden;}
.z-checkbox-label,.z-radio-label{display:inline-block; *zoom: 1; *display: inline; vertical-align:middle;margin-left: -20px; margin-left: -23px\9;
    padding-left: 20px;  background: transparent url(arkclassic/field.png) no-repeat 0 0;background-image:url(arkclassic/field.gif);}
.z-checkbox-label{ background-position: 0 -20px;}
.z-checkbox-label:hover{ background-position: 0 -40px;}
.z-radio-label{ background-position: 0 -100px;}
.z-radio-label:hover{ background-position: 0 -120px;}
.z-radio-label.z-label-checked { background-position: 0 -140px; }
.z-checkbox-label.z-label-checked{ background-position: 0 -60px;}
.z-radio-label.z-label-disabled { background-position: 0 -160px; }
.z-checkbox-label.z-label-disabled{ background-position: 0 -80px;}

/* suggest控件相关css */
.z-suggest-container {
	position:absolute;
    background: none repeat scroll 0 0 white;
    border: 1px solid #999999;
    z-index: 990;
}
.z-suggest-shim {
    z-index: 980;
}
.z-suggest-container ol {
    padding: 0;
    margin: 0;
}
.z-suggest-container li {
    color: #404040;
    font-size: 12px;
    line-height: 18px;
    padding: 1px 0 2px;
    width: 100%;
}
.z-suggest-container .z-selected {
    background-color: #3399FF;
    cursor: default;
}
.z-suggest-key {
    float: left;
    padding-left: 5px;
    text-align: left;
}
.z-suggest-result {
    color: #999;
    float: right;
    padding-right: 5px;
    text-align: right;
}
.z-suggest-container .z-selected span {
    color: #FFFFFF;
    cursor: default;
}
.z-suggest-footer {
    padding: 0 5px 5px;
}
.z-suggest-closebtn {
    float: right;
	color: #666;
}
.z-suggest-container li, .z-suggest-footer {
    clear: both;
    overflow: hidden;
}

.z-draggable{cursor:move;}
.ui-sortable .z-draggable {
    cursor: move;
}

.ui-sortable-disabled .z-draggable {
    cursor: not-allowed;
}
/* 渐变质感列表项 */
.z-listview{
    width: 100%;
    overflow: hidden;
}
.z-listview li{
	border-bottom: 1px solid #ddd;
	background: #f3f3f3;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 0 #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F6F6F6');
	background-image: -webkit-linear-gradient(#FFFFFF,#F6F6F6);
	background-image: -moz-linear-gradient(#FFFFFF,#F6F6F6);
	background-image: -ms-linear-gradient(#FFFFFF,#F6F6F6);
	background-image: linear-gradient(#FFFFFF,#F6F6F6);

}
.z-listview .divider{
	font-family:"Lucida Grande", 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
	border: 1px solid #D2E2F9;
	border-width: 1px 0;
	background: #D2E2F9;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #3E6790;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BCD0EB', endColorstr='#D2E2F9');
    background-image: -webkit-linear-gradient(#BCD0EB,#D2E2F9);
	background-image: -moz-linear-gradient(#BCD0EB,#D2E2F9);
	background-image: -ms-linear-gradient(#BCD0EB,#D2E2F9);
	background-image: linear-gradient(#BCD0EB,#D2E2F9);
	padding: 0 12px;
	font-size: 12px;
	font-weight: bold;
}
.z-listview .divider_current{
	border: 1px solid #B6D6F4;
	border-width: 1px 0;
	background: #B6D6F4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9CC8F3', endColorstr='#B6D6F4');
    background-image: -webkit-linear-gradient(#9CC8F3,#B6D6F4);
	background-image: -moz-linear-gradient(#9CC8F3,#B6D6F4);
	background-image: -ms-linear-gradient(#9CC8F3,#B6D6F4);
	background-image: linear-gradient(#9CC8F3,#B6D6F4);
}
.z-listview .link{
	font-size: 14px;
	padding: 5px 12px;
	display: block;
	color: #2F3E46;
}

.ui-resizable-helper { border: 2px dotted #147; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

.z_loading,.z-loading {
	width:55px;
	height:32px;
	text-align:left;
	text-indent:-999em;
	overflow:hidden;
	background:url(../framework/images/loading.gif) no-repeat 1em 1em;
	position: absolute;
}
.z-hd-spliter{position:absolute;width:1px;font-size:1px;background:#abc;}


/* 日历控件 */
#cal_wrap{text-align:center;color:#555;background-color:#f2f2f2;border:1px solid #ccc;zoom:1}
#cal_wrap button,#cal_wrap select {font-size:12px;}
#cal_hd{padding:5px;}
#cal_hd select{width:75px;vertical-align: middle;}
#cal_hd map{float:left}
#cal_bd{padding:0 5px;}
#cal_bd table{border-collapse: collapse;width:100%;}
#cal_bd thead th{padding:3px 0;font-weight:bold;}
#cal_bd tbody{width:100%;}
#cal_bd td,#cal_bd th{border:0;text-align: center;font-size: 12px;width:14%;padding:1px;}
#cal_bd td{padding:0px;border: 1px #ccc solid;background-color:#fff;}
#cal_bd td a,#cal_bd td span{text-decoration: none;color:#333;padding:2px;display:block;zoom:1;}
#cal_bd td.othermonthdayTd a{color:#999;}
#cal_bd td span{color:#B5B5B5;}
#cal_bd td a:hover{color:#fff;background-color:#DDD;}
#cal_bd .thisdayTd a{color:#fff;background-color:#999;}
#cal_bd .sundayTd a{color:#60B10D;}
#cal_bd .saturdayTd a{color:#60B10D;}
#cal_bd .invaliddayTd span{text-decoration:line-through}
#cal_ft {padding:5px 0;}

body .z-hidden,body div.z-hidden,body span.z-hidden,body td.z-hidden,body a.z-hidden{display:none;}


/******* ajax载入子页面相关js  *******/
.ui-page-container{ position:relative; height:100%;overflow:auto; overflow-x:hidden; overflow-y:auto;}
.ui-page { outline: none;height:100%;overflow:visible; display: none; border: 0; } 
/** 2013-01-16经测试在ie下.ui-page 加上样式position:relative;会导致一些页面元素不能显示 **/
.ui-page-active { display: block; }

/* loading screen */
.ui-loading .ui-loader { display: block; }
.ui-loader { z-index: 999999; position: fixed; _position: absolute; top: 50%; left: 50%; border:0; }
.ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: .18; width: 46px; height: 46px; margin-left: -23px; margin-top: -23px; }
.ui-loader-verbose { width: 200px; filter: Alpha(Opacity=88); opacity: .88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -110px; margin-top: -43px; padding: 10px; }
.ui-loader-default h2 { font-size: 0; width: 0; height: 0; overflow: hidden; }
.ui-loader-verbose h2 { font-size: 16px; margin: 0; text-align: center; }
.ui-loader .ui-icon { background-color: #000; display: block; margin: 0; width: 44px; height: 44px; padding: 1px; -webkit-border-radius: 36px; -moz-border-radius: 36px; border-radius: 36px; }
.ui-loader-verbose .ui-icon { margin: 0 auto 10px; filter: Alpha(Opacity=75); opacity: .75; }
.ui-loader-textonly { padding: 15px; margin-left: -115px; }
.ui-loader-textonly .ui-icon { display: none; }

.ui-icon-loading {
	background: url(../framework/images/ajax-loader.gif);
	background-size: 46px 46px;
}

/* Transitions originally inspired by those from jQtouch, nice work, folks */
.ui-page-container-transitioning,
.ui-page-container-transitioning .ui-page {
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ui-page-pre-in {
	opacity: 0;
}
.in {
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-duration: 350ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-duration: 350ms;
}
.out {
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 225ms;
	-moz-animation-timing-function: ease-in;
	-moz-animation-duration: 225ms;
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to { opacity: 0; }
}
.fade.out {
	opacity: 0;
	-webkit-animation-duration: 125ms;
	-webkit-animation-name: fadeout;
	-moz-animation-duration: 125ms;
	-moz-animation-name: fadeout;
}
.fade.in {
	opacity: 1;
	-webkit-animation-duration: 225ms;
	-webkit-animation-name: fadein;
	-moz-animation-duration: 225ms;
	-moz-animation-name: fadein;
}
.pop {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
}
.pop.in {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
    opacity: 1;
	-webkit-animation-name: popin;
	-moz-animation-name: popin;
	-webkit-animation-duration: 350ms;
	-moz-animation-duration: 350ms;
}
.pop.out {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	opacity: 0;
	-webkit-animation-duration: 100ms;
	-moz-animation-duration: 100ms;
}
.pop.in.reverse {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
}
.pop.out.reverse {
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-webkit-animation-name: popout;
	-moz-animation-name: popout;
}
@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0;
    }
    to {
        -moz-transform: scale(1);
        opacity: 1;
    }
}
@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}
@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1;
    }
    to {
        -moz-transform: scale(.8);
        opacity: 0;
    }
}