@charset "utf-8"; /* Core Code */ *{ font-family:"Microsoft YaHei","微软雅黑","宋体";} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding:0; margin:0; font-size:12px; line-height:100%;} /* Remember to define focus styles! */ :focus { outline: 0;} body { width:100%; height:100%; text-align:center; color:black;background:#fefefe; } ul, ol { list-style:none;} /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse:separate; border-spacing:0;} caption, td { font-weight:normal;} /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} img { border:none;} a { color:#000; text-decoration:none;} a:hover {text-decoration:underline;} .hand{cursor:pointer;} .accordionContent .tree .expandable, .accordionContent .tree .collapsable, .accordionContent .tree .first_expandable, .accordionContent .tree .first_collapsable, .accordionContent .tree .last_expandable, .accordionContent .tree .last_collapsable, .tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-decoration:inherit; font-size:12px; line-height:30px; color:#fff; } /* Panel */ .panel { display:block; background-position:0 100%; background-repeat:repeat-x;} .panel .panelHeader { display:block; height:28px; padding-left:5px; background-position:0 0;} .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; padding-left: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;} /* Tabs */ .tabs { border:1px solid #d3d3d3;background:#fff;} .tabs .tabsHeader { display:block; overflow:hidden; height:33px; margin:10px 0 0 0;} .tabs .tabsHeaderContent { display:block; overflow:hidden; height:33px;} .tabs .tabsHeader ul { display:block; height:32px;border-bottom:1px solid #ddd;padding-left:10px;} .tabs .tabsHeader li { float:left; display:block; height:32px; margin-right:2px; cursor:pointer;} .tabs .tabsHeader li a { float:left; display:block; height:32px;font-size:14px;background:#eee;} .tabs .tabsHeader li a:hover { text-decoration:none;} .tabs .tabsHeader li span { float:left; display:block; overflow:hidden; height:28px;border:1px solid #fff;border-bottom:1px solid #eee;padding:2px 15px 0 15px;line-height:28px; cursor:pointer;} .tabs .tabsHeader li.hover { } .tabs .tabsHeader li.hover a {} .tabs .tabsHeader li.hover span {} .tabs .tabsHeader li.selected {} .tabs .tabsHeader li.selected a {} .tabs .tabsHeader li.selected span { background:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #fff;border-top:2px solid #48ac2e;} .tabs .tabsContent { display:block; overflow:auto; margin:0 10px;} .tabs .tabsFooter { display:block; overflow:hidden; height:0;} .tabs .tabsFooterContent { display:block; overflow:hidden; height:0; } .dialog .tabs .tabsContent{padding:0;margin:0;} .dialog .tabs .pageFormContent{border:0;} .tabsPage .tabsPageHeader { display:block; height:36px;line-height:35px;padding:10px 10px 0 10px; position:relative;} .tabsPage .tabsPageHeaderContent { display:block; overflow:hidden; height:38px; margin-right:20px; position:relative;} .tabsPage .tabsPageHeaderMargin { margin:0 60px 0 30px;} .tabsPage .tabsPageHeader ul { display:block; width:10000px; height:35px; z-index:1; position:absolute;} .tabsPage .tabsPageHeader li { float:left; display:block; height:35px; margin-right:2px; position:relative; cursor:pointer;background:#f4f4f4;border-bottom:1px solid #ddd;text-align:center;} .tabsPage .tabsPageHeader li a { float:left; display:block; overflow:hidden; height:36px; line-height:36px;color:#666; } .tabsPage .tabsPageHeader li a:hover { text-decoration:none;} .tabsPage .tabsPageHeader li span { float:left; display:block; overflow:hidden; width:92px; height:36px; padding:0 20px 0 5px; line-height:36px; cursor:pointer;} .tabsPage .tabsPageHeader li.hover {} .tabsPage .tabsPageHeader li.hover a { } .tabsPage .tabsPageHeader li.hover span { } .tabsPage .tabsPageHeader li.selected {color:#333;height:33px;border-top:2px solid #48ac2e;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #fff;background:#fff;} .tabsPage .tabsPageHeader li.selected a { font-weight:bold; } .tabsPage .tabsPageHeader li.selected span { } .tabsPage .tabsPageHeader li .close{ display:block; color:#999;overflow:hidden; font-size:9px;width:10px;height:10px;line-height:10px; padding:0;font-family: 'FontAwesome'; position:absolute; top:0px; right:2px;} .tabsPage .tabsPageHeader li .close:before{content:"\f00d";} .tabsPage .tabsPageHeader li .close:hover {color:#48ac2e; } .tabsPage .tabsPageHeader li.main span { padding:2px 8px 0 3px;} .tabsPage .tabsPageHeader li .home_icon, .tabsPage .tabsPageHeader li.main .home_icon { width:auto; padding:0;} .tabsPage .tabsMove { height:25px; position:absolute; top:0; right:0; z-index:2;} .tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { display:block; overflow:hidden; height:25px; position:absolute; z-index:2;line-height:35px; color:#666;top:10px;text-align:center;cursor:pointer; } .tabsPage .tabsMore {right:0;width:30px; font-size:18px;} .tabsPage .tabsLeft { left:0;font-size:16px;width:30px;} .tabsPage .tabsRight { right:30px;font-size:16px;width:30px;} .tabsPage .tabsMore:before{content:"\f142"} .tabsPage .tabsRight:before{content:"\f050"} .tabsPage .tabsLeft:before { content:"\f049"} .tabsPage .tabsMoreHover, .tabsPage .tabsRightHover { color:#000;} .tabsPage .tabsLeftHover { } .tabsPage .tabsLeftDisabled {color:#999; cursor:default;} .tabsPage .tabsRightDisabled { color:#999; cursor:default;} .tabsPage .tabsMoreList { display:none; background:#fff;overflow-x:hidden; overflow-y:auto; width:170px; max-height:380px; padding:2px; border-style:solid;border-color:rgba(0,0,0,.2); border-width:1px; position:absolute; top:40px; right:0; z-index:3;} .tabsPage .tabsMoreList li { display:block; overflow:hidden; height:28px; line-height:28px;} .tabsPage .tabsMoreList li a { display:block; width:148px; height:28px; padding:0 10px; border:solid 1px #FFF; white-space:nowrap; line-height:28px;} .tabsPage .tabsMoreList li a:hover { border-color:#ececec; text-decoration:none; background:#f5f5f5;} .tabsPage .tabsMoreList li.selected a { font-weight:bold;color:#fff; border-color:#dfe5ed; background:#48ac2e;} .tabsPage .tabsPageContent { display:block; overflow:hidden; position:relative;border-top:1px solid #ddd;margin-top:-1px;} /* Alert */ /*.alert { overflow:hidden; position:absolute; z-index:101; width:300px; top:0}*/ .alert { overflow:hidden; z-index:1011; display:block; width:320px; margin-left:-160px; position:absolute; top:0; left:50%;} .alert .alertContent { display:block; overflow:hidden; padding:10px 10px 1px 10px; border-style:solid; border-width:0 1px 1px 1px;border-color:#BBB; background:#FFF;} .alert .alertInner { display:block; padding:0 9px 9px 9px; text-align:left; border-style:solid; border-width:1px;} .alert .alertInner .msg { margin:10px; max-height: 200px; line-height: 1.5em;} .alert h1 {background-position:2px -42px; display:block; overflow:hidden; height:30px;font-size:14px;margin-bottom:10px; padding:0 0 0 25px; line-height:30px; border-style:solid; border-width:0 0 1px 0; line-height:30px;} .alert .error h1 { background-position:2px -42px;} .alert .info h1, .alert .warn h1 { } .alert .correct h1 { } .alert .confirm h1 { } .alert p { margin:10px;} .alert .toolBar { display:block; overflow:hidden; padding-top:5px; padding-bottom:5px; text-align:right;} .alert .toolBar ul { float:right;} .alert .toolBar li { float:left;} .alert .toolBar .button, .alert .toolBar .buttonActive { margin-left:5px;font-size:12px;padding:0 8px;} .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; } .alert .alertFooter, .alert .alertFooter_r, .alert .alertFooter_c { } .alert .warn .alertInner { border-color:#e83e09; background:#fefacf;} .alert .error .alertInner { border-color:#e50000; background:#fefacf;} .alert .correct .alertInner, .alert .info .alertInner { border-color:#CACACA; background:#fefacf;} .alert .confirm .alertInner { border-color:#CACACA; background:#fefacf;} .alert h1 { border-color:#CACACA; background:url(../images/alertpanel_icon.png) no-repeat 2px -92px;} /* Dialog */ .dialog { display:block; text-align:left; position:absolute; z-index:42;border:1px solid #d3d3d3;background:#fff;} .dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c { display:block; overflow:hidden; height:32px;background:rgba(243,243,243,0.85);} .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize { display:block; overflow:hidden; text-indent:-1000px; width:19px; height:19px; position:absolute; top:5px;background:url(../images/dialogpanel_icon.png) no-repeat;} .dialog .dialogHeader h1 { display:block; overflow:hidden; height:32px; padding:0 5px; line-height:32px; color:#333;} .dialog .dialogHeader { padding-left:5px; background-position:0 0; position:relative; cursor:move;} .dialog .dialogHeader_r { padding-right:5px; background-position:100% -50px;} .dialog .dialogHeader_c { padding:0; background-position:0 -100px; background-repeat:repeat-x;} .dialog .dialogHeader .close { background-position:0 0; right:4px;} .dialog .dialogHeader .close:hover { background-position:0 -50px;} .dialog .dialogHeader .maximize { background-position:0 -100px; right:23px;} .dialog .dialogHeader .maximize:hover { background-position:0 -150px;} .dialog .dialogHeader .restore { display:none; background-position:0 -200px; right:23px;} .dialog .dialogHeader .restore:hover { background-position:0 -250px;} .dialog .dialogHeader .minimize { background-position:0 -300px; right:42px;} .dialog .dialogHeader .minimize:hover { background-position:0 -350px;} .dialog .dialogContent { display:block; overflow:hidden;padding-left:6px;background:#f3f3f3;} .dialog .panelFooter_r, .dialog .dialogFooter_c { display:block; overflow:hidden; height:0;} .dialog .dialogFooter { padding-left:5px; background-position:0 -150px;} .dialog .dialogFooter_r { padding-right:5px; background-position:100% -200px;} .dialog .dialogFooter_c { padding:0; background-position:0 -250px; background-repeat:repeat-x;} .dialogProxy { opacity:0.8; filter:alpha(opacity=80);} .dialog .resizable_f_r { width:11px; height:11px; background-position:0 -400px;} /* 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;background:rgba(243,243,243,0.85);} .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;} /* Shadow */ .shadow { display:none; overflow:hidden; position:absolute; z-index:41;} .shadow .shadow_h, .shadow .shadow_h_l, .shadow .shadow_h_r, .shadow .shadow_h_c, .shadow .shadow_f, .shadow .shadow_f_l, .shadow .shadow_f_r, .shadow .shadow_f_c { display:block; overflow:hidden; height:6px;} .shadow .shadow_h, .shadow .shadow_c, .shadow .shadow_f { position:relative;} .shadow .shadow_h_l, .shadow .shadow_c_l, .shadow .shadow_f_l { width:6px; position:absolute; top:0; left:0;} .shadow .shadow_h_r, .shadow .shadow_c_r, .shadow .shadow_f_r { width:6px; position:absolute; top:0; right:0;} .shadow .shadow_h_c, .shadow .shadow_c_c, .shadow .shadow_f_c { margin:0 6px;} .shadow .shadow_c, .shadow .shadow_c_l, .shadow .shadow_c_r, .shadow .shadow_c_c { display:block; overflow:hidden; height:100%;} /* Tree */ .tree li {display:block; line-height:22px; cursor:pointer;} .tree div, .tree a, .tree span { display:inherit; height:22px; line-height:22px;} .tree div { display:block; overflow:hidden;} .tree div div { float:left; display:block; overflow:hidden; width:22px; height:22px; border:none;background:url(../images/tree.png) no-repeat; background-position:0 -100px;} .tree a, .tree a:hover { text-decoration:none;} .tree div.hover a {background:#eee;} .tree .checked, .tree .unchecked, .tree .indeterminate{background:url(../images/check.png) no-repeat;} .tree .folder_collapsable, .tree .folder_expandable, .tree .file{background:url(../images/folder.png) no-repeat;} .tree .collapsable { background-position:0 -300px;} .tree .first_collapsable { background-position:0 -250px;} .tree .last_collapsable { background-position:0 -350px;} .tree .expandable { background-position:0 -100px;} .tree .first_expandable { background-position:0 -50px;} .tree .last_expandable { background-position:0 -150px;} .tree .end_expandable { background-position:0 0;} .tree .end_collapsable { background-position:0 -200px;} .tree .indent { background:none;} .tree .line { background-position:0 -400px;} .tree .node { background-position:0 -450px;} .tree .last .node { background-position:0 -500px;} .tree .folder_expandable { background-position:0 0;} .tree .folder_collapsable { background-position:0 -50px;} .tree .file { background-position:0 -100px;} .tree .unchecked { background-position:0 0;} .tree .hover .unchecked { background-position:0 -50px;} .tree .checked { background-position:0 -100px;} .tree .hover .checked { background-position:0 -150px;} .tree .indeterminate { background-position:0 -200px;} .tree .hover .indeterminate { background-position:0 -250px;} .tree .treefunc .line,.tree .treefunc .node,.tree .treefunc .indent,.tree .treefunc .file{display:none;} .tree .treefunc{float:right;padding:0 5px;margin-top:-22px;display:block;overflow:hidden;height:22px;} .tree .treefunc li{float:left;} .tree .treefunc li a{float:left;} /*accordionContent Tree */ .accordionContent ul{padding:0 0 0 10px;display:block;background:rgba(255, 255, 255, 0.05);} .accordionContent .tree li{line-height:30px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);} .accordionContent .tree li.last{border-bottom:0;} .accordionContent .tree li a{color:rgba(255, 255, 255, 0.6);line-height:30px;height:30px;} .accordionContent .tree li a:hover{color:#fff;} /* Menu */ #navMenu li a {border-left:1px solid #fff;border-right:1px solid #CACACA;text-align:center;color:#666;} #navMenu li.selected a, #navMenu li.selected a:hover {background:#fff;color:#333;} .accordionContent .tree li { clear:both; display:block; line-height:30px; cursor:pointer;} .accordionContent .tree div,.accordionContent .tree a, .tree span { display:inherit; height:30px; line-height:30px;} .accordionContent .tree div { display:block; overflow:hidden;} .accordionContent .tree div div { float:left; display:block; overflow:hidden; width:22px; height:22px; border:none; background:none;} .accordionContent .tree a,.accordionContent .tree a:hover { text-decoration:none;} .accordionContent .tree .expandable:before, .accordionContent .tree .first_expandable:before, .accordionContent .tree .last_expandable:before { content: "\f067";} .accordionContent .tree .first_collapsable:before, .accordionContent .tree .last_collapsable:before, .accordionContent .tree .collapsable:before { content: "\f068";} .accordionContent .tree .indent { width:0;background:none;} .accordionContent .tree .line { width:0;} .accordionContent .tree .node { } .accordionContent .tree .last .node { background-position:0 -500px;} .accordionContent .tree .folder_expandable { width:0;} .accordionContent .tree .folder_collapsable { width:0;} .accordionContent .tree .file { background-position:0 -100px;} .accordionContent .tree .indeterminate { background-position:0 -200px;} .accordionContent .tree .hover .indeterminate { background-position:0 -250px;} .accordionContent .tree div.hover a {background:none;} /* Accordion */ .accordion { display:block;} .accordion .accordionHeader { display:block; overflow:hidden; background-repeat:repeat-x; cursor:pointer;} .accordion .accordionHeader h2 { display:block;font-weight:normal; overflow:hidden; padding:0 5px 0 5px; height:25px; line-height:24px;} .accordion .accordionHeader h2 span { float:left; display:block; overflow:hidden;color:#fff;width:20px; height:36px;line-height:36px;} .accordion .accordionHeader h2 i{float:right;font-size:12px;line-height:36px;font-weight:normal;} .accordion .accordionContent { display:block; overflow:auto;} .accordion .accordionHeader.hover { } .accordion .accordionHeader h2 {height:36px;line-height:36px;} .accordion .accordionHeader.hover h2 { } .accordion .accordionHeader .collapsable { background:#48ac2e;color:#fff;} .accordion .accordionHeader.hover .collapsable { } .accordion .accordionHeader h2 span { } /*weixin*/ .weixin{background:#f9f9f9;} .weixinMenu{ float:left; display:block; overflow:auto; width:210px;height:100%;line-height:21px; background:#fff;margin:10px 0 10px 10px; } .weixin .accordionHeader, .weixin .accordion .accordionHeader .collapsable{background:#E8E8E8;color:#111;border-bottom:1px solid #fff;} .weixin .accordionContent{border:0;} .weixin .accordion .accordionHeader h2 span{color:#333;} .weixin .accordionContent .tree li{border:0;} .weixin .accordionContent .tree li a{color:#444;} .weixin .accordionContent .tree li a:hover{background:#F5F5F5;} .weixin .accordionContent{overflow:hidden;} .weixin .gridScroller{background:#f9f9f9;} .weixin .gridScroller .gridTbody{background:#fff;} /* Grid */ .panel .grid { border-style:solid; border-width:0 1px;} .panel .panelBar { } .panelBar { display:block; overflow:hidden;padding:10px 0;border-bottom:1px solid #d3d3d3; } .panelBar ul { padding:1px;} .panelBar li { float:left; display:block; overflow:hidden; border-radius:1px; text-shadow:0 1px rgba(0,0,0,0.1); } .panelBar li.hover { } .panelBar li.hover a {} .panelBar .toolBar li, .panelBar .toolBar li.hover { } .panelBar .toolBar a, .panelBar .toolBar li.hover a { float:left; display:block; overflow:hidden; text-decoration:none; color:#fff; } .panelBar .toolBar li.line { display:block; overflow:hidden; width:12px;height:100%; padding:0;line-height:100%;margin-right:10px;text-align:center; } .panelpage{background:#1px solid #d3d3d3;background:#fafafa;border:1px solid #ccc;} .panelBar .pages { float:left; overflow:hidden; padding:2px 5px;} .panelBar .pages span { float:left; line-height:30px;} .panelBar .pages select { float:left; margin:0 3px; font-size:12px;} .pagination { float:right; padding-left:7px;} .pagination li, .pagination li.hover {padding:0;} .pagination a, .pagination li.hover a, .pagination li span { float:left; display:block;padding:5px 12px; text-decoration:none; border:1px solid #dcdcdc;line-height:1.4;color:#333; } .pagination a{margin-left:-1px;} .pagination li.hover a{background:#E3E3E3;} .pagination li.selected a{color:#fff;border:1px solid #48ac2e;background:#48ac2e;} .pagination span, .pagination li.hover span { margin-right:0;float:left; display:block;padding:5px 12px; cursor:pointer;} .pagination li .first span, .panelBar li .previous span {padding:0;border:0; border-bottom-left-radius:2px;border-top-left-radius:2px;} .pagination li .next span, .panelBar li .last span {padding:0;border:0;} .pagination li .first span { } .pagination li .previous span {} .pagination li .next span {} .pagination li .last span { } .pagination li .last { } .pagination li .last:hover{} .pagination li.disabled { background:none;} .pagination li.disabled span, .grid .pagination li.disabled a { cursor:default;} .pagination li.disabled span span { color:#b3b3b3;background:#f3f3f3;} .pagination li.disabled .first span { } .pagination li.disabled .previous span { } .pagination li.disabled .next span {} .pagination li.disabled .last span {} .pagination li.disabled .last {} .pagination li.jumpto { padding:0 2px 0 7px;} .pagination li.jumpto .textInput { float:left; width:30px;padding:4px 5px 5px 5px;} .pagination li.jumpto .goto { float:left; display:block; cursor:pointer;padding:4px 8px 5px 8px;} .grid { display:block; overflow:hidden; width:100%; border-width:0 1px; position:relative;} .grid .gridHeader { display:block; overflow:hidden;width:auto;} .grid .gridThead { border-left:1px solid #d3d3d3;} .grid .gridScroller { display:block; overflow:auto; position:relative;} .grid .gridTbody { border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d;border-bottom:1px solid #d3d3d3;} .grid table { border:0; border-collapse:collapse;table-layout:fixed;} .grid .gridHeader th { padding:0 3px; border-style:solid; font-weight:normal;border-width:0 1px 1px 0;border-color:#d3d3d3; vertical-align:top; white-space:nowrap; line-height:21px; cursor:default;} .grid .gridHeader th.hover, .grid .gridHeader th.thSelected { background-position:0 -50px;} .grid .gridTbody td { border-right:solid 1px #ededed; overflow:hidden; padding:5px 3px; border-bottom:solid 1px #ededed; vertical-align:middle; line-height:21px;} .grid .gridTbody td div { display:block; overflow:hidden; white-space:nowrap;} .grid .gridTbody td div a{line-height:30px;} .grid .gridRow { border-style:solid; border-width:0 0 1px 0; cursor:default;} .grid .gridRow td.tdLast { padding:0 4px 0 5px; border-right:solid 1px;} .grid .gridCol { width:100%; display:block; overflow:hidden;padding:5px 0;line-height:20px; white-space:nowrap;} .grid .gridTbody .selected td { border-bottom-style:dotted; border-bottom-width:1px;} .grid .gridTbody .selected .tdSelected {} .grid .gridTbody .tdSelected { } .grid .resizeMarker, .grid .resizeProxy { display:block; overflow:hidden; width:1px; position:absolute;} .grid .left { text-align:left;} .grid .right { text-align:right;} .grid .center { text-align:center;} /* Grid */ .panelBar, .toolBar li.hover, .toolBar li.hover a, .toolBar li.hover span, .toolBar span, .pagination, .pagination li.hover, .pagination li.hover a, .pagination li span, .pagination li.disabled span span, .panelBar .line, .pagination li.jumpto, .pagination li.jumpto .goto { } .grid .gridHeader { background:#e8e8e8;} .grid { background:#FFF;} .grid table { border-color:#d0d0d0;} .grid .gridHeader, .grid .gridHeader th {} .grid table th div { border-left-color:#EEE; border-right-color:#d0d0d0;} .grid table td { border-color:#ededed;} .grid .resizeMarker, .grid .resizeProxy { background:url(../images/resizeCol.png) repeat-y;} .grid .gridHeader th.hover, .grid .gridHeader th.thSelected { } .grid .gridTbody .gridRowBg { background:#f7f7f7;} .grid .gridTbody .gridRow { border-color:#ededed;} .grid .gridTbody .gridRow td.tdLast { border-color:#ededed;} .grid .gridTbody .hover { border-color:#dddddd; background:#f5f5f5;} .grid .gridTbody .hover .tdSelected { background:#f5f5f5;} .grid .gridTbody .selected { border-color:#b8d0d6; background:#48ac2e;color:#fff;} .grid .gridTbody .selected .tdSelected { background:#e8edf3;} .grid .gridTbody .tdSelected { background:#f8f8f8;} .grid .error{background:#fb7e81;} /* CSS Table */ table.list {border-collapse:collapse; border:solid 1px #ededed;} table.list thead tr {} table.list th {padding:3px 5px;background:#e8e8e8; line-height:21px; border-right: solid 1px #D0D0D0; border-bottom:solid 1px #D0D0D0; font-weight:normal; } table.list td {padding:8px 5px; line-height:18px; border-right:solid 1px #ededed;border-bottom: solid 1px #ededed } table.list th.asc, .grid .gridHeader th.asc{ cursor:pointer;} table.list th.desc, .grid .gridHeader th.desc{ cursor:pointer;} table.list tbody {background-color:#fff;} table.list .right {text-align:right;} table.list .trbg {background-color:#F8F8F8;} table.list .hot {background-color:#fff5c0;} table.list .hover {} table.list .selected {} table.list a {} table.list a:hover {} table.list td span.error {z-index:-1} table.nowrap tbody tr {border-bottom:solid 1px #ededed;} table.list .selected a.btnAdd, table.list .selected a.btnDel, table.list .selected a.btnView, table.list .selected a.btnEdit, table.list .selected a.btnSelect, table.list .selected a.btnInfo, table.list .selected a.btnAssign, table.list .selected a.btnLook, table.list .selected a.btnAttach, table.list .selected a.btnOrderl, table.list .selected a.btnOrderr, table.list .selected a.btnPlace{color:#333;} /* Taskbar */ #taskbar { overflow:hidden; height:29px; 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:29px; position:relative;} #taskbar .taskbarMargin { margin:0 20px;} #taskbar ul { position:absolute; width:10000px;} #taskbar li { float:left; height:27px; margin-left:2px; padding-left:5px; background-position:0 -50px; position:relative; cursor:pointer;} #taskbar li .taskbutton { float:left; display:block; overflow:hidden; height:27px; background-position:100% -100px;} #taskbar li .taskbutton span { display:block; overflow:hidden; width:70px; height:27px; line-height:29px; padding:0 25px 0 20px; background-position:3px -42px;} #taskbar .selected { background-position:0 -250px;} #taskbar .selected .taskbutton { background-position:100% -300px;} #taskbar .hover { background-position:0 -150px;} #taskbar .hover .taskbutton { background-position:100% -200px;} #taskbar .close, #taskbar .restore, #taskbar .minimize { display:block; overflow:hidden; width:11px; height:11px; padding:0; text-indent:-1000px; position:absolute; top:5px;} #taskbar .close { right:3px;} #taskbar .closeHover { background-position:0 -50px;} #taskbar .restore { right:14px; background-position:0 -100px;} #taskbar .restoreHover { background-position:0 -150px;} #taskbar .minimize { right:14px; background-position:0 -200px;} #taskbar .minimizeHover { background-position:0 -250px;} #taskbar .taskbarLeft, #taskbar .taskbarRight { display:block; overflow:hidden; width:18px; height:29px; text-indent:-1000px; position:absolute; top:0;} #taskbar .taskbarLeft { background-position:0 0; left:2px; cursor:pointer;} #taskbar .taskbarLeftHover { background-position:0 -50px;} #taskbar .taskbarLeftDisabled { background-position:0 -100px; cursor:default;} #taskbar .taskbarRight { background-position:0 -150px; right:2px; cursor:pointer;} #taskbar .taskbarRightHover { background-position:0 -200px;} #taskbar .taskbarRightDisabled { background-position:0 -250px; cursor:default;} /* ProgressBar */ .progressBar { display:block; width:208px; height:20px; position:fixed; top:50%; left:50%; margin-left:-104px; margin-top:-40px; padding:30px 10px 10px 10px; text-align:center; line-height:20px; font-weight:bold; color:#333;position:absolute; z-index:2001;} .progressBar { border:solid 2px #eee; background:#FFF url(../images/progressBar_l.gif) no-repeat 10px 10px;} .background { display:block; width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); background:#000; position:absolute; top:0; left:0; z-index:2000;} .alertBackground { display:none; width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); background:#000; position:absolute; top:0; left:0; z-index:1010;} .dialogBackground { display:none; width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); background:#000; position:absolute; top:0; left:0; z-index:900;} /* ----------------------------------------------------------------- Form */ /* TextInput */ .textInput, input.focus, input.required, input.error, input.readonly, input.disabled, textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { padding:3px 5px; margin:0; line-height:15px;font-size:12px; } input.required, textarea.required { background-position:100% 0;} input.gray, textarea.gray{color:gray;} select { border:1px solid;} .textInput, .textArea{border-width:1px;border:1px inset;border-style:solid;border-color:#9a9a9a #eee #eee #9a9a9a;color:#555; background:url(../images/input_bg.gif) #fff no-repeat scroll; } .textInput.focus, .textArea.focus{border:1px solid #48ac2e;} input.readonly, textarea.readonly,input.readonly.focus,textarea.readonly.focus{border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3;background-color:#F6F6F6;} .inputButton { float:left; display:block; overflow:hidden; width:16px; height:21px;} .inputButton:hover {} .inputDateButton { color:#666;float:left; display:block; overflow:hidden; margin-left:-27px; width:25px;padding-top:5px; text-indent:1px;height:20px;border:1px solid;border-color:#a0a0a0 #b9b9b9 #b9b9b9 #c0c0c0;background:#eee; } .inputDateButton:hover { } span.error { display:block; overflow:hidden; width:165px; height:27px; padding:0 5px; line-height:26px; background:#c80002; color:#FFF; position:absolute; top:5px; left:318px;} label.alt {display:block; overflow:hidden; position:absolute;line-height:20px;color:#7F7F7F;} .nowrap span.error{position: static;} /* Button */ button{padding:0;margin:0;} a.add span,.button,a.delete span,a.edit span,.buttonActive,a.icon span,a.assign span,.order,a.upload span{ padding:8px 15px;color:#fff;cursor:pointer; float:left; display:block; overflow:hidden; font-size:12px;margin-right:10px; } .order{padding:5px 15px 6px 15px;} a.upload span{padding:6px 15px 5px 15px;margin-left:10px;font-size:12px;} a.add span,.button,a.upload span { color:#666; border:1px solid #c6c6c6; background-color:#e4e4e4; background-image:-webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#f1f1f1)); background-image:-webkit-linear-gradient(top,#f8f8f8,0%,#f1f1f1,100%); background-image:-moz-linear-gradient(top,#f8f8f8 0,#f1f1f1 100%); background-image:linear-gradient(to bottom,#f8f8f8 0,#f1f1f1 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#fff1f1f1',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); } a.delete span {color:#fff; border:1px solid #b12d26; background-color:#c13e2c; background-image:-webkit-gradient(linear,left 0,left 100%,from(#dd4b39),to(#c13e2c)); background-image:-webkit-linear-gradient(top,#dd4b39,0%,#c13e2c,100%); background-image:-moz-linear-gradient(top,#dd4b39 0,#c13e2c 100%); background-image:linear-gradient(to bottom,#dd4b39 0,#c13e2c 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39',endColorstr='#ffc13e2c',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } a.edit span,.buttonActive { border:1px solid #3CAC50; background-image:-webkit-gradient(linear,left 0,left 100%,from(#48ac2e),to(#48ac2e)); background-image:-webkit-linear-gradient(top,#48ac2e,0%,#48ac2e,100%); background-image:-moz-linear-gradient(top,#48ac2e 0,#48ac2e 100%); background-image:linear-gradient(to bottom,#48ac2e 0,#48ac2e 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff48ac2e',endColorstr='#ff48ac2e',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } a.icon span { border:1px solid #196aeb; background-color:#3078eb; background-image:-webkit-gradient(linear,left 0,left 100%,from(#4d90fe),to(#3078eb)); background-image:-webkit-linear-gradient(top,#4d90fe,0%,#3078eb,100%); background-image:-moz-linear-gradient(top,#4d90fe 0,#3078eb 100%); background-image:linear-gradient(to bottom,#4d90fe 0,#3078eb 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d90fe',endColorstr='#ff3078eb',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .order { border:1px solid #f9980f; background-color:#f99e1e; background-image:-webkit-gradient(linear,left 0,left 100%,from(#fbb450),to(#f99e1e)); background-image:-webkit-linear-gradient(top,#fbb450,0%,#f99e1e,100%); background-image:-moz-linear-gradient(top,#fbb450 0,#f99e1e 100%); background-image:linear-gradient(to bottom,#fbb450 0,#f99e1e 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff99e1e',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); } a.assign span { border:1px solid #46b8da; background-color:#5bc0de; background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#5bc0de)); background-image:-webkit-linear-gradient(top,#5bc0de,0%,#5bc0de,100%); background-image:-moz-linear-gradient(top,#5bc0de 0,#5bc0de 100%); background-image:linear-gradient(to bottom,#5bc0de 0,#5bc0de 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff5bc0de',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .button, .buttonActive, .buttonDisabled { float:left; display:block; overflow:hidden;padding:0 15px;font-size:12px;} .button span, .buttonDisabled span, .buttonActive span, .button .buttonContent, .buttonHover, .buttonHover .buttonContent, .buttonActive .buttonContent, .buttonDisabled .buttonContent { float:left; display:block; overflow:hidden; height:25px; line-height:25px; font-weight:bold;} .button { } .button:hover { text-decoration:none; } .button:hover span { } .buttonHover { } .buttonActive { } .buttonActive:hover { text-decoration:none; } .buttonActiveHover { } .buttonDisabled, .buttonDisabled:hover { text-decoration:none;} .buttonActive button{color:#fff;} .button button, .buttonHover button, .buttonActive button, .buttonDisabled button { width:auto; height:28px; margin:0;border:0; font-size:12px;background:none;cursor:pointer;} .buttonDisabled button { cursor:default;} /* ----------------------------------------------------------------- Pages */ /* Layout */ #layout { text-align:left;} body { overflow:hidden;} #layout { display:block; height:100%; position:relative;} #header { display:block; overflow:hidden; height:55px; z-index:30;background:#F2F2F2;border-bottom:1px solid #e1e1e1;} #leftside { position:absolute; top:55px; left:0; z-index:20;} #sidebar { width:220px; position:absolute; top:0; left:0; z-index:20; overflow:hidden;background:#222;} #sidebar_s { display:none; width:24px; position:absolute; top:0; left:0; z-index:21;} #container { position:absolute; top:55px; left:220px;} #splitBar { display:block; overflow:hidden; width:5px; cursor:col-resize; position:absolute; top:70px; left:220px; z-index:20;} #splitBarProxy { display:none; overflow:hidden; width:3px; border-style:solid; border-width:1px; cursor:col-resize; position:absolute; top:70px; left:220px; z-index:20;} #footer {position:absolute; bottom:0; left:0;color:#999;text-align:left;text-indent:35px;background:#222;border-top:1px solid rgba(0,0,0,.3);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);text-indent:35px; width:220px; height:40px;line-height:38px;padding:0;z-index:-1;} #header .headerNav { height:55px;} #header .logo { float:left; width:220px; height:55px; background:url(../images/logo.png) #222222 no-repeat -2px -5px;} #header .nav { display:block; height:28px; position:absolute; top:8px; right:0; z-index:31;} #header .nav li { float:left; margin-left:-1px; padding:0 10px; line-height:20px; position:relative;} #header .nav li a { line-height:20px;} #header .nav ul { display:none;overflow:hidden; background:#FFF; position:absolute; top:20px; right:0;} #header .nav ul li { width:100%;padding:0;} #header .nav ul li a { float:left;color:#333;width:100%;height:100%;height:28px;line-height:28px;padding:0 10px;text-decoration:none; } #header .nav ul li a:hover{background:#eee;} #header .nav .selected ul {display:block;border:1px solid rgba(0,0,0,0.2);border-radius:0;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2);} #header .themeList { position:absolute; top:30px; right:10px;} #header .themeList li { float:left; padding:0 3px;} #header .themeList li div { display:block; overflow:hidden; width:13px; height:11px; text-indent:-100px; cursor:pointer;} #header .themeList li.default div { background-position:0 0;} #header .themeList li.default .selected { background-position:0 -20px;} #header .themeList li.green div { background-position:-20px 0;} #header .themeList li.green .selected { background-position:-20px -20px;} #header .themeList li.red div { background-position:-40px 0;} #header .themeList li.red .selected { background-position:-40px -20px;} #header .themeList li.purple div { background-position:-60px 0;} #header .themeList li.purple .selected { background-position:-60px -20px;} #header .themeList li.silver div { background-position:-80px 0;} #header .themeList li.silver .selected { background-position:-80px -20px;} #header .themeList li.azure div { background-position:-100px 0;} #header .themeList li.azure .selected { background-position:-100px -20px;} .toggleCollapse { display:block; overflow:hidden; height:44px;color:#fff;} .accordionHeader,.accordionContent{color:rgba(255, 255, 255, 0.6);border-bottom:1px solid rgba(0,0,0,.3);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);} .toggleCollapse h2 { float:left; padding-left:5px; line-height:50px;font-size:12px;} .toggleCollapse div { float:right; display:block; overflow:hidden; width:28px; height:15px;padding:10px 0; cursor:pointer;} #sidebar_s .collapse { height:430px; cursor:pointer;} #sidebar_s .toggleCollapse { border:0; background:none;} #sidebar_s .toggleCollapse div { width:21px; border:0; background-position:-2px -147px;} #sidebar_s .toggleCollapse div:hover { background-position:-2px -197px;} /* Menu */ #navMenu { position:absolute;top:0;left:220px;display:block; overflow:hidden; height:55px; padding:0; background-repeat:repeat-x;} #navMenu ul { float:left; display:block; overflow:hidden; position:relative;} #navMenu li { float:left; position:relative;} #navMenu li a { float:left;border-left:1px solid #fff;border-right:1px solid #CACACA;text-align:center;} #navMenu li span { float:left; cursor:pointer;} #navMenu li a, #navMenu li span { width:120px;height:55px;line-height:55px; font-size:16px;} #navMenu li.selected { z-index:1;} #navMenu li.selected a, #navMenu li.selected a:hover { text-decoration:none; } /* Pages default */ .page { display:block; overflow:hidden;float:left; width:100%;} .pageHeader { display:block; overflow:auto;position:relative;} .searchBar {margin:10px 10px 0 10px;border:1px solid #e1e1e1;background:#fafafa;padding:10px;} .searchBar ul.searchContent { display:block; overflow:hidden; height:25px;} .searchBar ul.searchContent li { float:left; display:block; overflow:hidden; width:300px; height:21px; padding:2px 0;} .searchBar label { float:left; padding:0 5px; line-height:28px;} .searchBar .searchContent td{ white-space:nowrap; height:25px;line-height:25px;} .searchBar .subBar { height:25px;} .searchBar .subBar ul { float:right;} .searchBar .subBar li { float:left; margin-left:5px;} .searchBar button,.goto,.toolBar .button{ font-size:12px; color:#fff; padding:3px 8px 4px 8px; margin:0 0 0 3px; border-radius:1px; text-shadow:0 1px rgba(0,0,0,0.1); background-image:-webkit-gradient(linear,left 0,left 100%,from(#48ac2e),to(#48ac2e)); background-image:-webkit-linear-gradient(top,#48ac2e,0%,#48ac2e,100%); background-image:-moz-linear-gradient(top,#48ac2e 0,#48ac2e 100%); background-image:linear-gradient(to bottom,#48ac2e 0,#48ac2e 100%); background-repeat:repeat-x; border:1px solid #3CAC50; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff48ac2e',endColorstr='#ff48ac2e',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .searchBar button:hover{ text-shadow:0 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2); box-shadow:0 1px 1px rgba(0,0,0,0.2) } .searchBar button:focus{ text-shadow:0 1px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.4); box-shadow:0 1px 1px rgba(0,0,0,0.4); } .searchBar button:hover, .searchBar button:focus, .searchBar button:active{ color:#fff; background-color:#34A946; background-color:#34A946 \9; background-image:-webkit-gradient(linear,left 0,left 100%,from(#48ac2e),to(#34A946)); background-image:-webkit-linear-gradient(top,#48ac2e,0%,#34A946,100%); background-image:-moz-linear-gradient(top,#48ac2e 0,#34A946 100%); background-image:linear-gradient(to bottom,#48ac2e 0,#34A946 100%); background-repeat:repeat-x; border:1px solid #38A54B; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff48ac2e',endColorstr='#ff34A946',GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) } .pageContent { display:block;overflow:auto;position:relative;padding:0 10px;} .pageContent h2{color:#333;background:#e8e8e8;border:1px solid #d3d3d3;border-bottom:0;font-size:16px;padding:10px;margin-top:10px;font-weight:normal} .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:10px 5px; position:relative;} .pageFormContent div.unit {display:block; margin:0; padding:5px 0; position:relative;clear:both;} .pageFormContent p { float:left; display:block; width:380px; height:21px; margin:0; padding:5px 0; position:relative;} .pageFormContent p.nowrap { height:auto; width: 100%} .pageFormContent .radioGroup { float:left; display:block; overflow:hidden;} .pageFormContent label { float:left; padding:0 5px; line-height:25px;} .pageFormContent label.radioButton { float:left; width:auto; padding:0 10px 0 0; line-height:21px;} .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:#595959;display:block;line-height:26px;float:left;padding-left:3px;} .pageFormContent dl { float:left; display:block; width:380px; height:27px; margin:0; position:relative;padding:5px 0;} .pageFormContent dt { float:left; width:120px; padding:0 5px; line-height:32px;} .pageFormContent dd {display:block;line-height:32px;width:220px;float:left;} .pageFormContent dl.nowrap, .nowrap dl{width:100%; height:auto; clear: both;} .pageFormContent .nowrap dl{padding:0;} .pageFormContent dl.nowrap dd, .nowrap dd {width: 560px;} 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:5px; height:30px;border-style:solid; border-width:1px 0 0 0;border-color:#ccc} .formBar ul { float:right;} .formBar li { float:left; margin-left:5px;} .divider { clear:both; display:block; overflow:hidden; text-indent:-1000px; width:auto; height:1px; padding:4px 0 0 0; margin-bottom:5px; border-style:dotted; border-width:0 0 1px 0;} /* Pages dialog */ .dialog .pageHeader { margin:0} .dialog .pageContent {background-color:#fff;padding:0;border:1px solid rgba(243,243,243,0.85);} .dialog .pageFormContent{border:1px solid #d3d3d3;border-bottom:0;padding:10px;} .dialog .pageFormContent, .dialog .viewInfo {} .dialog .formBar { background:rgba(243,243,243,0.85);border-top:1px solid #e5e5e5;} .combox { float:left; margin-right:3px;background:#fff;font-size:12px;} .combox select { display:none} .combox .select { float:left;} .combox .select a { float:left; display:block; overflow:hidden;color:#555; padding:4px 22px 4px 6px; line-height:15px;background:url(../images/fa-down.gif) no-repeat right 0; text-decoration:none; font-size:12px;border-width:1px;border:1px inset;border-style:solid;border-color:#9a9a9a #eee #eee #9a9a9a;} .comboxop { position: absolute; z-index: 1001; display:none; padding:4px; border-color:#a0a0a0 #b9b9b9 #b9b9b9 #b9b9b9; -moz-box-shadow: rgb(185,185,185) 1px 1px; -webkit-box-shadow: rgb(185,185,185) 1px 1px; box-shadow: rgb(185,185,185) 1px 1px; border-style:solid; border-width:1px 1px 1px 1px; background:#fff; position:absolute; top:22px; left:1px;} .comboxop a { display:block;height:21px; padding:0 5px; line-height:21px;font-size:12px; text-align:left; color:#000; background:none;} .comboxop a:hover { background:#48ac2e;color:#fff;text-decoration:none;} .comboxop .selected {border-color:#48ac2e; } .comboxop li { text-align:left; } /* contentTitle */ h2.contentTitle{line-height:30px; font-size:14px;} h3.contentTitle{ line-height:30px;padding:0 10px;font-size:13px;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; color:#333; padding:8px; margin:0;background-color:transparent; text-align:left; cursor:default;} #contextmenu li.hover{color:#fff;background-color:#48ac2e;} #contextmenu li.disabled{color:#666;background:#eee;} #contextmenuShadow{display:none; position:absolute; opacity:0.2; filter:alpha(opacity=20); background-color:#000; z-index:499; } /* calendar */ #calendar{margin:0;margin-top:-1px; width:260px; z-index:1001; position:absolute; display:block; border:1px solid #c0c0c0; display:none;} #calendar *{margin:0; padding:0; font-size:12px; line-height:18px} #calendar .main{margin:auto; text-align:center; background:#ffffff; zoom:1; position:relative;} #calendar .head{background:#e8e8e8;padding:5px 0;border-bottom:1px solid #ddd;} #calendar .head select{width:60px;} #calendar .body{margin:2px 0; padding:2px; clear:both; overflow:hidden; position:relative;} #calendar .foot{background:#e8e8e8;text-align:right;padding:5px 0;border-top:1px solid #ddd;} #calendar .nodate .head, #calendar .nodate .body{display:none;} #calendar dl{clear:both; margin:auto; overflow:hidden;} #calendar dt, #calendar dd, #calendar span{width:26px; height:18px; display:block; float:left; overflow:hidden;zoom:1;} #calendar dt{margin-top:4px;font-weight:bold;color:#666666;padding:5px;} #calendar .days dd{cursor:pointer;color:#111;padding:5px;} #calendar .days dd.other{color:#666} #calendar .days dd.slt{ background:#48ac2e;color:#fff;} #calendar .days dd.slt:hover{background:#48ac2e;} #calendar .days dd:hover{background:#eee} #calendar .days dd.disabled {background:#ccc;} #calendar .close{width:16px;height:16px; font-size:16px; display:block;cursor:pointer;border:none;text-align:center; } #calendar .clearBut, #calendar .okBut {color: #000; width: 40px;} #calendar .time{border-collapse:collapse;float:left;background-color:#fff;display:none;} #calendar .time td{ line-height:20px; vertical-align:center;} #calendar .time .hh, #calendar .time .mm, #calendar .time .ss{width:18px; height:20px; border: none} #calendar .time ul {list-style:none} #calendar .time .up, #calendar .time .down {font-size:8px;height:8px;line-height:100%;border:1px solid #BEE9F0;cursor:pointer;} #calendar .tm {text-align:center;} #calendar .tm .hh, #calendar .tm .mm, #calendar .tm .ss{border:1px solid #A3C6C8;position:absolute;left:4px;bottom:34px;background-color:#ffffc0;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:20px;line-height:21px} #calendar .tm .hh li:hover, #calendar .tm .mm li:hover, #calendar .tm .ss li:hover{ background:#B3E4EB;} /* 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.btnAdd, a.btnDel, a.btnView, a.btnEdit, a.btnSelect, a.btnInfo, a.btnAssign, a.btnLook, a.btnAttach, a.btnOrderl, a.btnOrderr,a.btnPlace{display:block; color:#333;width:22px;padding:0;text-align:center;font-size:18px;font-family: FontAwesome;overflow:hidden; float:left; margin-right: 3px;text-decoration:none;} .selected a.btnAdd,.selected a.btnDel,.selected a.btnView,.selected a.btnEdit,.selected a.btnSelect,.selected a.btnInfo,.selected a.btnAssign,.selected a.btnLook,.selected a.btnAttach,.selected a.btnOrderl,.selected a.btnOrderr,.selected a.btnPlace{color:#fff;} a.btnAdd:before{content:"\f067"} a.btnDel:before{content:"\f014";} a.btnInfo:before{} a.btnAssign:before{content:"\f013";} a.btnView:before{} a.btnEdit:before{content:"\f040";} a.btnSelect:before{} a.btnLook:before{} a.btnAttach:before{} a.btnOrderl:before{content:"\f062";} a.btnOrderr:before{content:"\f063";} .center a.btnAdd, .center a.btnDel, .center a.btnView, .center a.btnEdit, .center a.btnSelect, .center a.btnInfo, .center a.btnAssign, .center a.btnLook, .center a.btnAttach {display:inline-block;float:none} .right a.btnAdd, .right a.btnDel, .right a.btnView, .right a.btnEdit, .right a.btnSelect, .right a.btnInfo, .right a.btnAssign, .right a.btnLook, .right a.btnAttach {display:inline-block;float:none;text-indent:1000px} .viewInfo {padding: 10px 5px} .viewInfo dl { float:left; display:block; width:380px; height:21px; margin:0; padding:5px 0; position:relative;} .viewInfo dt { float:left; width:120px; padding:0 5px; line-height:21px; text-align:right;} .viewInfo dd {display:block;line-height:21px;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 {} .viewInfo dl.nowrap dd {width: auto;} .dialogContent .viewInfo {} .pageContent .panel {clear:both; margin: 5px} .sortDragPlaceholder {border:1px dashed #ccc;} #printBox {display:none}