.x-layout-collapsed-west {
	background-image: url(../images/collapse-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.x-layout-collapsed-north {
	background-image: url(../images/top-collapse-bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

body {
	font-size: 12px;
	font-family: '宋体';
}

.x-grid-record-red {
	color: #FF0000;
}

.x-grid-record-red {
	color: #FF0000;
}

.x-grid-record-1 {
	background-color: #9966FF;
}

.x-grid-record-11  table {
	background: # FF00FF;
}

.x-grid-record-2 {
	background-color: #CC66FF;
}

.x-grid-record-3 {
	background-color: #FFFF99;
}

.x-grid-record-4 {
	background-color: #0066FF;
}

.x-grid-record-5 {
	background-color: #66FF00;
}

.x-grid-record-6 {
	background-color: #66FFFF;
}

.x-grid-record-7 {
	background-color: #00CC99;
}

.x-grid-record-8 {
	background-color: #99CC00;
}

.x-grid-record-9 {
	background-color: #FF9900;
}

.x-grid-record-gx-1 {
	background-color: #339900;
}

.x-grid-record-gx-2 {
	background-color: #FFFFCC;
}

.x-grid-record-gx-3 {
	background-color: #CCCCCC;
}

.x-grid-record-gx-4 {
	background-color: #99CCFF;
}

.x-grid-record-gx-5 {
	background-color: #FFCC00;
}

.x-grid-record-gx-6 {
	background-color: #FF99FF;
}

.x-grid-record-gx-7 {
	background-color: #990000;
}

.x-grid-record-gx-8 {
	background-color: #006666;
}

.x-grid-record-gx-9 {
	background-color: #FF6633;
}

.x-grid-record-gx-10 {
	background-color: #FF0000;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
}

#loading-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background-color: white;
}

#loading {
	position: absolute;
	left: 45%;
	top: 40%;
	padding: 2px;
	z-index: 20001;
	height: auto;
}

#loading a {
	color: #258;
}

#loading .loading-indicator {
	background: white;
	color: #444;
	font: bold 13px tahoma, arial, helvetica;
	padding: 10px;
	margin: 0;
	height: auto;
}

#loading-msg {
	font: normal 14px arial, tahoma, sans-serif;
	color: blue;
	padding-top: 18px;
}

/*div button {
	border: none;
	cursor: pointer;
	width: 16px;
	height: 16px;
}*/
#app-header {
	background: url('../images/f2.gif') repeat-x;
	height: 60px;
	width: 100%;
}

#header-left {
	width: 230px;
	float: left;
}

#header-main {
	width: 520px;
	float: left;
	margin-left: 6px;
}

#header-right {
	width: 260px;
	float: right;
}

#setting {
	float: right;
	width: 80px;
	padding-top: 6px;
	padding-right: 6px;
}

#welcomeMsg {
	float: left;
	width: 160px;
	padding-top: 6px;
}

#currentTime {
	float: left;
	width: 360px;
	padding-top: 6px;
}

#header-topnav {
	display: inline;
	padding-top: 4px;
}

#header-topnav .activeli {
	display: block;
	float: left;
}

#header-topnav li {
	background: url('../images/header-li.png') no-repeat;
}

#header-topnav li a {
	color: #1E3A65;
	display: block;
	text-align: left;
	text-indent: 32px;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	position: relative;
	text-decoration: none;
	width: 80px;
}

#header-topnav .commonli {
	display: block;
	float: left;
	color: #4B6888;
}

.add-user {
	background-image: url('../images/system/adduser.gif') !important;
}

.btn-super {
	background-image: url('../images/btn/system/super.gif') !important;
}

.btn-print {
	background-image: url('../images/btn/print.png') !important;
}

.excel-cls {
	background: url('../images/btn/excel.png') no-repeat !important;
	padding-left: 18px;
	text-decoration: none;
}

.btn-clock {
	background-image: url('../images/btn/clock.png') !important;
}

.btn-showDetail {
	background-image: url('../images/btn/showDetail.png') !important;
}

.btn-saved {
	background-image: url('../images/btn/saved.png') !important;
}

.btn-relax {
	background-image: url('../images/btn/relax.png') !important;
}

