@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0px;
	padding: 0px;
}

html,body {
	font: 12px tahoma, Arial, "宋体", Verdana, sans-serif;
	background-color: #ffffff;
}

body {
	margin: 0px 3px;
}

a {
	color: #06F;
	text-decoration: none;
}

.black {
	color: black;
}

.blue {
	color: blue;
}

.green {
	color: green;
}

.gray {
	color: gray;
}

.red {
	color: red;
}

.white {
	color: white;
}

.msgTips {
	color: red;
}
.msgError{
	color: red;
	}
a:hover {
	color: #06F;
	text-decoration: none;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style-type: none;
}

.hidden {
	display: none;
}

.lineThrough {
	text-decoration: line-through;
}

.blank {
	width: 100%;
	height: 10px;
	clear: both;
	overflow: hidden;
}

.blank5 {
	width: 100%;
	height: 5px;
	clear: both;
	overflow: hidden;
}
.blank10 {
	width: 100%;
	height: 5px;
	clear: both;
	overflow: hidden;
}

input,select,label {
	vertical-align: middle
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clear {
	clear: both;
}

.box {margin: 0px 0px 20px;}

.box-header {
	color:#15428b;
	font:bold 11px tahoma,arial,verdana,sans-serif;
	padding:5px 3px 4px 5px;
	line-height: 15px;	
	background:url('../images/tabs_active.png') repeat-x left bottom;	
	border-top:1px dashed #99bbe8;
	border-left:1px dashed #99bbe8;
	border-right:1px dashed #99bbe8;
	border-bottom:1px solid #eee;
	border-collapse:collapse;
}

.box-content {
	border: 1px solid #99bbe8;
	border-top: 0;
	background: white;
	padding:  5px;
	border:1px dashed #99bbe8;
	border-top:none;
	clear:both;
}

div.height_8 {
	min-height: 5px;
	line-height: 5px;
}

span.textSize {
	width: 10px;
	color:white;
}
span.textSizero {
	width: 10px;
	color:white;
}
span.textSize1 {
	width: 10px;
	font-size: 8px;
}
span.textSize2 {
	width: 10px;
	font-size: 16px;
	font-weight: bolder;
}
table.listTable,table.qryTable,table.editTable {
	width: 100%;
	margin-bottom: 5px;
	background: #fff;	
}

table.editTable {
	width: 100%;
	margin-bottom: 5px;	
	border: 1px solid #99bbe8;
}
table.qryTable label {
	float:left;
	margin-top:5px;
	padding-left:10px;
	padding-right:3px;
}

table.editTable label {
	float:right;
	margin-top:0px;
	color:#15428B;
	padding-right:5px;
}

table.editTable label.required {
	float:left;
	margin-left:5px;
	margin-top:6px;
	font-weight: bold;
	color:red;
}

table.editTable label.normal {
	float:left;
	margin-left:5px;
	margin-top:6px;
	color:#000;
}

table.editTable th {
	color: #15428b;
	padding: 5px 3px 4px 5px;
	line-height: 15px;
	background:url('../images/tabs_active.png') repeat-x left bottom;	
	border-collapse: collapse;
}

table.listTable th {
	color: #15428b;
	padding: 5px 3px 4px 5px;
	line-height: 15px;
	background: transparent url(../images/panel/white-top-bottom.gif) repeat-x 0 -1px;
	border: 1px solid #99bbe8;
	border-collapse: collapse;
}

table.qryTable th{
	color: #416AA3;
	padding: 5px 3px 4px 5px;
	line-height: 15px;
	border-collapse: collapse;
	background:url('../images/tabs_active.png') repeat-x left bottom;
}

table.listTable th .simple,table.qryTable th .simple,table.editTable th.simple{
	color: #15428b;
	padding: 5px 3px 4px 5px;
	line-height: 15px;
	border: 1px solid #99bbe8;
	border-collapse: collapse;
}

table.listTable th .styleA,table.qryTable th .styleA,table.editTable th.styleA{
	color: #416AA3;
	padding: 5px 3px 4px 5px;
	line-height: 15px;
	border-bottom: 1px solid #fff;
	border-collapse: collapse;
	background:url('../images/tabs_active.png') repeat-x left bottom;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.viewColumn {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
table.listTable th.check {
	width: 30px;
}

table.listTable td {
	padding-left: 3px;
	color: #000000;
	line-height: 28px;
	word-break: break-all;
	font-size: 12px;
	border: 1px solid #99bbe8;
	font-weight: normal;
	background-color: #FFFFFF;
	border-collapse: collapse;
}

table.qryTable td,table.editTable td {
	padding-left: 3px;
	word-break: break-all;
	font-size: 12px;
	height: 32px;
	font-weight: normal;
	border: 1px dashed #eee;
	border-collapse: collapse;
}

table.editTable .right {
	padding-right:10px;
}

button {
	border-right: #7b9ebd 1px solid;
	padding-right: 5px;
	border-top: #7b9ebd 1px solid;
	padding-left: 5px;
	font-size: 12px;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( GradientType = 0,
		StartColorStr = #ffffff, EndColorStr = #cecfde );
	border-left: #7b9ebd 1px solid;
	cursor: hand;
	color: black;
	padding-top: 2px;
	border-bottom: #7b9ebd 1px solid;
}

button:hover {
	border-right: #2C59AA 1px solid;
	padding-right: 5px;
	border-top: #2C59AA 1px solid;
	padding-left: 5px;
	font-size: 12px;
	FILTER: progid : DXImageTransform.Microsoft.Gradient ( GradientType = 0,
		StartColorStr = #ffffff, EndColorStr = RED );
	border-left: #2C59AA 1px solid;
	cursor: hand;
	color: black;
	padding-top: 2px;
	border-bottom: #2C59AA 1px solid;
}
/** http://papermashup.com/demos/css-buttons/*/
.buttonInput {
	background: #222 repeat-x;
	display: inline-block;
	line-height: 16px;
	display: inline-block;    
    color: #fff;    
    position: relative;
    cursor: pointer;
    background-color: #2575CF;/*#2981E4;#E22092;*/
    margin-left:2px;
}

.buttonInput:hover {
		color: #fff;
		background-color: #2575CF;/*#2575CF;#C81E82;*/
}

#pager ul.pages {
	display: block;
	float: right;
	margin: 3px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-size: 12px;
	border: none;
}

#pager ul.pages li {
	list-style: none;
	float: left;
	padding: 2px 5px;
	margin: 0px 5px 0px 0px;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid #99BBE8;
}

#pager ul.pages li.pgInfo {
	font-size: 12px;
	border: 0px;
}

#pager ul.pages li.pgInfo:hover {
	font-size: 12px;
	border: 0px;
	cursor: default;
}

#pager ul.pages li.pgEmpty {
	color: #cfcfcf;
	padding: 2px 5px;
	cursor: default;
	border: 1px solid #cfcfcf;
}

