body {
	font-family: "Arial";
	font-size: 16px;
	line-height: 125%;
	margin: 0px;
}
/* 各级标题字体 */
h1 {
	font-size: 140%;
	font-weight: bold;
	color: #007770;
	line-height: 160%;
}
h2 {
	font-size: 120%;
	font-weight: bold;
	color: #007770;
	line-height: 140%;
}
.caption {
	display: inline-block;
	vertical-align: top;
	color: #007770;
}

/* 页面布局 */
#titlebar {
	height: 50px;
	background-color: lightyellow;
	border-bottom: 2px solid gray;
}
#headertitle {
	font-size: 1.8em;
	font-weight: bold;
	color: #007770;
	line-height: 50px;
	text-align: center;
}
#headersub {
	font-size: 1.1em;
	font-style: italic;
	color: #007770;
	line-height: 50px;
	text-align: right;
}
#loginuser {
	font-size: 1.0em;
	color: #007770;
	line-height: 50px;
	text-align: left;
}
#headericon {
	/* line-height: 50px; */
	padding: 5px;
}
#mainbody {
	height: 840px;
	overflow: auto;
}
#footerbar {
	text-align: right;
	padding: 10px 20px 10px 0px;
	/* background-color: lightyellow; */
	border-top: 1px solid lightgray;
	/* font-size: 0.9em; */
	font-style: italic;
}

/* 客户，订单，任务页面的布局 */
#ListPanel {
	width: 300px;
	height: 100% - 20px;
}
#EditButtons {
	position: relative;
	left: 750px;
	top: 20px;
}
.Toolbar {
	padding: 10px;
} 
.section {
	margin-bottom: 20px;
}

/* 布局 */
.flexcontainer {
	display: flex;
}
.flexcol {
	flex: 1;
	height: 100% - 20px;
}
.tablecontainer {
	display: table;
	width: 100%;
}
.celldiv {
	display: table-cell;
	padding: 5px;
} 

.zone, .zoneh, .oprdesk, .info {
	margin: 5px;
	overflow: auto;
}
.zone {
	padding: 5px;
	border: 1px solid #007770;
}
.zoneh {
	padding: 5px;
	border: 1px solid orange;
}
.oprdesk {
	padding: 10px;
	border: 1px solid lightcoral;
}
.info {
	background-color: #EEEEEE;
	padding: 10px;
}
/* .rectable {
	flex-grow: 1;
	flex-shrink: 1;
	padding: 5px;
} */
.recinput {
	width: 320px;
	padding: 10px;
	margin-left: 10px;
}

/* 内嵌标签页样式  */
.tabsdiv {
	background-color: #DEDCD8;
	width: 100%;
	height: 54px;	
	margin-top: 10px;
	margin-bottom: 10px;
}
.tabs {
	display: table-cell;
	width: 128px;
	height: 52px;
	/* line-height: 50px; */
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #787775;
	cursor: pointer;
}
.activetab {
	background-color: #ffffff;
	border-left: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-bottom: #ffffff 1px solid;
}
.inactivetab {
	background-color: #DEDCD8;
}
.tabs:hover {
	color: #007770;
}
.tabpage {
	padding: 5px;
}

/* 双色表格 */
.bicolor {
	border: 0; 
	border-bottom: 1px solid #EFEDEC;
	border-spacing: 2px;
}
.bicolor th {
	background-color:#DEDCD8;
	color: black;
	font-weight: bold;
	padding: 5px;
}
.bicolor td {
	padding: 5px;
}
.bicolor tr:nth-child(odd) {
	background-color: #EFEDEC;
}
.bicolor tr:nth-child(even) {
	background-color:#FFFFFF;
}

/* 列表样式 */
.list0 {
	font-size: 100%;
	list-style-image: url(images/greentriangle.gif);
	line-height: 160%
}
.clickablelist li span {
	cursor: default;
}
.draggablelist li span {
	cursor: pointer;
}

/* 链接样式 */
a:link {
	color: #787775;
	text-decoration: none;
}
a:visited {
	color: #787775;
	text-decoration: none;
}
a:hover {
	color: #007770;
	text-decoration: none;
}
a:active {			
	color: #007770;
	text-decoration: none;
}

/* ListManager ItemManager */
.item {
	width: 94%;
	padding: 10px;
	border-top: 1px solid lightgray;
}
.selectable {
	cursor: pointer;
}
.selectable:hover {
	background: #EEEEEE;
}
.selected {
	background: lightpink;
}

/* RecordManager */
.Header0 {
	font-size: 1.2em;
	font-weight: bold;
	color: #007770;
	line-height: 160%;
	padding-left: 10px;
}
.Header1, .Header2, .Header3 {
	font-size: 1.0em;
}
.Title0, .Button0, .Title1, .Button1, .Title2, .Button2, .Title3, .Button3 {
	display: table-cell;
}
.Record0 {
	margin: 10px;
}
.Record1, .Record2, .Record3 {
	/* background-color: lightgray; */
	margin: 5px 5px 5px 20px;
}
.Title0 {
	width: 580px;
	font-size: 1.2em;
	/* background-color: lightgray; */
}
.Title1, .Title2, .Title3 {
	width: 400px;
	font-size: 1.0em;
}
.Title0, .Button0 {
	padding: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid gray;
}
.Title1, .Button1, .Title2, .Button2, .Title3, .Button3{
	padding: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed silver;
}
.Content0 {
	font-size: 1.0em;
	padding: 10px;
}
.Content1, .Content2, .Content3 {
	font-size: 0.9em;
	padding: 5px;
}

/* 其他 */
input[type*="number"] {
	width: 80px;
}
.refresh {
	float: right;
	margin-right: 20px;
}

.arrowcontainer {
	width: 20px;
}
.arrowupcontainer {
	height: 20px;
}
.arrowright, .arrowleft, .arrowup {
	position: relative;
	width: 0;
	height: 0;
}
.arrowright {
	border-left: 20px solid lightseagreen;
	border-top: 10px solid white;
	border-bottom: 10px solid white;
	/* top: calc(50% - 20px); */
	top: 200px;
}
.arrowleft {
	border-right: 20px solid lightseagreen;
	border-top: 10px solid white;
	border-bottom: 10px solid white;
	top: 200px;
}
.arrowup {
	border-bottom: 20px solid lightseagreen;
	border-left: 10px solid white;
	border-right: 10px solid white;
	left: calc(50% - 20px);
}
.highlight {
	color: red;
}
.amount {
	font-weight: bold;
	font-style: italic;
}