.btn-del {
	background: url(../images/btn/remove.png) no-repeat !important;
}

.btn-right {
	background: url(../images/btn/greater_than.png) no-repeat !important;
}

.btn-left {
	background: url(../images/btn/less_than.png) no-repeat !important;
}

.btn-accept {
	background: url(../images/btn/accept.png) no-repeat !important;
}

.btn-check {
	background: url(../images/btn/check.gif) no-repeat !important;
}

.btn-uncheck {
	background: url(../images/btn/uncheck.gif) no-repeat !important;
}

.btn-addqx {
	background: url(../images/btn/add_16.gif) no-repeat !important;
}

.btn-effective {
	background: url(../images/btn/effective.png) no-repeat !important;
}

.btn-invalid {
	background: url(../images/btn/invalid.png) no-repeat !important;
}

.btn-un_del {
	background: url(../images/system/un_delete.gif) no-repeat !important;
}

.btn-preview {
	background: url(../images/system/preview.png) no-repeat !important;
}

.btn-edit {
	background: url(../images/system/edit.gif) no-repeat !important;
}

.btn-xff {
	background: url(../images/system/play.png) no-repeat !important;
}

.btn-tzz {
	background: url(../images/system/indent.png) no-repeat !important;
}

.btn-outbound {
	background: url(../images/system/calendar_view_day.png) no-repeat
		!important;
}

.btn-grant {
	background: url(../images/btn/system/grant.gif) no-repeat !important;
}

.btn-un_edit {
	background: url(../images/system/un_edit.gif) no-repeat !important;
}

.btn-setting {
	background: url(../images/btn/setting.gif) no-repeat !important;
}

.btn-newFlow {
	background: url(../images/btn/flow/newFlow.gif) no-repeat !important;
}

.btn-lockTask {
	background: url(../images/btn/flow/lockTask.png) no-repeat !important;
}

.btn-task {
	background: url(../images/btn/flow/task.png) no-repeat !important;
}

.btn-unlockTask {
	background: url(../images/btn/flow/unlockTask.png) no-repeat !important;
}

.btn-approvalTask {
	background: url(../images/btn/flow/approvalTask.png) no-repeat
		!important;
}

.btn-changeTask {
	background: url(../images/btn/flow/changeTask.png) no-repeat !important;
}

.btn-flowView {
	background: url(../images/btn/flow/view.png) no-repeat !important;
}

.btn-transition {
	background: url(../images/btn/flow/transition.png) no-repeat !important;
}

.btn-form-design {
	background: url(../images/btn/flow/form.png) no-repeat !important;
}

.btn-form-tag {
	background: url(../images/btn/flow/form-tag.png) no-repeat !important;
}

.btn-user-sel {
	background: url(../images/btn/user-sel.png) no-repeat !important;
}

.btn-users-sel {
	background: url(../images/btn/users-sel.png) no-repeat !important;
}

.btn-next {
	background: url(../images/btn/next.gif) no-repeat !important;
}

.btn-top {
	background: url(../images/btn/top.gif) no-repeat !important;
}

.btn-up {
	background: url(../images/btn/up.gif) no-repeat !important;
}

.btn-down {
	background: url(../images/btn/down.gif) no-repeat !important;
}

.btn-last {
	background: url(../images/btn/last.gif) no-repeat !important;
}

.btn-logout {
	background-image: url('../images/btn/logout.png') !important;
}

.btn-read_document {
	background-image: url('../images/btn/read_document.png') !important;
}

.btn-onlineUser {
	background-image: url('../images/btn/eyes.png') !important;
}

.btn-addCusLinkman {
	background: url('../images/system/adduser.gif') no-repeat !important;
}

.btn-editCusLinkman {
	background: url('../images/btn/customer/group.png') no-repeat !important
		;
}

.btn-system-setting {
	background: url('../images/btn/customer/system-setting.png') no-repeat
		!important;
}

.refresh {
	background-image: url('../images/btn/ref_16.gif') !important;
}

.menu-file {
	background-image: url('../images/menus/file.png') !important;
}

.menu-add {
	background-image: url('../images/menus/add.png') !important;
}

