@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0;
	padding: 0;
}

body {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	font-size: 12px;
	color: #666666;
	background-color: white;
	line-height: 28px;
	padding-top: 0.1px;
	/*overflow-y:hidden;*/
}

body * {
	font-family: 微软雅黑;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: auto;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.17em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.83em;
}

h6 {
	font-size: 0.67em;
}

img {
	border: 0px;
}

a:link {
	color: #676f7c;
	text-decoration: none;
}

a:hover {
	color: #D13933;
	text-decoration: underline;
}

a:active {
	color: #D13933;
	text-decoration: none;
}

a:visited {
	color: #D13933;
	text-decoration: none;
}

h1.title {
	font-size: 14px;
	background: none #ECECEC;
	color: #D13933;
	font-weight: bold;
	line-height: 28px;
	height: 28px;
	margin: 10px 28px;
	padding: 0 28px;
}

h2.title {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	height: 28px;
	line-height: 28px;
	margin: 10px 0;
}

h2.title ~ div {
	padding: 0 28px 28px;
	border-bottom: 1px solid #bdbdbd;
}

h1.title ~ div {
	padding: 0 28px 28px;
	margin: 10px 28px;
}

h2.title ~ div:last-child {
	border-bottom: none;
}



.righttop-biao {
	width: 7px;
	height: 9px;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	background-image: url(../images/icon1.gif);
}

.righttop-lab {
	width: 34px;
	height: 31px;
	float: left;
}

.righttop-lab-t {
	width: 41px;
	height: 24px;
	float: left;
}

/*form*/
fieldset {
	background-color: white;
	border: none;
	margin: 1.5em 0.5em;
	padding-top: 40px;
	position: relative;
/* 	border-bottom: 1px dashed #BBBBBB; */
}

legend {
	background-color: #ececec;
	color: #d13933;
	font-weight: bold;
	left: 0;
	line-height: 28px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	text-indent: 1em;
}

label.required:before {
	color: red;
	content: "*";
	margin: 0;
}

/*inputs*/
input:not([type='checkbox'] ):not([type='radio'] ):not([type='submit']
	 ):not([type='button'] ):not([type='reset'] ):not([type='file'] ):not([type='image']),
	textarea, select {
	background-color: #FFF;
	border: 1px solid #BDBDBD;
	color: #4e545c;
	padding-left: 2px;
	transition: all 300ms ease 0s;
	-webkit-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
}

input:not([type='checkbox'] ):not([type='radio'] ):not([type='submit']
	 ):not([type='button'] ):not([type='reset'] ):not([type='file'] ):not([type='image']):hover,
	textarea:hover, select:hover {
	border: 1px solid #797879;
}

input:not([type='checkbox'] ):not([type='radio'] ):not([type='submit']
	 ):not([type='button'] ):not([type='reset'] ):not([type='file'] ):not([type='image']):focus,
	textarea:focus, select:focus {
	border: 1px solid #828282;
}

input:not([type='checkbox'] ):not([type='radio'] ):not([type='submit']
	):not([type='button'] ):not([type='reset'] ):not([type='file'] ):not([type='image']),t {
	width: 110px;
	height: 22px;
}

textarea {
	width: 220px;
	height: 66px;
}

select {
	width: 110px;
	height: 22px;
}

input[type='button'], input[type='submit'], input[type='reset'], button.ui-button[role="button"]:not(.ui-button-icon-only) {
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 0.3em 1em;
	margin: 5px 8px 5px 0 !important;
	background: #e8e8e8 !important;
	color: #555555;
	border: 1px solid #c2c9d1 !important;
}

input[type='submit'] {
	background: none #C7454D !important;
	border-color: #bb1f29 !important;
	color: white;
	font-weight: bold;
}

input[type='button']:hover, input[type='submit']:hover, input[type='reset']:hover
	{
	color: #d13933;
	border: 1px solid #999999 !important;
}

input[type='submit']:hover {
	background: none #D5741D !important;
	border-color: #D5741D !important;
	color: white;
}

