@charset "utf-8";
@font-face{font-family:iconfont;src:url(../iconfont/iconfont.eot?t=1535340843292);src:url(../iconfont/iconfont.eot?t=1535340843292#iefix) format('embedded-opentype'),url('data:application/x-font-woff;charset=utf-8;base64, ') format('woff'),url(../iconfont/iconfont.ttf?t=1535340843292) format('truetype'),url(../iconfont/iconfont.svg?t=1535340843292#iconfont) format('svg')}
/* Core Code */
html, body, *{padding:0;margin:0;font-size:12px;font-family:microsoft yahei,Arial, sans-serif;word-break:break-all}
body{width:100%;height:100%;overflow:hidden}
input[type="checkbox"]{margin: 3px 3px 3px 4px;}
.clearfix{*zoom:1}
.clearfix:after{display:block;content:".";height:0;clear:both;visibility:hidden}
/* Remember to define focus styles! */
:focus{outline:0}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{border-radius:10px}
.hide{display:none}

ul, ol{list-style:none}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0}
caption, th, td{font-weight:normal}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after{content:""}
blockquote, q{quotes:"" ""}

img{border:none}
a{text-decoration:none}
a:hover{text-decoration:underline}

header{display:block;overflow:hidden;height:60px;position:relative;}
main{overflow:hidden;position:relative}
footer{text-align:center;width:100%;height:35px;line-height:35px;z-index:-1;font-size:12px;position: fixed;bottom:0px}

/* Menu */
header .logo{float:left;width:202px;height:100%}
header .logo img{max-width:100%;height:50px;margin:5px 10px}
header .nav{display:block;position:absolute;right:0px;z-index:2}
header .nav a:hover{text-decoration:none}
header .nav li{float:left;padding:0 6px;position:relative}
header .nav li a{line-height:60px;font-size:12px}
header .nav ul{display:none;width:100px;border-style:solid;border-width:1px;border-radius:3px;overflow:hidden;position:absolute;top:45px;right:0}
header .nav ul li{margin-top:2px;line-height:26px;padding-left:10px}
header .nav .selected ul{display:block}

#navMenu{float:left;display:block;position:absolute;top:0;left:202px;z-index:1}
#navMenu li{float:left}
#navMenu li a{;display:block;font-size:12px;font-weight:360;line-height:60px;text-decoration:none;padding:0 12px;}
#navMenu li a>i{margin-right:5px}


@media (max-width:1100px){
    .logo{display:none}
    #navMenu{left:0px}
    footer{text-align:left;}
}

@media (max-width:920px){
    header .nav li{padding:0 5px}
    header .nav li a{line-height:25px;}
    #navMenu{top:20px;}
    #navMenu li a{line-height:40px;}
}

/* Tabs */
.tabs .tabsHeader{display:block;overflow:hidden;height:40px;padding-left:5px}
.tabs .tabsHeaderContent{display:block;overflow:hidden;height:100%}
.tabs .tabsHeaderContent>ul li a{line-height:40px}
.tabs .tabsHeader ul{display:block;height:100%;border-bottom-width:1px;border-bottom-style:solid;box-sizing:border-box}
.tabs .tabsHeader li{float:left;display:block;height:100%;margin-right:2px;line-height:35px}
.tabs .tabsHeader li a{float:left;display:block;height:100%;padding:0 15px;line-height:35px}
.tabs .tabsHeader li a:hover{text-decoration:none}
.tabs .tabsHeader li.selected{position:relative}
.tabs .tabsHeader li.selected:before{content:"";width:100%;height:2px;position:absolute;bottom:-1px;left:0}
.tabs .tabsContent{display:block;overflow:auto}

.tabsPage{margin-left:202px;position:relative}
.tabsPage .tabsPageHeader{display:block;height:45px;position:relative}
.tabsPage .tabsPageHeaderContent{display:block;overflow:hidden;height:100%;margin-left:91px;margin-right:91px;position:relative}
.tabsPage .tabsPageHeaderMargin{margin:0 81px 0 81px}
.tabsPage .tabsPageHeader ul{display:block;width:10000px;z-index:1;position:absolute}
.tabsPage .tabsPageHeader li{float:left;display:block;height:100%;position:relative}
.tabsPage .tabsPageHeader li a{font-size:12px;display:inline-block;max-width:112px;padding:0 12px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabsPage .tabsPageHeader li a>i{margin-right:5px}
.tabsPage .tabsPageHeader li a:hover{text-decoration:none}
.tabsPage .tabsPageHeader li.selected a, .tabsPage .tabsPageHeader li:hover a{font-weight:360}
.tabsPage .tabsPageHeader li .close{padding:0;padding-right:10px}
.tabsPage .tabsMove{height:100%;position:absolute;top:0;right:0;z-index:2}
.toggleCollapse,.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore{text-decoration:none;display:block;overflow:hidden;width:35px;text-align:center;height:100%;line-height:45px;position:absolute;z-index:2}
.toggleCollapse{top:0px;left:0;border-right-width:1px;border-right-style:solid;width:45px}
.tabsPage .tabsLeft{top:0px;left:46px;width:45px}
.tabsPage .tabsRight{top:0px;right:35px}
.tabsPage .tabsMore{top:0px;right:0}
.tabsPage .tabsMoreList{display:none;overflow-x:hidden;overflow-y:auto;width:170px;max-height:380px;padding:2px;border-style:solid;border-width:1px;position:absolute;top:45px;right:0;z-index:3}
.tabsPage .tabsMoreList li{display:block;overflow:hidden;height:30px;line-height:21px}
.tabsPage .tabsMoreList li a{display:block;width:100%;height:30px;padding:0 10px;box-sizing:border-box;white-space:nowrap;line-height:30px}
.tabsPage .tabsMoreList li a>i{width:16px;text-align:center;display:inline-block;margin-right:5px}
.tabsPage .tabsMoreList li a:hover{text-decoration:none;font-weight:360}
.tabsPage .tabsMoreList li.selected a{font-weight:360}
.tabsPage .tabsPageContent{display:block;overflow:hidden;position:relative}

/* Tree */
.tree li{clear:both;display:block;line-height:30px;cursor:pointer}
.tree div, .tree a, .tree span{display:inherit;height:30px;line-height:30px;white-space:nowrap;}
.tree div div{float:left;display:block;overflow:hidden;width:30px;height:30px;border:none}
.tree.treeFolder li>div>div:first-child{padding-left:10px}
.tree a, .tree a:hover{text-decoration:none}
.tree .indent{background:none}
.tree .collapsable,.tree .end_collapsable,.tree .end_expandable,.tree .expandable,.tree .file,.tree .folder_collapsable,.tree .folder_expandable,.tree .last_collapsable,.tree .last_expandable, .tree .first_collapsable, .tree .first_expandable{font-family:iconfont;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:30px;width:25px}
.tree .folder_collapsable:before{content:"\e67d"}
.tree .collapsable:before,.tree .end_collapsable:before,.tree .last_collapsable:before, .tree .first_collapsable:before{content:"\e668"}
.tree .folder_expandable:before{content:"\e60f"}
.tree .file:before{content:"\e686"}
.tree .end_expandable:before,.tree .expandable:before,.tree .last_expandable:before, .tree .first_expandable:before{content:"\e603"}

/* Accordion */
.accordion{display:block}
.accordion .accordionHeader{display:block;overflow:hidden;cursor:pointer}
.accordion .accordionHeader h2{display:block;overflow:hidden;padding:0 10px 0 5px;height:45px;line-height:45px;font-weight:360}
.accordion .accordionHeader h2>i{margin-right:5px}
.accordion .accordionHeader h2 .icon{float:right;line-height:45px}
.accordion .accordionContent{display:block;overflow:auto}
.accordion .accordionContent .tree a{line-height:40px;height:auto}
.accordion .accordionContent .tree div{height:auto}
.accordion .accordionContent .tree div div{background:0 0;width:25px;height:40px}
.accordion .accordionContent .tree a>i{margin-right:5px;width:16px;display:inline-block;text-align:center}
.accordion .accordionContent .tree.treeFolder a{line-height:30px}
.accordion .accordionContent .tree.treeFolder div div{height:30px}

/* Grid */
.panelBar{display:block;overflow:hidden;height:auto; border:1px #B8D0D6 solid;}
.panelBar ul{overflow:hidden;padding:5px}
.panelBar li{float:left;display:block;overflow:hidden;height:auto;padding:0 5px}
.panelBar .toolBar li a:hover{border-radius:2px}
.panelBar .toolBar li a{line-height:30px;display:block;overflow:hidden;padding:0 10px;text-decoration:none}
.panelBar .toolBar li a>i{margin-right:6px}
.panelBar .toolBar li.line{display:block;overflow:hidden;text-indent:-1000px;height:24px;width:1px;padding:0;position:relative;top:3px}

.panelBar .pages{float:left;overflow:hidden;height:100%;padding:2px 5px}
.panelBar .pages span{float:left;line-height:28px}
.panelBar .pages select{float:left;margin:0 3px;font-size:12px}
.panelBar .pages .combox .select a{height:26px;line-height:26px}

.pagination{float:right;padding-left:7px}
.pagination li, .pagination li.hover{padding:0 0 0 5px}
.pagination a, .pagination li.hover a, .pagination li span{float:left;display:block;padding:0 5px 0 0;text-decoration:none;line-height:23px;}
.pagination li.selected a{color:red;font-weight:bold}
.pagination span, .pagination li.hover span{float:left;display:block;height:23px;line-height:23px;cursor:pointer}
.pagination input{height:20px;line-height:20px}
.pagination li .first span, .panelBar li .previous span{padding:0 0 0 10px}
.pagination li .next span, .panelBar li .last span{padding:0 10px 0 0}
.pagination li .last{margin-right:5px}
.pagination li.disabled{background:none}
.pagination li.disabled span, .grid .pagination li.disabled a{cursor:default}
.pagination li.disabled span span{color:#666}
.pagination li.disabled .last{margin-right:5px}
.pagination li.jumpto{padding:2px 2px 0 7px}
.pagination li.jumpto .textInput{float:left;width:40px;padding:1px;font-size:12px;border-color:#acaeaf}
.pagination li.jumpto .goto{float:left;display:block;overflow:hidden;width:16px;height:19px;border:0;text-indent:-1000px;cursor:pointer;background:url(../images/goto.png) no-repeat center center;background-size:90% auto}

/* CSS Table */
table.list{border-collapse:collapse;border:solid 1px #ededed;position:relative}
table.list th{font-weight:380;padding:5px 2px;line-height:26px;border-right-width:1px;border-right-style:solid;border-bottom-width:1px;border-bottom-style:solid;}
table.list td{padding:4px 2px;line-height:26px;border-right:solid 1px #ededed}
table.list th.order,table.list th.asc,table.list th.desc{cursor:pointer;position:relative}
table.list th.asc:before,table.list th.desc:before,table.list th.order:before{font-size:16px;position:absolute;right:3px;top:50%;margin-top:-13px}
table.list .right{text-align:right}
table.list .center{text-align:center}
table.list a:hover{text-decoration:underline}
table.list td span.error{z-index:-1}
table.nowrap tbody tr{border-bottom-width:1px;border-bottom-style:solid;}

/* Taskbar */
#taskbar{overflow:hidden;height:40px;border-style:solid;border-width:0;border-color:#0f3255;background-color:#112746;background-repeat:repeat-x;position:absolute;z-index:30}
#taskbar .taskbarContent{display:block;overflow:hidden;height:100%;position:relative}
#taskbar .taskbarMargin{margin:0 20px}
#taskbar ul{position:absolute;width:10000px}
#taskbar li{float:left;height:40px;margin-left:2px;padding-left:10px;position:relative;cursor:pointer}
#taskbar li .taskbutton{float:left;display:block;overflow:hidden;height:100%}
#taskbar li .taskbutton span{display:block;overflow:hidden;width:auto;height:auto;line-height:40px;padding:0 30px 0 0}
#taskbar .taskbarLeft, #taskbar .taskbarRight{display:block;overflow:hidden;width:18px;height:100%;position:absolute;top:0;color:#fff;font-size:18px;line-height:40px;text-align:center}
#taskbar .taskbarLeft, #taskbar .taskbarRight{left:2px;cursor:pointer}
#taskbar .taskbarLeftDisabled, #taskbar .taskbarRightDisabled{cursor:not-allowed;color:#666}
#taskbar .taskbarRight{left:auto;right:0px}
#taskbar .taskbarLeft:before{content:"\e6ea";font-family:iconfont}
#taskbar .taskbarRight:before{content:"\e616";font-family:iconfont}
#taskbar .close{display:block;overflow:hidden;padding:0;position:absolute;top:5px;width:auto;height:auto;top:50%;margin-top:-8px;right:8px;text-indent:0}

/* ProgressBar */
.progressBar{display:block;width:28px;height:28px;font-size:28px;position:absolute;top:50%;left:50%;margin-left:-14px;margin-top:-14px;z-index:2001}
.background{display:block;width:100%;height:100%;opacity:0.4;filter:alpha(opacity=40);background:#FFF;position:absolute;top:0;left:0;z-index:2000}
.alertBackground{display:none;width:100%;height:100%;opacity:0.4;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:1010}
.dialogBackground{display:none;width:100%;height:100%;opacity:0.4;background:rgba(0,0,0,.3);position:absolute;top:0;left:0;z-index:999}
/* ----------------------------------------------------------------- Form */
/* TextInput */
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly,
textarea.disabled{background:#fff;padding:2px;margin:0;line-height:22px;font-size:12px;border-style:solid;border-width:1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled{background-image:url(../images/input_bg.png);background-repeat:no-repeat;background-attachment:scroll;}
input.required, textarea.required{background-position:100% 0}
input.gray, textarea.gray{color:gray}
select{border:1px solid;border-color:#A2BAC0 #B8D0D6 #B8D0D6 #A2BAC0}

span.error{display:block;overflow:hidden;width:165px;height:21px;padding:0 3px;line-height:21px;background:#F00;color:#FFF;position:absolute;top:5px;left:318px}
label.alt{display:block;overflow:hidden;position:absolute;line-height:20px}
.nowrap span.error{position:static}

/* Button */
.button,.buttonActive,.buttonDisabled{display:inline-block;height:30px;padding:0 15px;border-width:1px;border-style:solid;border-radius:2px;cursor:pointer;text-align:center;line-height:30px;white-space:nowrap;font-size:12px;letter-spacing:.03em;position:relative;overflow:hidden}
button.button,button.buttonActive{height:30px}
button.buttonActive{border-width:1px;border-style:solid;font-size:12px;font-weight:400}
a.button,button.button{border-width:1px;border-style:solid;}
.button:hover{text-decoration:none}
.buttonActive{font-weight:bold}

.page.work-bench a.button{height:27px;line-height:27px;padding:0 15px;font-size:12px}

/* ----------------------------------------------------------------- Pages */
/* Layout */
#leftside{position:absolute;top:0;left:0;height:100%}
#sidebar{position:absolute;left:0px;z-index:20;overflow:hidden;display:block;top:0;bottom:0;width:202px}
#sidebar #menu{overflow:auto}
a.toggleCollapse{text-decoration:none}
#sidebar_s{display:none;width:35px;line-height:35px;height:100%;position:absolute;cursor:pointer;top:0;left:0;z-index:21;text-align:center}
#splitBar{display:block;overflow:hidden;width:2px;cursor:col-resize;position:absolute;top:70px;left:200px;z-index:20}
#splitBarProxy{display:none;overflow:hidden;width:2px;border-style:solid;border-width:1px;cursor:col-resize;position:absolute;left:200px;z-index:20}
#splitBar,#splitBarProxy{top:60px}

.langList{position:absolute;right:0px}
.langList li{float:right;padding:0px 10px}
.langList a,.langList a:hover,.langList li.current-lang a{text-decoration:none}
.langList a img{height:20px;position:relative;top:5px;border-radius:50%;margin-right:5px}

.themeList li div{background:url(../images/themeButton.png) no-repeat}
.themeList{float:left;padding:14px 12px 15px}
.themeList li{float:left;padding:0px 3px}
.themeList li div{display:block;overflow:hidden;width:13px;height:11px;cursor:pointer}
.themeList li.toptry div{background-position:-60px 0}
.themeList li.toptry .selected{background-position:-60px -20px}

.left-page-content{border-right-width:1px;border-right-style:solid;float:left;display:block;overflow:auto;width:240px;line-height:21px}
.thumbnail{position:relative;overflow:hidden;margin-right:5px;border:1px dashed #cacbcc;display:inline-block;text-align:center}

/* Pages default */
.page{display:block;overflow:hidden;float:left;width:100%;height:100%;-webkit-overflow-scrolling:touch}
.pageHeader{display:block;overflow:hidden;padding:5px;position:relative; border:1px #B8D0D6 solid;}
.searchBar .textInput,.searchBar span{float:left}
.searchBar span{line-height:28px}
.searchBar span.connect-string{font-size:16px}
.searchBar ul.searchContent{display:block;overflow:hidden;height:32px;padding-right:100px;position:relative;}
.searchBar ul.searchContent:before{font-size:18px;position:absolute;right:0;top:0;line-height:32px;width:30px;text-align:right}
.searchBar ul.searchContent li{float:left;white-space:nowrap;display:block;overflow:hidden;height:28px;padding:2px 0}
.searchBar ul.searchContentHover,.searchBar ul.searchContentHover li{height:auto}
.searchBar label{float:left;padding:0 15px;line-height:28px}
.searchBar .subBar{height:30px;position:absolute;top:11px;right:40px}
.searchBar .subBar ul{float:right}
.searchBar .subBar li{float:left;margin-left:5px}

.pageContent{display:block;overflow:auto;position:relative}

.dateRange input{width:72px}
.dateRange .limit{text-align:center;width:15px;line-height:21px}

/* Pages Form */
.pageForm{display:block;overflow:auto}
.pageFormContent{display:block;overflow:auto;padding:15px;position:relative;height:100%;box-sizing:border-box}
.pageFormContent div.unit{display:block;margin:0;padding:5px 0;position:relative;clear:both}
.pageFormContent p{float:left;display:block;min-width:380px;min-height:16px;margin:0;padding:5px 0;position:relative}
.pageFormContent p.nowrap{width:100%}
.pageFormContent .radioGroup{float:left;display:block;overflow:hidden}
.pageFormContent label{float:left;width:120px;padding:0px 10px}
.pageFormContent label.radioButton{float:left;width:auto;padding:0 10px 0 0}
.pageFormContent .textInput{float:left}
.pageFormContent select{float:left}
.pageFormContent .inputInfo{padding:0 5px;line-height:21px}
.pageFormContent span.unit, .pageFormContent a.unit{padding:0 5px;line-height:21px}
.pageFormContent span.info{color:#7F7F7F;line-height:21px}
.pageFormContent span.info:before{display:block;content:".";height:0;clear:both;visibility:hidden}

.pageFormContent dl{float:left;line-height:22px;width:50%;margin:0;padding:5px 0;position:relative}
.pageFormContent dt{float:left;width:120px;padding:0 5px}
.pageFormContent dd{float:left}
.pageFormContent dl.nowrap, .nowrap dl{width:100%;height:auto;clear:both}

#content{width:800px}
#content p{float:none;display:block;min-width:initial;padding:0}
.CodeMirror{height:100%;line-height:16px}

/*rock Panel */
.panel { display:block; background-position:0 100%; background-repeat:repeat-x;}
.panel .panelHeader { display:block; height:28px; background-position:0 0; background-color:#d8e5f1;}
.panel .panelHeaderContent { display:block; height:28px; padding-right:5px; background-position:100% -50px; position:relative;}
.panel .panelHeaderContent h1 { display:block; overflow:hidden; height:28px; padding:0 5px;line-height:28px; background-position:0 -100px; background-repeat:repeat-x;}
.panel .panelContent { display:block; overflow:auto; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.panel .panelFooter { display:block; overflow:hidden; height:5px; background-position:0 -150px;}
.panel .panelFooterContent { display:block; overflow:hidden; height:5px; padding-right:5px; background-position:100% -200px;}
.panel .collapsable, .panel .expandable { display:block; overflow:hidden; width:20px; height:21px; text-indent:-1000px; position:absolute; top:4px; right:4px;}
.panel .collapsable:hover { background-position:0 -50px;}
.panel .expandable { background-position:0 -100px;}
.panel .expandable:hover { background-position:0 -150px;}


fieldset {padding:3px; margin:0 0 5px 0; border:1px dotted #B8D0D6;}
fieldset legend {padding:2px; border:1px dotted #B8D0D6; font-weight: bold;}
fieldset legend:hover {background-color: #dddddd;}

.formBar{clear:both;padding:10px;height:30px}
.formBar ul{float:right}
.formBar li{float:left;margin-left:10px}
.divider{clear:both;display:block;overflow:hidden;width:auto;height:1px;padding:4px 0 0 0;margin-bottom:5px;border-style:dashed;border-width:0 0 1px 0}

.tagsBox{line-height:25px;float:left;}
.tagsBox span,.parametersBox span{margin-right:8px;border:none;padding:5px 8px;}
.tagsBox span>a,.parametersBox span{margin-left:5px}
.parametersBox{line-height:25px;}
.parametersBox span>em{color:#f00;}
.parametersOperateBox{}
.parametersOperateBox label{width:auto;}

/* Pages dialog */
.dialog .pageHeader{margin:0}
.dialog .viewInfo{border-style:solid;border-width:1px 0 0 0}

/* combox */
.combox{float:left;margin-right:3px}
.combox select{display:none}
.combox .select{float:left}
.combox .select a{float:left;display:block;overflow:hidden;height:28px;padding:0 25px 0 6px;line-height:28px;text-decoration:none;font-size:12px;border-width:1px;border-style:solid;position:relative;padding:0 28px 0 10px}
.combox .select a:before{content:"\e668";font-family:iconfont;position:absolute;right:8px}
.combox .select a.expand:before{content:"\e654"}
.comboxop{position:absolute;z-index:1001;display:none;padding:4px;border-style:solid;border-width:1px 2px 2px 1px;position:absolute;top:22px;left:1px}
.comboxop{border-width:1px;border-style:solid;padding:0}
.comboxop a{width:100%;height:28px;box-sizing:border-box;padding:0 10px;line-height:28px;text-align:left;display:block}
.comboxop li{text-align:left}
.comboxop .selected,body .comboxop a:hover{text-decoration:none}

/* contentTitle */
h2.contentTitle{padding:5px 10px;line-height:24px;font-size:14px;border-bottom:solid 1px #CCC}
h3.contentTitle{line-height:24px;font-size:12px;border-bottom:solid 1px #CCC;clear:both}
.dialog h2.contentTitle{border:none}

/* rightMenu */
#contextmenu{display:none;position:absolute;z-index:500;left:0;top:0}
#contextmenu ul{list-style:none;margin:0;background-color:#fff;border:1px solid #999;width:150px}
#contextmenu li{display:block;margin:0;line-height:28px;padding:0 10px;background-color:transparent;text-align:left;cursor:default}
#contextmenu li.disabled{cursor:not-allowed}

/* suggest */
#suggest{position:absolute;z-index:2000;left:0;top:0}
#suggest ul{list-style:none;padding:1px;margin:0;background-color:#fff;border:1px solid #999;width:150px}
#suggest li{display:block;color:#000;padding:3px;margin:0;border:1px solid #fff;background-color:transparent;text-align:left;cursor:default}
#suggest li.selected{border:1px solid #0a246a;background-color:#b6bdd2}

/* button */
a.btnDel, a.btnLook, a.btnAttach{display:block;width:24px;height:28px;overflow:hidden;float:left;text-indent:-1000px;position:relative;margin-right:3px}
.center a.btnDel, .center a.btnLook, .center a.btnAttach,
.right a.btnDel, .right a.btnLook, .right a.btnAttach{display:inline-block;float:none;}
a.btnLook:before,a.btnDel:before,a.btnAttach:before{font-size:20px;line-height:28px;position:absolute;top:0;left:3px;text-indent:0}

.viewInfo{padding:10px 5px}
.viewInfo dl{float:left;width:380px;line-height:22px;margin:0;padding:5px 0;position:relative}
.viewInfo dt{float:left;width:120px;padding:0 5px;text-align:right}
.viewInfo dd{width:220px;float:left;border-bottom:1px dotted #999;min-height:21px}
.viewInfo dl.nowrap{width:100%;height:auto;clear:both}
.viewInfo dl.nowrap dt{width:120px}
.viewInfo dl.nowrap dd{width:auto}

.sortDragPlaceholder{border:1px dashed #ccc}
#printBox{display:none}

/* Alert */
.alert{overflow:hidden;z-index:1011;display:block;width:300px;margin-left:-150px;position:absolute;top:0;left:50%;box-shadow:0 0 18px rgba(157,159,168,.35)}
.alert .alertContent{display:block;overflow:hidden;padding-bottom:20px}
.alert .alertInner{display:block;text-align:left}
.alert .alertInner .msg{font-size:12px;margin:20px 10px 20px 25px;max-height:200px;overflow:auto;line-height:1.3em}
.alert h1{display:block;font-weight:400;font-size:14px;;overflow:hidden;margin-bottom:10px;padding:0 0 0 25px;line-height:40px;line-height:40px}

.alert .error h1{font-weight:400;border:none;height:auto;line-height:40px;font-size:14px}
.alert p{margin:10px}

.alert .toolBar{display:block;overflow:hidden;height:30px;padding-top:5px;text-align:center}
.alert .toolBar ul{overflow:hidden;display:inline-block;}
.alert .toolBar li{float:left}
.alert .toolBar .button, .alert .toolBar .buttonActive{margin-left:5px}

.alert .alertFooter_c{display:block;overflow:hidden;height:5px}
.alert .alertFooter{padding-left:5px}
.alert .alertFooter_r{padding-right:5px}
.alert .alertFooter_c{padding:0;background-repeat:repeat-x}

/* Dialog */
.dialog{display:block;text-align:left;position:absolute;z-index:42;box-shadow:0 0 18px rgba(157,159,168,.35)}
.dialog .dialogHeader, .dialog .dialogHeader_c{display:block;overflow:hidden;height:40px}
.dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize{font-family:iconfont;font-size:20px;display:block;overflow:hidden;width:22px;height:22px;position:absolute;top:10px;text-indent:0}
.dialog .dialogHeader h1{display:block;overflow:hidden;padding:0 5px 0 20px;font-weight:360;line-height:40px;height:40px;font-size:13px}

.dialog .dialogHeader{padding-left:5px;position:relative;cursor:move}
.dialog .dialogHeader_c{padding:0}
.dialog .dialogHeader_c a:hover{text-decoration:none}
.dialog .dialogHeader .close{right:10px}
.dialog .dialogHeader .maximize, .dialog .dialogHeader .restore{display:none;right:37px}
.dialog .dialogHeader .minimize{right:65px}

.dialog .dialogContent{display:block;overflow:hidden;padding:0;width:100%}
.dialog .dialogContent .pageFormContent{margin-right:5px}
.dialog .panelFooter_r{display:block;overflow:hidden}
.dialogProxy{opacity:0.8;filter:alpha(opacity=80)}
.dialog .resizable_f_r{width:11px;height:11px}

/* Dialog Resizable */
.resizable{display:none;overflow:hidden;border-style:dashed;border-width:1px;opacity:0.5;filter:alpha(opacity=50);position:absolute;top:0;left:0;z-index:100}
.resizable_h_l, .resizable_h_r, .resizable_h_c,
.resizable_c_l, .resizable_c_r,
.resizable_f_l, .resizable_f_r, .resizable_f_c{display:block;overflow:hidden;width:6px;height:6px;position:absolute}
.resizable_h_l{cursor:nw-resize;top:0;left:0;z-index:2}
.resizable_h_r{cursor:ne-resize;top:0;right:0;z-index:2}
.resizable_h_c{width:100%;cursor:n-resize;top:0;left:0;z-index:1}
.resizable_c_l{cursor:w-resize;top:0;left:0;z-index:1}
.resizable_c_r{cursor:e-resize;top:0;right:0;z-index:1}
.resizable_f_l{cursor:sw-resize;bottom:0;left:0;z-index:2}
.resizable_f_r{cursor:se-resize;bottom:0;right:0;z-index:2}
.resizable_f_c{width:100%;cursor:s-resize;bottom:0;left:0;z-index:1}

/* calendar */
#calendar{margin:0;width:230px;z-index:1001;position:absolute;display:block;border-width:1px;border-style:solid;display:none}
#calendar *{margin:0;padding:0;font-size:12px;line-height:18px}
#calendar .main{margin:auto;text-align:center;zoom:1;position:relative}
#calendar .head{padding:6px 0}
#calendar .head select{width:60px}
#calendar .body{margin:2px 0;padding:2px;clear:both;overflow:hidden;position:relative}
#calendar .foot{text-align:right;padding:6px 0}
#calendar .nodate .head, #calendar .nodate .body{display:none}
#calendar dl{clear:both;margin:auto;overflow:hidden}
#calendar dd,#calendar dt{width:32px;height:24px;line-height:22px;margin:2px 0;display:block;float:left;overflow:hidden;zoom:1}
#calendar span{width:26px;height:18px;display:block;float:left;overflow:hidden;zoom:1}
#calendar dt{margin-top:4px;font-weight:bold}
#calendar .days dd{cursor:pointer}
#calendar .days dd.disabled{cursor:not-allowed}
#calendar .close{width:16px;height:16px;font-size:16px;display:block;cursor:pointer;text-align:center}
#calendar .clearBut, #calendar .okBut{border-width:1px;border-style:solid;width:52px;line-height:24px;cursor:pointer;margin-right:7px}
#calendar .clearBut{margin-right:2px}
#calendar .time{border-collapse:collapse;float:left;display:none;margin-left:6px}
#calendar .time td{line-height:16px;vertical-align:center;line-height:26px}
#calendar .time .hh, #calendar .time .mm, #calendar .time .ss{width:20px;height:auto;text-align:center;border:none}
#calendar .time ul{list-style:none}
#calendar .time .up, #calendar .time .down{font-size:8px;line-height:100%;cursor:pointer;width:12px;text-align:center;height:13px}
#calendar .tm{text-align:center}
#calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{border-width:1px;border-style:solid;position:absolute;left:4px;bottom:34px;width:120px;display:none;}
#calendar .hh .hh, #calendar .mm .mm, #calendar .ss .ss{display:block}
#calendar .tm .hh li, #calendar .tm .mm li, #calendar .tm .ss li{display:block;float:left;cursor:pointer;width:24px;line-height:26px}

.icons label{width:200px;}
/* custom icon */
.icon-backward:before, .icon-chevron-down:before, .icon-chevron-up:before, .icon-forward:before, .icon-rubbish:before{font-family:iconfont;vertical-align:unset}
.tabsPageHeader .icon-backward:before,.icon-forward:before{line-height:45px;}
.icon-chevron-up:before{content:"\e654"}
.icon-chevron-down:before{content:"\e668"}
.icon-backward:before{content:"\e6ea";font-size:20px}
.icon-forward:before{content:"\e616";font-size:20px}
.icon-chevron-sign-left:before{content:"\e7ab";font-family:iconfont}
.icon-chevron-sign-right:before{content:"\e61b";font-family:iconfont}
.icon-th-list:before{content:"\e629";font-family:iconfont;font-size:20px}
.icon-rubbish:before{content:"\e606";line-height:normal}
.icon-remove:before{content:"\e61a";font-family:iconfont;font-size:16px}
a.btnAttach:before{content:"\e607";font-family:iconfont;}
.icon-remove-sign:before, a.btnDel:before{content:"\e61a";font-family:iconfont;}

.dialog .dialogHeader .close:before{content:"\e61a"}
.dialog .dialogHeader .maximize:before{content:"\e673"}
.dialog .dialogHeader .restore:before{content:"\e671"}
.dialog .dialogHeader .minimize:before{content:"\e675"}

table.list th.asc:before, table.list th.desc:before, table.list th.order:before{font-family:iconfont;font-size:12px}
table.list th.asc:before{content:"\e654"}
table.list th.order:before{content:"\e623"}
table.list th.desc:before{content:"\e668"}
a.btnLook:before{content:"\e66a";font-family:iconfont;}
a.btnSelect{display:block;width:22px;height:20px;overflow:hidden;float:left;margin-right:3px;text-align:center;}

.searchBar ul.searchContent:before{content:"\e631";font-family:iconfont}
.searchBar ul.searchContentHover:before{content:"\e6f8"}

.ckbox{font-family:FontAwesome;vertical-align:-10%;font-size:1.3333333333333333em;text-decoration:inherit;display:inline-block;speak:none;}
.unchecked:before{content:"\f096"}
.ckbox.indeterminate:before{content:"\f147"}
.ckbox.checked:before{content:"\f046"}

/* basic color */
body{color:#ccc;}
a{color:#fff}
header,main,#sidebar,footer{background-color:#333}
table.list tbody{background-color:#666}
.page{background-color:#fff;color:#333;}
.tagsBox span{background-color:#e0e0e0;}