.menu-del {
	background-image: url('../images/menus/del.png') !important;
}

.menu-list {
	background-image: url('../images/menus/list.png') !important;
}

.menu-manage {
	background-image: url('../images/menus/manage.png') !important;
}

.menu-disclick {
	background-image: url('../images/system/hmenu-lock.gif') !important;
}

.menu-assets {
	background-image: url('../images/flag/customer/rmb.png') !important;
}

.btn-add {
	background-image: url('../images/system/add_16.gif') !important;
}

.btn-sedit {
	background-image: url('../images/system/add_16.gif') !important;
}

.btn-delete {
	background-image: url('../images/system/delete.png') !important;
}

.btn-shared {
	background-image: url('../images/technicalvol/sedit.bmp') !important;
}

.btn-sverso {
	background-image: url('../images/technicalvol/sverso.bmp') !important;
}

.btn-fs {
	background-image: url('../images/technicalvol/fs.bmp') !important;
}

.btn-expand {
	background-image: url('../images/technicalvol/expand.bmp') !important;
}

.btn-export {
	background-image: url('../images/technicalvol/export.bmp') !important;
}

.btn-txb {
	background-image: url('../images/technicalvol/txb.bmp') !important;
}

.btn-query {
	background-image: url('../images/btn/query.gif') !important;
}

.add {
	background-image: url('../images/btn/query.gif') !important;
}

.btn-expand {
	background-image: url('../images/btn/expand.png') !important;
}

.btn-reset {
	background-image: url('../images/btn/reset.png') !important;
}

.btn-collapse {
	background-image: url('../images/btn/collapse.png') !important;
}

.btn-refresh {
	background-image: url('../images/btn/refresh.png') !important;
}

.btn-ok {
	background-image: url('../images/btn/ok.png') !important;
}

.btn-cancel {
	background-image: url('../images/btn/cancel.png') !important;
}

.btn-close {
	background-image: url('../images/btn/cancel.png') !important;
}

.btn-search {
	background-image: url('../images/btn/search.png') !important;
}

.btn-users {
	background-image: url('../images/btn/users.png') !important;
}

.btn-select {
	background-image: url('../images/btn/select.png') !important;
}

.btn-save {
	background-image: url('../images/btn/btn-save.png') !important;
}

.btn-cancel11 {
	background-image: url('../images/btn/btn-cancel.png') !important;
}

.btn-clear {
	background-image: url('../images/btn/clear.png') !important;
}

.btn-password {
	background-image: url('../images/btn/password.gif') !important;
}

.menu-destop {
	background-image: url('../images/menus/destop.gif') !important;
}

.menu-system {
	background-image: url('../images/menus/setting.png') !important;
}
.menu-charbaredit {
	background-image: url('../images/menus/charbaredit.bmp') !important;
}

.menu-role {
	background-image: url('../images/menus/system/role_menu.png') !important;
}

.menu-department {
	background-image: url('../images/menus/system/department_menu.png')
		!important;
}

.menu-attachment {
	background-image: url('../images/flag/attachment.png') !important;
}

.menu-company {
	background-image: url('../images/menus/system/company_menu.png')
		!important;
}

.menu-report {
	background-image: url('../images/menus/system/report_menu.png')
		!important;
}

.menu-dictionary {
	background-image: url('../images/menus/system/dictionary.png')
		!important;
}

.menu-customer {
	background-image: url('../images/menus/customer.png') !important;
}

.menu-customerView {
	background-image: url('../images/menus/customer/customer_menu.png')
		!important;
}

.menu-cusLinkman {
	background-image: url('../images/menus/customer/cuslinkman_menu.png')
		!important;
}

.menu-connection {
	background-image: url('../images/menus/customer/note.png') !important;
}

.menu-project {
	background-image: url('../images/menus/customer/briefcase.png')
		!important;
}

.menu-contract {
	background-image: url('../images/menus/customer/contract.png')
		!important;
}

.menu-appuser {
	background-image: url('../images/menus/system/user_menu.png') !important
		;
}

.menu-task {
	background-image: url('../images/menus/task.png') !important;
	background-repeat: no-repeat;
	background-position: 10% 50%;
}

