.search-bar {
	background: no-repeat 0px 0px rgb(255, 255, 255); padding: 4px 0px 4px 8px; border-radius: 2px; border: 1px solid rgb(197, 209, 221); border-image: none; width: 200px; height: 20px; line-height: 20px;
}
.search-focus {
	border: 1px solid rgb(116, 172, 242); border-image: none; box-shadow: 0px 0px 5px rgba(48,131,235,0.18), 0px 1px rgba(255,255,255,0.6), inset 1px 1px 5px rgba(199,202,204,0.74);
}
.search-have-content {
	border: 1px solid rgb(116, 172, 242); border-image: none; box-shadow: 0px 0px 5px rgba(48,131,235,0.18), 0px 1px rgba(255,255,255,0.6), inset 1px 1px 5px rgba(199,202,204,0.74);
}
.search-none {
	box-shadow: 0px 1px rgba(255,255,255,0.3), inset 1px 1px 3px rgba(238,239,240,0.74);
}
.real-search-bar {
	background: no-repeat 0px 0px rgb(255, 255, 255); padding: 0px; border: 0px currentColor; border-image: none; top: 10px; width: 210px; height: 30px; z-index: 11; box-shadow: none;
}
.search-bar .search-input-ctn {
	box-shadow: 0px 1px rgba(255,255,255,0.6), inset 1px 1px 3px rgba(199,202,204,0.74);
}
.search-bar .search-input-ctn {
	padding: 4px 0px 4px 8px; border-radius: 2px 0px 0px 2px; border: 1px solid rgb(169, 187, 204); border-image: none; width: 171px; height: 20px; line-height: 20px; float: left; position: relative;
}
.search-bar .search-placeholder {
	left: 8px; top: 4px; color: rgb(170, 170, 170); font-size: 12px; display: none; z-index: 1; cursor: text;
}
.search-bar .search-input {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; height: 16px; line-height: 16px; font-size: 12px; background-color: rgb(255, 255, 255);
}
.btn-group .search-input {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; height: 16px; line-height: 16px; font-size: 12px; background-color: rgb(255, 255, 255);
}
.search-bar input {
	width: 100%;
}
.search-bar .icon-close {
	display: none; position: absolute;
}
.search-bar .ss-close {
	display: none;
}
.search-focus .ss-search {
	display: none;
}
.search-have-content .icon-close {
	display: block; cursor: pointer;
}
.search-have-content .ss-close {
	background-position: 0px -42px; top: 9px; display: block;
}
.search-bar .icon-close {
	background: url("images/close2.png") no-repeat 0px 0px rgba(0, 0, 0, 0); top: 7px; width: 16px; height: 16px; right: 10px;
}
.search-bar .y-btn {
	background: no-repeat 0px 0px rgb(255, 255, 255); padding: 6px 14px; border-radius: 2px; border: 1px solid rgb(187, 203, 223); height: 16px; text-align: center; color: rgb(83, 96, 131); overflow: hidden; font-family: arial; font-size: 12px; display: inline-block; cursor: pointer; min-width: 47px; -moz-user-select: none;
}
.search-bar .y-btn-gray {
	background-image: linear-gradient(to top, rgb(245, 249, 252), rgb(255, 255, 255));
}
.search-bar .y-btn-submit {
	padding: 6px; border-radius: 0px 2px 2px 0px; border-left-color: currentColor; border-left-width: 0px; border-left-style: none; float: right; min-width: 14px;
}
.search-bar .icon-search {
	background: url("magnifier.png") no-repeat 0px 0px rgba(0, 0, 0, 0); width: 16px; height: 16px;margin-left:-10px
}
.search-bar .y-btn .icon {
	overflow: hidden; float: left;
}
.search-bar .y-btn .label {
	overflow: hidden; float: left;
}
.search-bar .y-btn:hover {
	background: no-repeat 0px 0px rgb(48, 131, 235); border-color: rgb(31, 116, 223); color: rgb(255, 255, 255);
}
.btn-group {
	overflow: hidden; clear: both;
}
.btn-group .item {
	margin: 0px 9px 0px 0px; padding: 0px; border: 0px currentColor; border-image: none; float: left; display: inline;
}
.btn-group .y-btn {
	background: no-repeat 0px 0px rgb(255, 255, 255); padding: 6px 0px; border-radius: 2px; border: 1px solid rgb(187, 203, 223); height: 16px; text-align: center; color: rgb(83, 96, 131); overflow: hidden; font-family: arial; font-size: 12px; display: inline-block; cursor: pointer; min-width: 28px; -moz-user-select: none;
}
.btn-group .y-btn-blue {
	border-color: rgb(57, 132, 229); color: rgb(255, 255, 255); background-color: rgb(62, 148, 254);
}
.btn-group .y-btn-blue {
	border-color: rgb(57, 132, 229); color: rgb(255, 255, 255); background-color: rgb(62, 148, 254);
}
.btn-group .y-btn-blue:hover {
	border: 1px solid rgb(31, 116, 223); border-image: none; background-color: rgb(46, 129, 234);
}
.btn-group .y-btn-blue:hover {
	color: rgb(255, 255, 255);
}
.btn-group .y-btn-blue:hover .label {
	color: rgb(255, 255, 255);
}
.btn-group .y-btn-gray {
	background-image: linear-gradient(to top, rgb(245, 249, 252), rgb(255, 255, 255));
}
.btn-group .y-btn-gray:hover {
	background: no-repeat 0px 0px rgb(48, 131, 235); border: 1px solid rgb(31, 116, 223); border-image: none;
}
.btn-group .y-btn-gray:hover {
	color: rgb(255, 255, 255);
}
.btn-group .y-btn-gray:hover .label {
	color: rgb(255, 255, 255);
}
.btn-group .y-btn {
	float: left; display: none;
}
.btn-group .show {
	display: block;
}
.btn-group .y-btn .label {
	padding: 0px 11px; height: 16px; line-height: 16px; overflow: hidden; float: left; white-space: nowrap;
}
.y-btn .icon {
	overflow: hidden; float: left;
}
.y-btn .bg-icon {
	background: url("dn.png") no-repeat 0px 6px rgba(0, 0, 0, 0); padding: 6px 4px; width: 7px; height: 16px;
}
.slide-panel {
	margin: 0px; padding: 0px; width: 100%;
}
.slide-panel li {
	list-style: none; margin: 0px; padding: 0px; border: 1px solid rgb(239, 239, 239); border-image: none; clear: both;
}
.slide-panel .panel-head {
	width: 100%; height: 24px; line-height: 24px; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(227, 227, 227);
}
.slide-panel .panel-head .head-control {
	background: url("rarrowdown.gif") no-repeat 0px 6px rgba(0, 0, 0, 0); width: 24px; height: 24px; float: right; display: inline-block; cursor: pointer;
}
.slide-panel .panel-head .current {
	background: url("rarrowup.gif") no-repeat 0px 6px rgba(0, 0, 0, 0);
}
.slide-panel .panel-head h3 {
	background: url("title_img.gif") no-repeat 5px 7px rgba(0, 0, 0, 0); margin: 0px; padding: 0px 0px 0px 22px; line-height: 24px; font-size: 14px; display: inline-block;
}
.slide-panel div.panel-body {
	display: none;
}
.slide-panel div.show {
	display: block;
}
.slide-panel .panel-body .integ_tab {
	margin: 10px auto; padding: 0px; border: 1px solid rgb(214, 222, 241); float: left; border-collapse: collapse; border-spacing: 1px; empty-cells: show;
}
.slide-panel .panel-body table {
	margin: 0px; border: 0px currentColor; border-image: none;
}
.slide-panel .panel-body .integ_tab tr {
	height: 12px; line-height: 12px;
}
.slide-panel .panel-body .integ_tab th {
	font: 12px/normal Tahoma, Verdana; border: 1px solid rgb(214, 222, 241); border-image: none; width: 100px; text-align: right; font-size-adjust: none; font-stretch: normal; background-color: rgb(239, 239, 239);
}
.slide-panel .panel-body .integ_tab td {
	padding: 4px 2px; border: 1px solid rgb(214, 222, 241); border-image: none; text-align: left; border-collapse: collapse;
}
#info-mid-table .td-cameraWebcam .module {
	padding: 4px 2px; width: 50px; text-align: left; float: left; border-collapse: collapse;
}
#info-mid-table .td-videoWebcam .module {
	padding: 4px 2px; width: 50px; text-align: left; float: left; border-collapse: collapse;
}
#info-mid-table .td-otherParam .module {
	padding: 4px 2px; width: 50px; text-align: left; float: left; border-collapse: collapse;
}
#info-mid-table .td-cameraWebcam .module input {
	float: left;
}
#info-mid-table .td-videoWebcam .module input {
	float: left;
}
#info-mid-table .td-otherParam .module input {
	float: left;
}
#info-mid-table input {
	padding: 0px; height: 16px; line-height: 16px; white-space: nowrap;
}
#info-mid-table .form-input {
	width: 30%; float: left;
}
#info-mid-table .input-ruleName {
	width: 67%;
}
#info-mid-table textarea.form-input {
	width: 98%;
}
#info-mid-table input {
	padding: 0px; height: 16px; line-height: 16px; white-space: nowrap;
}