.toolbar {
	line-height: 25px;
	background-color: #e9f0f8;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

/*r-table*/
table {
	border-collapse: collapse !important;
}

table.grid {
	border: 1px solid #c2c9d1;
}

table.grid caption {
	background: none #ECECEC;
	font-weight: bold;
	color: #D13933;
	text-indent: 1em;
	line-height: 28px;
	height: 28px;
	padding: 0.4em 0;
}

.grid th, .ui-jqgrid-htable th[role="columnheader"] {
	border: 1px solid #c2c9d1 !important;
	white-space: nowrap;
	min-width: 16px;
	min-height: 28px;
	line-height: 28px;
	padding: 3px 1em;
	background: none #C7454D !important;
	color: white !important;
}

.grid tbody>tr {
	background: #fffced;
	cursor: default;
}

.grid tbody>tr:nth-child(even) {
	background: #fffadf;
}

.grid tbody>tr:hover {
	background: #fff8da;
	box-shadow: 0 0 4px;
}

.grid tbody>tr.selected, .ui-jqgrid .grid .ui-state-highlight {
	background: #f9e3dc;
	color: #d5242f;
	box-shadow: none;
}

.ui-jqgrid .s-ico {
	display: inline-block;
	height: 1em;
	width: 1px;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px !important;
}

.r-tr1 {
	border-bottom: 1px solid #E5E3D8;
	border-right: 1px solid #E5E3D8;
}

.r-tr2 {
	border-bottom: 1px solid #E5E3D8;
}

.r-tr3 {
	border-bottom: 1px solid #E5E3D8;
	border-top: 1px solid #E5E3D8;
	border-right: 1px solid #E5E3D8;
}

td {
	padding: 2px;
}

.grid td, .grid tbody tr td {
	border: 1px solid #E5E3D8 !important;
	line-height: 28px;
	min-height: 28px;
}

/*** ***/
table.graygrid {
	border: 1px solid #c2c9d1;
}

table.graygrid caption {
	background: none #ECECEC;
	font-weight: bold;
	color: #D13933;
	text-indent: 1em;
	line-height: 28px;
	height: 28px;
	padding: 0.4em 0;
}

.graygrid th {
	border: 1px solid #c2c9d1;
	white-space: nowrap;
	min-width: 16px;
	min-height: 28px;
	line-height: 28px;
	padding: 3px 1em;
	background-color: #B2B2B2;
	color: white;
}

.graygrid tbody>tr {
	background-color: #F1F1F1;
	cursor: default;
}

.graygrid tbody>tr:nth-child(even) {
	background: #E4E4E4;
}

.graygrid tbody>tr:hover {
	background-color: #FFFCED;
	box-shadow: 0 0 4px;
}

.graygrid tbody>tr.selected {
	background-color: #f9e3dc;
	color: #d5242f;
	box-shadow: none;
}

.graygrid td, .graygrid tbody tr td {
	border: 1px solid #E5E3D8;
	line-height: 28px;
	min-height: 28px;
}

.r-labbg {
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	font-size: 15px;
	color: #464646;
	background-image: url(../images/r-bg-2.jpg);
	border-bottom: 1px solid #c2c9d1;
	padding-left: 10px;
}

input.styled {
	display: none;
}

select.styled {
	position: relative;
	width: 127px;
	opacity: 0;
	filter: alpha(opacity =   0);
	z-index: 5;
}

.disabled {
	opacity: 0.5;
	filter: alpha(opacity =   50);
}

iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.scroll-container {
	overflow: auto;
	height: 0;
}

.nowrap {
	white-space: nowrap;
}

.error {
	color: red;
}

#content-wrapper {
	text-align: center;
	padding: 1px 5em;
}

#title {
	padding-bottom: 0.5em;
	border-bottom: 1px solid #bdbdbd;
}

#content {
	text-align: justify;
}

.icon {
	display: inline-block;
	padding-top: 18px;
	width: 18px;
	height: 0;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
}

.disable {
	cursor: not-allowed;
}

.icon-new, .icon-edit, .icon-del, .icon-check, .icon-recheck,
	.icon-detail, .icon-print, .icon-play, .icon-stop {
	background: url("../images/themes/default/ico_g1.png") no-repeat;
}

.icon-enable, .icon-disable, .icon-manuf1, .icon-manuf2, .icon-history {
	background: url("../images/themes/default/ico_g2.png") no-repeat;
}