.menu-administrator {
	background-image: url('../images/menus/administrator.png') !important;
}

.menu-flow {
	background-image: url('../images/menus/flow.gif') !important;
}

a.attachment {
	background: url('../images/flag/attachment.png') no-repeat !important;
	padding-left: 18px;
}

img.img-delete {
	cursor: pointer;
	height: 12px;
}

span.opAttachFile {
	line-height: 24px;
	font-size: 12px;
}

.table-info {
	border: 1px solid #000;
	margin: 5px 5px 5px 5px;
	font-size: 12px;
	color: #03386C;
	background-color: green;
}

.table-info th {
	font-weight: bold;
}

.table-info th,.table-info td {
	background-color: white;
	height: 28px;
	padding: 2px 2px 2px 4px;
}

.dep-user {
	background-image: url('../images/menus/selectors/dep-user.gif')
		!important;
}

.online-user {
	background-image: url('../images/menus/selectors/user_16.gif')
		!important;
}

.role-user {
	background-image: url('../images/menus/selectors/group_16.gif')
		!important;
}

.x-form-field-wrap .x-form-browse-trigger {
	background: transparent url(../images/btn/user-sel.png) no-repeat 0 0;
	cursor: pointer;
	right: 0;
}

.index-list a {
	text-decoration: none;
	font-size: 12px;
	font-family: sans-serif;
	font-color: black;
}

.home-ul {
	display: block;
}

.home-ul li {
	margin-top: 4px;
	padding-left: 18px;
	height: 22px;
	background: url('../images/flag/home/noticeItem.png') no-repeat
		!important;
	border-bottom: dashed 1px #ccc;
}

.home-ul li a {
	text-decoration: none;
}

li .right {
	float: right;
	padding-right: 6px;
}

.x-icon-combo-icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 18px;
	height: 14px;
}

.x-icon-combo-input {
	padding-left: 25px;
}

.x-form-field-wrap .x-icon-combo-icon {
	top: 3px;
	left: 5px;
}

.x-icon-combo-item {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 24px;
	width: auto;
}

.ux-icon-combo-icon {
	background-repeat: no-repeat;
	background-position: 0 50%;
	width: 18px;
	height: 14px;
}

.ux-icon-combo-input {
	padding-left: 25px;
}

.x-form-field-wrap .ux-icon-combo-icon {
	top: 3px;
	left: 5px;
	width: 50px;
}

.ux-icon-combo-item {
	background-repeat: no-repeat !important;
	background-position: 3px 50% !important;
	padding-left: 24px !important;
	height: 14px;
	width: auto;
}

.menu-desktop {
	background-image: url('../images/menus/monitor.png') !important;
	background-repeat: no-repeat;
	background-position: 10% 50%;
}

.menu-subuser {
	background-image: url('../images/menus/desktop/user_go.png') !important;
}

.btn-reseted {
	background-image: url('../images/btn/reset.png') !important;
}

.btn-reset {
	background-image: url('../images/btn/reset.png') !important;
}

.menu-subDiary {
	background-image: url('../images/menus/system/subDiary.png') !important;
}

.menu-product {
	background-image: url('../images/menus/customer/product.png') !important
		;
}

.menu-provider {
	background-image: url('../images/menus/customer/provider.png')
		!important;
}

.menu-flowManager {
	background-image: url('../images/menus/flow/flowManager.png') !important
		;
}

.menu-flowNew {
	background-image: url('../images/menus/flow/flowNew.png') !important;
}

.menu-flowWait {
	background-image: url('../images/menus/flow/flowWait.png') !important;
}

.menu-flowEnd {
	background-image: url('../images/menus/flow/flowEnd.png') !important;
}

.menu-flowPr {
	background-image: url('../images/menus/flow/flowPr.png') !important;
}

.menu-flowMine {
	background-image: url('../images/menus/flow/flowMine.png') !important;
}

.btn-copyrole {
	background-image: url('../images/btn/system/role_copy.png') !important;
}

.x-grid3-row-with-body {
	background: #f4f4f4;
}

.x-grid3-row-with-body .x-grid3-row-body {
	padding: 5px 5px 5px 40px;
	font-weight: bold;
	-moz-user-select: text;
	cursor: text;
}