.red {
	color: red;
}
#info-mid-table td .span-tip {
	height: auto; line-height: 20px; margin-left: 10px; min-height: 20px;
}

span.manage,span.add,span.all,span.view {
	background: url("icon_s_for.png") no-repeat 0px 0px; transition:none; width: 16px; height: 16px; display: inline-block; cursor: pointer;
}
span.manage {
	background-position: -159px -170px;
}
span.add {
	background-position: -214px -168px;
}
span.all {
	background-position: -527px -169px;
}

span.view {
	background-position: -499px -169px;
}
.serverall {
	padding: 20px; border-radius: 3px; border: 1px solid rgb(200, 202, 202); border-image: none; position: relative;width:95%; margin:0 auto;margin-top:20px
}
.serverall h3 {
	font: bold 12px/30px Arial, Helvetica, sans-serif; text-indent: 1em; padding-top: 10px; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid; font-size-adjust: none; font-stretch: normal;
}
.serverall h3 .svrmore {
	color: rgb(38, 153, 221); text-decoration: none; float: right;
}
.serverall h3 .svrmore:hover {
	color: rgb(255, 0, 0); text-decoration: underline;
}
.setingbox {
	width: 700px; overflow: hidden; margin-top: 20px; -ms-zoom: 1;
}
.setingbox dt {
	width: 160px; text-align: right; color: rgb(51, 51, 51); padding-top: 10px; clear: both; margin-right: 10px; float: left; display: block;
}
.setingbox dd {
	width: 500px; color: rgb(102, 102, 102); padding-top: 10px; float: left;
}
.setingbox dd input.text {
	padding: 0px 4px; border: 1px solid rgb(205, 205, 205); border-image: none; width: 226px; height: 20px; color: rgb(102, 102, 102); line-height: 20px;
}
.setingbox dd select {
	width: 236px; idth: 850px;
}
.serverinfo {
	padding: 20px 20px 0px; color: rgb(102, 102, 102); line-height: 20px;
}
.righttitile1 {
	background: url("icon.png") no-repeat; margin: 20px 20px 10px; padding: 2px 0px 8px 33px; border-bottom-color: rgb(205, 205, 205); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.righttitile_user {
	background: url("title_user.png") no-repeat; margin: 20px 20px 10px; padding: 2px 0px 8px 33px; border-bottom-color: rgb(205, 205, 205); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.righttitile_vehicle {
	background: url("title_vehicle.png") no-repeat; margin: 20px 20px 10px; padding: 2px 0px 8px 33px; border-bottom-color: rgb(205, 205, 205); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
.righttitile2 {
	background: url("icon.png") no-repeat; color: rgb(102, 102, 102); padding-left: 20px; font-weight: normal; float: left; display: block;
}
.slinput {
	margin: 0px 20px 10px; color: rgb(51, 51, 51); line-height: 22px; overflow: hidden; font-size: 12px; -ms-zoom: 1;
}
.slinput input {
	border: 1px solid rgb(164, 185, 205); border-image: none; height: 20px;
}
.inputdis {
	margin-right: 10px; float: left;
}

#search-list {
	border: 1px solid rgb(204, 204, 204); border-image: none; width: 130px; overflow: hidden; float: left;
}
#search-table {
	margin-left: 152px;
}
#search-list ul {
	margin: 0px; padding: 0px;
}
#search-table ul {
	margin: 0px; padding: 0px;
}
#search-table li.list {
	display: none;
}
#search-table li.active {
	display: block;
}
#search-list a {
	cursor: pointer;
}
#search-list li {
	cursor: pointer;
}
#search-list a {
	color: rgb(51, 51, 51); font-size: 14px; cursor: pointer;
}
#search-list li {
	padding: 10px; height: 20px; line-height: 20px; overflow: hidden; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
