/*tab css*/
.tab{
	height:36px;
	font-size:14px;
}
.tab .btn-left,.tab .btn-right{
	background:url(../images/tab_side.jpg) no-repeat;
	width:1px;
	height:36px;
}
.tab .btn-inner{
	background:url(../images/tab_inner.jpg) repeat-x;	
	width:auto;
	padding:0px 5px;
	height:36px;
	line-height:36px;
}

.tab .btn-role{
	background:url(../images/icon/icon-close.png) center center no-repeat;
	width:22px;
	height:36px;
}

.tab .btn-role:hover{
	background:url(../images/icon/icon-close-black.png) center center no-repeat !important;
}
.tab-selected .btn-left,.tab-selected .btn-right,.tab-selected .btn-inner{
	background:url(../images/tab_selected.jpg) no-repeat;
}
.tab-selected .btn-inner{
	color:#FFF;
	background-repeat:repeat-x;
}
.tab-selected .btn-role{
	background:url(../images/icon/icon-close-hover.png) center center no-repeat !important;
}
.tab-unclose .btn-role,.tab-unclose .btn-role:hover{
	background:url(../images/icon/icon-lock.png) center center no-repeat !important;
}
/*end tab css*/
/*btn 37*/
.btn .btn-inner .button{
	border:none !important;
	background:none !important;
}

.btn-37{
	height:37px;
	line-height:33px;
}
.btn-37 .btn-left{
	background:url(../images/btn_left.png) right center no-repeat;
	width:7px;
	height:37px;
}
.btn-37 .btn-right{
	background:url(../images/btn_right.png) left center no-repeat;
	width:7px;
	height:37px;
}
.btn-37 .btn-icon{
	height:37px;
}
.btn-37 .btn-role{
	height:37px;
}
.btn-37 .btn-inner{
	background:url(../images/btn_inner.png) repeat-x;
	color:#606060;
	font-size:14px;
	height:37px;
	padding:0px 6px;
}
.btn-37:hover .btn-left{
	background:url(../images/btn_left_hover.png) right center no-repeat;
}
.btn-37:hover .btn-right{
	background:url(../images/btn_right_hover.png) left center no-repeat;
}
.btn-37:hover .btn-inner{
	background:url(../images/btn_inner_hover.png) repeat-x;
	color:#FFF;
}
/*btn-34*/
.btn-34{
	height:34px;
	line-height:33px;
}
.btn-34 .btn-left{
	background:url(../images/btn_34_left.png) right center no-repeat;
	width:6px;
	height:34px;
}
.btn-34 .btn-right{
	background:url(../images/btn_34_right.png) left center no-repeat;
	width:7px;
	height:34px;
}
.btn-34 .btn-icon{
	height:34px;
}
.btn-34 .btn-role{
	height:34px;
}
.btn-34 .btn-inner{
	background:url(../images/btn_34_inner.png) repeat-x;
	color:#606060;
	font-size:14px;
	height:34px;
	padding:0px 6px;
}
.btn-34 .btn-inner .button{
	height:34px;
	line-height:34px;
}
.btn-34-red .btn-left{
	background:url(../images/btn_34_red_left.png) right center no-repeat;
}
.btn-34-red .btn-right{
	background:url(../images/btn_34_red_right.png) left center no-repeat;
}
.btn-34-red .btn-inner{
	background:url(../images/btn_34_red_inner.png) repeat-x;
	color:#FFF;
}
.btn-34-red .btn-inner .button,.btn-34-blue .btn-inner .button{
	color:#FFF;
	font-size:14px;
	cursor:pointer;
}
.btn-34-blue .btn-left{
	background:url(../images/btn_34_blue_left.png) right center no-repeat;
}
.btn-34-blue .btn-right{
	background:url(../images/btn_34_blue_right.png) left center no-repeat;
}
.btn-34-blue .btn-inner{
	background:url(../images/btn_34_blue_inner.png) repeat-x;
	color:#FFF;
}
/*btn-34-grey*/
.btn-34-grey{
	height:34px;
	line-height:34px;
}
.btn-34-grey .btn-left{
	background:none;
	width:7px;
	height:34px;
}
.btn-34-grey .btn-right{
	background:none;
	width:7px;
	height:34px;
}
.btn-34-grey .btn-icon{
	height:34px;
	width:26px;
}
.btn-34-grey .btn-role{
	height:34px;
}
.btn-34-grey .btn-inner{
	background:none;
	color:#606060;
	font-size:14px;
	height:34px;
	padding:0px 6px;
}
.btn-34-grey .btn-inner .button{
	height:34px;
	line-height:34px;
	color:#606060;
	font-size:14px;
}
.btn-34-grey:hover .btn-left{
	background:url(../images/btn_34_left.png) right center no-repeat;
}
.btn-34-grey:hover .btn-right{
	background:url(../images/btn_34_right.png) left center no-repeat;
}
.btn-34-grey:hover .btn-inner{
	background:url(../images/btn_34_inner.png) repeat-x;
}
/*当前位置*/
.current-position{
	background:#ebf6f8;
	height:31px;
	line-height:31px;
	border-bottom:1px solid #c0c0c0;
	position:relative;
}
.current-position .position-name{
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#3e3e3e;
}
.position-box .btn{
	float:left;
	margin-left:10px;
}
.cg-buttons .btn{
	float:left;
	margin-right:10px;
}
/*information*/
.information-wrap{
	border-bottom:1px solid #c0c0c0;
	padding:10px 0px;
	line-height:180%;
}
.information-wrap .note-title{
	line-height:30px;
	font-weight:bold;
}
.information-wrap dl{
}
.information-wrap dl dt{
	float:left;
}
.information-wrap dl dd{
}

