/*** form ***/
/*.x-form-info-icon {
	background:transparent url(../../extjs/resources/images/default/window/icon-info.gif) no-repeat top left;
}*/

.x-form-invalid-2-remarks-msg {
	font-weight: bold;
	cursor: pointer;
	background-image: none;
	color: #0000FF;
/*	padding: 2px 2px 2px 18px;*/
	padding-left: 2px;
}

/*** chinese field ***/
.x-form-text-chinese {
/*	font-family: mingliu,pmingliu,arial,helvetica,sans-serif !important;*/
}

/*** chinese field ***/
.x-form-mandatory {
	color: red;
}

.x-form-mandatory-hat {
	display: inline-block;
	color: red;
	height: 100%;
	vertical-align:text-top;
}

.x-form-mandatory-hash {
	display: inline-block;
	height: 100%; 
	color: red;
	font-size: 10px;
	vertical-align:text-top;
}

/*** date field ***/
.x-date-inner .x-date-w-0 a {
	color: red;
}

.x-date-inner .x-date-prevday a span, .x-date-inner .x-date-nextday a span {
	color: #AAAAAA !important;
}

.x-date-inner .x-date-holiday a span {
/*	cursor:default;
	background:#eeeeee;
	color:#bbbbbb;*/
	color: red !important;
}

/*** textarea ***/
textarea.x-form-field {
	padding: 2px 3px;
	overflow: auto;
}


/*** menu ***/
.x-menu li {
/*	line-height: 100%;*/
	margin: 0;
}


/*** custom radio ***/
.x-form-check-group .x-form-check-wrap, .x-form-radio-group .x-form-radio-wrap {
	width: 690px;
/*	border: 1px solid #0000FF;
	height: 100px !important;
	display: block !important;*/
	height: auto !important;
}


/*** grid ***/
.x-grid3-header {
	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;
}

.x-grid3-hd-inner {
/*	cursor: inherit;
	padding: 4px 3px 4px 5px;
	position: relative;*/
	color: #FFFFFF;
}

/*
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;
}
*/

.x-grid3-hd-row td {
}

/*** if disabled column menu, then below is no use ***/
.x-grid3-hd-btn {
}

.x-grid3-hd-btn a {
}

/*** define a class for grid which the cursor will changed to 'hand'(IE) or 'pointer'(Firefox) 
	when mouseover the row. ***/
.x-grid3-pointer .x-grid3-row-over {
	cursor: pointer;
	cursor: hand;
}


/*** tree ***/
.x-tree .x-panel-header {
/*	background: #226e6c url(../images/index_head_bg.gif) repeat-x scroll center top;*/
	border: 0px solid #226e6c;
	color: #FFFFFF;
	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;
}

.x-tree-headers {
/*	background: #226e6c url(../images/index_head_bg.gif) repeat-x scroll center top;*/
	background: #458289 url(../images/index_head_bg.gif) repeat-x scroll center top;
}

.x-tree .x-panel-header, .x-tree .x-panel-header span {
	background-color: transparent;
}

.x-tree-hd {
/*	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #D0D0D0;
	float: left;
	overflow: hidden;*/
	border-left: none;
	height: 100%;
}

.x-tree .x-panel-body {
/*	background-color: #FFFFFF;*/
	background-color: transparent;
}

.x-tree-node a, .x-dd-drag-ghost a {
/*	text-decoration: none;
	color: black;
	-khtml-user-select: none;
	-moz-user-select: none;
    -kthml-user-focus: normal;
    -moz-user-focus: normal;
    -moz-outline: 0 none;
    outline: 0 none;*/
	text-decoration: none !important;
}

.x-tree-node-group {
	float: left;
}

.x-tree-node-cell-text {
	float: left;
	white-space: normal;
	overflow: hidden;
}


/*** combo ***/
.x-combo-main-select-ce .x-form-field, .x-combo-main-select-ce .x-combo-list-item {
/*	font-size: 10px;*/
	white-space: normal;
	text-align: right;
	text-align: left;
}

.x-combo-list-general .x-form-field, .x-combo-list-general .x-combo-list-item {
/*	font-size: 10px;*/
	white-space: normal;
}


/*** button ***/
.x-btn button {
	font-weight: bold;
	color: #1E4649;
	color: #FFFFFF;
	color: #00545d;
}

