@charset "utf-8";

* {
	margin: 0;
	font-family:微软雅黑, Arial;
	color:#616161;
}
html, body {
	font-family:微软雅黑, Arial;
	font-size:10pt;
	color:#616161;
}

a {text-decoration:none; font-family:微软雅黑, Arial; cursor:pointer;}
a img {border:0px;}
select {padding:4px; color:#3F3F3F;}

/*************布局**************/
.ui-layout-container {min-width:1024px;}

#north, #west, #center, #south{border:none; padding:0px; border-radius:0px; -moz-border-radius:0px;}

#center .ui-widget-content {margin-right:5px;}

#north .ui-widget-content {padding:0px; margin:0px; overflow:hidden;}

#west .ui-widget-content{padding:0px; overflow-y:auto; overflow-x:hidden;}
#west {top:55px !important; height:88% !important; overflow:hidden;}

#south .ui-widget-content {text-align:center; background-color:#333; padding-top:5px; color:#999; font-size:10pt; font-weight:bold; 
							font-family:Arial, Helvetica, sans-serif;}						
/***********END***************/

/*************头部**************/
.menu {background:#2b2a28; margin: 0 auto; border-bottom: solid 3px #e83d02; overflow:hidden; height:52px;}		
.menu ul {padding-top:10px; padding-left:5px; background:#666; margin: 0 auto; background: #2b2a28; overflow:hidden;}
.menu ul li {list-style:none; float:left; padding-top:15px; padding-bottom:8px;}
.menu ul li a {color:#eee; text-decoration:none; padding:30px 23px; cursor:pointer; font-size:11pt; font-weight:bold; 
				border-right:1px dotted #5a5957;}
.menu ul li a.now-data {background:url(../images/menu/now-data.png) no-repeat top center;}
.menu ul li a.report {background:url(../images/menu/report.png) no-repeat top center;}
.menu ul li a.analysis {background:url(../images/menu/analysis.png) no-repeat top center;}
.menu ul li a.business {background:url(../images/menu/business.png) no-repeat top center;}
.menu ul li a.system {background:url(../images/menu/system.png) no-repeat top center;}	
.menu ul li a.logout {background:url(../images/menu/logout.png) no-repeat top center;}
.menu ul li a.edit-pwd {background:url(../images/menu/edit-pwd.png) no-repeat top center;}
.menu ul li a.system-msg {background:url(../images/menu/system-msg.png) no-repeat top center;}
.menu ul li a:hover {color:#ccc; background-color:#333;}
.menu ul li.active a {color:#fff ;background-color:#e83d02;}
/***********END***************/

/****************Left child menu****************/
.child-menu{width:211px; height:auto !important; overflow:visible !important; height:100% !important; background-color:#3D3D3D; 
			margin-top:0px; border-right:1px dotted #FFF;}
.child-menu ul{padding:0px; background-color:#3D3D3D;}
.child-menu ul li a{display:block; color:#909090; font-weight:normal; font-size:11pt;}

.child-menu ul li.sub a{padding-top:8px; padding-bottom:8px; padding-left:35px; background-color:#252525; border-top:1px solid #4E4E4E;
						border-bottom:1px solid #4E4E4E; background-position:5px; background-repeat:no-repeat;}
.child-menu ul li.sub a:hover {background-color:#303030; color:#E1E1E1;}
						
.child-menu ul li.child a{padding-top:7px; padding-bottom:7px; padding-left:50px;}
.child-menu ul li.child a:hover {background-color:#575757; color:#FFF;}
.child-menu ul li.child a.active {background-color:#575757; color:#FFF;}

/****************END****************/	

.ui-datatable-empty-message td {color:#E81147; text-align:center; }
.ui-widget-content {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ui-messages li {text-align:left;}
.ui-growl {margin:0 auto; width:300px; left:10%; z-index:999; top:300px;}
.ui-menuitem-text {margin-left:2px; font-size:10pt;}
.ui-menu-list .ui-widget-header {font-size:11pt;}
.ui-tabs-selected a {font-weight:bold !important; color:#2178B1 !important;}
.ui-dialog-titlebar {height:25px; line-height:25px; background-color:#F3F3F3 !important;}
.ui-dialog-title {margin:0px !important;}
.ui-dialog-titlebar-close {margin-top:3px !important;}
.ui-selectonebutton .ui-state-active {background-color:#0071E1 !important; color:#FFF; }
.ui-selectonebutton .ui-state-active span {color:#FFF;}
.ui-inputtext, .ui-password {height:26px; line-height:26px; color:#333 !important;}
.ui-separator {margin-top:10px; margin-bottom:10px; border:1px solid #E1E1E1 !important;}
.ui-datatable-footer {background-color:#FFD0D0;}
.ui-messages-error-summary {font-size:10pt;}
.ui-growl-title {font-size:10pt; color:#FFF;}
.ui-datepicker {z-index:3000 !important;}
.hasDatepicker {height:22px; width:85px !important; color:#616161 !important;}
.ui-icon-calendar {background-image:url(../images/calander.png) !important; background-position: center center !important;}
.ui-datepicker-days-cell-over {text-align:center;}
.ui-datalist .ui-datalist-content {border:none;}
.ui-datalist li {margin-bottom:10px;}
.ui-datatable-subtable-header {background-color:#ACACAC; color:#FFF; font-size:10pt; font-weight:normal; letter-spacing:1px;}

.jqplot-target {height:350px;}
.ui-selectcheckboxmenu {width:120px; vertical-align:middle;}
.ui-selectcheckboxmenu-panel {width:220px;}
.ui-selectcheckboxmenu-label {color:#3E3EFF;}
.ui-selectcheckboxmenu-label:hover{color:#0000EA;}
.ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item label{color:#3E3EFF;}
/* Clear fix */
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
/* END */

.anchang {min-width:150px; max-width:200px; font-size:12pt !important;}
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.show {display:block;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.star {color:#F00; font-size:11pt;}
.input-error {border:1px solid #F00 !important;}
.err_msg {color:#F00;}
.word-wrap {word-break:break-all; word-wrap: break-word; white-space:nowrap;}
.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
			-moz-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis;}

.group .label {float:left; text-align:right; width:120px; font-size:11pt; height:45px; line-height:45px; margin-right:8px;}
.group .value {float:left; text-align:left;  height:45px; line-height:45px;}

.sts-header {display:block; background-color:#FD7E00; padding:8px; font-size:11pt; color:#FFF; font-weight:bold;}
.grd-tip-title {text-align:left; font-size:8pt; font-weight:normal; color:#FF8484; cursor:pointer;}	

.tab-title a {color:#424242 !important;}	
.jqplot-title {font-size:12pt; font-weight:bold; margin-top:10px; color:#F60;}		

.opt-td a {font-size:11pt !important; font-family:微软雅黑, Arial; padding-left:8px; font-weight:bold;}
.opt-td a:hover {color:#C40F0B;}

.sys-warn-msg {color:#FFF !important;}
.sys-warn-msg-active {color:#F00 !important;}

.mypanel { border:1px solid; padding:0px; margin-left:5px; margin-right:5px;}
.mypanel .header div {font-size:14pt; color:#FFF; padding:5px 0px 5px 5px;}
.mypanel .footer {font-size:12pt; padding:5px; background-color:#F0F0F0;}
.mypanel .footer div{display:block; word-break:break-all; word-wrap: break-word; white-space:normal; margin-bottom:5px;}
.mypanel .footer .report-label{font-size:10pt; padding:2px 5px 2px 5px; background-color:#7B7B7B; color:#FFF; 
								margin-right:5px;}
.mypanel .footer .report-data{ color:#C10000; font-size:14pt;}

.klCount {font-size:18pt; color:#00C1C1;}
.kl-chart {height:350px;}
.busy-kl {background-color:#E12663; color:#FFF;}

.tab-header {font-size:12pt; background-color:#999; padding:5px; color:#1B1B1B; margin-top:10px;}
.tab-chart-data {background-color:#CCC; width:100%;}
.tab-chart-data tr{background-color:#FFF;}
.tab-chart-data th{font-weight:bold; font-size:11pt; text-align:center; color:#2F2F2F; padding:5px;}
.tab-chart-data td{font-size:11pt; text-align:center; padding:5px;}

#multi-shop {margin-top:5px;}
#multi-shop li {float:left; margin-right:25px; list-style-type:none; margin-bottom:15px;padding:5px 10px 5px 10px;}
#multi-shop li span{color:#FFFFFF; font-size:11pt;}							
.chk-noselected {background-color:#37C657;} 
#many-button {margin-left:50px; margin-top:20px;}
#many-button a {color:#FFFFFF; font-size:11pt; padding:10px;}
#many-button a.active {font-weight:bold; border:1px dotted #FFFFFF; text-decoration:underline;}

.date-info {width:300px; display:inline-block; border:1px solid #CCC; text-align:left; height:55px;}
.date-info .header {background-color:#EBEBEB; padding-top:3px; padding-bottom:3px;}
.date-info img {margin-left:5px;}
.date-info .header span{font-size:10pt; color:#000;}
.date-info .data {padding:5px 0px 5px 5px; font-size:11pt; color:#000;}
/* Button icon */
.button {padding-left:25px; padding-right:15px; padding-top:5px; padding-bottom:5px; color:#FFF !important; border:none; 
			border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:10pt !important; background-repeat:no-repeat;
			background-position:5px; font-family:微软雅黑, Arial;}
.btn-add {background-image:url(../images/button/add.png);}
.btn-save {background-image:url(../images/button/save.png);}
.btn-edit {background-image:url(../images/button/edit.png);}	
.btn-delete {background-image:url(../images/button/delete.png);}
.btn-cancel {background-image:url(../images/button/cancel.png);}
.btn-ok {background-image:url(../images/button/ok.png);}	
.btn-search {background-image:url(../images/button/search.png);}
.btn-upload {background-image:url(../images/button/upload.png);}
.btn-export {background-image:url(../images/button/export.png);}
	
.blue {background-color:#0095cd;}
.blue:hover {background-color:#0078a5;}

.gray {background-color:#575757;}
.gray:hover {background-color:#6e6e6e;}

.orange {background-color:#f47a20;}
.orange:hover {background-color:#f78d1d;}

.red {background-color:#d81b21;}
.red:hover {background-color:#ed1c24;}

.green {background-color:#7db72f;}
.green:hover {background-color:#4e7d0e;}

.black {background-color:#000;}
.black:hover {background-color:#333;}
/* END */

/* Page */
#page {padding:5px; font-size:10pt; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
#page div{display:inline;}
#page .info{width:150px; float:left; text-align:left;}
#page .pages{width:auto; float:left; text-align:left;}
#page .total_records{color:#00C;}
#page .current_page{font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic; 
					padding:3px 12px; font-size:11pt; border:1px solid #666; background-color:#A7A7A7; margin-left:2px;}
#page a{padding:3px 12px; border:1px solid #666; text-decoration:none; margin-left:2px;}
#page a:hover{border:1px solid #333; box-shadow:0px 0px 2px #333;}
#page .first{background:url(../images/first.ico) no-repeat center !important;}
#page .last{background:url(../images/last.png) no-repeat center !important;}
#page .previous{background:url(../images/previous.png) no-repeat center !important;}
#page .next{background:url(../images/next.png) no-repeat center !important;}
/* END */