#search-list li.active {
	background-color: rgb(11, 131, 220);
}
#search-list li:hover {
	background-color: rgb(11, 131, 220);
}
#search-list li.active a {
	color: rgb(255, 255, 255);
}
#search-list li:hover a {
	color: rgb(255, 255, 255);
}
.flexigrid{border:1px solid #ccc; background:#fff;margin:0px 20px}
.hDiv{border-bottom:1px solid #ccc;height:25px;line-height:25px;}
.hDivBox th{border-right:1px solid #ccc; font-weight:normal}

#left {
	width: 420px; height:510px; float: left; display: block;
}
#right {
	width: 420px; height: 510px; margin-left: 50px; float: left; display: block;
}
#vehicle_tree {
	margin: 2px; border: 1px solid silver; border-image: none; width: 100%; height: 420px; overflow: auto; background-color: rgb(245, 245, 245);
}
#rule_tree {
	margin: 2px; border: 1px solid silver; border-image: none; width: 100%; height: 420px; overflow: auto; background-color: rgb(245, 245, 245);
}
#search .righttitile_rule {
	background: url("rule-v3-icon.png") no-repeat 0px 0px rgba(0, 0, 0, 0); margin: 20px 20px 10px; padding: 2px 0px 8px 33px; border-bottom-color: rgb(205, 205, 205); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