/*end information*/

/*form css*/
.cg-form table{
	margin-top:4px;
}
.cg-form table td{
	font-size:14px;
}
.cg-form input,.cg-form select{
	height:34px;
	line-height:34px;
	padding:0px 3px;
}
.cg-form textarea,.cg-form input,.cg-form select{
	border:1px solid #d4d4d4;
	background:#FFF;
	color:#3e3e3e;
	font-size:16px;
	font-family:微软雅黑,Verdana,sans-serif,宋体;
}
.cg-form select{
	margin:0px;
	padding:0px;
	font-size:14px;
}
.cg-form input[type=file]{
	font-size:12px;
	padding:0px;
	height:auto;
	line-height:auto;
}
.cg-form input[type=checkbox],.cg-form input[type=radio]{
	border:none;
}
.cg-form input:hover,.cg-form textarea:hover{
	background:#fafafa;
}
.cg-form .cg-form-set{
	padding:3px 10px;
	border:1px solid #d4d4d4;
	width:600px;
	background:#fafafa;
}
.cg-form .cg-form-set .cg-form-title{
	font-size:14px;
	line-height:30px;
	line-height:30px;
	background:url(../images/icon/icon-add-grey.png) right center no-repeat;
	cursor:pointer;
}
/*end form css*/
/*operator css*/
.operator-wrap{
	padding-bottom:10px;
}
.operator-wrap .operator{
	float:left;
}
.operator-wrap .operator .btn .operator-checkall{
	margin-top:10px;
}
.operator-wrap .operator .btn{
	float:left;
	margin-right:10px;
}
.operator-wrap .operator-buttons{
	float:right;
}
.operator-wrap .operator-buttons .btn{
	float:left;
	margin-left:10px;
}
.operator-wrap .operator-buttons .btn-34-grey{
	margin-left:0px;
}
.operator-wrap .operator .operator-search{	
	float:left;
	position:relative;
	margin-right:10px;
}
.operator-wrap .operator .operator-search input,.operator-wrap .operator .operator-search select{
	background: #FFFFFF;
    border: 1px solid #D4D4D4;
	padding:0px 3px;
	margin-right:6px;
	margin-bottom:1px;
	height:20px;
	line-height:20px;
	font-family:微软雅黑,Verdana,sans-serif,宋体;
}
.operator-wrap .operator .operator-search input[type=checkbox],.operator-wrap .operator .operator-search input[type=radio]{
	border:none;
}
.operator-wrap .operator .operator-search select{
	height:22px;
	line-height:22px;
	padding:0px;
}
.operator-wrap .operator .operator-search .operator-search-submit{
	width:13px;
	height:13px;
	border:none;
	margin:0px 6px;
}