.x-grid3-row td,.x-grid3-summary-row td {
	-moz-user-select: -moz-none;
}

.menu-navigation {
	background-image: url('../images/menus/navigation.png') !important;
}

.menu-system-setting {
	background-image: url('../images/btn/customer/system-setting.png')
		!important;
}

.btn-ie {
	background-image: url('../images/btn/system/ie.png') !important;
}

.btn-pdf {
	background-image: url('../images/btn/system/pdf.png') !important;
}

.btn-xls {
	background-image: url('../images/btn/system/xls.png') !important;
}

.btn-archive-attachment {
	background: url(../images/flag/attachment.png) no-repeat !important;
}

.btn-flow-start {
	background-image: url('../images/btn/flow/flow_start.png') !important;
}

.btn-flow-design {
	background-image: url(../images/btn/flow/flow_design.png) !important;
}

.btn-flow-chart {
	background-image: url(../images/btn/flow/flow_chart.png) !important;
}

.thumb-wrap {
	width: 31%;
	border: 1px solid #c7e3fa;
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 4px;
}

.thumb-wrap span {
	display: block;
	margin: 1px;
	overflow: hidden;
}

.thumb-wrap span font {
	color: #2A4D8F;
	font-weight: bolder;
	font-size: 12px;
}

.x-view-over {
	border: 1px solid #ddd;
	background: #efefef;
	padding: 4px;
}

.x-view-selected {
	background: #DFEDFF;
	border: 1px solid #6593cf;
	padding: 4px;
}

.x-view-selected .thumb {
	background: transparent;
}

.x-view-selected span {
	color: #1A4D8F;
}

.contentDiv {
	padding-left: 3px;
	padding-right: 3px;
	background: white;
	border: none;
}

.newsList {
	border: 0 dashed #c7e3fa;
	width: 100%;
}

.newsList tr {
	border: 0 dashed #c7e3fa;
}

.newsList tr td {
	height: 28px;
	border: none;
	border-buttom: 1px dashed #c7e3fa;
	border-top: 1px dashed #c7e3fa;
	color: #c3e3fa;
}

.newsList tr td a {
	text-decoration: none;
	overflow: hidden;
	color: blue;
}

.newsList tr td a:hover {
	color: #25e3fa;
}

.newsList tr td img {
	border: 0;
	width: 16px;
	height: 16px;
}

.moreDiv {
	width: 100%;
}

.moreDiv span {
	float: right;
	margin-right: 12px;
}

.moreDiv span a {
	text-decoration: none;
	color: blue;
}

.tipDiv {
	padding: 0;
	margin: 0;
	background: #fff;
}

.resizable {
	position: absolute;
}

.setDiv {
	background: #f4ffff;
}

.x-editable {
	font: bold 13px tahoma, verdana, helvetica;
	text-align: center;
	padding: 0;
	padding-top: 20px;
}

.x-timelabel {
	text-align: center;
	padding-top: 20px;
}

.x-linkdel {
	position: absolute;
	visibility: hidden;
	text-align: right;
	width: 100%;
}

.msg .x-box-mc {
	font-size: 14px;
}

#msg-div {
	position: absolute;
	left: 35%;
	top: 10px;
	width: 300px;
	z-index: 20000;
}

#gl {
	border-width:1px 1px 1px 1px;
	}


#msgmzh-div {
	position: absolute;
	font-size: 18px;
	left: 75%;
	top: 20px;
	width: 300px;
	z-index: 20000;
}

#msg-div .msg {
	border-radius: 8px;
	-moz-border-radius: 8px;
	background: #F6F6F6;
	border: 2px solid #ccc;
	margin-top: 2px;
	padding: 10px 15px;
	color: #555;
}

#msgmzh-div .msgmzh {
	border-radius: 8px;
	-moz-border-radius: 8px;
	background: #F6F6F6;
	border: 2px solid #ccc;
	margin-top: 20px;
	padding: 10px 15px;
	color: #555;
}

#msg-div .msg h3 {
	margin: 0 0 8px;
	font-weight: bold;
	font-size: 15px;
}

#msg-div .msg p {
	margin: 0;
}