.icon-send, .icon-miss, .icon-dismiss, .icon-checkout, .icon-acc-save,
	.icon-acc-pay, .icon-acc-change, .icon-credit-opt,
	.icon-credit-exchange, .icon-change, .icon-reset {
	background: url("../images/themes/default/ico_g3.png") no-repeat;
}

.icon-new, .icon-enable, .icon-send {
	background-position: 0 0;
}

.icon-edit, .icon-disable, .icon-miss {
	background-position: -32px 0;
}

.icon-del, .icon-manuf1, .icon-dismiss {
	background-position: -64px 0;
}

.icon-check, .icon-manuf2, .icon-checkout {
	background-position: -96px 0;
}

.icon-recheck, .icon-history, .icon-acc-save {
	background-position: -128px 0;
}

.icon-detail, .icon-acc-pay {
	background-position: -160px 0;
}

.icon-print, .icon-acc-change {
	background-position: -192px 0;
}

.icon-play, .icon-credit-opt {
	background-position: -224px 0;
}

.icon-stop, .icon-credit-exchange {
	background-position: -256px 0;
}

.icon-change {
	background-position: -288px 0;
}

.icon-reset {
	background-position: -320px 0;
}

.icon-new:hover, .icon-enable:hover, .icon-send:hover {
	background-position: 0 -32px;
}

.icon-edit:hover, .icon-disable:hover, .icon-miss:hover {
	background-position: -32px -32px;
}

.icon-del:hover, .icon-manuf1:hover, .icon-dismiss:hover {
	background-position: -64px -32px;
}

.icon-check:hover, .icon-manuf2:hover, .icon-checkout:hover {
	background-position: -96px -32px;
}

.icon-recheck:hover, .icon-history:hover, .icon-acc-save:hover {
	background-position: -128px -32px;
}

.icon-detail:hover, .icon-acc-pay:hover {
	background-position: -160px -32px;
}

.icon-print:hover, .icon-acc-change:hover {
	background-position: -192px -32px;
}

.icon-play:hover, .icon-credit-opt:hover {
	background-position: -224px -32px;
}

.icon-stop:hover, .icon-credit-exchange:hover {
	background-position: -256px -32px;
}

.icon-change:hover {
	background-position: -288px -32px;
}

.icon-reset:hover {
	background-position: -320px -32px;
}

.icon-new.disable, .icon-enable.disable, .icon-send.disable {
	background-position: 0 -64px;
}

.icon-edit.disable, .icon-disable.disable, .icon-miss.disable {
	background-position: -32px -64px;
}

.icon-del.disable, .icon-manuf1.disable, .icon-dismiss.disable {
	background-position: -64px -64px;
}

.icon-check.disable, .icon-manuf2.disable, .icon-checkout.disable {
	background-position: -96px -64px;
}

.icon-recheck.disable, .icon-history.disable, .icon-acc-save.disable {
	background-position: -128px -64px;
}

.icon-detail.disable, .icon-acc-pay.disable {
	background-position: -160px -64px;
}

.icon-print.disable, .icon-acc-change.disable {
	background-position: -192px -64px;
}

.icon-play.disable, .icon-credit-opt.disable {
	background-position: -224px -64px;
}

.icon-stop.disable, .icon-credit-exchange.disable {
	background-position: -256px -64px;
}

.icon-change.disable {
	background-position: -288px -64px;
}

.icon-reset.disable {
	background-position: -320px -64px;
}

.backToTop {
	display: none;
	width: 18px;
	line-height: 1.2;
	padding: 5px 0;
	background-color: #666666;
	color: #B2B2B2;
	font-size: 12px;
	text-align: center;
	position: fixed;
	_position: absolute;
	right: 10px;
	bottom: 100px;
	_bottom: "auto";
	cursor: pointer;
	opacity: .6;
	filter: Alpha(opacity = 60);
}

.only-print {
	display: none !important;
}

@media print {
	.noprint {
		display: none;
	}
	
	.only-print {
		display: initial;
	}
	
	table.grid, .grid td, .grid th {
		border-color: black !important;
	}
}

.ORasc {
	position: relative;
	right: -8px;
	top: -7px;
	cursor: pointer;
}

