@import url(tools.css);
@import url(typo.css);
@import url(layout.css);
@import url(multiItemsEditor.css);
@import url(../displaytag.css);
@import url(../forms.css);
@import url(../messages.css);
@import url(../jquery.treeview.css);
/* newly added */
body{margin:0;padding:0;overflow-x:scroll;}
html, body{height:100%;}
img{border:none;}
*{font-family:'Arial';font-size:12px;color:#000000;}
dl,dt,dd{display:block;margin:0;}
a{text-decoration:none;}
#bg{background-im9:59 2016/7/26ge:url(images/content/dotted.png);}
.container{width:100%;height:auto;margin:auto;border:none;}

.desc_blkl{border:1px solid #D9D9D9; border-top:none; repeat-x;width:49%;height:auto;display:inline;float:left;margin-bottom:10px;}
.desc_blkr{border:1px solid #D9D9D9; border-top:none; repeat-x;width:49%;height:auto;display:inline;float:right;margin-bottom:10px;}
.floatL{font-size:13px; height: 35px; display: inline-flex; justify-content: center; align-items: center; padding: 0 6px; background-color: #F8F8F8; color: #333; border:1px solid #dcdcdc; border-left: 0;}
.page_position .floatL:first-of-type{ border-left: 1px solid #dcdcdc;}

.hover{cursor:pointer;background-color: #FFF;}
/*left-hide*/
.leftsidebar{width:20px; position: relative; min-height:calc(100vh - 65px); overflow:visible !important;height:auto;}
/*left*/
.leftsidebar_box{width:100%; position: relative; min-height:calc(100vh - 65px); overflow:visible !important;height:auto;}
/* .line{height:2px;width:100%;background-image:url(images/left/line_bg.png);background-repeat:repeat-x;} */
.leftsidebar_box dt{padding-left:45px;padding-right:10px;background-repeat:no-repeat;background-position:15px center;color:RGB(213,219,241); background-size: 24px; font-size:13px;position:relative;line-height:40px;cursor:pointer;}
.leftsidebar_box dd{padding-left:0px;margin-left:0px;background-color:#3A466C;cursor:pointer;}
/* .leftsidebar_box dd a{color:RGB(213,219,241);line-height:30px;background-image:url(images/left/grey.png);background-size:24px;background-repeat: no-repeat;background-position:24px center;} */
.leftsidebar_box dd a{color:RGB(213,219,241);line-height:30px;background-image:url(images/left/);background-size:24px;background-repeat: no-repeat;background-position:24px center;}
.leftsidebar_box dt a{color:RGB(213,219,241);line-height:30px;}
.leftsidebar_box dt img{position:absolute; width: 24px; height: 24px; display: block; right: 2px; top: 6px;}

.leftsidebar{width:100%;overflow:visible !important;height:auto;margin-bottom:100px;}
.leftsidebar dt{padding-left:35px;padding-right:10px;background-repeat:no-repeat;background-position:10px center;color:RGB(213,219,241);font-size:13px;position:relative;line-height:40px;cursor:pointer;}
.leftsidebar dt img{position:absolute;right:10px;top:13px;}

.system_log dt{background-image:url(images/left/system.png);background-size:17px; }
.custom dt{background-image:url(images/left/custom.png);background-size:17px; }
.channel dt{background-image:url(images/left/channel.png);background-size:17px; }
.app dt{background-image:url(images/left/app.png);background-size:17px; }
.cloud dt{background-image:url(images/left/cloud.png);background-size:17px; }
.syetem_management dt{background-image:url(images/left/syetem_management.png);background-size:17px; }
.source dt{background-image:url(images/left/source.png);background-size:17px; }
.statistics dt{background-image:url(images/left/statistics.png);background-size:17px; }
.change dt{ background-image:url(images/left/back_left.png);background-size:12px 40px;background-position:0px 0px; width: 12px; height: 40px; }
.action dt{background-image:url(images/left/statistics.png);background-size:17px; }
.leftsidebar_box dl dd:last-child{padding-bottom:5px;}
* { margin:0; padding:0; vertical-align: none;}
*.treetable { margin-top:10px; margin-left:10px; padding:0; vertical-align: none;}
body {font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#222; background:rgb(58, 70, 108)}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
textarea {overflow:auto;}
table { font-size:inherit; border-collapse:collapse; border-spacing:0; }
a { color:#1f39e0;}
a:hover, a:active { color:#f00;}
fieldset, img { border:0;float:none;overflow: hidden;padding-bottom:0px;padding-right:0px;}
a img{ border:none;margin-top:3px;}
a:link img { border:none }
a:hover img {  border:none }
ul, li { list-style:none }
q:before, q:after, blockquote:before, blockquote:after {content: "";}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;width:1345px; }
/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
.clearfix { display: block;width:1345px; }
/* End hide from IE-mac */

.clear{ clear:both; height:0; overflow:hidden; display:block; }
.mtn1{ margin-top:15px;width:100%; border-radius: 8px; overflow: hidden; box-shadow: 0px 0px 12px rgba(0, 11, 41, 0.1); background-color: #fff; box-shadow: 0px 0px 12px rgba(0, 11, 41, 0.1);}
.mtn{ margin-top:15px;width:100%; box-shadow: 0px 0px 12px rgba(0, 11, 41, 0.22);}
.block{ display:block}
/* NAV */
div#nav { }
*html div#nav {}
.wrapper {height:auto;width: 13%;float:left;margin-bottom:0px;background-color: RGB(58,70,108);}
div#nav ul {padding:0 4px;list-style:none;}
div#nav li { float: left; height:45px; list-style: none; margin: 0; padding: 0; background:url( images/primary_nav_bg.gif) top center no-repeat; text-align:center; margin-right:3px; width:120px; line-height:38px; font-size:12px; position:relative; cursor:pointer; display:inline}
div#nav li.current1,div#nav li.over{ background:url( images/primary_nav_bg_current.gif) top center no-repeat; }
div#nav li.current1 a,div#nav li.over a{ color:#222;}
div#nav a {font-size:12.5px;text-decoration:none; color: #fff; position:relative; z-index:2; }
div#nav li.menubar a{background:url(images/arrowb1.gif) right center no-repeat; padding-right:10px; _display:block; _background-position:105px 16px;_padding-right:0px;}
div#nav li.over a{background:url(images/arrowt1.gif) right center no-repeat; padding-right:10px; _display:block; _background-position:105px 16px;_padding-right:0px;}

ul#primary-nav li ul{border:1px solid #d6d6d6; background:#fff; border-top:none; top:45px; left:0; overflow:hidden; position:absolute; z-index:99; padding:0 5px; display:none;width:150px; }
ul#primary-nav li ul li{background:none;text-align:left;border-top:0;font-size:12px;font-weight:400;border-bottom:1px solid #d6d6d6;width:150px; margin:0;height:30px; overflow:hidden}
ul#primary-nav li ul li a{ color:#666; display:block; float:left; width:100%; height:30px; line-height:30px; text-indent:5px;} /* Sub Menu Styles */
ul#primary-nav li.over ul li a{ background:none}
ul#primary-nav li ul li a:hover{color:#fff; background:#0699ca;}

/*page_position*/
.page_position{ border-bottom:1px solid #dcdcdc; padding:0px 4px; font-size:12px; height:35px; overflow:hidden;margin:13px 0px;margin-bottom:0; color:#222; padding-left: 12px;}
/* .page_position span{ padding-left:10px} */
/*toolsbar*/
.toolsbar{ width: 100%; box-sizing: border-box; box-shadow: 0px 0px 12px rgba(0, 11, 41, 0.1);
opacity: 1; background-color: #fff; padding: 10px; height: 53px; }
.toolsbar_btns { margin:0 0 0 0;padding:0;}
.toolsbar_btns li { float:left; }
.toolsbar select{ height: 30px; margin-right: 10px; appearance: none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; border: 1px solid #dcdcdc; border-radius: 2px; padding-left: 10px; padding-right: 20px; background:url(images/ico_more.png) calc(100% - 10px) center no-repeat; font-size: 12px;}

div.subMenu{margin:0; padding:0;float:right; margin:2px 60px 0 0; display:inline; LINE-HEIGHT: 1.2em; position:relative; width:180px; }
div.subMenu .title{margin:0; padding:0; background:url(images/submenu_title_bg.gif) no-repeat right center; background-color: #4F78E9; display:block;cursor:pointer; color:#fff; float:left; height:31px; line-height:31px; padding:0 30px 0 10px; border-radius:5px; overflow:hidden;}
div.subMenu .title:hover{ background:url(images/submenu_title_bg1.gif)  no-repeat right center;}
div.subMenu ul{margin:0; padding:0; background:#f5f5f5; display:none; position:absolute; left:0px; top:27px; text-align:left; white-space:nowrap;width:auto;width:163px; font-weight:400; line-height:25px; z-index:99; }
div.subMenu ul li{border-bottom:1px solid #D9E4EF;}
div.subMenu ul li a{ display:block; color:#4F78E9; text-indent:5px;padding:5px 0;}
div.subMenu ul li a:hover{color:#fff; background:#4F78E9}
#If_3{
	background-color: #F7F8FC;
}
/*blk*/
floatP{float:right;margin-right:5%;}
floatN{float:left;margin-right:5%;}
li.des {float:left;width:49%; color:#222; font-size:13px; display: block; background: #f2f2f2 url(images/desc_bg.gif) repeat-x; font-weight:bold; height:28px; line-height:28px; border:1px solid #d9d9d9; overflow:hidden}
li.dec {float:right;width:49%; color:#222; font-size:13px; display: block; background: #f2f2f2 url(images/desc_bg.gif) repeat-x; font-weight:bold; height:28px; line-height:28px; border:1px solid #d9d9d9; overflow:hidden}
li.desc {clear:both; font-size: 12px; height: 40px; box-sizing: border-box; line-height: 40px; font-weight: bold; color: #333; background-color: #F8F8F8; border-radius: 8px 8px 0 0; border-bottom: 1px solid #dcdcdc; display: block; overflow:hidden}
li.desc a{ float:right; margin:15px 10px 0 0; width:10px; height:10px;}
li.desc label{ padding-left:10px;float:left; }
li.des a{ float:right; margin:15px 10px 0 10px; width:10px; height:10px;}
li.des label{ padding-left:15px;float:left;font-size:13px; }
li.dec a{ float:right; margin:15px 10px 0 10px; width:10px; height:10px;}
li.dec label{ padding-left:15px;float:left; }
.desc_blk{  border-top:none; overflow: hidden;
}
.desc_blk_L{ border-top:none; background:url(images/desc_blk.gif) repeat-x;overflow: hidden;
}
.desc_blk_R{  border-top:none; background:url(images/desc_blk.gif) repeat-x;overflow: hidden;
}
.desc_blk div{float:left;}


/*system layout*/
.quickenter{background:#fff; font-size:12px;}
.quickenter ul li{background:url(images/quickenter_bg.gif) no-repeat;height:101px; width:91px; float:left; margin-right:20px;color:#666;text-align:center}
.quickenter ul li.hoverq{background:url(images/quickenter_bg_hover.gif) no-repeat;height:101px; width:91px; float:left; margin-right:20px;color:#666;text-align:center;}
.quickenter ul li.hoverq a{color:#1f88ba}
.quickenter ul li a{ color:#666}
.quickenter ul li img{margin:5px 0 0; height:60px; height:60px;}
.quickenter ul li span{ display:block; text-align:center; color:#222}
.padL{padding-left:45px;display:block; background:url(images/desc_blk.gif) no-repeat; }
.selectAdd{line-height:35px;}
.spanAdd{position: relative; top: -1px; left: 0px;}
.spanAddMRR{position: relative; top: 3px; left: 0px;}
.spansAdd{position: relative; top: 3px; left: -6px;}
.divAdd{position: relative; top: 3px; left: 5px;}
.inputAdd{border-radius:2px;}
.imgAdd{margin-left:10px;}
.addSpan{margin-left:20px;}
.tdWid{width:105px;}


.change dt{ padding: 0; background-color: transparent !important; }


.desc_blk>table{ margin-left: 20px;}
#form ul.toolsbar_btns{ margin-top: 15px;}
.toolsbar>.toolsbar_btns{ margin: 0 !important;}
#inputTimeValue{ margin-right: 0px !important;}