#pager ul.pages li.pageNumber {
	border: 1px solid #99BBE8;
}

#pager ul.pages li.pageNumber:hover {
	color: #00000;
	border: 1px solid #003f7e;
	background-color: #99BBE8;
}

#pager ul.pages li.pgNext {
	border: 1px solid #99BBE8;
}

#pager ul.pages li.pgNext:hover {
	color: #00000; //
	font-weight: 700;
	border: 1px solid #003f7e;
	background-color: #99BBE8;
}

#pager ul.pages li.pgCurrent {
	color: #E63922;
	//font-weight: 700;
	border: 1px solid #003f7e;
	background-color: #99BBE8;
	padding: 2px 5px;
}

#pager ul.pages li.pgCurrent:hover {
	cursor: default;
}

#pager ul.pages div {
list-style: none;
float: left;
padding: 0px 1px;
margin: 0px 1px 0px 0px;
cursor: pointer;
text-decoration: none;
}

a.ico {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 3px 3px 0 0;
	overflow: hidden;
	text-indent: 20px;
	border: 1px solid #fff;
}

a.ico:hover {
	border: 1px solid orange;
}
.ico-add-attr {
	background: url('../images/add_attr.png') no-repeat;
}
.ico-edit {
	background: url('../images/edit.png') no-repeat;
}
.ico-delete {
	background: url('../images/delete.png') no-repeat;
}

.ico-open {
	background: url('../images/open.png') no-repeat;
}