.ORdesc {
	position: relative;
	right: 6px;
	top: 3px;
	cursor: pointer;
}

.bottomToolbar {
	position: fixed;
	_position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	height: 33px;
	text-align: center;
	background: none #DCDCDC;
}
.topToolbar {
	position: fixed;
	_position: absolute;
	top: 0px;
	right: 0px;
	left: 3px;
	height: 90px;
	text-align: left;
	background:rgba(240,240,240,0.9);

}
/**** override jquery ui style ****/
.ui-tabs {
	border: 1px solid #d8d8d8 !important;
	padding: 0 !important;
}

.ui-widget-header {
	background: none #e8e8e8 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: none transparent !important;
	border: none !important;
}

.connected-list li.ui-element {
	font-size: 12px !important;
	border-bottom: 1px solid #E5E3D8 !important;
	line-height: 22px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	background: none white !important;
	border: none !important;
}

.ui-tabs-nav {
	border: none !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0 !important;
}

.ui-tabs .ui-tabs-nav {
	padding: 0 0.7em !important;
}

.ui-tabs .ui-tabs-nav li {
	margin: 0 !important;
	border-style: solid !important;
	border-color: #bdbdbd !important;
	border-width: 0 0 0 1px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	font-weight: bold;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 10px 23px !important;
}

.ui-dialog {
	border: 1px solid #666666 !important;
	padding: 0 !important;
}

.ui-dialog-titlebar {
	background: none #666666 !important;
	border: none !important;
	color: white !important;
}

.ui-accordion-header {
	border: 1px solid #bdbdbd !important;
	border-radius: 4px !important;
	clear: right !important;
	display: inline-block !important;
	height: 1.1em !important;
	padding: 4px 28px !important;
	color: #d13933 !important;
}

.ui-multiselect {
	border: 1px solid #bdbdbd !important;
}

.ui-pg-table div.ui-paging-info {
	padding-right: 36px;
}

.ui-accordion-content {
	border: medium none !important;
}

.ui-accordion-header .ui-accordion-header {
	color: #D13933 !important;
	text-decoration: underline;
}

.ui-datepicker th, .ui-datepicker td {
	min-height: 0 !important;
	line-height: 1 !important;
}

.ui-note {
	margin: 0 5px !important;
	text-align: center !important;
	z-index: 9000 !important;
}

.ui-note-item {
	position: relative !important;
	padding: 0 35px 5px 5px !important;
	line-height: 32px !important;
	height: 32px !important;
}

.ui-note-float {
	position: fixed !important;
	top: 0 !important;
	left: 25% !important;
	right: 25% !important;
}

.ui-note .ui-dialog-titlebar-close {
	height: 20px !important;
	margin: -10px 0 0 !important;
	padding: 1px !important;
	position: absolute !important;
	right: 0.3em !important;
	top: 50% !important;
	width: 21px !important;
}

.ui-note-info {
	background-color: #C9EEF9 !important;
	color: #1A9DC1 !important;
	border: none !important;
}

.ui-note-error {
	background-color: #FFF6C3 !important;
	color: #D5242F !important;
	border: none !important;
}

.ui-note-success {
	background-color: #CEEAB9 !important;
	color: #558134 !important;
	border: none !important;
}

.hasDatepicker {
	width: 94px !important;
}

img.ui-datepicker-trigger {
	cursor: pointer !important;
	/*   margin-left: 4px;  */
	vertical-align: middle !important;
}

@media all and (min-width: 400px) and (max-width: 1366px) {
	h1.title, h2.title {
		font-size: 12px;
	}
	
	.ui-tabs .ui-tabs-nav li a {
		padding: 7px 18px !important;
	}
	
	input[type="button"], input[type="submit"], input[type="reset"]{
		padding: 3px 12px;
	}
	
	.grid th, .graygrid th {
		height: 19px !important;
		line-height: 19px !important;
	}
	
	.grid td, .graygrid td {
		min-height: 19px !important;
		line-height: 19px !important;
	}
	
	legend {
		height: 25px;
		line-height: 25px;
	}
	
	.ui-dialog-titlebar {
		padding: 0 10px !important;
	}
	
	.ui-dialog .ui-dialog-title {
		margin: 0 !important;
		line-height: 17px;
	}
}