@CHARSET "UTF-8";
/*
 * @name: 导航
 * @overview: 一般导航
 * @require: null
 */                                                                   
.ui-nav .ui-nav-item {
	list-style:none; 
	padding:0; 
	margin:0;
}
.ui-nav-item {
	float:left;
	display:block; 
	width:150px; 
	height:30px; 
	line-height:30px; 
	text-align:center; 
	background:#FAF9F3; 
	color:#fff; 
	text-decoration:none; 
	border-right:1px solid #000; 
}
.ui-nav-item-current {
	background:#fafafa; 
	border:1px solid #DDD;
}
.ui-nav-item-child{}
.ui-nav-item-active-child{}


/* ui-menu */
.ui-menu{
	float:right;
	display:inline;
	*margin-top:-18px;
}
.ui-menu-item{
	float:left;
	display:inline;margin-left:10px;
}

/*
 * @name: 标题
 * @overview: 有其他内容包含在内的标题
 * @require: null;
 */
.ui-title, .ui-title-form{
	margin:5px 0;
	font:bold 10pt/1.4 tahoma,arial,"微软雅黑";
	color:#333;
}
.ui-title{}
.ui-title-cnt{}
.ui-title-subcnt{
	margin:5px 0;
	color:#999;
}
.ui-title-form {}

.ui-title-H1{
	margin:20px 0px 20px 0px;
	font:bold 14pt/1.4 tahoma,arial,"微软雅黑";
	color:#333;
}

/*
 * @name: 步骤
 * @overview: 用户操作步骤
 * @require: null
 */
.ui-step{}
.ui-step-item{}
.ui-step-current{}

/* 可能还会需要 */
.ui-step-item-first{}
.ui-step-item-last{}

/*
 * @name: 列表
 * @overview: 一般列表样式
 * @require: null;
 */
.ui-list{
	margin-bottom:23px;
}
.ui-list-item{
	margin-bottom:5px;
}
.ui-list-item-hover{}

/*
 * @name: 重复元素
 * @overview: 重复出现的元素，我们通常用这种方法来写，这样也会方便JS操作
 * @require: null
 */
.ui-repeater{
	margin-left:-12px;
	position:relative;
	margin-bottom:15px;
	*margin-bottom:20px;
	_margin-bottom:10px;
}
.ui-repeater-item{
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	margin:0 10px 12px 0px;
	padding:8px;
	width:80%;
	border:1px solid #eee;
	text-align:center;
}
.ui-repeater-current{}

/* 
 * @name: ui-dropdown 
 * @overview: 通用下拉框
 * @require: null
 */
.ui-dropdown {}
.ui-dropdown-header {}
.ui-dropdown-container {}

/* status */
.ui-dropdown-active .ui-dropdown-header  {}
.ui-dropdown-active .ui-dropdown-container {}

/*
 * @name: 分页
 * @overview: 页面分页
 * @require: null
 */
.ui-page{
	display: inline;
}
.ui-page-item{}
.ui-page-item-current{}

/* 可能还会用到的 */
.ui-page-item-info{}
.ui-page-item-first{}
.ui-page-item-last{}
.ui-page-item-prev{}
.ui-page-item-next{}

/* 
 * @name: ui-tip 
 * @overview: 通用对话框, 通常是 position:absolute 的
 * @require: null
 */
.ui-tip {}
.ui-tip-cnt {}

/* 
 * @name: ui-message 
 * @overview: 通用提示,通用对话框, 通常是 position: relative 的
 * @require: null
 */
.ui-message {}
.ui-message-cnt {}

/* status */
.ui-message-error {}
.ui-message-warn {}
.ui-message-success {}

/* 
 * @name: ui-button
 * @overview: 通用按钮
 * @require: null
 */
.ui-button {
	border: 1px solid #DDDDDD;
	color: #555555;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	margin-right: 5px;
	padding: 0 12px;
}
.ui-button-text {}
.ui-button .ui-icon {}

.ui-button-icon-left {}
.ui-button-icon-left .ui-icon-rarr {}
.ui-button-icon-left .ui-button-text {}

.ui-button-icon-right {}
.ui-button-icon-right .ui-icon-rarr {}
.ui-button-icon-right .ui-button-text {}

/* status */
.ui-button-hover {
	border: 1px solid #BBBBBB;
	text-decoration: none;
}
.ui-button-disabled {}
.ui-state-selected {}


.ui-button-accessKey {
	width:1px;
	height:1px;
	position:relative;
	z-index:-1;
	top:0px; 
	left:0px
}


/* 
 * @name: 表单项 
 * @overview: 通用文本输入框
 * @require: null
 */
