@charset "utf-8";

/***
 *	HLT Base Style
 *
 *	http://www.360Chain.com
 *
 *	Copyright © 2012 360Chain All Rights Reserved.
 **/

/* ---------- Form ---------- */


label.red{
    color: #ff0000
}
label.green{
    color: #008000;
}
label.gray{
    color: #dbdbdb
}
label.black{
    color: #000000
}
label.blue{
    color: #0000ff
}
input.formText {
	width: 180px;
	padding: 5px;
	border-top: 1px solid #999999;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #999999
}

input.formText:hover {
	border: 1px solid #ff9b1f;
	background-color: #fefbf7;
}

input.formText:focus {
	background-color: #fff8ef;
}

textarea.formTextarea {
	width: 350px;
	height: 50px;
	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;
	background-color: #fefbf7;
}

textarea.formTextarea:focus {
	background-color: #fff8ef;
}

/*一行三列*/
input.formText3 {
    width: 180px;
    padding: 3px 5px 3px 5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #999999
}

input.formText3:hover {
    border: 1px solid #ff9b1f;
    background-color: #fefbf7;
}

input.formText3:focus {
    background-color: #fff8ef;
}

textarea.formTextarea3 {
    width: 350px;
    height: 120px;
    padding: 5px;
    border-top: 1px solid #999999;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #999999;
}

textarea.formTextarea3:hover {
    border: 1px solid #ff9b1f;
    background-color: #fefbf7;
}

textarea.formTextarea3:focus {
    background-color: #fff8ef;
}

.searchButton {
    width: 114px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    color: #555555;
    font-size: 13px;
}
.searchButton:hover {
    color: #ff9900;
}
.exportButton {
    width: 80px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    color: #555555;
    font-size: 13px;
}
.exportButton:hover {
    color: #ff9900;
}

.exportAllButton {
    width: 114px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    text-align: center;
    color: #555555;
    font-size: 13px;
}
.exportAllButton:hover {
    color: #ff9900;
}

.focusButton
{
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    outline: none;
    cursor: pointer;
    color: #555555;
    font-size: 12px;
    border: none;
    background: url(../images/admin_button.gif) 0px 0px no-repeat;
}

.formButton {
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	outline: none;
	cursor: pointer;
	color: #555555;
	font-size: 12px;
	border: none;
	background: url(../images/base_button.gif) 0px 0px no-repeat;
}

.formButton:hover {
	color: #ff9900;
	background: url(../images/base_button.gif) -90px 0px no-repeat;
}

a.formButton {
	display: inline-block;
	display: -moz-inline-stack;
	*display: inline;
	zoom: 1;
}

a.formButton:hover {
	color: #000000;
	background: url(../images/base_button.gif) -90px 0px no-repeat;
}

textarea.editor {
	width: 100%;
}

/* ---------- Icon ---------- */

.trueIcon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/base_icon.gif) no-repeat 0px 0px;
}
.falseIcon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    background: url(../images/base_icon.gif) no-repeat 0px -60px;
}
.urgentIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    background: url(../images/urgent.jpg) no-repeat 0px 5px;
}

.lockIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    background: url(../images/lock.jpg) no-repeat 0px 7px;
}

.handerIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    background: url(../images/hander.png) no-repeat 0px 4px;
}

.computerIcon {
    width:  15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    display: -moz-inline-stack;
    zoom: 1;
    *display: inline;
    background: url(../images/comp.png) no-repeat -2px 3px;
}



.addIcon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	background: url(../images/base_icon.gif) no-repeat 0px -120px;
}

.removeIcon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	background: url(../images/base_icon.gif) no-repeat 0px -180px;
}

.upIcon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	background: url(../images/base_icon.gif) no-repeat 0px -240px;
}

.downIcon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	background: url(../images/base_icon.gif) no-repeat 0px -300px;
}

.deleteIcon {
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	background: url(../images/base_icon.gif) no-repeat 0px -360px;
}

.warnIcon {
	width: 16px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/base_icon.gif) no-repeat 0px -480px;
}

.loadingIcon {
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/base_loading_icon.gif) center no-repeat;
}

.yellowFlagIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url(../images/yellow_flag.png) no-repeat 2px 12px;
}

.greenFlagIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url(../images/green_flag.png) no-repeat 2px 12px;
}

.redFlagIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url(../images/red_flag.png) no-repeat 2px 12px;
    }

.blueFlagIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url(../images/blue_flag.png) no-repeat 2px 12px;
}

.purpleFlagIcon {
    width: 15px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url(../images/purple_flag.png) no-repeat 2px 12px;
}

.closeIcon{
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    zoom: 1;
    float:right;
    border: none;
    *display: inline;
    background: url(../images/base_button.gif) -180px 0px no-repeat;
    /*background: url(../images/button_close.gif) no-repeat 5px 5px;*/
}

/* ---------- Dialog ---------- */

.dialogOverlay {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	zoom: 1;
	background: url(../images/base_overlay_bg.png);
}

