@charset "utf-8";
/* CSS Document */

/* Core Code */
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%; font-family:Arial, sans-serif;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
*html .clearfix { height:1%; }
.clearfix { display:block; }


/* Remember to define focus styles! */
:focus { outline: 0;}
body { width:100%; height:100%; text-align:center; color:black; }
ul, ol { list-style:none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:separate; border-spacing:0;}
caption, th, td { text-align:left; 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 { color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}


/* Layout */
#layout { text-align:left;}
body { overflow:hidden;}

#splitBar { display:block; overflow:hidden; width:5px; cursor:col-resize; position:absolute; top:60px; left:170px; z-index:20;}
#splitBarProxy { display:none; overflow:hidden; width:3px; border-style:solid; border-width:1px; cursor:col-resize; position:absolute; top:60px; left:170px; z-index:20;}

#layout { display:block; height:100%; position:relative;}

#topside { width:100%; top:0; left:0; z-index:29; display:block; height:60px;}

#header { display:block; width:100%; overflow:hidden; height:60px; z-index:30; background:url(images/headbg.jpg) right no-repeat;background-color:#087aba;}
#header .logo { float:left; background:url(images/LOGO.png) no-repeat; width:80px; height:60px;background-size:100%;margin-left:100px;}
#header .nav { display:block; height:25px; position:absolute; top:0px; right:200px; z-index:31; color:#FFFFFF}
#header .nav li { float:left; margin-left:0px; padding:0 10px 0 27px; height:25px; line-height:25px; position:relative;}
#header .nav li a { line-height:25px;}

#header .topnav{ display:block; position:absolute; bottom:0px; left:240px; height:28px; z-index:31; color:#183152; border:none;right:200px; overflow:hidden;}
#header .topnav li { float:left; margin-left:2px; padding:0 10px; height:28px;position:relative;background:url(images/toolbar.png) repeat-x;}
#header .topnav li a { display:block; margin-top:5px;}
     
#headerbar_s {display:none; width:100%; position:absolute; top:0;z-index:21;}
#headerbar_s .collapse { border:solid 1px #b8d0d6;height:24px;  background:#eff5f6;cursor:pointer;}
#headerbar_s .collapse:hover { background:#f5f9fa;}


/*#footer {position:absolute; bottom:0; left:0; text-align:center; color:#FFFFFF; width:100%; line-height:27px; height:27px; background:url(images/bottombg.png) repeat-x;}*/
/*左边导航栏*/
#leftside { position:absolute; top:61px; left:0; z-index:20; }
#sidebar { width:170px; position:absolute; top:0; left:0px; z-index:20;}


.toggleCollapse, .toggleCollapse div { background:url(images/toggleSidebar.png) repeat-x;}
.toggleCollapse { display:block; overflow:hidden; height:27px; background-repeat:repeat-x;border-width:1px 1px 0 1px; border-color:#b8d0d6; border-style:solid; }
.toggleCollapse h2 { float:left; padding-left:8px; line-height:27px; color:#183152;}
.toggleCollapse div { float:right; display:block; overflow:hidden; width:25px; height:25px; text-indent:-100px; background-position:100% -47px; cursor:pointer;}
.toggleCollapse div:hover { background-position:100% -97px;}

#sidebar_s {display:none; width:24px; position:absolute; top:0; left:0; z-index:21;}
#sidebar_s .collapse {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;}
#sidebar_s .collapse { border:solid 1px #b8d0d6; background:#eff5f6;}
#sidebar_s .collapse:hover { background:#f5f9fa;}


.accordion .accordionHeader, .accordion .accordionHeader h2, .accordion .accordionHeader h2 span { color:#183152; background:url(images/accordion/accordion.png);}
.accordion { border-color:#b8d0d6; background:#FFF; overflow:hidden;}
.accordion .accordionHeader { background-color:#eaf4ff;}
.accordion .accordionContent { border-color:#b8d0d6;}

.accordion .sidebarScroll{ display:block; position:relative; overflow:auto;}

.accordion { display:block; border-style:solid; border-width:1px;}
.accordion .accordionHeader { display:block; overflow:hidden; background-repeat:repeat-x; cursor:pointer;}
.accordion .accordionHeader h2 { display:block; overflow:hidden; padding:0 25px 0 5px; height:25px; line-height:24px;}
.accordion .accordionHeader h2 span { float:left; display:block; overflow:hidden; text-indent:-1000px; width:20px; height:25px;}
.accordion .accordionContent { display:block; overflow:auto; border-style:solid; border-width:0 0 1px 0;}

.accordion .accordionHeader.hover { background-position:0 -25px;}
.accordion .accordionHeader h2 { background-repeat:no-repeat; background-position:100% -50px;}
.accordion .accordionHeader.hover h2 { background-position:100% -75px;}
.accordion .accordionHeader .collapsable { background-position:100% -100px;}
.accordion .accordionHeader.hover .collapsable { background-position:100% -125px;}
.accordion .accordionHeader h2 span { background-position:0 -150px;}

/* Tree */
.tree div div { background:url(images/tree/tree.png) no-repeat;}
.tree .folder_collapsable, .tree .folder_expandable, .tree .file { background:url(images/tree/folder.png) no-repeat;}
.tree .checked, .tree .unchecked, .tree .indeterminate { background:url(images/tree/check.png) no-repeat;}
.tree ul { background:#FFF;}
.tree li a, .tree li span { color:#183152;}
.tree .hover { background:#f5f5f5;}
.tree .selected { background-color:#e8edf3;}

.tree li { clear:both; 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-position:0 -100px;}
.tree a, .tree a:hover { text-decoration:none;}

.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;}


/**主区**/
#container { position:absolute; top:61px; left:175px; z-index:10;}

.tabsPage .tabsPageHeader, .tabsPage .tabsPageHeader li, .tabsPage .tabsPageHeader li a, .tabsPage .tabsPageHeader li span { background:url(images/tabs/tabspage.png) no-repeat;}
.tabsPage .tabsPageHeader { background-color:#e9f0f2;}
.tabsPage .tabsPageHeader { border-color:#b8d0d6;}
.tabsPage .tabsPageHeader li a { color:#183152;}
.tabsPage .tabsPageHeader li .close,
.tabsPage .tabsPageHeader li.hover .close,
.tabsPage .tabsPageHeader li.selected .close{ background:url(images/tabs/tabspage_icon.png) no-repeat;}
.tabsPage .tabsPageHeader li .minmax,
.tabsPage .tabsPageHeader li.hover .minmax,
.tabsPage .tabsPageHeader li.selected .minmax { background:url(images/tabs/tabspage_icon1.png) no-repeat;}
.tabsPage .tabsPageHeader li .maxmin,
.tabsPage .tabsPageHeader li.hover .maxmin,
.tabsPage .tabsPageHeader li.selected .maxmin { background:url(images/tabs/tabspage_icon2.png) no-repeat;}

.tabsPage .tabsPageHeader li .close,
.tabsPage .tabsPageHeader li .minmax,
.tabsPage .tabsPageHeader li .maxmin
{display:block; overflow:hidden; width:11px; height:11px; padding:0; text-indent:-1000px; position:absolute; right:2px; }
.tabsPage .tabsPageHeader li .close{top:3px;}
.tabsPage .tabsPageHeader li .close:hover{ background-position:0 -50px;}

.tabsPage .tabsPageHeader li .minmax,.tabsPage .tabsPageHeader li .maxmin {top:13px;}
.tabsPage .tabsPageHeader li .minmax:hover,.tabsPage .tabsPageHeader li .maxmin:hover { background-position:0 -21px;}

.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { background:url(images/tabs/tabscontrol.png) no-repeat;}
.tabsPage .tabsMoreList { border-color:#b8d0d6; background:#FFF;}
.tabsPage .tabsPageHeader .home_icon { background:url(images/tabs/icon.png) no-repeat;}


.tabsPage .tabsPageHeader { display:block; height:27px; border-style:solid; border-width:1px 1px 0 1px; background-position:0 -450px; background-repeat:repeat-x; position:relative;}
.tabsPage .tabsPageHeaderContent { display:block; overflow:hidden; height:27px; margin-right:19px; position:relative;}
.tabsPage .tabsPageHeaderMargin { margin:0 34px 0 17px;}
.tabsPage .tabsPageHeader ul { display:block; width:10000px; height:26px; z-index:1; position:absolute;}
.tabsPage .tabsPageHeader li { float:left; display:block; height:26px; margin-left:2px; background-position:0 -100px; background-repeat:repeat-x; position:relative; cursor:pointer;}
.tabsPage .tabsPageHeader li a { float:left; display:block; overflow:hidden; height:26px; padding-left:5px; line-height:25px; background-position:0 0; }
.tabsPage .tabsPageHeader li a:hover { text-decoration:none;}
.tabsPage .tabsPageHeader li span { float:left; display:block; overflow:hidden; width:92px; height:24px; padding:2px 20px 0 3px; line-height:21px; background-position:100% -50px; cursor:pointer;}

.tabsPage .tabsPageHeader li.hover { background-position:0 -250px; background-repeat:repeat-x;}
.tabsPage .tabsPageHeader li.hover a { background-position:0 -150px;}
.tabsPage .tabsPageHeader li.hover span { background-position:100% -200px;}

.tabsPage .tabsPageHeader li.selected { background-position:0 -400px; background-repeat:repeat-x;}
.tabsPage .tabsPageHeader li.selected a { font-weight:bold; background-position:0 -300px;}
.tabsPage .tabsPageHeader li.selected span { background-position:100% -350px;}



.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 0 0 15px; background-position:0 3px;}

.tabsPage .tabsMove { height:25px; position:absolute; top:0; right:0; z-index:2;}
.tabsPage .tabsLeft, .tabsPage .tabsRight, .tabsPage .tabsMore { display:block; overflow:hidden; width:17px; height:23px; text-indent:-1000px; position:absolute; z-index:2;}
.tabsPage .tabsLeft { background-position:0 0; top:1px; left:0; cursor:pointer;}
.tabsPage .tabsLeftHover { background-position:0 -50px;}
.tabsPage .tabsLeftDisabled { background-position:0 -100px; top:1px; left:0; cursor:default;}
.tabsPage .tabsRight { background-position:0 -150px; top:1px; right:17px; cursor:pointer;}
.tabsPage .tabsRightHover { background-position:0 -200px;}
.tabsPage .tabsRightDisabled { background-position:0 -250px; top:1px; right:17px; cursor:default;}
.tabsPage .tabsMore { background-position:0 -300px; top:1px; right:0; cursor:pointer;}
.tabsPage .tabsMoreHover { background-position:0 -350px;}
.tabsPage .tabsMoreList { display:none; overflow:hidden; width:170px; padding:2px; border-style:solid; border-width:1px; position:absolute; top:24px; right:0; z-index:3;}
.tabsPage .tabsMoreList li { display:block; overflow:hidden; height:23px; line-height:21px;}
.tabsPage .tabsMoreList li a { display:block; width:148px; height:21px; padding:0 10px; border:solid 1px #FFF; white-space:nowrap; line-height:21px;}
.tabsPage .tabsMoreList li a:hover { border-color:#ececec; text-decoration:none; background:#f5f5f5;}
.tabsPage .tabsMoreList li.selected a { font-weight:bold; border-color:#dfe5ed; background:#e8edf3;}


.tabsPage .tabsPageContent { border-color:#b8d0d6; background:#FFF;}
.tabsPage .tabsPageContent { display:block; overflow:hidden; border-style:solid; border-width:0 1px 1px 1px; position:relative;}

.pageIndexContent { display:block; overflow:hidden; padding:0px; position:relative;}
.pageIndexScroll { overflow-x:hidden ; overflow-y:scroll;}

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

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


/* rightMenu */
#contextmenu{display:none; position:absolute; z-index:500; left:0; top:0;}
#contextmenu ul{list-style:none; padding:1px; margin:0; background-color:#fff; border:1px solid #999; width:100px;}
#contextmenu li{display:block; color:#000; padding:3px; margin:0; border:1px solid #fff; background-color:transparent; text-align:left; cursor:default;}
#contextmenu li.hover{border:1px solid #0a246a; background-color:#b6bdd2}
#contextmenu li.disabled{color:#666;}
#contextmenuShadow{display:none; position:absolute; opacity:0.2; filter:alpha(opacity=20); background-color:#000; z-index:499; }


/* Button */
.button, .button span,
.buttonDisabled, .buttonDisabled span,
.buttonActive, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonActiveHover, .buttonActiveHover .buttonContent,
.buttonDisabled .buttonContent { background:url(images/button/button_s.png) no-repeat;}

.button span, .buttonDisabled span, .buttonActive span,
.button .buttonContent, .buttonHover, .buttonHover .buttonContent,
.buttonActive .buttonContent, .buttonDisabled .buttonContent,
.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { color:#183152;}

.buttonDisabled span, .buttonDisabled:hover span,
.buttonDisabled button { color:#999;}

.button, .buttonActive, .buttonDisabled { float:left; display:block; overflow:hidden; height:25px; padding-left:5px;}

.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 { background-position:0 0;}
.button .buttonContent { padding:0 5px 0 0; background-position:100% -50px;}
.button span { padding:0 10px 0 5px; background-position:100% -50px; cursor:pointer;}
.button:hover { text-decoration:none; background-position:0 -100px;}
.button:hover span { background-position:100% -150px;}
.buttonHover { padding-left:5px; background-position:0 -100px;}
.buttonHover .buttonContent { padding:0 5px 0 0; background-position:100% -150px;}

.buttonActive { background-position:0 -200px;}
.buttonActive .buttonContent { padding:0 5px 0 0; background-position:100% -250px;}
.buttonActive span { padding:0 10px 0 5px; background-position:100% -250px; cursor:pointer;}
.buttonActive:hover { text-decoration:none; background-position:0 -300px;}
.buttonActive:hover span { background-position:100% -350px;}
.buttonActiveHover { background-position:0 -300px;}
.buttonActiveHover .buttonContent { padding:0 5px 0 0; background-position:100% -350px;}

.buttonDisabled, .buttonDisabled:hover { text-decoration:none; background-position:0 -400px;}
.buttonDisabled span, .buttonDisabled:hover span { padding:0 10px 0 5px; background-position:100% -450px; cursor:default;}
.buttonDisabled .buttonContent { padding:0 5px 0 0; background-position:100% -450px;}

.button button, .buttonHover button,
.buttonActive button, .buttonDisabled button { width:auto; height:25px;line-height:25px; margin:0; padding:0 0 5px 0; border:0; font-size:12px; font-weight:bold; background:none; cursor:pointer;}
.buttonDisabled button { cursor:default;}
/*bigbutton**/
.bigbutton span{background:url(images/button/bigbutton.png) repeat-x; cursor:pointer; border:#B8D0D6 1px solid ;}
.bigbutton span{ padding: 0 5px; text-align:center; display:block; overflow:hidden; height:50px; width:50px; line-height:50px; font-weight:bold; background-position:0 0;}
.bigbutton span:hover{ background-position:0 56px ;}

/* Dialog */
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c,
.dialog .dialogFooter, .dialog .dialogFooter_r, .dialog .dialogFooter_c { background:url(images/dialog/dialogpanel.png) no-repeat;}
.dialog .dialogHeader h1, .dialog .dialogHeader .close, .dialog .dialogHeader .maximize, .dialog .dialogHeader .restore, .dialog .dialogHeader .minimize, .resizable_f_r { background:url(images/dialog/dialogpanel_icon.png) no-repeat;}
.dialog .dialogHeader h1 { color:#183152;}
.dialog .dialogContent { border-color:#b8d0d6; background:#eef4f5;}


.dialog { display:block; text-align:left; position:absolute; z-index:42;}
.dialog .dialogHeader, .dialog .dialogHeader_r, .dialog .dialogHeader_c { display:block; overflow:hidden; height:28px;}
.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;}
.dialog .dialogHeader h1 { display:block; overflow:hidden; height:28px; padding:0 5px 0 20px; line-height:28px; background-position:0 -450px;}

.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:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.dialog .panelFooter_r, .dialog .dialogFooter_c { display:block; overflow:hidden; height:5px;}
.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 { border-color:#081629; background:#c3d7dc;}
.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;}

/* Shadow */
.shadow .shadow_h_l { background:url(images/shadow/shadow_h_l.png) no-repeat;}
.shadow .shadow_h_r { background:url(images/shadow/shadow_h_r.png) no-repeat;}
.shadow .shadow_h_c { background:url(images/shadow/shadow_h_c.png) repeat-x;}
.shadow .shadow_c_l { background:url(images/shadow/shadow_c_l.png) repeat-y;}
.shadow .shadow_c_r { background:url(images/shadow/shadow_c_r.png) repeat-y;}
.shadow .shadow_c_c { background:url(images/shadow/shadow_c_c.png) repeat;}
.shadow .shadow_f_l { background:url(images/shadow/shadow_f_l.png) no-repeat;}
.shadow .shadow_f_r { background:url(images/shadow/shadow_f_r.png) no-repeat;}
.shadow .shadow_f_c { background:url(images/shadow/shadow_f_c.png) repeat-x;}

.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%;}

/**********background*****************/
.alertBackground { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF; position:absolute; top:0; left:0; z-index:1010;}
.dialogBackground { display:none; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF; position:absolute; top:0; left:0; z-index:900;}

.progressBar { border:solid 2px #86a5ad; background:#FFF url(images/progressBar/progressBar_m.gif) no-repeat 10px 10px;}
.progressBar { display:block; width:148px; height:28px; position:fixed; top:50%; left:50%; margin-left:-74px; margin-top:-14px; padding:10px 10px 10px 50px; text-align:left; line-height:27px; font-weight:bold; position:absolute; z-index:111;}
.background { display:block; width:100%; height:100%; opacity:0.4; filter:alpha(opacity=40); background:#FFF; position:absolute; top:0; left:0; z-index:110;}


/* Alert */
.alert .alertFooter, .alert .alertFooter_r, .alert .alertFooter_c { background:url(images/alert/alertpanel.png) no-repeat;}
.alert .alertContent { border-color:#b8d0d6; background:#eef4f5;}
.alert .warn .alertInner { border-color:#e83e09; background:#fefacf;}
.alert .error .alertInner { border-color:#e50000; background:#fefacf;}
.alert .correct .alertInner, .alert .info .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert .confirm .alertInner { border-color:#b8d0d6; background:#fefacf;}
.alert h1 { border-color:#CCC; background:url(images/alert/alertpanel_icon.png) no-repeat;}

.alert { overflow:hidden; z-index:1011; display:block; width:300px; margin-left:-150px; position:absolute;left:50%;}
.alert .alertContent { display:block; overflow:hidden; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.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; overflow: auto; line-height: 1.3em}
.alert h1 { display:block; overflow:hidden; height:30px; 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 { background-position:2px 8px;}
.alert .correct h1 { background-position:2px -92px;}
.alert .confirm h1 { background-position:2px 8px;}
.alert p { margin:10px;}

.alert .toolBar { display:block; overflow:hidden; height:25px; padding-top:5px; text-align:right;}
.alert .toolBar ul { float:right;}
.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; background-position:0 0;}
.alert .alertFooter_r { padding-right:5px; background-position:100% -50px;}
.alert .alertFooter_c { padding:0; background-position:0 -100px; background-repeat:repeat-x;}



/* Pages default */
.page .pageHeader, .pageForm .formBar { border-color:#b8d0d6; background:#ebf0f5 url(images/pageHeader_bg.png) repeat-x;}
.page .searchBar label { color:#183152;}
.pageForm { display:block; overflow:auto;}

.pageForm .formBar { border-color:#b8d0d6;}
.pageForm .formBar { clear:both; padding:0 5px; height:30px; padding-top:5px; border-style:solid; border-width:1px 0 0 0;}
.pageForm .formBar ul { float:right;}
.pageForm .formBar li { float:left; margin-left:5px;}

.pageForm .inputInfo { color:#999;}

.pageFormContent { display:block; overflow:auto; padding:10px 5px; position:relative;}

.pageForm { display:block; overflow:auto;}
.pageFormContent div { clear:both; display:block; overflow:hidden; height:auto;}
.pageFormContent div.unit {display:block; _width:100%; margin:0; padding:5px 0; position:relative;}
.pageFormContent li.formLi { float:left; display:block; margin-right:50px; padding:3px;}
.pageFormContent li.textareaBar { height:auto;}
.pageFormContent .radioGroup { float:left; display:block; overflow:hidden;}
.pageFormContent label { float:left; width:120px; padding:0 5px; line-height:21px;}
.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:#7F7F7F;display:block;line-height:21px;float:left;}
.pageFormContent dl { float:left; display:block; width:380px; height:21px; margin:0; padding:5px 0; position:relative;}
.pageFormContent dt { float:left; width:120px; padding:0 5px; line-height:21px;}
.pageFormContent dd {display:block;line-height:21px;width:220px;float:left;}
.pageFormContent dl.nowrap, .nowrap dl{width:100%; height:auto; clear: both;}
.pageFormContent dl.nowrap dd, .nowrap dd {width: 560px;}

.page { display:block; overflow:hidden;float:left; width:100%;}
.page .pageHeader { display:block; overflow:auto; margin-bottom:5px; padding:5px; border-style:solid; border-width:0 0 1px 0;}
.page .pageHeader ul li{ height:21px; line-height:21px; display:block; text-align:left;}
.page .pageHeader ul li label{ display:block; float:left; height:21px; line-height:21px; padding:0 5px; margin-right:5px; width: 120px;}
.page .searchBar {}
.page .searchBar .searchContent { display:block; overflow:hidden; _height:25px;}
.page .searchBar .searchContent .searchli { float:left; display:block; overflow:hidden; width:320px; height:21px; padding:2px 0;}
.page .searchBar .searchContent .searchBt{ margin-bottom:3px; float:right; margin-right:20px;}
.page .searchBar label {}
.page .searchBar .textInput {}
.page .searchBar .subBar { height:25px; border-top:1px solid #b8d0d6; margin-top:5px; padding-top:5px;}
.page .searchBar .subBar ul { float:right; margin-right:20px; }
.page .searchBar .subBar li { float:left; margin-left:10px;}
.page .searchBar .subBar .button_s {}

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

/*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;}*/
span.error {overflow:hidden;padding:0 3px;background:#F00; color:#FFF;}


/* Pages dialog */
.dialog .pageHeader, .dialog .pageContent {border-color:#b8d0d6;}
.dialog .pageContent .pageFormContent { border-color:#b8d0d6; background:#FFF;}
.dialog .pageHeader { border-style:solid; border-width:1px;}
.dialog .pageContent { border-style:solid; border-width:0 1px;}
.dialog .pageContent .pageFormContent { border-style:solid; border-width:1px 0 0 0;}
.dialog .pageContent .formBar { border-style:solid; border-width:1px 0;}

/* Grid */
.panelBar,
.panelBar .toolBar li.hover, .panelBar .toolBar li.hover a,.panelBar .toolBar li.select, .panelBar .toolBar li.select a,
.panelBar .toolBar li.dropdown a,.panelBar .toolBar li.dropdownH, .panelBar .toolBar li.dropdownH a,
.panelBar .toolBar li.hover span, .panelBar .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 { background:url(images/grid/grid.png) no-repeat;}

.panel .grid { border-style:solid; border-width:0 1px;}
.panel .panelBar { border-width:1px;}

.panelBar { border-color:#b8d0d6; background-color:#efefef;}

.grid { display:block; overflow:hidden; width:100%; border-width:0 1px; position:relative;background:#FFF;}
.grid table { border-color:#d0d0d0; border:0; border-collapse:collapse;table-layout:fixed;}

.grid table th div { border-left-color:#EEE; border-right-color:#d0d0d0;}
.grid table td { border-color:#ededed;}

.grid .gridhead{ display:block; overflow:hidden; position:relative;}

.grid .gridHeader { background:#EEE; display:block; overflow:hidden;}
.grid .gridHeader, .grid .gridHeader th { border-color:#d0d0d0; background:#f0eff0 url(images/grid/tableth.png) repeat-x;}
.grid .gridHeader th.hover, .grid .gridHeader th.thSelected { border-color:#aaccf6; }
.grid .gridHeader th { padding:0 5px; border-style:solid; border-width:0 1px 1px 0; vertical-align:top; white-space:nowrap; line-height:21px; cursor:default;}
.grid .gridHeader th.hover, .grid .gridHeader th.thSelected { background-position:0 -50px;}

.grid .headleft { background:#EEE; display:block; overflow:hidden;}
.grid .headleft, .grid .headleft th { border-color:#d0d0d0; background:#f0eff0 url(images/grid/tableth.png) repeat-x;}
.grid .headleft th.hover, .grid .headleft th.thSelected { border-color:#aaccf6; }
.grid .headleft th { padding:0 5px; border-style:solid; border-width:0 1px 1px 0; vertical-align:top; white-space:nowrap; line-height:21px; cursor:default;}
.grid .headleft th.hover, .grid .headleft th.thSelected { background-position:0 -50px;}


.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:#e8edf3;}
.grid .gridTbody .selected .tdSelected { background:#e8edf3;}
.grid .gridTbody .tdSelected { background:#f8f8f8;}

.grid .gridScroller { display:block; overflow:auto; position:relative;}

.grid .gridTbody td,.grid .gridleft td {border-right:solid 1px #ededed; padding:0 5px; border-bottom:solid 1px #ededed; vertical-align:top; line-height:21px;}
.grid .gridTbody td div,.grid .gridleft td div{display:block; overflow:hidden;white-space:nowrap;line-height:21px;}
.grid .gridTbody td div a,.grid .gridleft td div a{line-height:21px;}

.grid .gridleft{ display:block; overflow:hidden; position:relative;}

.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; height:21px; line-height:21px;}

.grid .gridTbody .selected td { border-bottom-style:dotted; border-bottom-width:1px;}

.grid .left { text-align:left;}
.grid .right { text-align:right;}
.grid .center { text-align:center;}

.grid .resizeMarker, .grid .resizeProxy { background:url(images/grid/resizeCol.png) repeat-y;}
.grid .resizeMarker, .grid .resizeProxy { display:block; overflow:hidden; width:1px; position:absolute;}

.panelBar { display:block; overflow:hidden; height:25px; border-style:solid; border-width:1px 0; background-repeat:repeat-x; }

.panelBar ul { padding:1px;}
.panelBar li { float:left; display:block; overflow:hidden; height:23px; padding:0 0 0 5px;}
.panelBar li.hover { background-position:0 -100px;}
.panelBar li.hover a { background-position:100% -150px;}

.panelBar .toolBar li, .panelBar .toolBar li.hover { padding:0 0 0 5px; background-position:0 -100px;}
.panelBar .toolBar a, .panelBar .toolBar li.hover a { float:left; display:block; overflow:hidden; padding:0 5px 0 0; text-decoration:none; background-position:100% -150px;}
.panelBar .toolBar li.select { padding:0 0 0 5px; background-position:0 -100px;}
.panelBar .toolBar li.select a { float:left; display:block; overflow:hidden; padding:0 5px 0 0; text-decoration:none; background-position:100% -150px;}
.panelBar .toolBar li.dropdown a{float:left; display:block; overflow:hidden; padding:0 17px 0 0; text-decoration:none;background-position:100% -211px;}
.panelBar .toolBar li.dropdownH{ padding:0 0 0 5px; background-position:0 -100px;}
.panelBar .toolBar li.dropdown a:hover,.panelBar .toolBar li.dropdownH a{ float:left; display:block; overflow:hidden; padding:0 17px 0 0; text-decoration:none;background-position:100% -174px;}


.panelBar .toolBar span, .panelBar .toolBar li.hover span { float:left; display:block; overflow:hidden; height:23px; padding:0 0 0 20px; line-height:23px; cursor:pointer;}

.panelBar .toolBar a.add span { background-position:0 -696px;}
.panelBar .toolBar a.delete span { background-position:0 -746px;}
.panelBar .toolBar a.edit span { background-position:0 -796px;}
.panelBar .toolBar a.icon span { background-position:0 -846px;}
.panelBar .toolBar a.setting span{ background:url(images/icon/setting.png) no-repeat;}
.panelBar .toolBar a.addnew span{ background:url(images/icon/add.png) no-repeat;} 
.panelBar .toolBar a.export span{ background:url(images/icon/export.png) no-repeat;} 
.panelBar .toolBar a.exportconfig span{ background:url(images/icon/exportconfig.png) no-repeat;} 
.panelBar .toolBar a.import span{ background:url(images/icon/import.png) no-repeat;} 
.panelBar .toolBar a.update span{ background:url(images/icon/update.png) no-repeat;} 
.panelBar .toolBar a.allmessage span{ background:url(images/icon/email_all.png) no-repeat;} 
.panelBar .toolBar a.sendmessage span{ background:url(images/icon/email_send.png) no-repeat;} 
.panelBar .toolBar a.noicon span{ background:none; padding:0;}

/*弹出层*/
#popDiv {
  background-color:  #EBF0F5;
  border: 1px solid #B8D0D6;
  border-top:none;
  padding: 12px;
  position: absolute;
  text-align: left;
  z-index: 100;
}


.panelBar .toolBar li.line { display:block; overflow:hidden; width:12px; padding:0; text-indent:-1000px; background-position:5px -200px;}

.panelBar .pages { float:left; overflow:hidden; height:21px; padding:2px 5px;}
.panelBar .pages span { float:left; line-height:21px;}
.panelBar .pages select { float:left; margin:0 3px; font-size:12px;}

.pagination { float:right; padding-left:7px; background-position:0 -199px;}
.pagination li, .pagination li.hover { padding:0 0 0 5px; background-position:0 -100px;}
.pagination a, .pagination li.hover a, .pagination li span { float:left; display:block; padding:0 5px 0 0; text-decoration:none; line-height:23px; background-position:100% -150px;}
.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 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 .first span { background-position:0 -244px;}
.pagination li .previous span { background-position:0 -294px;}
.pagination li .next span { background-position:100% -344px;}
.pagination li .last span { background-position:100% -394px;}
.pagination li .last { margin-right:5px;}

.pagination li.disabled { background:none;}
.pagination li.disabled span, .grid .pagination li.disabled a { background-position:0 100px; cursor:default;}
.pagination li.disabled span span { color:#666;}
.pagination li.disabled .first span { background-position:0 -444px;}
.pagination li.disabled .previous span { background-position:0 -494px;}
.pagination li.disabled .next span { background-position:100% -544px;}
.pagination li.disabled .last span { background-position:100% -594px;}
.pagination li.disabled .last { margin-right:5px;}

.pagination li.jumpto { padding:2px 2px 0 7px; background-position:0 -200px;}
.pagination li.jumpto .textInput { float:left; width:30px; padding:1px; border-color:#acaeaf;}
.pagination li.jumpto .goto { float:left; display:block; overflow:hidden; width:16px; height:19px; border:0; text-indent:-1000px; background-position:0 -650px; cursor:pointer;}


/* ----------------------------------------------------------------- Form */
/* TextInput */

.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { background:url(images/form/input_bg.png) no-repeat scroll;}

.textInput, .textArea { border-color:#a2bac0 #b8d0d6 #b8d0d6 #a2bac0; background-color:#FFF;}
input.required, textarea.required { border-color:#a2bac0 #b8d0d6 #b8d0d6 #a2bac0; background-color:#FFF;}
input.error, textarea.error { border-color:#F80C11 #FB7E81 #FB7E81 #F80C11;}
input.focus, textarea.focus { border-color:#64aabc #a9d7e3 #a9d7e3 #64aabc; background-color:#f8fafc;}
input.readonly, textarea.readonly { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}
input.disabled, textarea.disabled { border-color:#9eabb3 #d5dbdf #d5dbdf #9eabb3; background-color:#F6F6F6;}

.inputButton, .inputDateButton { background:url(images/form/input_bt.png) no-repeat;}


.textInput, input.focus, input.required, input.error, input.readonly, input.disabled,
textarea.focus, textarea.required, textarea.error, textarea.readonly, textarea.disabled { padding:2px; margin:0; line-height:15px; font-size:12px; border-style:solid; border-width:1px;}
input.required, textarea.required { background-position:102% 0;}
input.required{ background-position:100% 0;}

input.gray, textarea.gray{color:#aaa;}

.inputButton { float:left; display:block; overflow:hidden; text-indent:-1000px; width:16px; height:21px;}
.inputButton:hover { background-position:0 -50px;}
.inputDateButton { float:left; display:block; overflow:hidden; text-indent:-1000px; width:16px; height:21px; background-position:0 -100px;}
.inputDateButton:hover { background-position:0 -150px;}
input.date{float:left;}


/* CSS Table */


table.list {border-collapse:collapse; border:solid 1px #ededed; }
table.list thead tr {background:url("images/grid/tableth.png") repeat-x scroll 0 0 #F0EFF0;}
table.list th {padding:1px 2px; line-height:21px; border-right: solid 1px #D0D0D0; border-bottom:solid 1px #D0D0D0; font-weight:bolder; }
table.list td {padding:1px 2px; line-height:21px; border-right:solid 1px #ededed;}
table.list th.asc, .grid .gridHeader th.asc{background-position: 100% 0; background:url(../default/images/order_up.gif) no-repeat right; cursor:pointer;}
table.list th.desc, .grid .gridHeader th.desc{background-position: 100% 0; background:url(../default/images/order_down.gif) no-repeat right; 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 {background-color:#e4f5ff;}
table.list .selected {background-color:#7cc5e5;border-color:#b8d0d6; }
table.list a {color:#3C7FB1; font-size:11px; line-height:20px;}
table.list a:hover {text-decoration:underline; line-height:20px;}
table.list td span.error {z-index:-1}
table.nowrap tbody tr {border-bottom:solid 1px #ededed;}




/* Panel */
.panel,
.panel .panelHeader, .panel .panelHeaderContent, .panel .panelHeaderContent h1,
.panel .panelFooter, .panel .panelFooterContent { background:url(images/panel/panel.png) no-repeat;}
.panel .expandable, .panel .collapsable { background:url(images/panel/panel_icon.png) no-repeat;}
.panel .panelHeaderContent h1 { color:#183152; }
.panel .panelHeaderContent h1 a{ font-weight:normal; margin-left:10px; padding-left:13px;}
.panel .panelContent { border-color:#b8d0d6; background:#eef4f5;}

.panel .grid { border-color:#b8d0d6;}

.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, .tabsHeader, .tabsHeaderContent,
.tabs .tabsHeader ul, .tabs .tabsHeader li, .tabs .tabsHeader li a, .tabs .tabsHeader li span,
.tabs .tabsFooter, .tabs .tabsFooterContent { background:url(./images/tabs/tabspanel.png) no-repeat;}

.tabs .tabsHeader li a { color:#03408b;}
.tabs .tabsHeader li span { color:#183152;}
.tabs .tabsContent { border-color:#b8d0d6; background:#eef4f5;}
.tabs .tabsContent .tabsContentInner{ line-height:21px;}

.tabs { background-position:0 100%; background-repeat:repeat-x;}
.tabs .tabsHeader { display:block; overflow:hidden; height:28px; padding-left:5px; background-position:0 0;}
.tabs .tabsHeaderContent { display:block; overflow:hidden; height:28px; padding-right:5px; background-position:100% -50px;}
.tabs .tabsHeader ul { display:block; height:28px; background-position:0 -100px; background-repeat:repeat-x;}
.tabs .tabsHeader li { float:left; display:block; height:28px; margin-right:2px; background-position:0 -250px; background-repeat:repeat-x; cursor:pointer;}
.tabs .tabsHeader li a { float:left; display:block; height:28px; padding-left:5px; background-position:0 -150px;}
.tabs .tabsHeader li a:hover { text-decoration:none;}
.tabs .tabsHeader li span { float:left; display:block; overflow:hidden; height:28px; padding:2px 10px 0 5px; line-height:25px; background-position:100% -200px; cursor:pointer;}
.tabs .tabsHeader li.hover { background-position:0 -400px; background-repeat:repeat-x;}
.tabs .tabsHeader li.hover a { background-position:0 -300px;}
.tabs .tabsHeader li.hover span { background-position:100% -350px;}
.tabs .tabsHeader li.selected { background-position:0 -550px;}
.tabs .tabsHeader li.selected a { background-position:0 -450px;}
.tabs .tabsHeader li.selected span { font-weight:bold; background-position:100% -500px;}
.tabs .tabsContent { display:block; overflow:auto; padding:5px 5px 1px 5px; border-style:solid; border-width:0 1px;}
.tabs .tabsFooter { display:block; overflow:hidden; height:5px; background-position:0 -600px;}
.tabs .tabsFooterContent { display:block; overflow:hidden; height:5px; background-position:100% -650px;}

.loaderror{  background:url(images/error.png) no-repeat left top; padding:20px 0 24px 55px;}

#footer {position:absolute; bottom:0; left:0; text-align:center; color:#FFFFFF; width:100%; line-height:27px; height:27px; background:url(images/bottombg.png) repeat-x;}

/*#footer {position:absolute; bottom:0; left:0; width:100%; line-height:29px; height:29px;}*/

/* Taskbar */
#taskbar, #taskbar li, #taskbar li .taskbutton { background:url(images/taskbar/taskbar.png) no-repeat;}
#taskbar .close, #taskbar .restore, #taskbar .minimize { background:url(images/taskbar/taskbar_icon.png) no-repeat;}
#taskbar li .taskbutton span { color:#FFF;}
#taskbar .taskbarLeft, #taskbar .taskbarRight { background:url(images/taskbar/taskbar_control.png) no-repeat;}

#taskbar li .taskbutton span { background:url(images/icon.png) no-repeat;} /*任务栏上的图标*/

#taskbar {overflow:hidden; height:29px;background-color:#0d548e; background-repeat:repeat-x; position:absolute;}

#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 .hover { background-position:0 -150px;}
#taskbar .hover .taskbutton { background-position:100% -200px;}

#taskbar .selected { background-position:0 -250px;}
#taskbar .selected .taskbutton { background-position:100% -300px;}

#taskbar .selectedHover { background-position:0 -350px;}
#taskbar .selectedHover .taskbutton { background-position:100% -400px;}

#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 .icon{ display:block; overflow:hidden; width:16px; height:16px; padding:0; text-indent:-1000px; position:absolute; top:7px;}
#taskbar .icon{left:7px;}
#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;}


/* sidetaskbar   工具栏旁边的栏目，，，包括左边或右边的*/
#sidetaskbar, #sidetaskbar li, #sidetaskbar li .taskbutton { background:url(images/taskbar/taskbar.png) no-repeat;}
#sidetaskbar .close, #sidetaskbar .restore, #sidetaskbar .minimize { background:url(images/taskbar/taskbar_icon.png) no-repeat;}
#sidetaskbar li .taskbutton span { color:#FFF;}
#sidetaskbar .taskbarLeft, #sidetaskbar .taskbarRight { background:url(images/taskbar/taskbar_control.png) no-repeat;}

#sidetaskbar li .taskbutton span { background:url(images/icon.png) no-repeat;} /*任务栏上的图标*/

#sidetaskbar {overflow:hidden; height:29px;background-color:#0d548e; background-repeat:repeat-x; position:absolute;}

#sidetaskbar .taskbarContent { display:block; overflow:hidden; height:29px; position:relative;}
#sidetaskbar .taskbarMargin { margin:0 20px;}
#sidetaskbar ul { position:absolute; width:10000px;}
#sidetaskbar li { float:left; height:27px; margin-left:2px; padding-left:5px; background-position:0 -50px; position:relative; cursor:pointer;}
#sidetaskbar li .taskbutton { float:left; display:block; overflow:hidden; height:27px; background-position:100% -100px;}
#sidetaskbar li .taskbutton span { display:block; overflow:hidden; width:70px; height:27px; line-height:29px; padding:0 25px 0 20px; background-position:3px -42px;}

#sidetaskbar .hover { background-position:0 -150px;}
#sidetaskbar .hover .taskbutton { background-position:100% -200px;}

#sidetaskbar .selected { background-position:0 -250px;}
#sidetaskbar .selected .taskbutton { background-position:100% -300px;}

#sidetaskbar .selectedHover { background-position:0 -350px;}
#sidetaskbar .selectedHover .taskbutton { background-position:100% -400px;}

#sidetaskbar .close, #sidetaskbar .restore, #sidetaskbar .minimize { display:block; overflow:hidden; width:11px; height:11px; padding:0; text-indent:-1000px; position:absolute; top:5px;}
#sidetaskbar .close { right:3px;}
#sidetaskbar .closeHover { background-position:0 -50px;}
#sidetaskbar .restore { right:14px; background-position:0 -100px;}
#sidetaskbar .restoreHover { background-position:0 -150px;}
#sidetaskbar .minimize { right:14px; background-position:0 -200px;}
#sidetaskbar .minimizeHover { background-position:0 -250px;}

#sidetaskbar .icon{ display:block; overflow:hidden; width:16px; height:16px; padding:0; text-indent:-1000px; position:absolute; top:7px;}
#sidetaskbar .icon{left:7px;}
#sidetaskbar .taskbarLeft, #sidetaskbar .taskbarRight { display:block; overflow:hidden; width:18px; height:29px; text-indent:-1000px; position:absolute; top:0;}
#sidetaskbar .taskbarLeft { background-position:0 0; left:2px; cursor:pointer;}
#sidetaskbar .taskbarLeftHover { background-position:0 -50px;}
#sidetaskbar .taskbarLeftDisabled { background-position:0 -100px; cursor:default;}
#sidetaskbar .taskbarRight { background-position:0 -150px; right:2px; cursor:pointer;}
#sidetaskbar .taskbarRightHover { background-position:0 -200px;}
#sidetaskbar .taskbarRightDisabled { background-position:0 -250px; cursor:default;}

/******************************在线窗口*********************************/
#footer .onlinepanel {
    position: absolute;
    left: 0; bottom: 29px;
    display: none; /*默认应为隐藏，但现在为了演示，将其设定为block，制作成功后应该为none*/
    width: 200px;
	border-top:1px solid #052550;border-left:1px solid #052550;border-right:1px solid #052550;
    background: #fff;overflow: hidden;padding-bottom: 2px;z-index:2000;
}
#footer .onlinepanel h3 {
    background: #526ea6;
    font-size: 1.1em;
    cursor: pointer;
    color: #FFFFFF;
    overflow: hidden;
    width: 100%;
    height: 28px;
    line-height: 28px;
	text-align:left;
	padding-left:10px;
	background:url(images/chat/chat.png) repeat-x 0 0;
	border-bottom:1px #052550 solid;
}
#footer .onlinepanel .header{
	padding:5px;
	background:#F0F5F8;
}
#footer .onlinepanel .header .searchbar input{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url(images/chat/search.png) no-repeat;
	border: 1px solid #B2B2B2;
	height: 22px;
	line-height: 22px;
	padding-left: 26px;
	padding-right: 16px;
	width: 100%;	
}
#footer .onlinepanel h3 div.minimize{
	float: right;
	height: 14px;
	position: absolute;
	right: 0;
	top: 7px;
	cursor: pointer;
	height: 14px;
	margin: 0 5px;
	background:url(images/chat/minimize.png) no-repeat;
	width:14px;
	
}
#footer .onlinepanel ul{
    padding: 0; margin: 0;
    background: #fff;
    width: 100%;
    overflow: auto;
	height:220px;
}
#footer .onlinepanel li { 
    float: none; /*取消上面定义的居左浮动-*/
    display: block;
    padding: 0; margin: 0;
    overflow: hidden;
    clear: both;
    background: #fff;
    position: static;  /*取消上面定义的相对定位*/
    font-size: 1em;
}
#footer .onlinepanel li a img {
    float: left;/*让图片居左显示*/
    margin: 0 5px;
}
#footer .onlinepanel li a{
    padding: 3px 0; margin: 0;
    line-height: 22px;
    height: 22px;
    background: #fff;
    display: block;/*让链接呈块状显示，可点击区域变大*/
	text-align:left;
}
#footer .onlinepanel li a:hover {
    background: #3b5998;
    color: #fff;
    text-decoration: none;
}
/**************************聊天窗口**********************************/
#footer .chatDialog{
    position: absolute;
    left: 0; bottom: 29px;
    display: block; /*默认应为隐藏，但现在为了演示，将其设定为block，制作成功后应该为none*/
    width: 292px;
	border-top:1px solid #052550;border-left:1px solid #052550;border-right:1px solid #052550;
    background: #fff;overflow: hidden;padding-bottom: 2px;z-index:2000;
}
#footer .chatDialog .chatHead{
	background:url(images/chat/chat_bg.png) repeat-x scroll left bottom #F6F9FC;
	position:relative;
	display:block;
	height:60px;
}
#footer .chatDialog .chatHead h3{
    background: #526ea6;
    font-size: 1.1em;
    color: #FFFFFF;
    overflow: hidden;
    width: 100%;
    height: 28px;
    line-height: 28px;
	padding-left:65px;
	text-align:left;
	background:url(images/chat/chat.png) repeat-x 0 0;
	border-bottom:1px #052550 solid;
}
#footer .chatDialog .chatHead .avatar{
	display:block;
	position:absolute;
	float:left;
	margin:5px;
	width:50px; height:50px;
	background:none repeat scroll 0 0 transparent;
}
#footer .chatDialog .chatHead  .menu {
  float: right;
  height: 14px;
  position: absolute;
  right: 0;
  top: 7px;
}
#footer .chatDialog .chatHead  .menu div{
	cursor: pointer;
	float: left;
	height: 14px;
	margin: 0 5px;
}
#footer .chatDialog .chatHead  .menu div.minimize{
	background:url(images/chat/minimize.png) no-repeat;
	width:14px;
}
#footer .chatDialog .chatHead  .menu div.outlink{
	background:url(images/chat/outlink.png) no-repeat;
	width:14px;
}
#footer .chatDialog .chatHead  .menu div.close{
	background:url(images/chat/close.png) no-repeat;
	width:14px;
}
#footer .chatDialog .chatbody{
	padding: 0 5px 5px;
	width: 280px;
	background:	#F0F5F8;
}
#footer .chatDialog .messagelist{
	margin-bottom:5px;
	background-color: #FFFFFF;
	border: 1px solid #B8D4E8;
	height: 280px;
	overflow-y: auto;
	padding: 5px;
}
#footer .chatDialog .editmessage{
	display:block;
}
#footer .chatDialog .editmessage textarea{
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	border: 1px solid #84ABC6;
	height: 38px;
	overflow: hidden;
	padding-right: 60px;
	width: 100%;
}
#footer .chatDialog .editmessage input {
  float: right;
  margin-right: 6px;
  margin-top: -32px;
  position:relative;
  zoom:1;
}