.ui-input-form {
	width:250px;
	border: 1px solid #CCC;
	margin-left:5px;
	margin-right:5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
/* status */
.ui-input-form-hover {}
.ui-input-form-focus {}
.ui-input-form-disabled {}

.ui-search-panel{
	line-height:22px;
	display:inline;
	float:left;
	margin-left:2px;
	margin-right:2px;
}

.ui-input-search {
	width:100px;
	height:20px;
	border:1px solid #CCC;
	margin-left:5px;
	margin-right:5px;
}
/* status */
.ui-input-search-hover {}
.ui-input-search-focus {}
.ui-input-search-disabled {}

.ui-input-pagesize {
	width: 30px;
    height: 15px;
    TEXT-ALIGN: center;
    line-height: 15px;
    vertical-align: baseline;
    border: 1px solid #B5B8C8;
    padding: 0px 0px;
    margin: 0;
    color: #135e57;
}


.ui-label{
	width:100px;
	margin:5px;
}
/* status */
.ui-label-hover {}
.ui-label-focus {}

.ui-label-breakword {
	word-wrap:break-word;
	overflow:hidden;
	word-break: break-all;
}
/* status */
.ui-label-breakword-hover {}
.ui-label-breakword-focus {}

.ui-textarea {}
/* status */
.ui-textarea-hover {}
.ui-textarea-disabled {}

/* 
 * @name: ui-form 
 * @overview: 通用表单
 * @require: ui-input,ui-button
 */

.ui-form {
	margin:0 auto;
	padding:10px;
}

.ui-form legend {}

.ui-form-item{}
.ui-form-required {}
.ui-form-explain {}

/* status */
.ui-form-hover {}
.ui-form-focus {}
.ui-form-error {}
.ui-form-success {}
.ui-form-warn {}
.ui-form-loading {}

/* 
 * @name: ui-tab 
 * @overview: 通用tab
 * @require: null
 */
.ui-tab {
	float: left;
	list-style: none outside none;
	margin: 0 10px;
}
.ui-tab-trigger {}
.ui-tab-trigger-item {}
.ui-tab-trigger-item-current{}

.ui-tab-cnt {}
.ui-tab-cnt-item {
	display: none;
}
.ui-tab-cnt-item-current {
	display: block;
	position: relative;
}

/*
 * @name: 表格
 * @overview: 通用列表
 * @require: null;
*/
.ui-table-search {
	margin: 0;
	width: 100%;
	border-collapse:separate;
	border:0px solid #999;
}
.ui-table-search td, .ui-table-search th {
	/*border: 1px solid #EEE;*/
	padding: 2px 2px;
}
.ui-table-search th {
	text-align:center;
}
.ui-table-search th {
	-ms-filter:"none";
	/*background:#F7F7F7;*/
	padding: 2px 5px;
}
.ui-table-search td:nth-child(odd) {
	/*background:#F7F7F7;*/
}

.ui-table-search input[inputType=text], .ui-table-search input[type=text], .ui-table-search select {WIDTH: 98%; height:20px;}
.ui-table-search TEXTAREA{WIDTH: 100%;}


.ui-table-default { border-collapse:separate; background:#FFF;}
.ui-table-default td {
	border-bottom:1px dashed #EEE;
	padding:10px 10px;
	color:#666;
}
.ui-table-default tr:nth-child(even) {
	background:#FBFBFB;
}

.ui-table-border { border-collapse:separate; background:#FFF;}
.ui-table-border th {
	border:1px solid #EEE;
	padding:10px 10px;
	color:#666;
	font-weight:bold;
}
.ui-table-border td {
	border:1px solid #EEE;
	padding:10px 10px;
	color:#666;
}
/*.ui-table-border tr:nth-child(even) {
	background:#FBFBFB;
}*/


.ui-table-ParallelBars  {
	border-top-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 0px;
	border-right-width : 0px;
	border-style : solid;
	border-color : #DDD; 
	background:#FFF;
	margin: 10px 0px 10px 0px;
}
.ui-table-ParallelBars td {
	border-bottom:1px solid #DDD;
	padding:10px 10px;
	color:#666;
}


.ui-table-clear { border:none;width :100%;}
.ui-table-clear td {
	border:none!important;
	padding:0!important;
	margin:0!important;
	text-align:left!important;
}
.ui-table-clear tr {
	border:none!important;
	background:none;
}
.ui-table-clear tr:nth-child(even) {
	background:none;
}


.ui-table-combo { border:none;}
.ui-table-combo td {
	border:0px none;
	padding:1px;
	margin:0!important;
}
.ui-table-combo tr {
	border:none;
	background:none;
}
.ui-table-combo tr:nth-child(even) {
	background:none;
}
.ui-table-combo label {
	padding:0px 0px 2px 0px;
}




.ui-comboBox,.ui-comboBox-form,.ui-comboBox-search{
	border-top-style : solid;
	border-left-style : solid;
	border-right-style : none;
	border-bottom-style : solid;
	border-top-width : 1px;
	border-left-width : 1px;
	border-bottom-width : 1px;
	border-color : #CCC;
	margin-right:0px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	float:left;
	margin-left:5px;
}
	
.ui-comboBox-form{
	width:232px;
}
.ui-comboBox-search{
	width:82px;
}
.ui-comboBox-trigger{
	margin: 0;
	padding: 0;
	width:18px;
	height:20px;
	border:1px solid #CCC;
	line-height: 20px;
	vertical-align: middle;
	/*margin-right:5px;*/
	float:left;
	cursor: pointer;
	cursor: hand;
}


/*
* 强制设置extjs中文字体
*/
.x-panel-header-text-default {
	font-size: 12px;
}


.x-grid-row .x-grid-cell {
	font: normal 12px tahoma, arial, verdana, sans-serif !important;
}


.x-column-header {
    font: normal 12px tahoma, arial, verdana, sans-serif !important;
}

.x-column-header-inner {
	zoom: 1;
	position: relative;
	white-space: nowrap;
	line-height: 22px;
	padding: 0px 6px;
	text-align: center;
}

.x-tab button {
	font-size: 12px;
}

.x-tab-inner{
	padding:0px !important;
}

.x-grid-record-pointer{
	cursor: pointer;
}

.x-btn-default-toolbar-small .x-btn-inner {
	font-size: 12px !important;
}

.x-menu-item-text{
	font: 12px tahoma,arial,verdana,sans-serif!important;
}

.x-form-item-label{
	font: 12px tahoma,arial,verdana,sans-serif!important;
}

a:link
{
	font-size: 9pt;
	color: #336699;
	font-family: tahoma , Arial;
	text-decoration: underline;
	text-decoration: none; 
	
}
a:visited
{
	font-size: 9pt;
	color:  #336699;
	font-family: tahoma , Arial;
	text-decoration: none; 
}
a:hover
{
	color:  #336699;
	text-decoration: underline;
	font-family: tahoma , Arial;
	font-size: 9pt;
	text-decoration: underline
}

td{
	font-size: 9pt;
	text-align : left;
}

/*修正ie8下菜单栏在拖拽后在展开会多一个header(IE Hack)*/
.x-panel .x-grid-header-ct-hidden{
	display: none\9;
}

.x-panel x-box-item x-panel-default{
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	-moz-binding:url('ellipsis.xml#ellipsis'); 
	overflow:hidden	
}
/*修正GridPanel如果不设宽度，在IE下会变得很宽*/
/*
.x-grid-table {
	width:auto !important;
}
*/

.x-grid-cell-inner{
	display:block;width:100%;
}

.x-panel-header-text-default{
	font-size: 12px!important;
}

.x-tab BUTTON{
	font-size: 12px!important;
}

.sl-shadow{

	/* modern web browsers */ 
	-moz-box-shadow:1px 3px 12px #bbb;
	-webkit-box-shadow:1px 3px 12px #bbb;
	box-shadow:1px 3px 12px #bbb;
	
	/* 一定要设置background, 不然 ie 会显示在字体上 */
	background: #fff;
}

/* base */
.sl-rc{
  display:inline-block;vertical-align: middle;
  border-left:1px solid #ddd;border-right:1px solid #ddd;  /* 可重设 */
}


/* 基础样式 */
.sl-file{
	position:relative;
	display:inline-block;
	zoom:1;
	cursor:pointer;
	overflow:hidden;
	vertical-align:middle;
}

/* 影响 .ui-input-file 的样式 */
.sl-file .sl-file-input{
	position:absolute;
	right:0;
	top:0;
	_font-size:100px; /* overwrite*/
	_font-size:12px;
	_zoom:10; /* overwrite */
	height:100%;
	_height:auto;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	cursor:pointer;
}



/* 
  不要直接给 BOTTON | INPUT[type=submit[button]] 添加边框
  这会引发 IE 的 1px 的黑边 bug
  Note: 一般不要把 input 作为.sl-rc-cnt 层 
 */
.sl-rc-cnt{
  float:left;position: relative;
  border-top: 1px solid #ddd;border-bottom:1px solid #ddd; /* 可重设 */
  margin:-1px 0;
}

/* HACK for ie6 7 */
div.sl-rc, p.sl-rc, h2.sl-rc, h3.sl-rc, h4.sl-rc, h5.sl-rc, h6.sl-rc, ul.sl-rc, ol.sl-rc{
  *display: inline;
}

/* 鼠标经过 */
.sl-rc-hover, .sl-rc-hover .sl-rc-cnt, .sl-rc:hover, .sl-rc:hover .sl-rc-cnt{
  border-color: #aaa; /* 可重设 */
  text-decoration: none;
}

.x-form-item{
	margin-bottom: 0px!important;
}

.disabledStyle{
	background: #fff;
	color:black;
}