.ico-eraser {
	background: url('../images/eraser.png') no-repeat;
}

.ico-view {
	background: url('../images/view.png') no-repeat;
}

.ico-settings {
	background: url('../images/settings.png') no-repeat;
}

.ico-print {
	background: url('../images/print.png') no-repeat;
}
.ico-inspect {
	background: url('../images/inspect.png') no-repeat;
}

.ico-bardcode {
	background: url('../images/bardcode.png') no-repeat;
}
.ico-feedback {
	background: url('../images/feed_back.png') no-repeat;
}
.ico-diff {
	background: url('../images/ico_diff.png') no-repeat;
}
.ico-send {
	background: url('../images/ico_send.png') no-repeat;
}
.ico-audit {
	background: url('../images/ico_audit.png') no-repeat;
}
.ico-recycle {
	background: url('../images/recycle.png') no-repeat;
}

.ico-excel {
	background: url('../images/ico-excel.png') no-repeat;
}
.ico-top {
	background: url('../images/ico-top.png') no-repeat;
}


a.button {
background: transparent url(../images/button-right-bg-m.gif) no-repeat scroll top right;
display: block;
float: left;
height: 26px;
padding-right: 11px;
text-decoration: none;
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a.button span {
background: transparent url(../images/button-left-bg-m.gif) no-repeat top left;
display: block;
line-height: 15px;
padding: 4px 0 7px 10px;
}

a.button:hover { 
	background-position: bottom right; color:#0063be; 
}

a.button:hover span{
background-position: bottom left;
color:#0063be;
}

input.ro {
	background-color:#ddd;
}

input[type="radio"]{
	width:15px;
	float:left;
}

input.formText,input.formTextS,input.formTextSS,input.formTextL,input.formTextLL,input.formTextDate
{
	float: left;
	height: 20px; 
	padding: 1px;
	border-top: 1px solid #999999;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #999999;
}

input.formText:hover,input.formTextS:hover,input.formTextSS:hover,input.formTextL:hover,input.formTextLL:hover,input.formTextDate:hover
	{
	border: 1px solid #ff9b1f;
	background-color: #FFFFFF;
}	
input.formTextTooth {
	width: 10px;
}
input.formTextToothRo {
	width: 10px;
	color: #E0E0E0;
}
input.formText {
	width: 180px;
}

input.formTextDate {
	width: 100px;
}

input.formTextS {
	width: 130px;
}

input.formTextSS {
	width: 70px;
}

input.formTextL {
	width: 260px;
}

input.formTextLL {
	width: 360px;
}

input.validateError,textarea.validateError,select.validateError {
	color: #ff6600;
	background-color: #FAE2E3;
}

textarea.formTextarea {
	width:180px;
	height:40px;
	float:left;
	padding: 5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #999999;
}

textarea.formTextarea:hover {
	border: 1px solid #ff9b1f;
}

select {
	height: 23px; 
	float:left;
	padding: 2px;
}
.formSelect {
	width: 180px;
}
.formSelectL {
	width: 250px;
}
.formSelectS {
	width: 130px;
}
.formSelectSS {
	width: 70px;
}
.formSelectPageSize {
	width: 60px;
}
.formSelectL {
	width: 260px;
}
.formSelectLL {
	width: 360px;
}

div.validateError {
	padding-top: 2px;
	padding-bottom: 2px;
	color: red;
	clear:none;
	float: left;
}

.messageBox {
	width: 400px;
	margin: 100px auto;
	border: 1px solid #779CB0;
}

.messageBox .boxTop {
	width: 400px;
	height: 29px;
	clear: both;
	color: #666666;
	font-weight: bold;
	background: url(../images/base_x_bg.gif) 0px 0px repeat-x;
}

.messageBox .boxMiddle {
	width: 400px;
	clear: both;
	padding: 30px 0px;
	text-align: center;
}

.messageBox .boxBottom {
	width: 400px;
	height: 5px;
	clear: both;
	overflow: hidden;
}

.messageBox .boxTitle {
	height: 29px;
	line-height: 29px;
	float: left;
	margin-left: 8px;
	font-weight: bold;
}

.messageBox .messageContent {
	clear: both;
	line-height: 12px;
	padding: 0px 20px;
	margin-bottom: 40px;
}

.messageBox .messageContent .icon {
	width: 29px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
}

.messageBox .messageContent .warn {
	background: url(../images/base_icon.gif) 0px -540px no-repeat;
}

.messageBox .messageContent .success {
	background: url(../images/base_icon.gif) 0px -740px no-repeat;
}

.messageBox .messageContent .error {
	background: url(../images/base_icon.gif) 0px -940px no-repeat;
}

.messageBox .messageContent .messageText {
	line-height: 29px;
}

div.nodatafound {
	line-height: 12px;
	padding: 6px 20px;
	margin-top: 3px;
	color:green;
	background: url(../images/base_icon.gif) no-repeat 0px -422px;
	border: 1px solid #ffca88;
	background-color: #fffeee;
}

div.userTip {
	line-height: 12px;
	padding: 6px 20px;
	margin-top: 3px;
	color:green;
	background: url(../images/base_icon.gif) no-repeat 0px -422px;
}

div.userTipTitle {
	line-height: 15px;
	padding: 2px 20px;
	margin-top: 1px;
	margin-bottom: 1px;
	color:green;
	background: url(../images/base_icon.gif) no-repeat 0px -423px;
	border: 1px solid #ffca88;
	background-color: #fffeee;
	clear:both;
}

div.userTipError {
	line-height: 12px;
	padding: 6px 25px;
	margin-top: 3px;
	color:red;
	background: url(../images/base_icon.gif) 0px -60px no-repeat;
	text-align: left;
}

/*提示对话框样式*/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: 3px solid #779CB0;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
span.ajaxtip {
	line-height: 25px;
	padding: 5px 25px;
	margin-top: 1px;
	margin-bottom: 1px;
	color:green;
	background: url(../images/ajaxloading.gif) no-repeat 5px 5px;
	border: 1px solid #ffca88;
	background-color: #fffeee;
	display: none;
}
div.qrytip {
	line-height: 25px;
	padding: 0px 25px;
	margin-top: 1px;
	margin-bottom: 1px;
	background: url(../images/ajaxloading.gif) no-repeat 5px 5px;
	background-color: #fffeee;
	z-index: 100;
	position:absolute;	
	right:0px;
	display: none;
}

#popup_title {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 25px;
	background: url(../images/base_x_bg.gif) 0px -15px repeat-x;
	color: #666;
	border: solid 1px #FFF;
	cursor: default;
	padding-left:10px;
	margin: 0em;
}
#popup_content {
	background: 16px 16px no-repeat url(../images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(../images/info.gif);
}