/*tab*/
.page-tab{
	position:absolute;
	top:0px;
	
	right:30px;
	height:31px;
	background: #EBF6F8;
	
}
.page-tab li{
	float:left;
	border:1px solid #C0C0C0;
	border-width:1px 1px 0px 1px;
	padding:0px 15px;
	box-shadow:0px 0px 3px #C0C0C0;
	border-radius:8px 8px 0px 0px;
	height:29px;
	line-height:29px;	
	margin:2px 0px 0px 10px;
	cursor:pointer;
	
}
.page-tab .page-tab-selected{
	font-weight:bold;
	font-size:13px;
}
/*datagrid*/
.datagrid{
	overflow-x:hidden;
	overflow-y:auto;
	
	border:1px solid #D4D4D4;

	border-left:none;
	/*
	fix ie7 bug
	position:relative;*/
	box-shadow:0px 1px 4px #d4d4d4;
}
.datagrid table{
	width:100%;
	margin-top	:0px;
}
.datagrid table tbody{
}
.datagrid .even-row{
	background:#f8f8f8;
}
.datagrid .datagrid-thead td{
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	background:#f5f5f5;
}
.datagrid td{
	border:1px solid #d4d4d4;
	padding:3px 5px;
	line-height:160%;
	height:40px;
	_height:40px;
	color:#3e3e3e;
}
.datagrid td a{
	color:#3e3e3e;
}
.datagrid tr .datagrid-identity{
	_width:120px;
}
.datagrid td:hover,.datagrid .row-selected{
	background:#dff1ff;
}
.other-datagrid tr:hover{
	background:none;
}
.other-datagrid td{
	height:auto;
	_height:auto;
}
.datagrid .datagrid-identity li{
	width:16px;
	height:16px;
	margin:0px 6px;
	float:left;
}
.datagrid .datagrid-operator{
	_width:100px;
	display:none;
}
.datagrid .datagrid-operator li{
	float:left;
	width:20px;
	height:20px;
	background:url(../images/icon/icon-space.png) center center no-repeat;
}
.datagrid .datagrid-operator li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:10000px;
	overflow:hidden;
}
/*page css*/
.datagrid-page{
	text-align:center;
	position:relative;
	background:#FFF;
}
.datagrid-page a:hover{
	
}
.datagrid-page .page-statistics{	
	width:200px;
	text-align:left;
	position:absolute;
	left:0px;
	top:0px;
	
}
.datagrid-page .page-form{
	text-align:center;
}
.datagrid-page .page-form .page-submit{
	background:url(../images/go.png) center center no-repeat;
	width:38px;
	height:23px;
	border:none;
}

.other-datagrid .box-datagrid .datagrid-element{
	float:left;
	width:31%;
	margin:0px 1% 1%;
	border:1px solid #d4d4d4;
	box-shadow:0px 1px 4px #d4d4d4;
	border-radius:4px;
	position:relative;
}
.other-datagrid .box-datagrid .datagrid-element:hover{
	border:1px solid #055E98;
}
.other-datagrid .box-datagrid .datagrid-element .datagrid-operator{
	position:absolute;
	right:5px;
	top:5px;
	display:block;
	width:60px;
}
.other-datagrid .box-datagrid .datagrid-element table td,.other-datagrid .box-datagrid .datagrid-element table th{
	border:none;
	line-height:30px;
}
.other-datagrid .box-datagrid .datagrid-element table th{
	font-size:14px;
}
.serach-form{
	height:23px;
	line-height:23px;
}
.serach-form .search-form-left{
	float:left;
	width:6px;
	height:23px;
	background:url(../images/search_form_left.png) right center no-repeat;
}
.serach-form .search-form-inner{
	background:url(../images/search_form_bg.png) left center repeat-x;
	height:23px;
	float:left;
}
.serach-form .search-form-inner input{
	border:none;
	background:none;	
	height:20px;
	line-height:20px;
	color:#9d9d9d
}
.serach-form .search-form-inner .cg-select{
	background:url(../images/search_form_select.png) left center repeat-x;
	height:23px;
	width:61px;
	border-left:1px solid #a5a5a5;
}
.serach-form .search-form-right{
	float:left;
}
.serach-form .search-form-right .search-submit{
	background:url(../images/search_form_submit.png) left center no-repeat;
	height:23px;
	width:31px;
	border:none;
}
/*form select*/
.cg-select{
	text-align:center;
	cursor:pointer;
	padding-right:5px;
}
.cg-select .cg-select-name{
	background:url(../images/icon/icon-vertical-expand.png) right center no-repeat !important;
	padding:0px 10px;
	padding-right:15px;
}
.cg-option{
	display:none;
	border:1px solid #B9C5DC;
	border-bottom:none;
	box-shadow:0 0 4px #B9C5DC;
	left:-1px;
	background:#F3F3F3;
	z-index:10;
}
.cg-option li{
	
	line-height:180%;
	text-align:center;
	width:66px;
	border-bottom:1px solid #B9C5DC;
}
.cg-option li:hover{
	background:#3B9AE0;
	color:#FFF;
}
/*operator-menu*/
.operator-menu{
	z-index:10;
}
.operator-menu .btn-inner{
	border-left:1px solid #a5a5a5;
}
.operator-menu input{
	border:none;
	background:none;
	height:34px;
	color:#606060;
	font-size:14px;
	cursor:pointer;
}
.operator-menu .cg-option{	
	left:-7px;
	_left:-15px;
	top:33px;
	*top:26px;	
	z-index:10;
}
.operator-menu .cg-option li{
	width:75px;
}

