@import 'whiteboard.css';
@import 'ads.css';
/* Document   : xtheme-ctbtheme-v3
    Created on  : 06/11/2013, 11:55:14
    Generated by: Online Ext Theme builder
    Author      : Sergei Chentsov aka Ivan Ekker
    email       : sergchentsov@gmail.com
    Description:
        ExtJS 3.3 theme ctbtheme-v3
    Ext Theme Builder form parameters -
    Template:'gray',
    Base color:'#c8c8c8',
    Header color:'#8c8c8c',
    Background color:'#FFFFFF',
    Border color:'#8c8c8c',
    Header Font Color:'#222222',
    Header Font Weight:'bold',
    Header Font Family:'tahoma,arial,verdana,sans-serif',
    Header Font Size:'11',
    Font Color:'#000000',
    Font Weight:'normal',
    Font Family:'arial,tahoma,helvetica,sans-serif',
    Font Size:'11',
    Window Transparency:'255',
    Toolset:'tp',
    ExtJS version:'3.3'
    License    : Dual Licensed
                 1.- GNU GPL Licensed, Free of charge for any non-commercial products.
                 2.- Contact me if you are using the theme in a commercial project.
                 Contact me for any questions or request in the email above.
*/
body{
    background-color:#ffffff;
    color:#000000;
}
*.ext-el-mask{
    background-color:#a3a3a3;
}
*.ext-el-mask-msg{
    border-color:#555555;
    background-color:#b4b4b4;
    background-image:url(../images/ctbtheme-v3/box/tb.gif);
}
*.ext-el-mask-msg div{
background-color:#c5c5c5;
border-color:#8c8c8c;
color:#222222;
font:normal 12px tahoma , arial , helvetica , sans-serif;
}
*.x-mask-loading div{
background-color:#d2d2d2;
background-image:url(../images/ctbtheme-v3/grid/loading.gif);
}
*.x-item-disabled{
color:#bebebe;
}
*.x-item-disabled *{
color:#2b2b2b !important;
}
*.x-splitbar-proxy{
background-color:#818181;
}
*.x-color-palette a{
border-color:#bbbbbb;
}
*.x-color-palette a:hover, *.x-color-palette a.x-color-palette-sel{
border-color:#8b8b8b;
background-color:#c1c1c1;
}
*.x-color-palette em{
border-color:#686455;
}
*.x-ie-shadow{
background:none;
background-image:url(../images/ctbtheme-v3/shadow-c.png);
}
*.x-shadow {
    pointer-events: none;
}
*.x-shadow *.xsmc{
background-image:url(../images/ctbtheme-v3/shadow-c.png);
}
*.x-shadow *.xsml, *.x-shadow *.xsmr{
background-image:url(../images/ctbtheme-v3/shadow-lr.png);
}
*.x-shadow *.xstl, *.x-shadow *.xstc, *.x-shadow *.xstr, *.x-shadow *.xsbl, *.x-shadow *.xsbc, *.x-shadow *.xsbr{
background-image:url(../images/ctbtheme-v3/shadow.png);
}
*.loading-indicator{
font-size:12px;
background-image:url(../images/ctbtheme-v3/grid/loading.gif);
}
*.x-spotlight{
background-color:#a3a3a3;
}
*.x-tab-panel-header, *.x-tab-panel-footer{
background-color:#c1c1c1;
border-color:#8c8c8c;
overflow:hidden;
zoom:1;
}
*.x-tab-panel-header, *.x-tab-panel-footer{
border-color:#8c8c8c;
}
ul.x-tab-strip-top{
background-color:#b2b2b2;
background-image:url(../images/ctbtheme-v3/tabs/tab-strip-bg.gif);
border-bottom-color:#8c8c8c;
}
ul.x-tab-strip-bottom{
background-color:#b2b2b2;
background-image:url(../images/ctbtheme-v3/tabs/tab-strip-btm-bg.gif);
border-top-color:#8c8c8c;
}
*.x-tab-panel-header-plain *.x-tab-strip-spacer, *.x-tab-panel-footer-plain *.x-tab-strip-spacer{
border-color:#8c8c8c;
background-color:#c1c1c1;
}
*.x-tab-strip span.x-tab-strip-text{
font:normal 12px tahoma , arial , helvetica;
color:#333333;
}
*.x-tab-strip-over span.x-tab-strip-text{
color:#111111;
}
*.x-tab-strip-active span.x-tab-strip-text{
color:#333333;
font-weight:bold;
}
*.x-tab-strip-disabled *.x-tabs-text{
color:#aaaaaa;
}

*.x-tab-strip-top *.x-tab-right, *.x-tab-strip-top *.x-tab-left, *.x-tab-strip-top *.x-tab-strip-inner{
    background-image:url(../images/ctbtheme-v3/tabs/tabs-sprite.gif);
}