.x-btn-left {
/*
	background-image: none;
	background-color: #ebebeb;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-left: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-center {
/*
	background-image: none;
	background-color: #ebebeb;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-right {
/*
	background-image: none;
	background-color: #ebebeb;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-right: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}


.x-btn-general button {
	font-weight: bold;
	color: #1E4649;
	color: #FFFFFF;
	color: #00545d;
}

.x-btn-general .x-btn-left {
/*
	background-image: url(btn-sprite.gif);
	background-image: none;
	background-color: #dadada;
	background-color: #e4e4e4;
	background-color: #ebebeb;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-left: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-general .x-btn-center {
/*
	background-image: url(btn-sprite.gif);
	background-image: none;
	background-color: #dadada;
	background-color: #e4e4e4;
	background-color: #ebebeb;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-general .x-btn-right {
/*
	background-image: url(btn-sprite.gif);
	background-image: none;
	background-color: #dadada;
	background-color: #e4e4e4;
	background-color: #ebebeb;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-right: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-general-over button {
	font-weight: bold;
	color: #FFFFFF;
	color: #00545d;
}

.x-btn-general-over .x-btn-left {
/*
	background-color: #eeeeee;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-left: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-general-over .x-btn-center {
/*
	background-color: #eeeeee;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}

.x-btn-general-over .x-btn-right {
/*
	background-color: #eeeeee;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-right: 1px solid #969696 !important;
*/
	background-image: url(btn-sprite-general.gif);
}


/*** button - action ***/
.x-btn-action button {
	font-weight: bold;
	color: #1E4649;
	color: #FFFFFF;
}

.x-btn-action .x-btn-left {
/*
	background-image: url(btn-sprite.gif);
	background-image: none;
	background-color: #dadada;
	background-color: #26756f;
	background-color: #236f6b;
	border-top: 1px solid #1a625f !important;
	border-bottom: 1px solid #1a625f !important;
	border-left: 1px solid #1a625f !important;
*/
	background-image: url(btn-sprite-action.gif);
}

.x-btn-action .x-btn-center {
/*
	background-image: url(btn-sprite.gif);
	background-image: none;
	background-color: #dadada;
	background-color: #26756f;
	background-color: #236f6b;
	border-top: 1px solid #1a625f !important;
	border-bottom: 1px solid #1a625f !important;
*/
	background-image: url(btn-sprite-action.gif);
}

.x-btn-action .x-btn-right {
/*
	background-image: url(btn-sprite.gif);
	background-image: none;
	background-color: #dadada;
	background-color: #e4e4e4;
	background-color: #26756f;
	background-color: #236f6b;
	border-top: 1px solid #1a625f !important;
	border-bottom: 1px solid #1a625f !important;
	border-right: 1px solid #1a625f !important;
*/
	background-image: url(btn-sprite-action.gif);
}

.x-btn-action-over button {
	font-weight: bold;
	color: #FFFFFF;
}

.x-btn-action-over .x-btn-left {
	background-color: #eeeeee;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-left: 1px solid #969696 !important;
}

.x-btn-action-over .x-btn-center {
	background-color: #eeeeee;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
}

.x-btn-action-over .x-btn-right {
	background-color: #eeeeee;
	border-top: 1px solid #969696 !important;
	border-bottom: 1px solid #969696 !important;
	border-right: 1px solid #969696 !important;
}

.x-btn-action-disabled {
/*	color: gray;
	cursor: default;*/
/*	opacity: 1;
	cursor: pointer;
	color: #FFFFFF !important;*/
}

.x-btn-action-disabled.x-item-disabled * {
/*	color:gray !important;
	cursor:default !important;*/
/*	color: #FFFFFF !important;*/
/*	cursor: pointer !important;*/
}



/*** tool bar - button ***/
.x-date-middle .x-btn-left, .x-toolbar .x-btn-left {
	background-image: url(/skin/css/btn-sprite.gif);
	background-image: none;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
}

.x-date-middle .x-btn-center, .x-toolbar .x-btn-center {
	background-image: url(/skin/css/btn-sprite.gif);
	background-image: none;
	border-top: none !important;
	border-bottom: none !important;
}

.x-date-middle .x-btn-right, .x-toolbar .x-btn-right {
	background-image: url(/skin/css/btn-sprite.gif);
	background-image: none;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
}


/*** panel ***/
.x-panel .x-panel-body hr {
	color: #00565B;
}