/*search cantianer*/
.operator-search-button{
	position:relative;
}
.operator-search-button .operator-search-condition{
	position:absolute;
	left:0px;
	top:34px;
	border: 1px solid #3c9fe8;
	box-shadow:0px 0px 4px #3c9fe8;
	background:#F8F8F8;
	border-radius:6px;
	width:300px;
	padding:5px 10px;
	cursor:default;
}
.operator-search-button .operator-search-condition .operator-search-condition-close{
	position:absolute;
	top:5px;
	right:5px;
	color:#3c9fe8;
	font-size:12px;	
	cursor:pointer;
	width:12px;
	height:12px;
	background: url("../images/icon/icon-close.png") no-repeat scroll center center transparent !important;
	text-indent:-10000px;
}

/*details css*/
.details{
	border: 1px solid #D4D4D4;
	box-shadow:0px 0px 4px #D4D4D4;
	background:#FFF;
	padding:10px;
}
.details .details-title{
	font-size:16px;
	line-height:200%;
	
}
.details .datagrid{
	border:none;
	box-shadow:none;
}
.details .datagrid td{
	border:none;
	box-shadow:none;
	font-size:14px;
}
.details .datagrid tr:hover{
	background:none;
}

/*desktop component*/
.component{
	width:200px;
	box-shadow:0px 0px 4px #D4D4D4;
	border:1px solid #D4D4D4;
	border-radius:4px;
}
.component:hover{
	border:1px solid #055E98;
	box-shadow:0px 0px 4px #055E98;
}
.component .component-title{
	line-height:26px;
	height:26px;
	background: #F5F5F5;
	padding:0px 10px;
	border-bottom:1px solid #D4D4D4;
	font-weight:bold;
}
.component .component-title .component-buttons{
	float:right;
	display:none;
}
.component .component-title .component-buttons div{
	float:left;
	width:20px;
	height:26px;
	cursor:pointer;
}
.component .component-content{
	padding:10px;
}
/*common css*/
input[type='checkbox'],input[type='radio']{
	border:none !important;
	padding:0px !important;
	line-height:auto !important;
	height:auto !important;
	background:none;
}
.mt20{
	margin-top:20px;
}
.input{
	background: #FFFFFF;
    border: 1px solid #D4D4D4;
	padding:0px 3px;
	height:20px;
	line-height:20px;	
}
.datagrid-tab{
	border:1px solid #D4D4D4;
	border-bottom:none;
	box-shadow:0px 0px 3px #D4D4D4;
	border-radius:6px 6px 0px 0px;
	padding:0px 10px;
	line-height:220%;
	font-size:14px;
	font-weight:bold;
	min-width:10px;
	float:left;
	background:#F5F5F5;
}