div.colCopy div {
	padding: 5px; border-left-color: rgb(255, 255, 255); border-left-width: 0px; border-left-style: solid;
}
.flexigrid div.hDiv th {
	height: 24px; overflow: hidden; font-weight: normal; white-space: nowrap; cursor: default;
}
div.colCopy {
	height: 24px; overflow: hidden; font-weight: normal; white-space: nowrap; cursor: default;
}
.flexigrid div.iDiv {
	background: none; border: 1px solid rgb(49, 106, 197); border-image: none; overflow: visible; position: absolute;
}

#opera-top {
    border-bottom: 1px solid #cdcdcd;
    color: #333;
    font-size: 12px;
    height: 34px;
    line-height: 30px;
    vertical-align: middle;
    margin: 20px 20px 10px;
}
.flexigrid .bDiv a:hover{
	color: #219bd0;
}
.btn-group .item .y-btn span{
	width: 60px;
}
a.edit,a.delete{    background: url(icon_s_for.png) 0px 0px no-repeat;
    height: 16px;
    width: 16px;
    cursor: pointer;
    display: inline-block;
    transition: none 0s ease 0s;
	margin:0px 10px;
	margin-top:1px;}
a.delete{background-position: -134px -169px;}
a.edit{    background-position: -74px -170px;}
.blue {
    color: #0068b7;
}
.flexigrid div.hDiv th,.flexigrid  div.bDiv td
	/* common cell properties*/ {
	text-align: left;
	border-right: 1px solid #ddd;
/*	border-left: 1px solid #fff;
	border: 1px solid #999;*/
	overflow: hidden;
	vertical-align: top !important;
	padding-left: 0;
	padding-right: 0;
}

.flexigrid div.hDiv th div,.flexigrid  div.bDiv td  div,div.colCopy div
	/* common inner cell properties*/ {
	padding: 5px;
	border-left: 0px solid #fff;
}
.uu{ position:relative; font-style:normal;z-index:999; cursor:pointer}
.quick-menu {
    background-color: #fff;
    border: 1px solid #000;
    display: none;
    position: absolute;width:50px;
    top: 20px;padding:0px 5px;
    z-index: 999;left:-10px;height:30px;line-height:30px;
}
.quick-menu a{color:#000}