* html .dialogOverlay {
	position: absolute;
	top: 0;
}

.baseDialog {
	padding: 5px;
	display: none;
	position: fixed;
	top: 25%;
	left: 50%;
	z-index: 100;
	overflow: hidden;
}

* html .baseDialog {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(25 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.baseDialog .dialogWrap {
	width: 1000px;
	height: 1000px;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	filter: alpha(opacity = 15);
	-moz-opacity: 0.15;
	opacity: 0.15;
	background-color: #000000;
}

.baseDialog .dialogMain {
	border: 1px solid #779cb0;
	background: url(../images/base_x_bg.gif) 0px -120px #ffffff repeat-x;
}

.baseDialog .addProduct{
    border: 1px solid #779cb0;
    height: 350px;
    background: url(../images/base_x_bg.gif) 0px -120px #ffffff repeat-x;
}

.baseDialog .setPrintQty{
    border: 1px solid #779cb0;
    height: 150px;
    background: url(../images/base_x_bg.gif) 0px -120px #ffffff repeat-x;
}

.baseDialog .smallDialog{
    border: 1px solid #779cb0;
    height: 190px;
    background: url(../images/base_x_bg.gif) 0px -120px #ffffff repeat-x;
}

.baseDialog .dialogArea{
    border: 1px solid #779cb0;
    height: 350px;
    background: url(../images/base_x_bg.gif) 0px -120px #ffffff repeat-x;
}

.baseDialog .dialogTitle {
	height: 40px;
	line-height: 40px;
	clear: both;
	padding-left: 10px;
	color: #666666;
	font-weight: bold;
	cursor: move;
	background: url(../images/base_x_bg.gif) 0px 0px repeat-x;
}

.baseDialog .dialogTitleStyle {
    position: absolute;
    width:97%;
    top:5px;
    height: 40px;
    line-height: 40px;
    clear: both;
    padding-left: 10px;
    color: #666666;
    font-weight: bold;
    cursor: move;
    background: url(../images/base_x_bg.gif) 0px 0px repeat-x;
}

.baseDialog .smallDialogTitleStyle {
    position: absolute;
    width:94.5%;
    top:5px;
    height: 40px;
    line-height: 40px;
    clear: both;
    padding-left: 10px;
    color: #666666;
    font-weight: bold;
    cursor: move;
    background: url(../images/base_x_bg.gif) 0px 0px repeat-x;
}

.baseDialog .dialogClose {
	width: 25px;
	height: 19px;
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
	background: url(../images/base_button.gif) -180px 0px no-repeat;
}

.baseDialog .dialogClose:hover {
	background-position: -240px 0px;
}

.baseDialog .dialogContent {
    top:40px;
	line-height: 30px;
	clear: both;
	margin: 5px 5px;
}

.baseDialog .dialogContentStyle {
    overflow-y: auto;
    position: absolute;
    top:40px;
    width: 97.5%;
    height: 70%;
    line-height: 30px;
    clear: both;
    margin: 5px 5px;
}

.baseDialog .dialogwarnIcon {
	padding-left: 30px;
	background: url(../images/base_icon.gif) 0px -540px no-repeat;
}

.baseDialog .dialogsuccessIcon {
	padding-left: 30px;
	background: url(../images/base_icon.gif) 0px -740px no-repeat;
}

.baseDialog .dialogerrorIcon {
	padding-left: 30px;
	background: url(../images/base_icon.gif) 0px -940px no-repeat;
}

.baseDialog .dialogButtonArea {
	height: 34px;
	padding-top: 6px;
	clear: both;
	text-align: center;
	background: url(../images/base_x_bg.gif) 0px -60px repeat-x;
}

.baseDialog .dialogButtonStyle {
    position: absolute;
    top:320px;
    width: 98%;
    height: 34px;
    clear: both;
    text-align: center;
    background: url(../images/base_x_bg.gif) 0px -60px repeat-x;
}

.baseDialog .smallDialogButtonStyle {
    position: absolute;
    top:166px;
    width: 97%;
    height: 30px;
    clear: both;
    text-align: center;
    background: url(../images/base_x_bg.gif) 0px -60px repeat-x;
}

.baseDialog .dialogButtonArea input {
	margin: 0px 10px;
}

.baseDialog .dialogButtonArea .formButton {
	width: 70px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	outline: none;
	cursor: pointer;
	color: #000000;
	font-size: 12px;
	border: none;
	background: url(../images/base_button.gif) 0px 0px no-repeat;
}

.baseDialog .dialogButtonArea .formButton:hover {
	color: #ff9900;
	background: url(../images/base_button.gif) -90px 0px no-repeat;
}

.baseDialog .dialogIframe {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	filter: Alpha(Opacity = 0);
}

/* ---------- Message ---------- */

.baseMessage {
	padding: 5px 15px 5px 10px;
	display: none;
	position: fixed;
	top: 35%;
	left: 50%;
	z-index: 1000;
	color: #000000;
	border: 2px solid #ffaa71;
	background-color: #fff5ee;
}

* html .baseMessage {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(35 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.baseMessage .messagewarnIcon {
	padding-left: 30px;
	background: url(../images/base_icon.gif) 0px -540px no-repeat;
}

.baseMessage .messagesuccessIcon {
	padding-left: 30px;
	background: url(../images/base_icon.gif) 0px -740px no-repeat;
}

.baseMessage .messageerrorIcon {
	padding-left: 30px;
	background: url(../images/base_icon.gif) 0px -940px no-repeat;
}

.baseMessage .messageContent {
	line-height: 30px;
}

.baseMessage .messageIframe {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	filter: Alpha(Opacity = 0);
}

/* ---------- Validate ---------- */

.validateErrorContainer {
	line-height: 20px;
	display: none;
	clear: both;
	padding: 5px 8px;
	margin: 5px;
	border: 1px solid #febe8f;
	background-color: #fff8d9;
}

.validateErrorContainer .validateErrorTitle {
	height: 30px;
	line-height: 30px;
	clear: both;
	font-weight: bold;
	padding-left: 35px;
	background: url(../images/base_icon.gif) 0px -540px no-repeat;
}

.validateErrorContainer li {
	padding-left: 35px;
}


input.validateError {
	background-color: #fff8ef;
	border: dotted 1px #ff9b10;
}

select.validateError {
	background-color: #fff8ef;
	border: dotted 1px #ff9b10;
}

/* ---------- Other ---------- */

.warnInfo {
	line-height: 30px;
	padding: 5px 5px 5px 20px;
	border: 1px solid #FEBE8F;
	background: url(../images/base_icon.gif) no-repeat 0px -420px #FFF8D9;
    color: #FF6600;
}

.uncompleteBar {
    line-height: 22px;
    height:22px;
    font-size: 13px;
    padding: 2px 5px 2px 20px;
    border: 1px solid #b7c5de;
    background: url(../images/base_icon.gif) no-repeat 0px -420px #cedefa;
}
.complateBar {
    line-height: 22px;
    height:22px;
    font-size: 12px;
    padding: 2px 5px 2px 20px;
    border: 1px solid #f0f0f0;
    background: url(../images/base_icon.gif) no-repeat 0px -420px #fffee2;
}
.complateBar a{
    margin: 38px;
    text-decoration:underline;
    color: #ff0000;
}
.uncompleteBar  a
 {
     margin: 38px;
     text-decoration:underline;
     color: #c9490d;
 }
.workFlow {
    line-height: 30px;
    height:30px;
    font-weight: bold;
    font-size: 16px;
    padding: 5px 5px 5px 20px;
    border: 1px solid #ffca80;
    background:#fffee2;
}

.loadingBar {
	width: 208px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	display: -moz-inline-stack;
	zoom: 1;
	*display: inline;
	background: url(../images/base_loading_bar.gif) center no-repeat;
}

/* ---------- Common ---------- */

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 {
	width: 100%;
	height: 100%;
	font: 12px tahoma, Arial, "宋体", Verdana, sans-serif;
	background-color: #ffffff;
}

*html, *html body {
    background: url(about:blank) fixed;
}

legend{
     margin:0px 0px 0px 10px;
     font-size:14px;
     /*font-weight: bold;*/
 }

fieldset {
    background: none repeat scroll 0 0 ;
    border: 1px solid #d5d5d5;
    /*border: 0px dashed #666666;*/
    /*border: 0px none #d5d5d5;*/
    border-width: 1px 0px 0px 0px;
    margin: 10px 5px 0px 5px;
    padding: 0px;
}
fieldset legend{
    font-weight: bold;
    font-size: 14px;
    color: #2366A6;
}

a {
	color: #656d77;
	text-decoration: none;
}

a:hover {
	color: #ff6600;
	text-decoration: none;
}

img {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul {
	list-style-type: none;
}

input, label {
	vertical-align: middle;
}
select{
    vertical-align: middle;
    padding: 3px 5px 3px 5px;
    line-height: 24px;
    height: 24px;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

.white {
	color: white;
}

.black {
	color: black;
}

.gray {
	color: gray;
}

.blue {
	color: blue;
}

.green {
	color: green;
    font-weight: bolder;
}

.red {
	color: red;
}

.yellow {
    color: yellow;
}

.blank {
	width: 100%;
	height: 10px;
	clear: both;
	overflow: hidden;
}

.clear {
	width: 100%;
	height: 0px;
	clear: both;
	overflow: hidden;
}

.hidden {
	display: none;
}

.lineThrough {
	text-decoration: line-through;
}

.pointer {
	cursor: pointer;
}

.readonly{
    border-style: none;
    width: 100%;
}
.requireField{
    color: red;
}
.choseOneField{
    color: #0000ff;
}

.digital{
    text-align:right;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}
.left{
    text-align: left;
}

.date{
    width: 70px;
}

.check {
    width: 70px;
}