*.x-tab-strip-bottom *.x-tab-right{
background-image:url(../images/ctbtheme-v3/tabs/tab-btm-inactive-right-bg.gif);
}
*.x-tab-strip-bottom *.x-tab-left{
background-image:url(../images/ctbtheme-v3/tabs/tab-btm-inactive-left-bg.gif);
}
*.x-tab-strip-bottom *.x-tab-strip-over *.x-tab-left{
background-image:url(../images/ctbtheme-v3/tabs/tab-btm-over-left-bg.gif);
}
*.x-tab-strip-bottom *.x-tab-strip-over *.x-tab-right{
background-image:url(../images/ctbtheme-v3/tabs/tab-btm-over-right-bg.gif);
}
*.x-tab-strip-bottom *.x-tab-strip-active *.x-tab-right{
background-image:url(../images/ctbtheme-v3/tabs/tab-btm-right-bg.gif);
}
*.x-tab-strip-bottom *.x-tab-strip-active *.x-tab-left{
background-image:url(../images/ctbtheme-v3/tabs/tab-btm-left-bg.gif);
}
*.x-tab-strip *.x-tab-strip-closable a.x-tab-strip-close{
background-image:url(../images/ctbtheme-v3/tabs/tab-close.gif);
}
*.x-tab-strip *.x-tab-strip-closable a.x-tab-strip-close:hover{
background-image:url(../images/ctbtheme-v3/tabs/tab-close.gif);
}
*.x-tab-panel-body{
border-color: #8c8c8c;
background-color:#d6d6d6;
}
*.x-tab-panel-body-top{
border-top:0 none;
}
*.x-tab-panel-body-bottom{
border-bottom:0 none;
}
*.x-tab-scroller-left{
background-image:url(../images/ctbtheme-v3/tabs/scroll-left.gif);
border-bottom-color:#8c8c8c;
}
*.x-tab-scroller-left-over{
background-position:0 0;
}
*.x-tab-scroller-left-disabled{
background-position:-18px 0;
opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
cursor:default;
}
*.x-tab-scroller-right{
background-image:url(../images/ctbtheme-v3/tabs/scroll-right.gif);
border-bottom-color:#8c8c8c;
}
*.x-tab-panel-bbar *.x-toolbar, *.x-tab-panel-tbar *.x-toolbar{
   border-color:#8c8c8c;
}
*.x-form-field{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-form-display-field{
color:#000000;
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-form-text, textarea.x-form-field{
background-color:#ffffff;
background-image:url(../images/ctbtheme-v3/form/text-bg.gif);
border-color:#7d7d7d;
color:#000000;
}
*.x-form-select-one{
background-color:#d6d6d6;
border-color:#7d7d7d;
}
*.x-form-check-group-label{
border-bottom:1px solid;
border-bottom-color:#8c8c8c;
color:#333333;
}
*.x-editor *.x-form-check-wrap{
background-color:#d6d6d6;
}
*.x-form-field-wrap *.x-form-trigger{
background-image:url(../images/ctbtheme-v3/form/trigger.gif);
border-bottom-color:#717484;
border-style:none none none solid;
}
*.x-form-field-wrap *.x-form-date-trigger{
background-image:url(../images/ctbtheme-v3/form/date-trigger.gif);
}
*.x-form-field-wrap *.x-form-clear-trigger{
background-image:url(../images/ctbtheme-v3/form/clear-trigger.gif);
}
*.x-form-field-wrap *.x-form-search-trigger{
background-image:url(../images/ctbtheme-v3/form/search-trigger.gif);
}
*.x-trigger-wrap-focus *.x-form-trigger{
border-bottom-color:#585858;
}
*.x-item-disabled *.x-form-trigger-over{
border-bottom-color:#717484;
}
*.x-item-disabled *.x-form-trigger-click{
border-bottom-color:#717484;
}
*.x-form-focus, textarea.x-form-focus{
border-color:#585858;
}
*.x-form-invalid, textarea.x-form-invalid{
background-color:#ffffff;
background-image:url(../images/ctbtheme-v3/grid/invalid_line.gif);
border-color:#880000;
}
*.ext-webkit *.x-form-invalid{
background-color:#d6c5c5;
border-color:#bb342c;
}
*.x-form-inner-invalid, textarea.x-form-inner-invalid{
background-color:#d6d6d6;
background-image:url(../images/ctbtheme-v3/grid/invalid_line.gif);
}
*.x-form-grow-sizer{
font:normal 12px tahoma , arial , helvetica , sans-serif;
}
*.x-form-item{
font:normal 12px tahoma , arial , helvetica , sans-serif;
color:#000000;
}
*.x-form-invalid-msg{
color:#c0272b;
font:normal 12px tahoma , arial , helvetica , sans-serif;
background-image:url(../images/ctbtheme-v3/shared/warning.gif);
}
*.x-form-empty-field{
color:#bebebe;
}
*.x-small-editor *.x-form-field{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
color:#000000;
}
*.ext-webkit *.x-small-editor *.x-form-field{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
color:#000000;
}
*.x-form-invalid-icon{
background-image:url(../images/ctbtheme-v3/form/exclamation.gif);
}
*.x-fieldset{
border-color:#888888;
}
*.x-fieldset legend{
font:bold 12px tahoma , arial , helvetica , sans-serif;
color:#222222;
}
*.x-btn{
font:normal 12px tahoma , verdana , helvetica;
}
*.x-btn button{
font:normal 12px arial , tahoma , verdana , helvetica;
color:#222222;
}
*.x-btn em{
font-style:normal;
font-weight:normal;
}
*.x-btn-tl, *.x-btn-tr, *.x-btn-tc, *.x-btn-ml, *.x-btn-mr, *.x-btn-mc, *.x-btn-bl, *.x-btn-br, *.x-btn-bc{
background-image:url(../images/ctbtheme-v3/button/btn.gif);
}
*.x-btn-click *.x-btn-text, *.x-btn-menu-active *.x-btn-text, *.x-btn-pressed *.x-btn-text{
color:#000000;
}
*.x-btn-disabled *{
color:#bebebe !important;
}
*.x-btn-mc em.x-btn-arrow{
background-image:url(../images/ctbtheme-v3/button/arrow.gif);
}
*.x-btn-mc em.x-btn-split{
background-image:url(../images/ctbtheme-v3/button/s-arrow.gif);
}
*.x-btn-over *.x-btn-mc em.x-btn-split, *.x-btn-click *.x-btn-mc em.x-btn-split, *.x-btn-menu-active *.x-btn-mc em.x-btn-split, *.x-btn-pressed *.x-btn-mc em.x-btn-split{
background-image:url(../images/ctbtheme-v3/button/s-arrow-o.gif);
}
*.x-btn-mc em.x-btn-arrow-bottom{
background-image:url(../images/ctbtheme-v3/button/s-arrow-b-noline.gif);
}
*.x-btn-mc em.x-btn-split-bottom{
background-image:url(../images/ctbtheme-v3/button/s-arrow-b.gif);
}
*.x-btn-over *.x-btn-mc em.x-btn-split-bottom, *.x-btn-click *.x-btn-mc em.x-btn-split-bottom, *.x-btn-menu-active *.x-btn-mc em.x-btn-split-bottom, *.x-btn-pressed *.x-btn-mc em.x-btn-split-bottom{
background-image:url(../images/ctbtheme-v3/button/s-arrow-bo.gif);
}
*.x-btn-group-header{
color:#666666;
}
*.x-btn-group-tc{
background-image:url(../images/ctbtheme-v3/button/group-tb.gif);
}
*.x-btn-group-tl{
background-image:url(../images/ctbtheme-v3/button/group-cs.gif);
}
*.x-btn-group-tr{
background-image:url(../images/ctbtheme-v3/button/group-cs.gif);
}
*.x-btn-group-bc{
background-image:url(../images/ctbtheme-v3/button/group-tb.gif);
}
*.x-btn-group-bl{
background-image:url(../images/ctbtheme-v3/button/group-cs.gif);
}
*.x-btn-group-br{
background-image:url(../images/ctbtheme-v3/button/group-cs.gif);
}
*.x-btn-group-ml{
background-image:url(../images/ctbtheme-v3/button/group-lr.gif);
}
*.x-btn-group-mr{
background-image:url(../images/ctbtheme-v3/button/group-lr.gif);
}
*.x-btn-group-notitle *.x-btn-group-tc{
background-image:url(../images/ctbtheme-v3/button/group-tb.gif);
}
*.x-toolbar{
border-color:#8c8c8c;
background-color:transparent;
background-image:url(../images/ctbtheme-v3/toolbar/bg.gif);
}
*.x-toolbar td, *.x-toolbar span, *.x-toolbar div, *.x-toolbar label{
font:normal 12px arial , tahoma , helvetica , sans-serif;
color:#000000;
}
*.x-toolbar input, *.x-toolbar select{
font:normal 12px arial , tahoma , helvetica , sans-serif;
}
*.x-toolbar *.x-item-disabled{
color:#bebebe;
}
*.x-toolbar *.x-item-disabled *{
color:#bebebe;
}
*.x-toolbar *.x-btn-mc em.x-btn-split{
background-image:url(../images/ctbtheme-v3/button/s-arrow-noline.gif);
}
*.x-toolbar *.x-btn-over *.x-btn-mc em.x-btn-split, *.x-toolbar *.x-btn-click *.x-btn-mc em.x-btn-split, *.x-toolbar *.x-btn-menu-active *.x-btn-mc em.x-btn-split, *.x-toolbar *.x-btn-pressed *.x-btn-mc em.x-btn-split{
background-image:url(../images/ctbtheme-v3/button/s-arrow-o.gif);
}
*.x-toolbar *.x-btn-mc em.x-btn-split-bottom{
background-image:url(../images/ctbtheme-v3/button/s-arrow-b-noline.gif);
}
*.x-toolbar *.x-btn-over *.x-btn-mc em.x-btn-split-bottom, *.x-toolbar *.x-btn-click *.x-btn-mc em.x-btn-split-bottom, *.x-toolbar *.x-btn-menu-active *.x-btn-mc em.x-btn-split-bottom, *.x-toolbar *.x-btn-pressed *.x-btn-mc em.x-btn-split-bottom{
background-image:url(../images/ctbtheme-v3/button/s-arrow-bo.gif);
}
*.x-toolbar *.xtb-sep{
background-image:url(../images/ctbtheme-v3/grid/grid-split.gif);
}
*.x-tbar-page-first{
background-image:url(../images/ctbtheme-v3/grid/page-first.gif) !important;
}
*.x-tbar-loading{
background-image:url(../images/ctbtheme-v3/grid/refresh.gif) !important;
}
*.x-tbar-page-last{
background-image:url(../images/ctbtheme-v3/grid/page-last.gif) !important;
}
*.x-tbar-page-next{
background-image:url(../images/ctbtheme-v3/grid/page-next.gif) !important;
}
*.x-tbar-page-prev{
background-image:url(../images/ctbtheme-v3/grid/page-prev.gif) !important;
}
*.x-item-disabled *.x-tbar-loading{
background-image:url(../images/ctbtheme-v3/grid/loading.gif) !important;
}
*.x-item-disabled *.x-tbar-page-first{
background-image:url(../images/ctbtheme-v3/grid/page-first-disabled.gif) !important;
}
*.x-item-disabled *.x-tbar-page-last{
background-image:url(../images/ctbtheme-v3/grid/page-last-disabled.gif) !important;
}
*.x-item-disabled *.x-tbar-page-next{
background-image:url(../images/ctbtheme-v3/grid/page-next-disabled.gif) !important;
}
*.x-item-disabled *.x-tbar-page-prev{
background-image:url(../images/ctbtheme-v3/grid/page-prev-disabled.gif) !important;
}
*.x-paging-info{
color:#444444;
}
*.x-toolbar-more-icon{
background-image:url(../images/ctbtheme-v3/toolbar/more.gif) !important;
}
*.x-resizable-handle{
background-color:#d6d6d6;
}
*.x-resizable-over *.x-resizable-handle-east, *.x-resizable-pinned *.x-resizable-handle-east, *.x-resizable-over *.x-resizable-handle-west, *.x-resizable-pinned *.x-resizable-handle-west{
background-image:url(../images/ctbtheme-v3/sizer/e-handle.gif);
}
*.x-resizable-over *.x-resizable-handle-south, *.x-resizable-pinned *.x-resizable-handle-south, *.x-resizable-over *.x-resizable-handle-north, *.x-resizable-pinned *.x-resizable-handle-north{
background-image:url(../images/ctbtheme-v3/sizer/s-handle.gif);
}
*.x-resizable-over *.x-resizable-handle-north, *.x-resizable-pinned *.x-resizable-handle-north{
background-image:url(../images/ctbtheme-v3/sizer/s-handle.gif);
}
*.x-resizable-over *.x-resizable-handle-southeast, *.x-resizable-pinned *.x-resizable-handle-southeast{
background-image:url(../images/ctbtheme-v3/sizer/se-handle.gif);
}
*.x-resizable-over *.x-resizable-handle-northwest, *.x-resizable-pinned *.x-resizable-handle-northwest{
background-image:url(../images/ctbtheme-v3/sizer/nw-handle.gif);
}
*.x-resizable-over *.x-resizable-handle-northeast, *.x-resizable-pinned *.x-resizable-handle-northeast{
background-image:url(../images/ctbtheme-v3/sizer/ne-handle.gif);
}
*.x-resizable-over *.x-resizable-handle-southwest, *.x-resizable-pinned *.x-resizable-handle-southwest{
background-image:url(../images/ctbtheme-v3/sizer/sw-handle.gif);
}
*.x-resizable-over *.x-resizable-handle, *.x-resizable-pinned *.x-resizable-handle{
opacity:1;
}
*.x-resizable-proxy{
border-color:#121212;
}
*.x-resizable-overlay{
background-color:#d6d6d6;
}
*.x-grid3{
background-color:#ffffff;
}
*.x-grid-panel *.x-panel-mc *.x-panel-body{
border-color:#8c8c8c;
}
*.x-grid3-hd-row td{
font-weight:normal;
font-size:12px;
line-height:1.36em;
font-family:arial,tahoma,helvetica,sans-serif;
color:#000000;
}
*.x-grid3-row td, *.x-grid3-summary-row td{
font-weight:normal;
font-size:12px;
line-height:1.18em;
font-family:arial,tahoma,helvetica,sans-serif;
vertical-align: middle;
}
*.x-grid3-hd-row td{
border-left-color:#aaaaaa;
border-right-color:#8c8c8c;
}
*.x-grid-row-loading{
background-color:#d6d6d6;
background-image:url(../images/ctbtheme-v3/shared/loading-balls.gif);
}
*.x-grid3-row{
border-color:#a9a9a9;
border-top-color:#bbbbbb;
}
*.x-grid3-row-alt{
background-color:#fafafa;
}
*.x-grid3-row-over{
border-color:#999999;
background-color:#efefef;
background-image:url(../images/ctbtheme-v3/grid/row-over.gif);
}
*.x-grid3-resize-proxy{
background-color:#4e4e4e;
}
*.x-grid3-resize-marker{
background-color:#4e4e4e;
}
*.x-grid3-header{
background-color:#d0d0d0;
background-image:url(../images/ctbtheme-v3/grid/grid3-hrow2.gif);
}
*.x-grid3-header-pop{
border-left-color:#8c8c8c;
}
*.x-grid3-header-pop-inner{
border-left-color:#aaaaaa;
background-image:url(../images/ctbtheme-v3/grid/hd-pop.gif);
}
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open{
border-left-color:#686868;
border-right-color:#686868;
}
td.x-grid3-hd-over *.x-grid3-hd-inner, td.sort-desc *.x-grid3-hd-inner, td.sort-asc *.x-grid3-hd-inner, td.x-grid3-hd-menu-open *.x-grid3-hd-inner{
background-color:#d0d0d0;
background-image:url(../images/ctbtheme-v3/grid/grid3-hrow-over2.gif);
}
*.sort-asc *.x-grid3-sort-icon{
background-image:url(../images/ctbtheme-v3/grid/sort_asc.gif);
}
*.sort-desc *.x-grid3-sort-icon{
background-image:url(../images/ctbtheme-v3/grid/sort_desc.gif);
}
*.x-grid3-cell-text, *.x-grid3-hd-text{
color:#000000;
}
*.x-grid3-split{
background-image:url(../images/ctbtheme-v3/grid/grid-split.gif);
}
*.x-grid3-hd-text{
color:#333333;
}
*.x-dd-drag-proxy *.x-grid3-hd-inner{
background-color:#d0d0d0;
background-image:url(../images/ctbtheme-v3/grid/grid3-hrow-over2.gif);
border-color:#686868;
}
*.col-move-top{
background-image:url(../images/ctbtheme-v3/grid/col-move-top.gif);
}
*.col-move-bottom{
background-image:url(../images/ctbtheme-v3/grid/col-move-bottom.gif);
}
td.grid-hd-group-cell{
background:repeat-x bottom;
background-image:url(../images/ctbtheme-v3/grid/grid3-hrow.gif);
}
*.x-grid3-row-selected{
background-color:#cccccc !important;
background-image:none;
border-color:#686868;
}
*.x-grid3-cell-selected{
background-color:#cbcbcb !important;
color:#000000;
}
*.x-grid3-cell-selected span{
color:#000000 !important;
}
*.x-grid3-cell-selected *.x-grid3-cell-text{
color:#000000;
}
*.x-grid3-locked td.x-grid3-row-marker, *.x-grid3-locked *.x-grid3-row-selected td.x-grid3-row-marker{
background-color:#c2c1b2 !important;
background-image:url(../images/ctbtheme-v3/grid/grid-hrow.gif) !important;
color:#000000;
border-top-color:#bbbbbb;
border-right-color:#2b5c9b !important;
}
*.x-grid3-locked td.x-grid3-row-marker div, *.x-grid3-locked *.x-grid3-row-selected td.x-grid3-row-marker div{
color:#333333 !important;
}
*.x-grid3-dirty-cell{
background-image:url(../images/ctbtheme-v3/grid/dirty.gif);
}
*.x-grid3-topbar, *.x-grid3-bottombar{
font:normal 12px arial , tahoma , helvetica , sans-serif;
}
*.x-grid3-bottombar *.x-toolbar{
border-top-color:#657b8f;
}
*.x-props-grid *.x-grid3-td-name *.x-grid3-cell-inner{
background-image:url(../images/ctbtheme-v3/grid/grid3-special-col-bg.gif) !important;
color:#000000 !important;
}
*.x-props-grid *.x-grid3-body *.x-grid3-td-name{
background-color:#ffffff !important;
border-right-color:#aaaaaa;
}
*.xg-hmenu-sort-asc *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/grid/hmenu-asc.gif);
}
*.xg-hmenu-sort-desc *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/grid/hmenu-desc.gif);
}
*.xg-hmenu-lock *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/grid/hmenu-lock.gif);
}
*.xg-hmenu-unlock *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/grid/hmenu-unlock.gif);
}
*.x-grid3-hd-btn{
background-color:transparent;
background-image:url(../images/ctbtheme-v3/grid/grid3-hd-btn.gif);
}
*.x-grid3-body *.x-grid3-td-expander{
background-image:url(../images/ctbtheme-v3/grid/grid3-special-col-bg2.gif);
}
*.x-grid3-row-expander{
background-image:url(../images/ctbtheme-v3/grid/row-expand-sprite.gif);
}
*.x-grid3-body *.x-grid3-td-checker{
background-image:url(../images/ctbtheme-v3/grid/grid3-special-col-bg.gif);
}
*.x-grid3-row-checker, *.x-grid3-hd-checker{
background-image:url(../images/ctbtheme-v3/grid/row-check-sprite.gif);
}
*.x-grid3-body *.x-grid3-td-numberer{
background-image:url(../images/ctbtheme-v3/grid/grid3-special-col-bg.gif);
}
*.x-grid3-body *.x-grid3-td-numberer *.x-grid3-cell-inner{
color:#111111;
}
*.x-grid3-body *.x-grid3-td-row-icon{
background-image:url(../images/ctbtheme-v3/grid/grid3-special-col-bg.gif);
}
*.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-numberer, *.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-checker, *.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-expander{
background-image:url(../images/ctbtheme-v3/grid/grid3-special-col-sel-bg.gif);
}
*.x-grid3-check-col{
background-image:url(../images/ctbtheme-v3/menu/unchecked.gif);
}
*.x-grid3-check-col-on{
background-image:url(../images/ctbtheme-v3/menu/checked.gif);
}
*.x-grid-group, *.x-grid-group-body, *.x-grid-group-hd{
zoom:1;
}
*.x-grid-group-hd{
border-bottom-color:#8c8c8c;
}
*.x-grid-group-hd div.x-grid-group-title{
background-image:url(../images/ctbtheme-v3/grid/group-collapse.gif);
color:#5f5f5f;
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-grid-group-collapsed *.x-grid-group-hd div.x-grid-group-title{
background-image:url(../images/ctbtheme-v3/grid/group-expand.gif);
}
*.x-group-by-icon{
background-image:url(../images/ctbtheme-v3/grid/group-by.gif);
}
*.x-cols-icon{
background-image:url(../images/ctbtheme-v3/grid/columns.gif);
}
*.x-show-groups-icon{
background-image:url(../images/ctbtheme-v3/grid/group-by.gif);
}
*.x-grid-empty{
color:#bebebe;
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-grid-with-col-lines *.x-grid3-row td.x-grid3-cell{
border-right-color:#a9a9a9;
}
*.x-grid-with-col-lines *.x-grid3-row{
border-top-color:#a9a9a9;
}
*.x-grid-with-col-lines *.x-grid3-row-selected{
border-top-color:#757575;
}
*.x-pivotgrid *.x-grid3-header-offset table td{
background:repeat-x 50% 100%;
background-image:url(../images/ctbtheme-v3/grid/grid3-hrow2.gif);
border-left:1px solid;
border-right:1px solid;
border-left-color:#aaaaaa;
border-right-color:#8c8c8c;
}
*.x-pivotgrid *.x-grid3-row-headers{
background-color:#d0d0d0;
}
*.x-pivotgrid *.x-grid3-row-headers table td{
background:repeat-x left top;
background-image:url(../images/ctbtheme-v3/grid/grid3-rowheader.gif);
background-color:#c5c5c5;
border-left:1px solid;
border-right:1px solid;
border-left-color:#aaaaaa;
border-right-color:#8c8c8c;
border-bottom:1px solid;
border-bottom-color:#8c8c8c;
height:18px;
}
*.x-dd-drag-ghost{
color:#000000;
font:normal 12px arial , helvetica , sans-serif;
border-top-color:#999999;
border-right-color:#777777;
border-bottom-color:#777777;
border-left-color:#999999;
background-color:#d6d6d6;
}
*.x-dd-drop-nodrop *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/dd/drop-no.gif);
}
*.x-dd-drop-ok *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/dd/drop-yes.gif);
}
*.x-dd-drop-ok-add *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/dd/drop-add.gif);
}
*.x-view-selector{
background-color:#adadad;
border-color:#444444;
}
*.x-tree-node-expanded *.x-tree-node-icon{
background-image:url(../images/ctbtheme-v3/tree/folder-open.gif);
}
*.x-tree-node-leaf *.x-tree-node-icon{
background-image:url(../images/ctbtheme-v3/tree/leaf.gif);
}
*.x-tree-node-collapsed *.x-tree-node-icon{
background-image:url(../images/ctbtheme-v3/tree/folder.gif);
}
*.x-tree-node-loading *.x-tree-node-icon{
background-image:url(../images/ctbtheme-v3/tree/loading.gif) !important;
}
*.x-tree-node *.x-tree-node-inline-icon{
background-image:none;
}
*.x-tree-node-loading a span{
font-style:italic;
color:#444444;
}
*.ext-ie *.x-tree-node-el input{
width:15px;
height:15px;
}
*.x-tree-lines *.x-tree-elbow{
background-image:url(../images/ctbtheme-v3/tree/elbow.gif);
}
*.x-tree-lines *.x-tree-elbow-plus{
background-image:url(../images/ctbtheme-v3/tree/elbow-plus.gif);
}
*.x-tree-lines *.x-tree-elbow-minus{
background-image:url(../images/ctbtheme-v3/tree/elbow-minus.gif);
}
*.x-tree-lines *.x-tree-elbow-end{
background-image:url(../images/ctbtheme-v3/tree/elbow-end.gif);
}
*.x-tree-lines *.x-tree-elbow-end-plus{
background-image:url(../images/ctbtheme-v3/tree/elbow-end-plus.gif);
}
*.x-tree-lines *.x-tree-elbow-end-minus{
background-image:url(../images/ctbtheme-v3/tree/elbow-end-minus.gif);
}
*.x-tree-lines *.x-tree-elbow-line{
background-image:url(../images/ctbtheme-v3/tree/elbow-line.gif);
}
*.x-tree-no-lines *.x-tree-elbow-plus{
background-image:url(../images/ctbtheme-v3/tree/elbow-plus-nl.gif);
}
*.x-tree-no-lines *.x-tree-elbow-minus{
background-image:url(../images/ctbtheme-v3/tree/elbow-minus-nl.gif);
}
*.x-tree-no-lines *.x-tree-elbow-end-plus{
background-image:url(../images/ctbtheme-v3/tree/elbow-end-plus-nl.gif);
}
*.x-tree-no-lines *.x-tree-elbow-end-minus{
background-image:url(../images/ctbtheme-v3/tree/elbow-end-minus-nl.gif);
}
*.x-tree-arrows *.x-tree-elbow-plus{
background-image:url(../images/ctbtheme-v3/tree/arrows.gif);
}
*.x-tree-arrows *.x-tree-elbow-minus{
background-image:url(../images/ctbtheme-v3/tree/arrows.gif);
}
*.x-tree-arrows *.x-tree-elbow-end-plus{
background-image:url(../images/ctbtheme-v3/tree/arrows.gif);
}
*.x-tree-arrows *.x-tree-elbow-end-minus{
background-image:url(../images/ctbtheme-v3/tree/arrows.gif);
}
*.x-tree-node{
color:#000000;
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-tree-node a, *.x-dd-drag-ghost a{
color:#000000;
}
*.x-tree-node a span, *.x-dd-drag-ghost a span{
color:#000000;
}
*.x-tree-node *.x-tree-node-disabled a span{
color:#bebebe !important;
}
*.x-tree-node div.x-tree-drag-insert-below{
border-bottom-color:#002288;
}
*.x-tree-node div.x-tree-drag-insert-above{
border-top-color:#002288;
}
*.x-tree-dd-underline *.x-tree-node div.x-tree-drag-insert-below a{
border-bottom-color:#002288;
}
*.x-tree-dd-underline *.x-tree-node div.x-tree-drag-insert-above a{
border-top-color:#002288;
}
*.x-tree-node *.x-tree-drag-append a span{
background-color:#dddddd;
border-color:#7a7a7a;
}
*.x-tree-node *.x-tree-node-over{
background-color:#ff4927;
/*background-color:#eeeeee;*/
}
*.x-tree-node *.x-tree-selected{
background-color:#ff7217;
/*background-color:#dddddd;*/
}
*.x-tree-drop-ok-append *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/tree/drop-add.gif);
}
*.x-tree-drop-ok-above *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/tree/drop-over.gif);
}
*.x-tree-drop-ok-below *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/tree/drop-under.gif);
}
*.x-tree-drop-ok-between *.x-dd-drop-icon{
background-image:url(../images/ctbtheme-v3/tree/drop-between.gif);
}
*.x-date-picker{
border-color:#141414;
background-color:#ffffff;
}
*.x-date-middle, *.x-date-left, *.x-date-right{
background-image:url(../images/ctbtheme-v3/shared/hd-sprite.gif);
color:#ffffff;
font:bold 12px "sans serif" , tahoma , verdana , helvetica;
}
*.x-date-middle *.x-btn *.x-btn-text{
color:#ffffff;
}
*.x-date-middle *.x-btn-mc em.x-btn-arrow{
background-image:url(../images/ctbtheme-v3/toolbar/btn-arrow-light.gif);
}
*.x-date-right a{
background-image:url(../images/ctbtheme-v3/shared/right-btn.gif);
}
*.x-date-left a{
background-image:url(../images/ctbtheme-v3/shared/left-btn.gif);
}
*.x-date-inner th{
background-color:#d8d8d8;
background-image:url(../images/ctbtheme-v3/panel/white-top-bottom.gif);
border-bottom-color:#6b6b6b;
font:normal 10px arial , helvetica , tahoma , sans-serif;
color:#595959;
}
*.x-date-inner td{
border-color:#bbbbbb;
}
*.x-date-inner a{
font:normal 12px arial , helvetica , tahoma , sans-serif;
color:#000000;
}
*.x-date-inner *.x-date-active{
color:#000000;
}
*.x-date-inner *.x-date-selected a{
background-color:#d8d8d8;
background-image:none;
border-color:#989898;
}
*.x-date-inner *.x-date-today a{
border-color:#470000;
}
*.x-date-inner *.x-date-selected span{
font-weight:bold;
}
*.x-date-inner *.x-date-prevday a, *.x-date-inner *.x-date-nextday a{
color:#aaaaaa;
}
*.x-date-bottom{
border-top-color:#6b6b6b;
background-color:#afafaf;
background-image:url(../images/ctbtheme-v3/panel/white-top-bottom.gif);
background-position:0 -2px;
}
*.x-date-inner a:hover, *.x-date-inner *.x-date-disabled a:hover{
color:#000000;
background-color:#d8d8d8;
}
*.x-date-inner *.x-date-disabled a{
background-color:#eeeeee;
color:#bbbbbb;
}
*.x-date-mmenu{
background-color:#c5c5c5 !important;
}
*.x-date-mmenu *.x-menu-item{
font-size:10px;
color:#000000;
}
*.x-date-mp{
background-color:#d6d6d6;
}
*.x-date-mp td{
font:normal 12px arial , helvetica , tahoma , sans-serif;
}
*.x-date-mp-btns button{
background-color:#252d36;
color:#ffffff;
border-top-color:#7c7c7c;
border-right-color:#000000;
border-bottom-color:#000000;
border-left-color:#7c7c7c;
font:normal 12px arial , helvetica , tahoma , sans-serif;
}
*.x-date-mp-btns{
background-color:#afafaf;
background-image:url(../images/ctbtheme-v3/panel/white-top-bottom.gif);
background-position:0 -2px;
}
*.x-date-mp-btns td{
border-top-color:#6b6b6b;
}
td.x-date-mp-month a, td.x-date-mp-year a{
color:#333333;
}
td.x-date-mp-month a:hover, td.x-date-mp-year a:hover{
color:#333333;
background-color:#d4d4d4;
}
td.x-date-mp-sel a{
background-color:#afafaf;
background-image:url(../images/ctbtheme-v3/panel/white-top-bottom.gif);
background-position:0 -2px;
border-color:#989898;
}
*.x-date-mp-ybtn a{
background-image:url(../images/ctbtheme-v3/panel/tool-sprites.gif);
}
td.x-date-mp-sep{
border-right-color:#939393;
}
*.x-tip *.x-tip-close{
background-image:url(../images/ctbtheme-v3/qtip/close.gif);
}
*.x-tip *.x-tip-tc, *.x-tip *.x-tip-tl, *.x-tip *.x-tip-tr, *.x-tip *.x-tip-bc, *.x-tip *.x-tip-bl, *.x-tip *.x-tip-br, *.x-tip *.x-tip-ml, *.x-tip *.x-tip-mr{
background-image:url(../images/ctbtheme-v3/qtip/tip-sprite.gif);
}
*.x-tip *.x-tip-mc{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-tip *.x-tip-ml{
background-color:#d6d6d6;
}
*.x-tip *.x-tip-header-text{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
color:#333333;
}
*.x-tip *.x-tip-body{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
color:#333333;
}
*.x-form-invalid-tip *.x-tip-tc, *.x-form-invalid-tip *.x-tip-tl, *.x-form-invalid-tip *.x-tip-tr, *.x-form-invalid-tip *.x-tip-bc, *.x-form-invalid-tip *.x-tip-bl, *.x-form-invalid-tip *.x-tip-br, *.x-form-invalid-tip *.x-tip-ml, *.x-form-invalid-tip *.x-tip-mr{
background-image:url(../images/ctbtheme-v3/form/error-tip-corners.gif);
}
*.x-form-invalid-tip *.x-tip-body{
background-image:url(../images/ctbtheme-v3/form/exclamation.gif);
}
*.x-tip-anchor{
background-image:url(../images/ctbtheme-v3/qtip/tip-anchor-sprite.gif);
}
*.x-menu{
background-color:#c7c7c7;
background-image:url(../images/ctbtheme-v3/menu/menu.gif);
}
*.x-menu-floating{
border-color:#393939;
}
*.x-menu-nosep{
background-image:none;
}
*.x-menu-list-item{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-menu-item-arrow{
background-image:url(../images/ctbtheme-v3/menu/menu-parent.gif);
}
*.x-menu-sep{
background-color:#b7b7b7;
border-bottom-color:#bbbbbb;
}
a.x-menu-item{
color:#111111;
}
*.x-menu-item-active{
background-image:url(../images/ctbtheme-v3/menu/item-over.gif);
background-color:#c8c8c8;
border-color:#686868;
}
*.x-menu-item-active a.x-menu-item{
border-color:#686868;
}
*.x-menu-check-item *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/menu/unchecked.gif);
}
*.x-menu-item-checked *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/menu/checked.gif);
}
*.x-menu-item-checked *.x-menu-group-item *.x-menu-item-icon{
background-image:url(../images/ctbtheme-v3/menu/group-checked.gif);
}
*.x-menu-group-item *.x-menu-item-icon{
background-image:none;
}
*.x-menu-plain{
background-color:#ffffff !important;
}
*.x-menu *.x-date-picker{
border-color:#6b6b6b;
}
*.x-cycle-menu *.x-menu-item-checked{
border-color:#757575 !important;
background-color:#c8c8c8;
}
*.x-menu-scroller-top{
background-image:url(../images/ctbtheme-v3/layout/mini-top.gif);
}
*.x-menu-scroller-bottom{
background-image:url(../images/ctbtheme-v3/layout/mini-bottom.gif);
}
*.x-box-tl{
background-image:url(../images/ctbtheme-v3/box/corners.gif);
}
*.x-box-tc{
background-image:url(../images/ctbtheme-v3/box/tb.gif);
}
*.x-box-tr{
background-image:url(../images/ctbtheme-v3/box/corners.gif);
}
*.x-box-ml{
background-image:url(../images/ctbtheme-v3/box/l.gif);
}
*.x-box-mc{
background-color:#c5c5c5;
background-image:url(../images/ctbtheme-v3/box/tb.gif);
font-family:arial,tahoma,helvetica,sans-serif;
color:#393939;
font-size:12px;
}
*.x-box-mc h3{
font-size:14px;
font-weight:normal;
}
*.x-box-mr{
background-image:url(../images/ctbtheme-v3/box/r.gif);
}
*.x-box-bl{
background-image:url(../images/ctbtheme-v3/box/corners.gif);
}
*.x-box-bc{
background-image:url(../images/ctbtheme-v3/box/tb.gif);
}
*.x-box-br{
background-image:url(../images/ctbtheme-v3/box/corners.gif);
}
*.x-box-blue *.x-box-bl, *.x-box-blue *.x-box-br, *.x-box-blue *.x-box-tl, *.x-box-blue *.x-box-tr{
background-image:url(../images/ctbtheme-v3/box/corners-blue.gif);
}
*.x-box-blue *.x-box-bc, *.x-box-blue *.x-box-mc, *.x-box-blue *.x-box-tc{
background-image:url(../images/ctbtheme-v3/box/tb-blue.gif);
}
*.x-box-blue *.x-box-mc{
background-color:#9ab1d0;
}
*.x-box-blue *.x-box-mc h3{
color:#17385b;
}
*.x-box-blue *.x-box-ml{
background-image:url(../images/ctbtheme-v3/box/l-blue.gif);
}
*.x-box-blue *.x-box-mr{
background-image:url(../images/ctbtheme-v3/box/r-blue.gif);
}
*.x-combo-list{
border-color:#888888;
background-color:#dddddd;
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-combo-list-inner{
background-color:#ffffff;
}
*.x-combo-list-hd{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
color:#333333;
background-image:url(../images/ctbtheme-v3/layout/panel-title-light-bg.gif);
border-bottom-color:#787878;
}
*.x-resizable-pinned *.x-combo-list-inner{
border-bottom-color:#7a7a7a;
}
*.x-combo-list-item{
border-color:#bbbbbb;
}
*.x-combo-list *.x-combo-selected{
border-color:#333333 !important;
background-color:#f0f0f0;
}
*.x-combo-list *.x-toolbar{
border-top-color:#787878;
}
*.x-combo-list-small{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-panel{
border-color:#8c8c8c;
}

*.x-panel-header{
color:#333333;
font-weight:bold;
font-size:12px;
font-family:tahoma,arial,verdana,sans-serif;
border-color:#8c8c8c;
background-image:url(../images/ctbtheme-v3/panel/white-top-bottom.gif);
}

*.x-panel-body{
border-color:#8c8c8c;
background-color:#ffffff;
}
*.x-panel-bbar *.x-toolbar, *.x-panel-tbar *.x-toolbar{
border-color:#8c8c8c;
}
*.x-panel-tbar-noheader *.x-toolbar, *.x-panel-mc *.x-panel-tbar *.x-toolbar{
border-top-color:#8c8c8c;
}
*.x-panel-body-noheader, *.x-panel-mc *.x-panel-body{
border-top-color:#8c8c8c;
}
*.x-panel-tl *.x-panel-header{
color:#333333;
font-weight:normal;
font-size:22px;
font-family:arial,tahoma,verdana,sans-serif;
}
*.x-panel-tc{
background-image:url(../images/ctbtheme-v3/panel/top-bottom.gif);
}
*.x-panel-tl, *.x-panel-tr{
background-image:url(../images/ctbtheme-v3/panel/corners-sprite.gif);
border-bottom-color:#8c8c8c;
}
*.x-panel-bl, *.x-panel-br{
background-image:url(../images/ctbtheme-v3/panel/corners-sprite_b.gif);
border-bottom-color:#8c8c8c;
}
*.x-panel-bc{
background-image:url(../images/ctbtheme-v3/panel/top-bottom_bc.gif);
}
*.x-panel-mc{
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
font-weight:normal;
background-color:transparent;
background-image:none;
}
*.x-panel-ml{
background-color:transparent;
background-image:none;
}
*.x-panel-mr{
background-color:transparent;
background-image:none;
}
*.x-tool{
    background-image:url(../images/ctbtheme-v3/panel/tool-sprites.gif) !important;
}

*.x-panel-ghost{
background-color:#c9c9c9;
}
*.x-panel-ghost ul{
border-color:#8c8c8c;
}
*.x-panel-dd-spacer{
border-color:#8c8c8c;
}
*.x-panel-fbar td, *.x-panel-fbar span, *.x-panel-fbar input, *.x-panel-fbar div, *.x-panel-fbar select, *.x-panel-fbar label{
font:normal 12px arial , tahoma , helvetica , sans-serif;
}
*.x-window-proxy{
background-color:#d3d3d3;
border-color:#8c8c8c;
}
*.x-window-tl *.x-window-header{
color:#555555;
font-weight:bold;
font-size:12px;
font-family:'Roboto Standard',arial,tahoma,verdana,sans-serif;
}
*.x-window-tc{
background-image:url(../images/ctbtheme-v3/window/top-bottom.png);
}
*.x-window-tl{
background-image:url(../images/ctbtheme-v3/window/left-corners.png);
}
*.x-window-tr{
background-image:url(../images/ctbtheme-v3/window/right-corners.png);
}
*.x-window-bc{
background-image:url(../images/ctbtheme-v3/window/top-bottom.png);
}
*.x-window-bl{
background-image:url(../images/ctbtheme-v3/window/left-corners.png);
}
*.x-window-br{
background-image:url(../images/ctbtheme-v3/window/right-corners.png);
}
*.x-window-mc{
border-color:#8c8c8c;
font-weight:normal;
font-size:12px;
font-family:'Roboto Standard',arial,tahoma,helvetica,sans-serif;
background-color:#bfbfbf;
}
*.x-window-ml{
background-image:url(../images/ctbtheme-v3/window/left-right.png);
}
*.x-window-mr{
background-image:url(../images/ctbtheme-v3/window/left-right.png);
}
*.x-window-maximized *.x-window-tc{
background-color:#d6d6d6;
}
*.x-window-bbar *.x-toolbar{
border-top-color:#8c8c8c;
}
*.x-panel-ghost *.x-window-tl{
border-bottom-color:#8c8c8c;
}
*.x-panel-collapsed *.x-window-tl{
border-bottom-color:#8c8c8c;
}
*.x-dlg-mask{
background-color:#a3a3a3;
}
*.x-window-plain *.x-window-mc{
background-color:#bfbfbf;
border-top-color:#8c8c8c;
border-right-color:#aaaaaa;
border-bottom-color:#aaaaaa;
border-left-color:#8c8c8c;
}
*.x-window-plain *.x-window-body{
border-top-color:#8c8c8c;
border-right-color:#aaaaaa;
border-bottom-color:#aaaaaa;
border-left-color:#8c8c8c;
}
body.x-body-masked *.x-window-plain *.x-window-mc{
background-color:#bbbbbb;
}
*.x-html-editor-wrap{
border-color:#787878;
background-color:#d6d6d6;
}
*.x-html-editor-tb *.x-btn-text{
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-panel-noborder *.x-panel-header-noborder{
border-bottom-color:#8c8c8c;
}
*.x-panel-noborder *.x-panel-tbar-noborder *.x-toolbar{
border-bottom-color:#8c8c8c;
}
*.x-panel-noborder *.x-panel-bbar-noborder *.x-toolbar{
border-top-color:#8c8c8c;
}
*.x-tab-panel-bbar-noborder *.x-toolbar{
border-top-color:#8c8c8c;
}
*.x-tab-panel-tbar-noborder *.x-toolbar{
border-bottom-color:#8c8c8c;
}
*.x-border-layout-ct{
background-color:#c7c7c7;
}
*.x-accordion-hd{
color:#222222;
font-size:12px;
font-family:tahoma,arial,verdana,sans-serif;
font-weight:normal;
background-image:url(../images/ctbtheme-v3/panel/light-hd.gif);
}
*.x-layout-collapsed{
background-color:#b6b6b6;
border-color:#8c8c8c;
}
*.x-layout-collapsed-over{
background-color:#bebebe;
}
*.x-layout-split-west *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-left.gif);
}
*.x-layout-split-east *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-right.gif);
}
*.x-layout-split-north *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-top.gif);
}
*.x-layout-split-south *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-bottom.gif);
}
*.x-layout-cmini-west *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-right.gif);
}
*.x-layout-cmini-east *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-left.gif);
}
*.x-layout-cmini-north *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-bottom.gif);
}
*.x-layout-cmini-south *.x-layout-mini{
background-image:url(../images/ctbtheme-v3/layout/mini-top.gif);
}
*.x-progress-wrap{
border-color:#4a4a4a;
}
*.x-progress-inner{
background-color:#bebebe;
background-image:url(../images/ctbtheme-v3/qtip/bg.gif);
}
*.x-progress-bar{
background-color:#939393;
background-image:url(../images/ctbtheme-v3/progress/progress-bg.gif);
border-top-color:#9e9e9e;
border-bottom-color:#606060;
border-right-color:#606060;
}
*.x-progress-text{
font-size:12px;
font-weight:bold;
color:#ffffff;
}
*.x-progress-text-back{
color:#5f5f5f;
}
*.x-list-header{
background-color:#d0d0d0;
background-image:url(../images/ctbtheme-v3/grid/grid3-hrow2.gif);
}
*.x-list-header-inner div em{
border-left-color:#999999;
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-list-body dt em{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
}
*.x-list-over{
background-color:#c5c5c5;
}
*.x-list-selected{
background-color:#c7c7c7;
}
*.x-list-resizer{
border-left-color:#111111;
border-right-color:#111111;
}
*.x-list-header-inner em.sort-asc, *.x-list-header-inner em.sort-desc{
background-image:url(../images/ctbtheme-v3/grid/sort-hd.gif);
border-color:#8c8c8c;
}
*.x-slider-horz, *.x-slider-horz *.x-slider-end, *.x-slider-horz *.x-slider-inner{
background-image:url(../images/ctbtheme-v3/slider/slider-bg.png);
}
*.x-slider-horz *.x-slider-thumb{
background-image:url(../images/ctbtheme-v3/slider/slider-thumb.png);
}
*.x-slider-vert, *.x-slider-vert *.x-slider-end, *.x-slider-vert *.x-slider-inner{
background-image:url(../images/ctbtheme-v3/slider/slider-v-bg.png);
}
*.x-slider-vert *.x-slider-thumb{
background-image:url(../images/ctbtheme-v3/slider/slider-v-thumb.png);
}
*.x-window-dlg *.ext-mb-text{
font-size:12px;
}
*.x-window-dlg *.ext-mb-input{
background-color:#ffffff;
}
*.x-window-dlg *.x-window-header-text{
font-weight:bold;
font-size:12px;
font-family:tahoma,arial,verdana,sans-serif;
}
*.x-window-dlg *.ext-mb-textarea{
font-weight:normal;
font-size:12px;
font-family:arial,tahoma,helvetica,sans-serif;
color:#000000;
background-color:#ffffff;
}
*.x-window-dlg *.x-msg-box-wait{
background-image:url(../images/ctbtheme-v3/grid/loading.gif);
}
*.x-window-dlg *.ext-mb-info{
background-image:url(../images/ctbtheme-v3/window/icon-info.gif);
}
*.x-window-dlg *.ext-mb-warning{
background-image:url(../images/ctbtheme-v3/window/icon-warning.gif);
}
*.x-window-dlg *.ext-mb-question{
background-image:url(../images/ctbtheme-v3/window/icon-question.gif);
}
*.x-window-dlg *.ext-mb-error{
background-image:url(../images/ctbtheme-v3/window/icon-error.gif);
}
*.x-superboxselect{
position:relative;
height:auto !important;
min-height:18px;
margin:0px;
overflow:hidden;
padding:0px;
display:block;
outline:none !important;
}
*.x-superboxselect ul{
overflow:hidden;
cursor:text;
}
*.x-superboxselect-display-btns{
padding-right:33px !important;
}
*.x-superboxselect-btns{
position:absolute;
right:0px;
top:0;
overflow:hidden;
padding:0px;
}
*.x-superboxselect-btns div{
float:left;
width:17px;
height:22px;
margin-top:0px;
}
*.x-form-focus *.x-superboxselect-btn-clear{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/clearfocus.gif);
}
*.x-form-invalid *.x-superboxselect-btn-clear{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/clearinvalid.gif);
}
*.x-superboxselect-btn-clear{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/clear.gif);
}
*.x-form-focus *.x-superboxselect-btn-expand{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/expandfocus.gif);
}
*.x-form-invalid *.x-superboxselect-btn-expand{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/expandinvalid.gif);
}
*.x-superboxselect-btn-expand{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/expand.gif);
}
*.x-superboxselect-btn-over{
background-position:left -22px;
}
*.x-superboxselect-btn-hide{
display:none;
}
*.x-superboxselect li{
float:left;
margin-left:1px;
margin-bottom:1px;
line-height:1.2em;
padding:0;
}
*.x-superboxselect-stacked li{
float:none !important;
}
*.x-superboxselect-input input{
background-color:#ffffff;
border:none;
outline:none;
margin-top:1px;
margin-bottom:1px;
}
body.ext-ie *.x-superboxselect-input input{
background:none;
border:none;
margin-top:0px;
}
*.x-superboxselect-item{
position:relative;
border:1px solid;
border-color:#aeaeae;
background-color:#c8c8c8;
padding:1px 15px 1px 2px !important;
}
*.x-superboxselect-item{
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
o-border-radius:3px;
khtml-border-radius:3px;
}
body.ext-ie7 *.x-superboxselect-item{
margin:2px 1px 2px 1px;
line-height:1.2em;
padding:1px 17px 2px 2px !important;
}
body.ext-ie6 *.x-superboxselect-item{
margin:2px 1px 2px 1px;
line-height:1.2em;
padding:2px 19px 4px 2px !important;
}
*.x-superboxselect-item-hover{
background-color:#aeaeae;
border:1px solid;
border-color:#8c8c8c;
}
*.x-superboxselect-item-focus{
border-color:#a7a7a7;
background-color:#ebebeb;
color:#ffffff;
}
*.x-superboxselect-item-close{
background:no-repeat scroll left 0px;
background-image:url(../images/ctbtheme-v3/multiselect/close.gif);
border:none;
cursor:pointer;
font-size:1px;
height:16px;
padding:0;
position:absolute;
right:0px;
top:0px;
width:13px;
display:block;
}
*.x-superboxselect-item-close:hover, *.x-superboxselect-item-close:active{
background-position:left -12px;
}
*.x-superboxselect-item-focus *.x-superboxselect-item-close{
background-position:left -24px;
}
*.x-item-disabled *.x-superboxselect-item-close{
background-position:left -36px;
}
*.x-form-field-wrap *.x-form-spinner-trigger{
background:transparent no-repeat 0 0;
background-image:url(../images/ctbtheme-v3/spinner/spinner.gif);
}
*.x-form-field-wrap *.x-form-spinner-overup{
background-position:-17px 0;
}
*.x-form-field-wrap *.x-form-spinner-clickup{
background-position:-34px 0;
}
*.x-form-field-wrap *.x-form-spinner-overdown{
background-position:-51px 0;
}
*.x-form-field-wrap *.x-form-spinner-clickdown{
background-position:-68px 0;
}
*.x-trigger-wrap-focus *.x-form-spinner-trigger{
background-position:-85px 0;
}
*.x-trigger-wrap-focus *.x-form-spinner-overup{
background-position:-102px 0;
}
*.x-trigger-wrap-focus *.x-form-spinner-clickup{
background-position:-119px 0;
}
*.x-trigger-wrap-focus *.x-form-spinner-overdown{
background-position:-136px 0;
}
*.x-trigger-wrap-focus *.x-form-spinner-clickdown{
background-position:-153px 0;
}
*.x-trigger-wrap-focus *.x-form-trigger{
border-bottom:1px solid;
border-bottom-color:#585858;
border-style:none none none solid;
}
*.x-form-field-wrap *.x-form-spinner-splitter{
line-height:1px;
font-size:1px;
background:transparent no-repeat 0 0;
background-image:url(../images/ctbtheme-v3/spinner/spinner-split.gif);
position:absolute;
cursor:n-resize;
}
*.x-trigger-wrap-focus *.x-form-spinner-splitter{
background-position:-14px 0;
}
*.x-html-editor-tb *.x-edit-bold, *.x-menu-item img.x-edit-bold{
background-position:0 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-italic, *.x-menu-item img.x-edit-italic{
background-position:-16px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-underline, *.x-menu-item img.x-edit-underline{
background-position:-32px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-justifyleft, *.x-menu-item img.x-edit-justifyleft{
background-position:-112px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-justifycenter, *.x-menu-item img.x-edit-justifycenter{
background-position:-128px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-justifyright, *.x-menu-item img.x-edit-justifyright{
background-position:-144px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-insertorderedlist, *.x-menu-item img.x-edit-insertorderedlist{
background-position:-80px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-insertunorderedlist, *.x-menu-item img.x-edit-insertunorderedlist{
background-position:-96px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-increasefontsize, *.x-menu-item img.x-edit-increasefontsize{
background-position:-48px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}
*.x-html-editor-tb *.x-edit-decreasefontsize, *.x-menu-item img.x-edit-decreasefontsize{
background-position:-64px 0;
background-image:url(../images/ctbtheme-v3/editor/tb-sprite.gif);
}

/* ======================================================= */
/* Mike - Custom theme */
/* ======================================================= */
/* ------------------------------ */
/* Buttons */
/* ------------------------------ */

.ctb-tablelayout-cell
{
    padding-left : 10px;
    /*padding-right : 10px;*/
    padding-bottom : 5px;
    padding-top : 10px;
}

.ctb-tablelayout-cell-left
{
    padding-left : 1px !important;
}

/* Button with icon on the left or no-icon */
.x-btn-text-icon .x-btn-icon-large-left .x-btn-text, .ctb-tablelayout-cell .x-btn-noicon .x-btn-icon-large-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    height: 20px;
    background-color: #c0c0c0;
    color: #000000;
    font-weight: bold;
    /*text-shadow: 0 0 7px #ffffff;*/
    /*-moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0;
    width:100%;*/
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-ml, .x-btn-text-icon .x-btn-icon-large-left .x-btn-mc, .x-btn-text-icon .x-btn-icon-large-left .x-btn-mr{
    background-image:none;
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-tl, .x-btn-text-icon .x-btn-icon-large-left .x-btn-tc, .x-btn-text-icon .x-btn-icon-large-left .x-btn-tr{
    background-image:none;
}

.x-btn-text-icon .x-btn-icon-large-left .x-btn-bl, .x-btn-text-icon .x-btn-icon-large-left .x-btn-bc, .x-btn-text-icon .x-btn-icon-large-left .x-btn-br{
    background-image:none;
}

/* -- Hover effect */
.x-btn-over .x-btn-icon-large-left .x-btn-text {
    /* -moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0; */
}

.x-btn-over .x-btn-icon-large-left .x-btn-ml, .x-btn-over .x-btn-icon-large-left .x-btn-mc, .x-btn-over .x-btn-icon-large-left .x-btn-mr{
    background-image:none;
}

.x-btn-over .x-btn-icon-large-left .x-btn-tl, .x-btn-over .x-btn-icon-large-left .x-btn-tc, .x-btn-over .x-btn-icon-large-left .x-btn-tr{
    background-image:none;
}

.x-btn-over .x-btn-icon-large-left .x-btn-bl, .x-btn-over .x-btn-icon-large-left .x-btn-bc, .x-btn-over .x-btn-icon-large-left .x-btn-br{
    background-image:none;
}

/* -- Click effect */
.x-btn-click .x-btn-icon-large-left .x-btn-text {
    color : #787878;
}

/* Button with small icon on the right */
.x-btn-text-icon .x-btn-icon-small-right .x-btn-text {
    /*background-position: 0 center;
    background-repeat: no-repeat;*/
    padding-left: 10px;
    padding-right: 25px;
    height: 20px;
    background-color: #c0c0c0;
    color: #000000;
    font-weight: bold;
    width:100%;
}

.x-btn-text-icon .x-btn-icon-small-right .x-btn-ml, .x-btn-text-icon .x-btn-icon-small-right .x-btn-mc, .x-btn-text-icon .x-btn-icon-small-right .x-btn-mr{
    background-image:none;
}

.x-btn-text-icon .x-btn-icon-small-right .x-btn-tl, .x-btn-text-icon .x-btn-icon-small-right .x-btn-tc, .x-btn-text-icon .x-btn-icon-small-right .x-btn-tr{
    background-image:none;
}

.x-btn-text-icon .x-btn-icon-small-right .x-btn-bl, .x-btn-text-icon .x-btn-icon-small-right .x-btn-bc, .x-btn-text-icon .x-btn-icon-small-right .x-btn-br{
    background-image:none;
}

/* -- Hover effect */
.x-btn-over .x-btn-icon-small-right .x-btn-text {
    -moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0;
}

.x-btn-over .x-btn-icon-small-right .x-btn-ml, .x-btn-over .x-btn-icon-small-right .x-btn-mc, .x-btn-over .x-btn-icon-small-right .x-btn-mr{
    background-image:none;
}

.x-btn-over .x-btn-icon-small-right .x-btn-tl, .x-btn-over .x-btn-icon-small-right .x-btn-tc, .x-btn-over .x-btn-icon-small-right .x-btn-tr{
    background-image:none;
}

.x-btn-over .x-btn-icon-small-right .x-btn-bl, .x-btn-over .x-btn-icon-small-right .x-btn-bc, .x-btn-over .x-btn-icon-small-right .x-btn-br{
    background-image:none;
}

/* -- Click effect */
.x-btn-click .x-btn-icon-small-right .x-btn-text {
    color : #787878;
}

/* Button with small icon on the left */
.x-btn-icon .x-btn-icon-small-left .x-btn-text {
    /* Empty at the moment */
}

.x-btn-icon .x-btn-icon-small-left .x-btn-ml, .x-btn-icon .x-btn-icon-small-left .x-btn-mc, .x-btn-icon .x-btn-icon-small-left .x-btn-mr{
    background-image:none;
}

.x-btn-icon .x-btn-icon-small-left .x-btn-tl, .x-btn-icon .x-btn-icon-small-left .x-btn-tc, .x-btn-icon .x-btn-icon-small-left .x-btn-tr{
    background-image:none;
}

.x-btn-icon .x-btn-icon-small-left .x-btn-bl, .x-btn-icon .x-btn-icon-small-left .x-btn-bc, .x-btn-icon .x-btn-icon-small-left .x-btn-br{
    background-image:none;
}

/* -- Hover effect */
.x-btn-over .x-btn-icon-small-left .x-btn-text {
    -moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0;
}

.x-btn-over .x-btn-icon-small-left .x-btn-ml, .x-btn-over .x-btn-icon-small-left .x-btn-mc, .x-btn-over .x-btn-icon-small-left .x-btn-mr{
    background-image:none;
}

.x-btn-over .x-btn-icon-small-left .x-btn-tl, .x-btn-over .x-btn-icon-small-left .x-btn-tc, .x-btn-over .x-btn-icon-small-left .x-btn-tr{
    background-image:none;
}

.x-btn-over .x-btn-icon-small-left .x-btn-bl, .x-btn-over .x-btn-icon-small-left .x-btn-bc, .x-btn-over .x-btn-icon-small-left .x-btn-br{
    background-image:none;
}

/* -- Click effect */
.x-btn-click .x-btn-icon-small-left .x-btn-text {
    color : #787878;
}

/* Button with small icon on the left - Popup message box */
.x-btn .x-btn-icon-small-left .x-btn-text
{
    padding-right:5px; /* NEED TO DOUBLE CHECK */
    height: 20px;
    background-color: #c0c0c0;
    color: #000000;
    font-weight: bold;
    width:100%;
}

.x-btn-noicon .x-btn-icon-small-left .x-btn-text
{
    padding-right:10px; /* NEED TO DOUBLE CHECK */
    padding-left:10px; /* NEED TO DOUBLE CHECK */
}

.x-btn .x-btn-icon-small-left .x-btn-ml, .x-btn .x-btn-icon-small-left .x-btn-mc, .x-btn .x-btn-icon-small-left .x-btn-mr{
    background-image:none;
}

.x-btn .x-btn-icon-small-left .x-btn-tl, .x-btn .x-btn-icon-small-left .x-btn-tc, .x-btn .x-btn-icon-small-left .x-btn-tr{
    background-image:none;
}

.x-btn .x-btn-icon-small-left .x-btn-bl, .x-btn .x-btn-icon-small-left .x-btn-bc, .x-btn .x-btn-icon-small-left .x-btn-br{
    background-image:none;
}

/* Button small */
.x-btn-icon .x-btn-small .x-btn-text, .x-btn-group .x-btn-icon .x-btn-icon-large-left .x-btn-text {
    background-position: 0 center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-color: #c0c0c0;
    color: white;
    font-weight: bold;
}

/* -- Hover effect */
.x-btn-over .x-btn-small .x-btn-text {
    -moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0;
}

.x-btn-over .x-btn-small .x-btn-ml, .x-btn-over .x-btn-small .x-btn-mc, .x-btn-over .x-btn-small .x-btn-mr{
    background-image:none;
}

.x-btn-over .x-btn-small .x-btn-tl, .x-btn-over .x-btn-small .x-btn-tc, .x-btn-over .x-btn-small .x-btn-tr{
    background-image:none;
}

.x-btn-over .x-btn-small .x-btn-bl, .x-btn-over .x-btn-small .x-btn-bc, .x-btn-over .x-btn-small .x-btn-br{
    background-image:none;
}

/* -- Click effect */
.x-btn-click .x-btn-small .x-btn-text {
    color : #787878;
}

/* Custom buttons styles */

.ctb-btn-red .x-btn-text{
    background-color: #ff0000 !important;
    /*-moz-box-shadow: 0px 0px 2px 1px #ff0000 !important;
    -webkit-box-shadow: 0px 0px 2px 1px #ff0000 !important;
    box-shadow: 0px 0px 2px 1px #ff0000 !important;*/
}
.ctb-btn-red.white-text .x-btn-text {
    color: #ffffff;
}

.ctb-btn-orange .x-btn-text{
    background-color: #eb6f24 !important;
    color:#000000 !important;
}

.ctb-btn-silver .x-btn-text{
    background-color: #d7d7d7 !important;
    color:#000000 !important;
}

.ctb-btn-green .x-btn-text{
    background-color: #96be0f !important;
    /*-moz-box-shadow: 0px 0px 2px 1px #ff0000 !important;
    -webkit-box-shadow: 0px 0px 2px 1px #ff0000 !important;
    box-shadow: 0px 0px 2px 1px #ff0000 !important;*/
}
.ctb-btn-green.white-text .x-btn-text {
    color: #ffffff;
}


/* ------------------------------ */
/* Grid */
/* ------------------------------ */
.x-grid3
{
    border:10px solid #c0c0c0 !important;
}

.ctb-inner-grid .x-grid3
{
    border-top:0px solid #e6e6e6 !important;
    border-bottom: 2px solid #c0c0c0 !important;
    border-left: 2px solid #c0c0c0 !important;
    border-right: 2px solid #c0c0c0 !important;
}

*.x-grid3 *.x-grid3-scroller
{
    width:auto !important;
    margin-bottom:10px;
    /*overflow-x:visible !important;*/
}

*.x-grid3-row {
    border: none !important;
    background-color: #dcdcdc;
}

*.x-grid3-row-alt{
    background-color:#ffffff;
}

*.x-grid3 *.x-grid3-header
{
    background-color:#c0c0c0;
    background-image:none;
    color:#ffffff;
    font-weight: bold;
}

*.x-grid3-hd-row td
{
    border-left-color: #c0c0c0;
    border-right-color: #c0c0c0;
    /* font-weight: bold !important; */
    /*font-size : 12px;*/
    line-height: 1.36em;
    font-family: arial,tahoma,helvetica,sans-serif;
    color: #000000;
    /*text-decoration:underline;*/
    /*text-shadow: 0 0 7px #ffffff;*/
}

*.x-grid3-hd-row .x-grid3-cell
{
    text-decoration:underline;
    /*text-shadow: 0 0 7px #ffffff;*/
}

*.x-grid3-hd-row .x-grid3-gcell .x-grid3-hd-checker
{
    background-image:none;
    /*text-shadow: 0 0 7px #ffffff;*/
}

*.x-grid3-hd-row .x-grid3-td-checker
{
    text-decoration:none !important;
}

td.x-grid3-hd-over *.x-grid3-hd-inner, td.sort-desc *.x-grid3-hd-inner, td.sort-asc *.x-grid3-hd-inner, td.x-grid3-hd-menu-open *.x-grid3-hd-inner{
    background-color:#c0c0c0;
    background-image:none;
}

/* ------------------------------ */
/* Panel */
/* ------------------------------ */

.x-panel-bbar .x-toolbar-layout-ct .x-toolbar-ct {
    border-bottom:1px solid #c0c0c0;
}

.x-panel-bbar .x-toolbar-cell .x-toolbar-layout-ct .x-toolbar-ct {
    border:none;
}

.ctb-panel-customized-title-bar .x-panel-header
{
    border-color: transparent;
    background-image: none;
    border:none;
    color:#ffffff;
}

/* Remove separator in the toolbar */
*.x-toolbar *.xtb-sep {
    background-image:none !important;
}

/* Top bar of panel */
.x-panel-tbar
{
    min-height : 30px;
}

.x-panel-tbar .x-toolbar
{
    min-height : 30px;
    border : none !important;
    background-color: transparent !important;
    background-image: none;
}

/* White background */
.x-panel-whitebgcolor
{
    /* background-color:#ffffff !important; */
}
/* Black background */
.x-panel-blackbgcolor
{
    background-color:#000000 !important;
}

.x-panel-graybgcolor
{
    background-color:#bebebe !important;
}

/* Remove corner curve of title strip*/
*.x-panel-tl, *.x-panel-tr, *.x-panel-tc
{
    background-image:none;
    background-color:transparent;
}

.x-panel-tl {
    border:none;
}

/* Remove corner curve of bottom strip */

*.x-panel-bl, *.x-panel-br, *.x-panel-bc
{
    background-image:none;
    background-color:transparent;
}

*.x-panel-bl
{
    border:none;
}

*.x-panel-br
{
    border:none;
    /*border-right:1px solid #8c8c8c;*/
    /*border-bottom:1px solid #8c8c8c;*/
}

*.x-panel-bc
{
    border:none;
    /*border-bottom:1px solid #8c8c8c;*/
}


.ctb-north-panel .x-panel-body-noheader, .ctb-north-panel .x-panel-mc .x-panel-body {
    border-top-color: #c8c8c8;
}

.ctb-north-panel .x-panel-body {
    border-color: #c8c8c8;
    background-color: #c8c8c8;
}

/* ------------------------------ */
/* Tab Panel */
/* ------------------------------ */
*.x-tab-panel-header, *.x-tab-panel-footer {
    border : none;
}

*.x-tab-panel-header, *.x-tab-panel-footer {
    background-color : transparent;
    border: none;
}

ul.x-tab-strip-top {
    background-color: transparent;
    background-image:none;
    /*border-bottom-color: #c8c8c8;*/
}

.x-tab-panel-header {
    padding-bottom: 0px;
}

ul.x-tab-strip li {
    float: left;
    margin-left: 0px;
}

/*.x-tab-strip span.x-tab-strip-text
{
    font-weight:bold;
}*/

/* ------------------------------ */
/* Paging toolbar */
/* ------------------------------ */
*.x-panel-bbar *.x-toolbar {
    /*border-color: #8c8c8c;8*/
    border-color: transparent;
    background-image:none;
}

/* ------------------------------ */
/* Live Food Cost table */
/* ------------------------------ */
.livefoodcosttable
{
    border:10px solid #c0c0c0;
    background-color: #c0c0c0;
    text-align:left;
}

.livefoodcosttable .tdheader td
{
    background-color: #c0c0c0;
    color: #000000;
    font-weight:bold;
}

.livefoodcosttable .tdnormal td
{
    background-color: #ffffff;
    color: #000000 !important;
    text-indent:5px;
    padding-right:5px;
}

.livefoodcosttable .tdborder
{
    /*background-color: #ffffff;
    color: #000000;*/
}

/*.livefoodcosttable .tdborder:hover
{
    background-color:#bebebe;
}*/

/* ------------------------------ */
/* Live Food Cost Calendar tabl;e */
/* ------------------------------ */
.livefoodcostcalendar-table
{
    border:10px solid #c0c0c0;
    background-color: #c0c0c0;
    text-align:left;
}

.livefoodcostcalendar-table .tdheader td
{
    background-color: #c0c0c0;
    color: #ffffff;
    font-weight:bold;
}

.livefoodcostcalendar-table .tdnormal td
{
    background-color: #ffffff;
    color: #000000 !important;
    text-indent:5px;
    padding-right:5px;
}

/*----------------------------------*/
/* Special Menu Calendar */
.ctb-specialmenucalendar-table {
    border:1px solid #d6d6d6;
    background-color:#d6d6d6;
    text-align:left;
}
.ctb-specialmenucalendar-table .tdheader td
{
    background-color: #d6d6d6;
    color: #ffffff;
    font-weight:bold;
}

.ctb-specialmenucalendar-table .tdnormal td
{
    background-color: #ffffff;
    color: #000000 !important;
    text-indent:5px;
    padding-right:5px;
}
.ctb-specialmenucalendardroptable {
    padding:0px 0px 10px 0px;
}
/*
.ctb-specialmenucalendar-menuheading-ul {
    margin-left:0px;
}
*/

.ctb-specialmenucalendar-menuheading-div{
    /*font-size:large;*/
    /*font-weight:bold;*/
    color:#393939;
    border: 1px solid #ffffff;
    padding:2px 2px 2px 5px;
    height:15px;
    background-color: #EAF5DC;
    cursor:pointer;
    border-radius:5px;
    font-weight:bold;
}

.ctb-specialmenucalendar-menuheading-div:hover {
    background-color:#C9E9A1;
    box-shadow: inset 1px 1px 1px;
}

.ctb-specialmenucalendar-dayInfo {
    padding: 5px 0 5px 5px;
}
.ctb-specialmenucalendar-menuheading-img:hover {
    background-color: #faf0b9;
    box-shadow: 1px 1px 3px 2px pink inset;
}
.ctb-specialmenucalendar-menurecipe-div{
    min-height: 30px;

}
.ctb-specialmenucalendar-menurecipe-list {
    /*font-size:large;*/
    margin-left:10px;
    padding:2px 0px 2px 10px;
    list-style-type:square;
}
.ctb-specialmenucalendar-menurecipe-list li {
    padding: 2px 0 2px 0;
}

/* Recipe Menu builder */
.ctb-recipemenubuilder-dropzone {
    width:70%;
    min-height:100%;
    position:absolute;
    padding-top: 20px;
    padding-bottom:20px;
    border:1px solid #e6e6e6;
    box-shadow: 5px 5px 5px #888888;
}

.ctb-recipemenubuilder-dropzone-menuheading-div{
    /*font-size:large;*/
    /*font-weight:bold;*/
    color:#393939;
    border: 1px solid #ffffff;
    padding:2px 2px 2px 5px;
    height:15px;
    background-color: #EAF5DC;
    cursor:pointer;
    border-radius:5px;
    font-weight:bold;
    font-size:14px;
}

.ctb-recipemenubuilder-dropzone-menuheading-div:hover {
    background-color:#C9E9A1;
    box-shadow: inset 1px 1px 1px;
}
.ctb-recipemenubuilder-dropzone-menurecipe-div {
    min-height:40px;
    width:100%;
    padding:0px 0 20px 0;
    position: relative;
}
.ctb-recipemenubuilder-dropzone-recipemenuitem-hover:hover{
    font-weight:bold;
}
/* ------------------------------ */
/* Recipe menu display table      */
/* ------------------------------ */
.recipe-menu-analysis-summary-display-table {
    border:10px solid #ffffff;
    background-color: #d6d6d6;
    text-align:left;
}

.recipe-menu-analysis-summary-display-table .tdheader td
{
    background-color: #c0c0c0;
    color:#585858;
    font-weight:bold;
}
.recipe-menu-analysis-summary-display-table .tdheader-padding-top td
{
    padding-top:2px;
}
.recipe-menu-analysis-summary-display-table .td-border-right-large
{
    border-right:1px solid #c0c0c0;
    vertical-align:top;
}
.recipe-menu-analysis-summary-display-table .tdnormal td
{
    background-color: #ffffff;
    color: #000000 !important;
    text-indent:5px;
    padding-right:5px;
}
.recipe-menu-analysis-summary-display-table .tdnormal .td-even
{
    background-color: #ffffff;
}

.recipe-menu-display-table
{
    border:10px solid #c0c0c0;
    background-color: #c0c0c0;
    text-align:left;
}

.recipe-menu-display-table .tdheader td
{
    background-color: #c0c0c0;
    color: #ffffff;
    font-weight:bold;
}

.recipe-menu-display-table .tdheader-padding-top td
{
    padding-top:2px;
}

.recipe-menu-display-table .tdheader .tdwhitebottomborder
{
    border-bottom:2px solid #ffffff;
}

.recipe-menu-display-table .tdheader .td-kitchen-revenue
{
    background-color:#b44a9c;
}

.recipe-menu-display-table .tdheader .td-food-cost
{
    background-color:#c7b2d6;
    color: #000000;
}

.recipe-menu-display-table .tdheader .td-food-cost-pt
{
    background-color:#cf9c51;
    color: #000000;
}

.recipe-menu-display-table .tdheader .td-food-cost-pt-with-labour
{
    background-color:#f26522;
}

.recipe-menu-display-table .tdheader .td-selling-price
{
    background-color:#ffffff;
    color: #000000;
}

.recipe-menu-display-table .tdheader .td-less-gst
{
    background-color:#83D1C5;
}

.recipe-menu-display-table .tdheader .td-gross-profit
{
    background-color:#00aeef;
}

.recipe-menu-display-table .tdheader .td-contribution-margin
{
    background-color:#f26522;
}

.recipe-menu-display-table .tdheader .td-gross-profit-pt
{
    background-color:#ccff99;
    color: #000000;
}

.recipe-menu-display-table .tdheader .td-portion-inc-labour
{
    background-color:#ee3124;
}

.recipe-menu-display-table .tdheader .td-gross-profit-with-labour
{
    background-color:#967066;
}

.recipe-menu-display-table .tdheader .td-gross-profit-pt-with-labour
{
    background-color:#37aba1;
}

.recipe-menu-display-table .td-border-right-large
{
    border-right:7px solid #c0c0c0;
    vertical-align:top;
}
.recipe-menu-display-table .td-border-right-large-text-align {
    text-align: right;
}
.recipe-menu-display-table .td-border-right-small
{
    border-right:2px solid #c0c0c0;
    vertical-align:top;
}

.recipe-menu-display-table .td-border-right-xsmall
{
    border-right:2px solid #EBEBEB;
    vertical-align:top;
}

.recipe-menu-display-table .td-no-border-right
{
    border-right:0px solid #c0c0c0;
    vertical-align:top;
}

.recipe-menu-display-table .tdnormal td
{
    background-color: #ffffff;
    color: #000000 !important;
    text-indent:5px;
    padding-right:5px;
}

.recipe-menu-display-table .tdnormal .td-odd
{
    background-color: #dcdcdc;
}

.recipe-menu-display-table .tdnormal .td-even
{
    background-color: #ffffff;
}

.recipe-menu-display-table .tdnormal input[type="button"]{
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:1px;
    font-size:10px;
    height: 20px;
    background-color: #c0c0c0;
    color: #ffffff;
    font-weight: bold;
    border:1px solid transparent;
}

.recipe-menu-display-table .tdnormal input[type="button"]:hover
{
    -moz-box-shadow: 0px 0px 2px 1px #c0c0c0;
    -webkit-box-shadow: 0px 0px 2px 1px #c0c0c0;
    box-shadow: 0px 0px 2px 1px #c0c0c0;
}

/* ------------------------------ */
/* Window - ctbwindow-black-bg */
/* ------------------------------ */

*.ctbwindow-black-bg
{
    background-color:#ececec;
    border-radius: 5px;
    box-shadow: 3px 5px 9px rgba(0,0,0,0.45);
    -webkit-box-shadow: 3px 5px 9px rgba(0, 0, 0, 0.45);
}

*.ctbwindow-black-bg *.x-window-tl, *.ctbwindow-black-bg .x-window-tr, *.ctbwindow-black-bg *.x-window-tc,*.ctbwindow-black-bg *.x-window-bl, *.ctbwindow-black-bg *.x-window-br, *.ctbwindow-black-bg *.x-window-bc, *.ctbwindow-black-bg *.x-window-ml, *.ctbwindow-black-bg *.x-window-mr
{
    background-image:none;
}

*.ctbwindow-black-bg *.x-window-mc
{
    background-image:none;
    background-color:transparent !important;
    border: none;
}

*.ctbwindow-black-bg *.x-window-body
{
    border: none;
}

*.ctbwindow-black-bg *.x-panel-body {
    border: 5px solid transparent;
    background-color: transparent;
}

*.ctbwindow-black-bg *.x-window-header-text {
    color:#000000;
}

/* ------------------------------ */
/* Window - ctbwindow-detail-general    */
/* ------------------------------ */

*.ctbwindow-detail-general
{
    background-color:#ededed;
}

*.ctbwindow-detail-general *.x-window-tl, *.ctbwindow-detail-general .x-window-tr, *.ctbwindow-detail-general *.x-window-tc,*.ctbwindow-detail-general *.x-window-bl, *.ctbwindow-detail-general *.x-window-br, *.ctbwindow-detail-general *.x-window-bc, *.ctbwindow-detail-general *.x-window-ml, *.ctbwindow-detail-general *.x-window-mr
{
    background-image:none;
}

*.ctbwindow-detail-general *.x-window-mc
{
    background-image:none;
    background-color:transparent !important;
    border: none;
}

*.ctbwindow-detail-general *.x-window-body
{
    border: none;
}

*.ctbwindow-detail-white-bg *.x-window-body
{
    background-color:white;
}

/**.ctbwindow-detail-whiteboard-bg *.x-window-body
{
    background-image:url(/Content/whiteboard/whiteboard_bg.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}*/
*.ctbwindow-detail-whiteboard-bg1 *.x-window-body {
    /*border-width: 30px 30px 30px 30px;
    -moz-border-image: url('/Content/whiteboard/whiteboard_bg.png') 30 30 30 30 round;
    -webkit-border-image: url('/Content/whiteboard/whiteboard_bg.png') 30 30 30 30 round;
    -o-border-image: url('/Content/whiteboard/whiteboard_bg.png') 30 30 30 30 round;
    border-image: url('/Content/whiteboard/whiteboard_bg.png') 30 30 30 30 round;*/

   /*
    * You should include a border-color and border-style as a fallback
    * for browsers that don't support border-image (and to prevent 
    * this known issue that happens in certain versions of Firefox:
    * https://bugzilla.mozilla.org/show_bug.cgi?id=748253 (thanks to 
    * Lith for pointing this out).
    */
    /*border-color: black;
    border-style: solid;*/
    position: relative;
    padding: 30px;
    background:
        url('/Content/whiteboard/wb-f1.png') 0 0/40px 40px no-repeat,
        url('/Content/whiteboard/wb-f2.png') 40px 0/calc(100% - 80px) 40px no-repeat,
        url('/Content/whiteboard/wb-f3.png') right 0/40px 40px no-repeat,
        url('/Content/whiteboard/wb-f4.png') right 40px/40px calc(100% - 80px) no-repeat,
        url('/Content/whiteboard/wb-f5.png') right bottom/40px 40px no-repeat,
        url('/Content/whiteboard/wb-f6.png') 40px bottom/calc(100% - 80px) 40px no-repeat,
        url('/Content/whiteboard/wb-f7.png') 0 bottom/40px 40px no-repeat,
        url('/Content/whiteboard/wb-f8.png') 0 40px/40px calc(100% - 80px) no-repeat;
  /* border: 40px solid black; */
    /* background-image: url(/Content/whiteboard/whiteboard_bg.png);
//   border-image-repeat: round;
    // background-repeat: no-repeat;
    // background-size: 100% 100%;*/
    background-color: transparent;
}

*.ctbwindow-detail-general *.x-panel-body {
    /*background-color: #c8c8c8;*/
}

*.ctbwindow-detail-general *.x-panel-ml, *.ctbwindow-detail-general *.x-panel-mr, *.ctbwindow-detail-general *.x-panel-mc
{
    background-image: none;
    border-color:#c8c8c8;
}

*.ctbwindow-detail-general *.x-panel-ml, *.ctbwindow-detail-general *.x-panel-mr
{
    background-color:#ededed;
}


*.ctbwindow-detail-general *.x-panel-bl, *.ctbwindow-detail-general *.x-panel-br, *.ctbwindow-detail-general *.x-panel-bc
{
    background-image: none;
    border-color:#c8c8c8;
    background-color:transparent;
}

*.ctbwindow-detail-general *.x-panel-bc {
    border-bottom: 1px solid #8c8c8c;
}

*.ctbwindow-detail-general *.x-border-layout-ct {
    background-color: #ededed;
}

*.ctbwindow-detail-general *.x-panel-body {
    border-color: #ededed;
    background-color: transparent;
}

*.ctbwindow-detail-general .ctb-number-pad {
    background-color: #ededed !important;
}

*.ctbwindow-detail-general *.x-panel-header {
    color: #000000;
    font-weight: normal;
    font-size: 22px;
    font-family: arial,tahoma,verdana,sans-serif;
}

*.ctbwindow-detail-general *.x-panel-tl, *.ctbwindow-detail-general *.x-panel-tr, *.ctbwindow-detail-general *.x-panel-tc
{
    background-image: none;
    border-color:#c8c8c8;
}

*.ctbwindow-detail-general *.x-panel-tl, *.ctbwindow-detail-general *.x-panel-tr
{
    background-color:#c8c8c8;
}



*.ctbwindow-detail-general *.x-window-header-text {
    color:#000000;
}

/* ------------------------------ */
/* Form fields */
/* ------------------------------ */
*.x-form-field-wrap *.x-form-trigger
{
    height: 20px !important;
    border-top:1px solid #585858;
    border-bottom:1px solid #585858;
    border-right:1px solid #585858;
    background-color: #ffffff;
}

/*@-moz-document url-prefix()
{
    *.x-form-field-wrap *.x-form-trigger
    {
        height:18px !important;
    }
}*/

.ext-webkit .x-small-editor .x-form-text
{
    padding: 1px 3px;
}

.ext-strict .x-small-editor .x-form-text
{
    height: 18px !important;
}

*.x-form-field-wrap *.x-form-trigger {
    border-bottom: 1px solid #585858 !important;
}

*.x-form-field-trigger-wrap *.x-form-text
{
    border-color: #585858;
    border-right-color: transparent;
    background-image: none;
}

/* ------------------------------ */
/* Resizable handle */
/* ------------------------------ */

*.x-resizable-handle {
    background-color: transparent;
}

*.x-resizable-over *.x-resizable-handle-north, *.x-resizable-pinned *.x-resizable-handle-north {
    background-image: none;
}

*.x-resizable-over *.x-resizable-handle-east, *.x-resizable-pinned *.x-resizable-handle-east, *.x-resizable-over *.x-resizable-handle-west, *.x-resizable-pinned *.x-resizable-handle-west {
    background-image: none;
}

*.x-resizable-over *.x-resizable-handle-east, *.x-resizable-pinned *.x-resizable-handle-east, *.x-resizable-over *.x-resizable-handle-west, *.x-resizable-pinned *.x-resizable-handle-west {
    background-image: none;
}

*.x-resizable-over *.x-resizable-handle-south, *.x-resizable-pinned *.x-resizable-handle-south, *.x-resizable-over *.x-resizable-handle-north, *.x-resizable-pinned *.x-resizable-handle-north {
    background-image: none;
}
*.x-resizable-over *.x-resizable-handle-northwest, *.x-resizable-pinned *.x-resizable-handle-northwest {
    background-image: none;
}
*.x-resizable-over *.x-resizable-handle-northeast, *.x-resizable-pinned *.x-resizable-handle-northeast {
    background-image: none;
}
*.x-resizable-over *.x-resizable-handle-southeast, *.x-resizable-pinned *.x-resizable-handle-southeast {
    background-image: none;
}
*.x-resizable-over *.x-resizable-handle-southwest, *.x-resizable-pinned *.x-resizable-handle-southwest {
    background-image: none;
}

/* ------------------------------ */
/* Tree */
/* ------------------------------ */
*.x-tree-node-collapsed *.x-tree-node-icon {
    background-image: url(../images/ctbtheme-v3/tree/icon-folder.png);
}

*.x-tree-node-expanded *.icon-folder {
    background-image: url(../images/ctbtheme-v3/tree/icon-folder-open.png);
}

*.x-tree-node-leaf *.icon-folder {
    background-image: url(../images/ctbtheme-v3/tree/icon-folder.png);
}

*.x-tree-node-leaf *.icon-recipe {
    /* background-image: url(../images/ctbtheme-v3/tree/icon-recipe.png); */
    display: none !important;
}

*.x-tree-node-leaf *.icon-recipe-stock {
    /* background-image: url(../images/ctbtheme-v3/tree/icon-recipe-stock.png); */
    display: none !important;
}

*.x-tree-node-leaf *.icon-supplier {
    background-image: url(../images/ctbtheme-v3/tree/icon-supplier.png);
}


/* ------------------------------ */
/* Recipe Book */
/* ------------------------------ */
.ctb-recipebook-detail-panel .x-panel-tbar
{
    min-height : 10px;
}

.ctb-recipebook-detail-panel .x-panel-tbar .x-toolbar
{
    min-height : 10px;
    border : none !important;
    background-color: transparent !important;
    background-image: none;
}

/* Food costing bottom panel in Ingredient tab */
.ctb-recipebook-costing-bottom-panel
{
    background-color : #c0c0c0 !important;
}

.ctb-recipebook-costing-bottom-panel .x-panel-ml, .ctb-recipebook-costing-bottom-panel .x-panel-mr, .ctb-recipebook-costing-bottom-panel .x-panel-mc
{
    background-image: none;
    background-color: transparent;
    border-color:transparent;
}

.ctb-recipebook-costing-bottom-panel .x-panel-bl, .ctb-recipebook-costing-bottom-panel .x-panel-br, .ctb-recipebook-costing-bottom-panel .x-panel-bc
{
    background-image: none;
    background-color: transparent;
    border-color:transparent;
}

.ctb-recipebook-costing-bottom-panel .ctb-template-number-label
{
    color:#ffffff !important;
    font-weight:bold;
}

.ctb-recipebook-costing-bottom-panel .x-form-text
{
    height:15px;
}

/* Cooking method + Handy Hint + Menu Descripion HTML Editor */
.x-html-editor-wrap .x-btn-icon .x-btn-small .x-btn-text {
    background-position: 0 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-image: url(../images/ctbtheme-v3/editor/tb-sprite.gif);
    color: inherit !important;
    font-weight: normal;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-bold {
    background-position: 0 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-italic {
    background-position: -16px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-underline {
    background-position: -32px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-underline {
    background-position: -32px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-increasefontsize {
    background-position: -48px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-decreasefontsize {
    background-position: -64px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-forecolor {
    background-position: -160px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-backcolor {
    background-position: -176px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-justifyleft {
    background-position: -112px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-justifycenter {
    background-position: -128px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-justifyright {
    background-position: -144px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-createlink {
    background-position: -208px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-insertorderedlist {
    background-position: -80px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-insertunorderedlist {
    background-position: -96px 0;
}

.x-html-editor-wrap .x-btn-icon .x-btn-small .x-edit-sourceedit {
    background-position: -192px 0;
}
.ctb-fieldset-custom-border-color {
    border-color:#c8c8c8;
}
.ctb_tree_node {
    background-color: #eeeeee;
    margin-top:1px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ccc;
    padding-top:2px;
    padding-bottom:1px;
    font-weight: bold;
}
.ctb_tree_node .x-tree-node-icon {
    display:none;
}
.ctb_tree_leaf {
    padding:3px 0px 3px 0px;
    font-size: 12px;
    font-weight: bold;
    border:0px solid #fff;
    margin:4px;
}
.ctb_tree_leaf .x-tree-ec-icon{
    display:none;
}
.ctb_tree_leaf_icon {
    background-image:url("../../custom/images/tree_leaf_icon.png") !important;
}

.ctb-piechart {
    margin-left:1px !important;
}
.ctb-piechart-panel {
    border: 1px solid #8c8c8c !important;
}

.ctb-panel-remove-collapse-icon .x-tool{
    background-image:url("../../custom/images/icon-transparent-bg16x16.png") !important;
}

.ctb-panel-header-lightgray .x-panel-header{
    color:#333333;
    font-weight:bold;
    font-size:12px;
    font-family:tahoma,arial,verdana,sans-serif;
    border-color:#bebebe;   /*#8c8c8c;*/
    background-image:url("../../custom/images/icon-transparent-bg16x16.png") !important;
    background-color:#d6d6d6 !important;
}

.ctb-list-header-nobg .x-list-header{
    background-image:url(../../custom/images/icon-transparent-bg16x16.png) !important;
    background-color:#d0d0d0 !important;
}

/***********************************************
For dropdownlist with checkbox
***********************************************/
.ctb-dropdown dd, .ctb-dropdown dt {
    margin:0px;
    padding:0px;
}
.ctb-dropdown ul {
    margin: -1px 0 0 0;
}
.ctb-dropdown dd {
    /*position:relative;*/
    position:absolute;
}
.ctb-dropdown a,
.ctb-dropdown a:visited {
    color:#000;
    text-decoration:none;
    outline:none;
    font-size: 12px;
}
.ctb-dropdown dt a {
    /* background-color:#4F6877;*/
    background-color: transparent;
    display:block;
    padding: 8px 20px 5px 10px;
    min-height: 10px;
    line-height: 10px;
    overflow: hidden;
    border:0;
    /*width:272px;*/
    width:90%;
}
.ctb-dropdown dt a span, .ctb-multiSel span {
    cursor:pointer;
    display:inline-block;
    padding: 0 3px 2px 0;
}
.ctb-dropdown dd ul {
    background-color:#bcd7e1;
    color:#000;
    display:none;
    left:0px;
    padding: 3px 15px 3px 5px;
    position:absolute;
    top:4px;
    width:300px;
    list-style:none;
    height: 100px;
    overflow: auto;
}
.ctb-dropdown span.value {
    display:none;
}
.ctb-dropdown dd ul li a {
    padding:5px;
    display:block;
}
.ctb-dropdown dd ul li a:hover {
    background-color:#fff;
}

/* ------------------------------ */
/* Window - ctbwindow-darkgray-bg  */
/* ------------------------------ */

*.ctbwindow-darkgray-bg
{
    background-color:#cccccc;
}

*.ctbwindow-darkgray-bg .x-window-bwrap, *.ctbwindow-darkgray-bg *.x-window-tl,*.ctbwindow-darkgray-bg .x-window-tr,*.ctbwindow-darkgray-bg *.x-window-tc{
    /* background-color: #E0E0E0 !important; */
    background-image:none;
}
*.ctbwindow-darkgray-bg .x-window-bwrap {
    /* background-color: #cccccc !important; */
}
*.ctbwindow-darkgray-bg .x-window-tr, *.ctbwindow-darkgray-bg *.x-window-tc,*.ctbwindow-darkgray-bg *.x-window-bl, *.ctbwindow-darkgray-bg *.x-window-br, *.ctbwindow-darkgray-bg *.x-window-bc, *.ctbwindow-darkgray-bg *.x-window-ml, *.ctbwindow-darkgray-bg *.x-window-mr
{
    background-image:none;
}

*.ctbwindow-darkgray-bg *.x-window-mc
{
    background-image:none;
    background-color:transparent !important;
    border: none;
}

*.ctbwindow-darkgray-bg *.x-window-body
{
    border: none;
}

*.ctbwindow-darkgray-bg *.x-panel-ml, *.ctbwindow-darkgray-bg *.x-panel-mr, *.ctbwindow-darkgray-bg *.x-panel-mc
{
    background-image: none;
    border-color:#cccccc;
}

*.ctbwindow-darkgray-bg *.x-panel-ml, *.ctbwindow-darkgray-bg *.x-panel-mr
{
    background-color:#cccccc;
}


*.ctbwindow-darkgray-bg *.x-panel-bl, *.ctbwindow-darkgray-bg *.x-panel-br, *.ctbwindow-darkgray-bg *.x-panel-bc
{
    background-image: none;
    border-color:#cccccc;
    background-color:transparent;
}

*.ctbwindow-darkgray-bg *.x-panel-bc {
    border-bottom: 1px solid #cccccc;
}

*.ctbwindow-darkgray-bg *.x-border-layout-ct {
    background-color: #cccccc;
}

*.ctbwindow-darkgray-bg *.x-panel-body {
    border-color: #cccccc;
    background-color: transparent;
}

*.ctbwindow-darkgray-bg *.x-panel-header {
    color: #000000;
    font-weight: normal;
    font-size: 22px;
    font-family: arial,tahoma,verdana,sans-serif;
}

*.ctbwindow-darkgray-bg *.x-panel-tl, *.ctbwindow-darkgray-bg *.x-panel-tr, *.ctbwindow-darkgray-bg *.x-panel-tc
{
    background-image: none;
    border-color: #cccccc;
}

*.ctbwindow-darkgray-bg *.x-panel-tl, *.ctbwindow-darkgray-bg *.x-panel-tr
{
    background-color: #cccccc;
}

/*
 * Align text to justify in allocation message box for License section
 * Author: Binh
 * Date: 21/08/2015
 */
.allocation-msgbox {
    text-align: justify;
}

.droppable-area-wrapper { position: relative; width: calc(100% - 10px); height: calc(100% - 10px); margin: 5px; box-sizing: border-box; }
.droppable-area-wrapper span { position: absolute; display: inline-block; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 16px; text-align: justify; line-height: 20px;
    pointer-events: none; -webkit-user-select: none; user-select: none; z-index: 0;}
.droppable-area-wrapper input { display: none;}
.droppable-area { width: 100%; height: 100%; box-sizing: border-box; border: 1px dashed grey; }
.droppable-area.over { background-color: lightgreen; border-color: green; border-width: 5px; }
.preview-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 90%; margin: auto;}

.bg-upload-btn { position: relative; top: 5px; left: 50%; transform: translateX(-50%); display: inline-block;
    border-radius: 4px; padding:  5px 8px; z-index: 2; }
    .bg-upload-btn:hover { background-color: lightgreen; border-color: green; cursor: pointer; }
.upload-finished-note { position: absolute; display: block; width: auto; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);
    font-size: 16px; }

/**
 * Binh 17/01/2016 Css instead of inline style for receiving order
 */
.x-grid3-col-receivingOrderType {
    font-family:Helvetica Neue, Segoe UI, Arial, sans-serif;font-size:12px;
}
.x-grid3-col-receivingOrderType > div {
    width: 100%; height: 100%; text-indent: 5px;
}
.x-grid3-col-receivingOrderType .normal-order-parked { background-color: #f77c00; }
.x-grid3-col-receivingOrderType .normal-order { background-color: #9E9E9E; }
.x-grid3-col-receivingOrderType .e-invoice-parked { background-color: #f77c00; }
.x-grid3-col-receivingOrderType .e-invoice { background-color: #E57373; }
.x-grid3-col-receivingOrderType .e-credit-note { background-color: #81C784 ; }
.x-grid3-col-receivingOrderType .e-credit-note-received { background-color: #33ff55; }
.x-grid3-col-receivingOrderType .requisition-in { background-color: #64B5F6; }
.x-grid3-col-receivingOrderType .split-order { background-color: #f77c00; }
.x-grid3-col-receivingOrderType .pdf-invoice { background-color: #E57373; }
.x-grid3-col-receivingOrderType .incomplete-invoice { background-color: #FFF176; }

/* CSS for hovering effect in user authorities */
.authority-window .x-form-item:active { color: white; }

/* Cycle menu*/

.ctbwindow-cyclemenu .x-window-bwrap
{
    background-color:white;
    background-image:url(/Content/custom/images/cyclemenu/cyclemenu-bg.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.ctbwindow-cyclemenu *.x-panel-mr, .ctbwindow-cyclemenu *.x-panel-ml
{
    background-color:white !important;
}

.ctbwindow-cyclemenu .x-tab-panel-body
{
    background-color: #ffffff;
    border-color: #8c8c8c;
}

.ctbwindow-cyclemenu .x-tab-panel-body .x-panel-body
{
    border-color: #ffffff;
}

.ctbwindow-cyclemenu .x-tab-panel-body .x-grid3
{
    border: 10px solid #ffffff !important;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-grid3 *.x-grid3-header
{
    background-color: #ffffff;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-panel-bc {
    border-bottom: 1px solid #ffffff;
}

.ctbwindow-cyclemenu .x-tab-panel-body .x-toolbar-layout-ct .x-toolbar-ct {
    border-bottom: 1px solid #ffffff;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-grid3-hd-row td {
    border-left-color: #ffffff;
    border-right-color: #ffffff;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-panel-header {
    border-color: #ffffff;
    background-image: none;
}

.ctbwindow-cyclemenu .x-tab-panel-body .x-grid3-hd-over .x-grid3-hd-inner
{
    background-color: #ffffff;
}

.ctbwindow-cyclemenu .x-tab-panel-header .x-tool
{
    background-image: url(../images/default/panel/tool-sprites.gif) !important;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-grid3-body *.x-grid3-row-selected *.x-grid3-td-checker
{
    background-image: none;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-grid3-body *.x-grid3-td-checker {
    background-image: none;
}

.ctbwindow-cyclemenu .x-tab-panel-body .x-grid3-hd-checker {
    display: none;
}

.ctbwindow-cyclemenu .x-tab-panel-body *.x-grid3-row-checker {
    display: none;
}

.ctbwindow-cyclemenu .x-tab-panel-body .x-grid3-viewport {
    margin-left:-20px;
}

.ctbwindow-cyclemenu .fc-time-grid-container {
    display: none !important;
}

.ctbgrid-cyclemenu .x-grid3-row {background-color:transparent !important;}

.ctbgrid-cyclemenu .fc-event {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    line-height: 250%;
}

.ctb-cyclemenu-colorpicker {
    background-color:transparent !important;
    width:70px;
    height:24px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.75);
}


.ctb-cyclemenu-colorpicker .sp-preview {
    width:50px;
    background-color:transparent !important;
    border:none !important;
}

.ctb-cyclemenu-colorpicker .sp-dd {
    padding: 5px 0;
}

.ctb-cyclemenu-colorpicker .sp-preview-inner {
    background-color:white !important;
}

/* Supplier price update */
/* .ctb-supplier-price-update-window .x-window-bwrap {
    background-color:white !important;
    background-image:url(/Content/custom/images/supplier_price_update/supplier_price_update_background.png) !important;
    background-repeat:no-repeat;
    background-size:100% 100%;
} */

.ctb-supplier-price-update-panel .x-panel-bwrap {
    background-color:transparent!important;
}

.ctb-supplier-price-update-panel .x-border-layout-ct {
    background-color:transparent!important;
}

.ctb-supplier-price-update-panel {
    background-color:white !important;
    background-image:url(/Content/custom/images/supplier_price_update/supplier_price_update_background.png) !important;
    background-repeat:no-repeat;
    background-size:100% 100%;
}

/* Multi supplier order */
.ctb-button-highlight:hover{
    text-decoration:underline;
}

.ctb-tooltip-userlegend {
    display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#d9d9d9;
	border-radius:5px;
	padding:10px;
	color:#000000;
	font-size:12px;
    z-index:9999999;
}

/* Advanced database analysis */
.btnAdvancedDatabaseAnalysis {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
}
.btnAdvancedDatabaseAnalysis:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.btnAdvancedDatabaseAnalysis:active {
	position:relative;
	top:1px;
}

.ctb_transparent_bg_color .x-panel-body {
    background-color:transparent!important;
}

.tendering-td-hover:hover {
    background-color: #f7d8a0 !important;
    cursor:pointer;
}

.tendering-row-hover td {
    background-color: #f7d8a0 !important;
}



/* ------------------------------ */
/* Window - ctbwindow-notification  */
/* ------------------------------ */

*.ctbwindow-notification
{
    background-color:#ffffff;
}

*.ctbwindow-notification .x-window-bwrap, *.ctbwindow-notification *.x-window-tl,*.ctbwindow-notification .x-window-tr,*.ctbwindow-notification *.x-window-tc{
    background-color: #ffffff !important;
    background-image:none;
}
*.ctbwindow-notification .x-window-bwrap {
    background-color: #ffffff !important;
}

*.ctbwindow-notification .x-window-tl {
    background-color: #ffffff !important;
}
*.ctbwindow-notification .x-window-tr, *.ctbwindow-notification *.x-window-tc,*.ctbwindow-notification *.x-window-bl, *.ctbwindow-notification *.x-window-br, *.ctbwindow-notification *.x-window-bc, *.ctbwindow-notification *.x-window-ml, *.ctbwindow-notification *.x-window-mr
{
    background-image:none;
}

*.ctbwindow-notification *.x-window-mc
{
    background-image:none;
    background-color:transparent !important;
    border: none;
}

*.ctbwindow-notification *.x-window-body
{
    border: none;
    text-align: center;
    font-size: 14px !important;
}


*.ctbwindow-notification *.x-panel-ml, *.ctbwindow-notification *.x-panel-mr, *.ctbwindow-notification *.x-panel-mc
{
    background-image: none;
    border-color:#ffffff;
}

*.ctbwindow-notification *.x-panel-ml, *.ctbwindow-notification *.x-panel-mr
{
    background-color:#ffffff;
}


*.ctbwindow-notification *.x-panel-bl, *.ctbwindow-notification *.x-panel-br, *.ctbwindow-notification *.x-panel-bc
{
    background-image: none;
    border-color:#ffffff;
    background-color:transparent;
}

*.ctbwindow-notification *.x-panel-bc {
    border-bottom: 1px solid #ffffff;
}

*.ctbwindow-notification *.x-border-layout-ct {
    background-color: #ffffff;
}

*.ctbwindow-notification *.x-panel-body {
    border-color: #ffffff;
    background-color: transparent;
}

*.ctbwindow-notification *.x-panel-body-noheader {
    text-align: center;    
}

*.ctbwindow-notification *.x-panel-body-noheader > h2 {
    text-align: center;
    font-size: 24px !important;
}


*.ctbwindow-notification *.x-panel-header {
    color: #000000;
    font-weight: normal;
    font-size: 22px;
    font-family: arial,tahoma,verdana,sans-serif;
}

*.ctbwindow-notification *.x-panel-tl, *.ctbwindow-notification *.x-panel-tr, *.ctbwindow-notification *.x-panel-tc
{
    background-image: none;
    border-color: #cccccc;
}

*.ctbwindow-notification *.x-panel-tl, *.ctbwindow-notification *.x-panel-tr
{
    background-color: #cccccc;
}

#ctb-patient-mealchoice-detail .container{
    padding: 15px;
}

#ctb-patient-mealchoice-detail .title {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

#ctb-patient-mealchoice-detail .value {
    margin-left: 20px;
    margin-bottom: 5px;
}