#popup_content.confirm {
	background-image: url(../images/important.gif);
}

#popup_content.prompt {
	background-image: url(../images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/**www.sohtanaka.com/web-design/examples/tabs/**/

.tabs_div {width: 100%; margin: 10px auto;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 26px;
	border-bottom: 1px solid #8DB2E3;
	border-left: 1px solid #8DB2E3;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 25px;
	line-height: 25px;
	border: 1px solid #99BBE8;
	border-left: none;
	margin-bottom: -1px;
	background: #99BBE8;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #416AA3;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff;
	background:url('../images/tabs_enabled.png') repeat-x left top;
	outline: none;
}
ul.tabs li a:hover {
	background:url('../images/tabs_active.png') repeat-x left bottom;
	border-bottom:1px solid #fff;
}	
ul.tabs li.active, ul.tabs li.active a,ul.tabs li.active a:hover  {
	background:url('../images/tabs_active.png') repeat-x left bottom;
	border-bottom:1px solid #fff;
	font-weight:700;
}
.tab_container {
	border: 1px solid #8DB2E3;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 2px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/** jquery notice css http://www.sandbox.timbenniks.com/projects/jquery-notice/ */
.notice-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 250px;
}
* html .notice-wrap {
	position: absolute;		
} 
.notice-item {
	height: 40px;
	background: #ffffd4;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color: #000;;
	padding: 6px 6px 0 6px;
	font-family: lucida Grande;
	font-size: 11px;
	border: 1px solid #F9E98E;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}
.notice-item-close {
	position: absolute;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	right: 6px;
	top: 6px;
	cursor: pointer;
}