﻿/*-common-*/
html, body {
	font-family: arial;
    margin:0;
    padding:0;
}

.st-form{
	padding:10px;
}

/*������ʽ*/ 
.floatleft{float:left;display:inline} 
.floatright{float:right;display:inline} 
.blockcenter{margin-left:auto;margin-right:auto;} 

/*���*/ 
.clearleft{clear:left} 
.clearright{clear:right} 
.clearboth{clear:both} 
.clearfix:after, .row:after, .datagrid-toolbar:after, .dialog-button:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;} 
.clearfix, .row, .datagrid-toolbar, .dialog-button{*zoom: 1;}
.row{margin-bottom: 20px;}

/*��ֱ���뷽ʽ*/ 
.verticlealigntop{vertical-align:top}
.verticlealignmiddle{vertical-align:middle}
.verticlealignbottom{vertical-align:bottom}

 /*��λ��ʽ*/ 
.positionrelative{position:relative} 
.positionabsolute{position:absolute} 
.abs-right{position:absolute;right:0} 
/*IE haslayout*/ 
.zoom{zoom:1}

 /*display*/ 
.hidden{visibility:hidden} 
.displaynone{display:none} 
.displayblock{display:block} 

/*-form-*/
.textbox {
	float: left;
	height: 20px;
	padding: 0 4px;
	margin-right: 10px;
}

.dp200{ width:560px;}
.dp100{ width:210px;}
.dp75{ width:154px;}
.dp50{ width:98px;}
.dp25{ width:42px;}

select.dp200{ width:564px;}
select.dp100{ width:220px;}
select.dp75{ width:158px;}
select.dp50{ width:102px;}
select.dp25{ width:46px;}

.sep {
	float: left;
	margin-left: -10px;
	width: 10px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

/* .l-btn { */
/* 	float: left; */
/* } */

/* * + .l-btn { */
/* 	margin-left: 10px; */
/* } */

table.edit-table {
	border-collapse: separate;
	border-spacing: 0;
}

table.edit-table td {
	padding: 4px 0;
}

table.edit-table td label {
	text-align: right;
	display: inline-block;
	padding: 0 18px 0 8px;
	width: 100px;
	word-break: break-word;
}

/*-layout-*/
#header {
	position: relative;
	height: 90px;
    background:url(images/banner-bg.png) left;
    background-repeat: no-repeat;
    background-color: #0069cc;
}


#header h1#logo {
	float: left;
	height: 30px;
	line-height: 30px;
	margin: 30px 0 0 30px;
	font-size: 24px;
	color: #fff;
}

#header #welcome {
	float: right;
	position: relative;
	z-index: 1;
	height: 30px;
	line-height: 30px;
	margin: 30px 30px 0 0;
	padding: 0 10px;
	border-radius: 15px;
	background: url(images/b-tr-20.png);
	/* top:25px; */
}

#header #welcome a {
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
    opacity: 0.8;    /* css standard, currently it works in most modern browsers  */
    -ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}

#header #welcome a:hover {
    opacity: 1;    /* css standard, currently it works in most modern browsers  */
    -ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
}

#apploading {
	display: none;
	position: absolute;
	width: 120px;
	height: 24px;
	left: 50%;
	margin-left: -40px;
	border-radius: 0 0 4px 4px;
	background: url(images/w-tr-20.png);
	z-index: 990;
}

#apploading span {
	display: block;
	height: 100%;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}

#apploading span img {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

#sidebar .accordion-header {
  background: transparent;/* #e5f5ff */
}
#sidebar .accordion-header-selected {
   background:  #73b8e5;  
 /*  background: url("images2/selected.png") no-repeat center center; */
}


.validatebox-invalid{
    border: 1px solid #c1deee;
    border-color: #c1deee;
    background-color: #fff;
    border-bottom-color: #ffa8a8;
    color: #000;
}

.textbox-invalid{
    border: 1px solid #c1deee;
    border-color: #c1deee;
    background-color: #fff;
    border-bottom-color: #ffa8a8;
    color: #000;

}
.aac{
	background: url("images2/commonJob.png") no-repeat top left;
}
.example{
	background: url("images2/example.png") no-repeat top left;
}
.systemManger{
	background: url("images2/systemManger.png") no-repeat top left;
}
.paramer{
	background: url("images2/paramer.png") no-repeat top left;
}
.register{
	background: url("images2/register.png") no-repeat top left;
}
.commonJob{
	background: url("images2/commonJob.png") no-repeat top left;
}
.statis{
	background: url("images2/statis.png") no-repeat top left;
}
.acceptRegister{
	background: url("images2/acceptRegister.png") no-repeat top left;
}
.licence{
	background: url("images2/licence.png") no-repeat top left;
}
.excel{
	background: url("images2/excel.png") no-repeat top left;
}
.lockMenu{
	background: url("images2/lockMenu.png") no-repeat center left;
}
.desktop{
	background: url("images2/desktop.png") no-repeat top left;
}



#sidebar .panel-tool a{
	width:20px;
}
#sidebar .panel-title{
	font-size:12px;
	font-weight:bold;
	color:#777;
	height:25px;
	line-height:25px;
	margin-left:13px;
}
#sidebar .panel-icon{
	left:5px;
	width:25px;
	height:25px;
	top:30%;
}
#maintabs-tools .l-btn-left{
	margin:6px;
}
#maintabs .tabs-header{
	border-bottom-width:8px;
	border-color:#52b8ea;
}
#sidebar .accordion-collapse{
	background: url("images2/combo_arrow_left.png") no-repeat 0px 0px;
}
#sidebar .accordion-expand{
	background: url("images2/combo_arrow.png") no-repeat 0px 0px;
}
#sidebar .panel-body{
	background: transparent;
}
.accordion{
	background: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#c6cad5));
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f5f5f5,endcolorstr=#c6cad5,gradientType=0);
}
.layout-button-right{
	background: url("images2/desktop05.png") no-repeat 0px 0px;
}
.layout-button-left{
	background: url("images2/desktop05.png") no-repeat 0px 0px;
}
.tabs li.tabs-selected a.tabs-inner{
	background:#52b8ea;
	border-bottom:1px solid #52b8ea;
}
.tabs li a.tabs-inner{
	border-color:#c1deee;
	background:#c1deee;
}
.layout-split-west{
	border-right:0px solid #eee;
	
}
.panel-tool a{
	width:20px;
}
.panel-title{
	font-size:12px;
	font-weight:bold;
	color:#777;
	height:25px;
	line-height:27px;
	/* margin-left:90px; */
}
/* .panel-icon{
	left:85px;
	width:25px;
	height:25px;
	top:30%;
} */
#maintabs .tabs-selected .tabs-title{
	color:#fff;

}

.textbox-span {
	line-height: 20px;
	background-color: #f5f5f5;

}

.icon-download{
	background: url('images2/down.png') ;
}

textarea{
    font: 13.3333px Arial;
}
.textbox .textbox-text {
    padding: 0px;
    font: 13.3333px Arial;
}