@charset "utf-8";


/*bian*/

/*sidebar*/
.panel .panelContent li.selected { background:url(images/panel/panel_icon.png) no-repeat 96% 0;}

/* Panel */
.panel,
.panel .panelHeader, .panel .panelHeaderContent, .panel .panelHeaderContent h1,
.panel .panelFooter, .panel .panelFooterContent { background:url(images/panel/panel.png) no-repeat;}
.panel .panelHeaderContent h1 { color:#464444;}
.panel .panelContent { border-color:#7FC4E7; background:#FFF;}

/* boxBody */
.boxBody li.selected { background:url(images/panel/panel_icon.png) no-repeat 96% 0;}

/* Menu */
#menu, #menu .menu_r, #menu .menu_c, #menu ul li a:hover, #menu ul li a:hover span,
#menu ul li a.selected, #menu ul li a.selected span,
#menu ul li.dropdowntab a span, #menu ul li.dropdowntab:hover a, #menu ul li.dropdowntab:hover a span, #menu ul li.dropdowntab a:hover span,
#menu ul li.iehover a, #menu ul li.iehover a span, #menu ul li.iehover a span span, #menu ul li.iehover a span span span,
#menu ul li.dropdowntab a.selected span span, #menu ul li.dropdowntab a.selected span span span,
#menu ul li.iehover a.selected span span, #menu ul li.iehover a.selected span span span { height:36px; background-image:url(images/menu/menu.gif);}
#menu ul.dropdownquickmenu .dropdownquickmenutab, #menu ul.dropdownquickmenu .dropdownquickmenutab:hover, 
#menu ul.dropdownquickmenu .dropdowntab:hover .dropdownquickmenutab,
#menu ul.dropdownquickmenu .iehover .dropdownquickmenutab,
#menu ul.dropdownquickmenu dd.line { background-image:url(images/menu/quickmenu.gif); background-repeat:no-repeat;}

table.list th { background: #EFEFEF url(images/tables/th_bg.gif) repeat-x;}
.table_tool .edit a, .table_tool .delete a, .table_tool .preview a, .table_tool .sortable a, .table_tool .upload a { background-image:url(images/tables/icon.gif); background-repeat:no-repeat;}

/* 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;}

/*Form*/
.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;}

.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.hover, textarea.hover { border-color:#5cc0ff #d8f0ff #d8f0ff #5cc0ff;}
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;}

input.postcode {width:80px}
input.telephone {width:120px}
input.date {width:80px}
input.small{width:50px}
input.hidden{display: none}

/*boxMain */
.boxMain .box_t_l, .boxMain .box_t_l .box_t_r, .boxMain .box_t_l .box_t_r .box_t_c, 
.boxMain .box_b_l, .boxMain .box_b_l .box_b_r, .boxMain .box_b_l .box_b_r .box_b_c
{background-image:url(images/box/w_box.png);background-repeat:no-repeat;}
.boxMain .box_c_l, .boxMain .box_c_l .box_c_r, .boxMain .box_c_l .box_c_r .box_c_c 
{background-image:url(images/box/w_box_y.png);background-repeat:repeat-y;}

/* 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 .warning .alertInner { border-color:#e83e09; background:#fefacf;}
.alert .error .alertInner { border-color:#e50000; background:#fefacf;}
.alert .correct .alertInner, .alert .information .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;}

/* Tabs */
.tabs, .tabsHeader, .tabsHeaderContent,
.tabs .tabsHeader ul, .tabs .tabsHeader li, .tabs .tabsHeader li a, .tabs .tabsHeader li span,
.tabs .tabsFooter, .tabs .tabsFooterContent { background:url(../default/images/tabs/tabspanel.png) no-repeat;}

.tabs .tabsHeader li a { color:#03408b;}
.tabs .tabsHeader li span { color:#183152;}
.tabs .tabsContent { border-color:#b8d0d6; background:#fff;}

/* 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;}

.resizable { border-color:#081629; background:#c3d7dc;}