.viewport,.viewport-t,.viewport-l,.viewport-l2,.viewport-r,.viewport-m,.viewport-b,.viewport-splitbar{
    overflow:hidden;
    display:block;
    padding:0;
}
.viewport-t,.viewport-l,.viewport-l2,.viewport-r,.viewport-m,.viewport-b,.viewport-splitbar{
    position:absolute;
    left:0;
    top:0;
}
.viewport{
    position:relative;
    margin:0;
}
.viewport-splitbar{font-size:0;height:5px;width:5px;background-color:transparent;}
.viewport-splitbar-l,.viewport-splitbar-l2,.viewport-splitbar-r{cursor:w-resize;}
.viewport-splitbar-t,.viewport-splitbar-b{cursor:n-resize;}

.viewport-splitbar-bgcolor {
    background-color:#c2c2c2;
    z-index:999999999;
}
.viewport-splitbar-expand1
{
    
}
.viewport-splitbar-expand2
{
}

/*面板控件*/
.panel {
    background-color:#fff;
    position:relative;
}
.panel-title {
    height:27px;
    vertical-align:middle;
    background:#fff url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0;
    border:1px solid #c2c2c2;
    border-bottom:0;
    overflow:hidden;
    color:#2d2d2d;
}
.panel-title img {
    vertical-align:middle;    
}
.panel-title-collapse{
    border:1px solid #c2c2c2;
}
.panel-title-text {
    height:20px;
    padding-top:5px;
    padding-left:5px;
    text-align:left;
    overflow:hidden;
    font-family:tahoma;
    font-weight:bold;
}
.panel-title-bt {
    position:absolute;
    right:5px;
    top:5px;
}
.panel-title-reloadbt,.panel-title-collapsebtbt,.panel-title-expendbtbt,.panel-title-closebtbt{
    width:16px;
    height:16px;
    display:block;
    margin-left:2px;
    text-align:center;
    background:transparent  url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0;
    float:right;
}
a.panel-title-reloadbt:link{background-position:0 -336px;}
a.panel-title-reloadbt:visited{background-position:0 -336px;}
a.panel-title-reloadbt:hover{background-position:0 -317px;}
a.panel-title-reloadbt:active{background-position:0 -336px;}

a.panel-title-collapsebtbt:link{background-position:-21px -336px;}
a.panel-title-collapsebtbt:visited{background-position:-21px -336px;}
a.panel-title-collapsebtbt:hover{background-position:-21px -317px;}
a.panel-title-collapsebtbt:active{background-position:-21px -336px;}

a.panel-title-expendbtbt:link{background-position:-61px -336px;}
a.panel-title-expendbtbt:visited{background-position:-61px -336px;}
a.panel-title-expendbtbt:hover{background-position:-61px -317px;}
a.panel-title-expendbtbt:active{background-position:-61px -336px;}

a.panel-title-closebtbt:link{background-position:-42px -336px;}
a.panel-title-closebtbt:visited{background-position:-42px -336px;}
a.panel-title-closebtbt:hover{background-position:-42px -317px;}
a.panel-title-closebtbt:active{background-position:-42px -336px;}

.panel-body,.panel-body-inner {
    overflow:hidden;
    position:relative;
}
.panel-body {
    border:1px solid #c2c2c2;
}
.panel-clear{
    font-size:3px;
}


/*面包面板中树形选择样式修复*/
div.catelogTreePane .panel-body{
    border:1px solid #286191;
}

div.catelogTreePane .panel-body
,div.catelogTreePane .panel-body-inner
,div.catelogTreePane .l-tree
{
    background-color:#4187c1;
}

div.catelogTreePane .l-tree{
    color:#fff;
}
div.catelogTreePane .l-selected
,div.catelogTreePane .l-over
,div.catelogTreePane .l-selected .treeText
,div.catelogTreePane .l-over .treeText
{
    background-color:#fbbe04;
    color:#000;
}






.tabpanel{
    position:relative;
}

.tabpanel-title{
    height:27px;
    border:1px solid #c2c2c2;
    background:#fff url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0;
    position:relative;
}
.tabpanel-title-firstoffset
{
    height:27px;
    top:0;
    left:0;
}
.tabpanel-title-lastoffset
{
    height:27px;
    top:0;
    right:0;
}

.tabpanel-tabs{
    overflow:hidden;
    height:28px;
    position:absolute;
    
    bottom:-1px;
    _bottom:-2px;
    
    left:0;    
}

.tabpanel-tab,
.tabpanel-tab-over,
.tabpanel-tab-active{
    cursor:default;
    table-layout:fixed;
    border-collapse:collapse;
    position:absolute;
}
.tabpanel-firsttab{}
.tabpanel-lasttab{}
.tabpanel-tab-tr{}

.tabpanel-tab-td{
    vertical-align:middle;
    text-align:left;
    height:28px;
    padding:0 !important;
    border:0;
}

.tabpanel-tab td.tabpanel-tab-left{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 0;font-size:0px;border-left:1px solid #fff;}
.tabpanel-tab td.tabpanel-tab-right{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 0;font-size:0px;text-align:center; vertical-align:middle;border-right:1px solid #c2c2c2;}
.tabpanel-tab td.tabpanel-tab-center{background:url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0;font-family:tahoma;}
.tabpanel-tab td.rightfixed-notcloseable{background-position:0 0;}

.tabpanel-tab-over td.tabpanel-tab-left{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 0;font-size:0px;border-left:1px solid #fff;}
.tabpanel-tab-over td.tabpanel-tab-right{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 0;font-size:0px;text-align:center; vertical-align:middle;border-right:1px solid #c2c2c2;}
.tabpanel-tab-over td.tabpanel-tab-center{background:url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0;font-family:tahoma;}
.tabpanel-tab-over td.rightfixed-notcloseable{background-position:0 0;}

.tabpanel-tab-active td.tabpanel-tab-left{background:#fff;font-size:0px;border-left:1px solid #fff;}
.tabpanel-tab-active td.tabpanel-tab-right{background:#fff;font-size:0px;text-align:center; vertical-align:middle;border-right:1px solid #c2c2c2;}
.tabpanel-tab-active td.tabpanel-tab-center{background:#fff;font-family:tahoma;}
.tabpanel-tab-active td.rightfixed-notcloseable{background-position:0 0;}

.tabpanel-moretab-fixed
{
    border-left:1px solid #c2c2c2;
    border-right:1px solid #c2c2c2;
}

td.tabpanel-tab-center
{
    overflow:hidden;
    white-space:nowrap;
    word-break:keep-all;
    word-wrap:normal;
}

.tabpanel-tab-closebt{
    display:block;
    overflow:hidden;
    height:11px;
    width:11px;
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -12px -30px;
    margin-left:4px;
}
a.tabpanel-tab-closebt:link{background-position:-12px -30px;}
a.tabpanel-tab-closebt:visited{background-position:-12px -30px;}
a.tabpanel-tab-closebt:hover{background-position:0 -30px;}
a.tabpanel-tab-closebt:active{background-position:-12px -30px;}

a.tabpanel-title-moretab-r,a.tabpanel-title-moretab-l
{
    font-size:0px;    
    text-decoration:none;
    position:absolute;
    display:block;
    height:28px;
    width:8px;
    top:0;
    
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 -42px;
    
}
a.tabpanel-title-moretab-r:link{background-position:0 -42px;}
a.tabpanel-title-moretab-r:visited{background-position:0 -42px;}
a.tabpanel-title-moretab-r:hover{background-position:-16px -42px;}
a.tabpanel-title-moretab-r:active{background-position:0 -42px;}

a.tabpanel-title-moretab-l {
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -8px -42px;
}
a.tabpanel-title-moretab-l:link{background-position:-8px -42px;}
a.tabpanel-title-moretab-l:visited{background-position:-8px -42px;}
a.tabpanel-title-moretab-l:hover{background-position:-24px -42px;}
a.tabpanel-title-moretab-l:active{background-position:-8px -42px;}

.tabpanel-body{
    background-color:#fff;
    border:1px solid #c2c2c2;
    border-top:0;
}
.tabpanel-body-inner
{
    position:relative;
    overflow:hidden;
}
/**/
.tabpanel2{
    position:relative;
    background-color:#fff;
}

.tabpanel2-title{
    height:27px;
    border-bottom:1px solid #6e96b0;    
    background-color:#b8cee0;
    position:relative;
}
.tabpanel2-title-firstoffset,
.tabpanel2-title-lastoffset
{
    top:0;
    right:0;
}

.tabpanel2-tabs{
    overflow:hidden;
    height:23px;
    position:absolute;
    
    bottom:-1px;
    _bottom:-2px;
    
    left:0;    
}

.tabpanel2-tab,
.tabpanel2-tab-over,
.tabpanel2-tab-active{
    cursor:default;
    table-layout:fixed;
    border-collapse:collapse;
    position:absolute;
}
.tabpanel2-firsttab{}
.tabpanel2-lasttab{}
.tabpanel2-tab-tr{}

.tabpanel2-tab-td{
    vertical-align:middle;
    text-align:left;
    height:23px;
    padding:0;
    border:0;
}

.tabpanel2-tab td.tabpanel2-tab-left{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 -144px;font-size:0px;}
.tabpanel2-tab td.tabpanel2-tab-right{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -28px -144px;font-size:0px;text-align:center; vertical-align:middle;}
.tabpanel2-tab td.tabpanel2-tab-center{background:url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 -192px;font-family:tahoma;}
.tabpanel2-tab td.rightfixed-notcloseable{background-position:-39px -144px;}

.tabpanel2-tab-over td.tabpanel2-tab-left{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 -144px;font-size:0px;}
.tabpanel2-tab-over td.tabpanel2-tab-right{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -28px -144px;font-size:0px;text-align:center; vertical-align:middle;}
.tabpanel2-tab-over td.tabpanel2-tab-center{background:url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 -192px;font-family:tahoma;}
.tabpanel2-tab-over td.rightfixed-notcloseable{background-position:-39px -144px;}

.tabpanel2-tab-active td.tabpanel2-tab-left{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 -120px;font-size:0px;}
.tabpanel2-tab-active td.tabpanel2-tab-right{background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -28px -120px;font-size:0px;text-align:center; vertical-align:middle;}
.tabpanel2-tab-active td.tabpanel2-tab-center{background:url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 -168px;font-family:tahoma;}
.tabpanel2-tab-active td.rightfixed-notcloseable{background-position:-39px -120px;}

td.tabpanel2-tab-center
{
    overflow:hidden;
    white-space:nowrap;
    word-break:keep-all;
    word-wrap:normal;
}

.tabpanel2-tab-closebt{
    display:block;
    overflow:hidden;
    height:16px;
    width:16px;
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 -236px;
    margin-left:3px;
    _margin-left:-6px;    
}
a.tabpanel2-tab-closebt:link{background-position:0 -236px;}
a.tabpanel2-tab-closebt:visited{background-position:0 -236px;}
a.tabpanel2-tab-closebt:hover{background-position:0 -216px;}
a.tabpanel2-tab-closebt:active{background-position:0 -236px;}

a.tabpanel2-title-moretab-r,a.tabpanel2-title-moretab-l
{
    font-size:0px;    
    text-decoration:none;
    position:absolute;
    display:block;
    height:30px;
    width:8px;
    top:0px;
    
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -41px -30px;
    
}
a.tabpanel2-title-moretab-r:link{background-position:-41px -30px;}
a.tabpanel2-title-moretab-r:visited{background-position:-41px -30px;}
a.tabpanel2-title-moretab-r:hover{background-position:-50px -30px;}
a.tabpanel2-title-moretab-r:active{background-position:-41px -30px;}

a.tabpanel2-title-moretab-l {
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll -32px -30px;
}
a.tabpanel2-title-moretab-l:link{background-position:-32px -30px;}
a.tabpanel2-title-moretab-l:visited{background-position:-32px -30px;}
a.tabpanel2-title-moretab-l:hover{background-position:-59px -30px;}
a.tabpanel2-title-moretab-l:active{background-position:-32px -30px;}

.tabpanel2-body{
    background-color:#fff;
    border:1px solid #fff;
    border-top:0;
}
.tabpanel2-body-inner {
    position:relative;
}

.accordionpanel {
    background-color:#fff;
    position:relative;
    overflow:hidden;
}
.accordionpanel-title{
    height:27px;
    overflow:hidden;
    background:#d7d7d7 url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0;
    border:1px solid #c2c2c2;
    border-bottom:0;
}
.accordionpanel-title_last{
    border:1px solid #c2c2c2;
    height:26px;
}
.accordionpanel-title-over{
    background:#b7b6b6 url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 -461px;
}
.accordionpanel-title-active{
    background:#b7b6b6 url(../../imgs/crm90/panel2.gif) repeat-x scroll 0 0
}

.accordionpanel-title-text{
    cursor:default;
    overflow:hidden;
    white-space:nowrap;
    word-break:keep-all;
    word-wrap:normal;
    font-family:tahoma;
    text-align:left;
    padding-top:5px;
    padding-left:5px;
    height:20px;
    float:left;
}
.accordionpanel-title-bt{
    overflow:hidden;
    height:25px;
    float:right;
}
.accordionpanel-title-bt-expend,.accordionpanel-title-bt-collapse{
    display:block;
    overflow:hidden;
    height:15px;
    width:15px;
    background:url(../../imgs/crm90/panel2.gif) no-repeat scroll 0 0;
    margin:6px 0 0 10px;
}
a.accordionpanel-title-bt-expend:link{background-position:-48px -490px;}
a.accordionpanel-title-bt-expend:visited{background-position:-48px -490px;}
a.accordionpanel-title-bt-expend:hover{background-position:-32px -490px;}
a.accordionpanel-title-bt-expend:active{background-position:-48px -490px;}
a.accordionpanel-title-bt-collapse:link{background-position:-16px -490px;}
a.accordionpanel-title-bt-collapse:visited{background-position:-16px -490px;}
a.accordionpanel-title-bt-collapse:hover{background-position:0 -490px;}
a.accordionpanel-title-bt-collapse:active{background-position:-16px -490px;}

.accordionpanel-body{
    overflow:hidden;
    background-color:#fff;
    border:1px solid #c2c2c2;
    border-bottom:0;
}
.accordionpanel-body-last{
    border:1px solid #c2c2c2;
    border-top:0;
}
.accordionpanel-body-inner{
    position:relative;
    overflow:auto;
}







/*工具条*/
.toolbar
{
    font-family:tahoma;
    border:1px solid #c2c2c2;
    background:#f3f1f1;
}
.toolbar table
{
    border-collapse:collapse;
}
.toolbar-icon
{
    width:100%;
    height:22px;
}
.toolbar-tableitem-td-icon
{
    width:20px;
    height:22px;
}
.toolbar-tableitem-td-arrow
{
    width:10px;
    height:22px;
}
.toolbar-tableitems-htmlstring,.toolbar-tableitem-td-m
{
    vertical-align:middle;
    height:22px;
}

/*分割线*/
.toolbar-tableitems-spliter
{
    width:5px;
    height:22px;
    font-size:0px;
    background:url(../../imgs/crm90/toolbar.gif) no-repeat scroll -2px -100px;
}
/*箭头图标*/
.toolbar-arrow
{
    font-size:0px;
    background:url(../../imgs/crm90/toolbar.gif) no-repeat scroll 5px -124px;
}

/*左右两侧的圆角*/
.toolbar-tableitem-td-l,
.toolbar-tableitem-td-r
{
    font-size:0;
    height:22px;
    width:6px;
}

/*手型指针*/
.toolbar-tableitem-td-l,
.toolbar-tableitem-td-r,
.toolbar-tableitem-td-m,
.toolbar-tableitem-td-icon,
.toolbar-tableitem-td-arrow
{
    cursor:pointer;
}

/*鼠标滑动*/
.toolbar-tableitem-tr-over .toolbar-tableitem-td-l
{  
    background:url(../../imgs/crm90/toolbar.gif) no-repeat scroll 0 -73px;
}
.toolbar-tableitem-tr-over .toolbar-tableitem-td-r
{  
    background:url(../../imgs/crm90/toolbar.gif) no-repeat scroll 0 -50px;
}
.toolbar-tableitem-tr-over .toolbar-tableitem-td-icon,.toolbar-tableitem-tr-over .toolbar-tableitem-td-m,.toolbar-tableitem-tr-over .toolbar-tableitem-td-arrow
{   
    background:url(../../imgs/crm90/toolbar.gif) repeat-x scroll 0 -27px;
}

/*当前项*/
.toolbar-tableitem-tr-current .toolbar-tableitem-td-l
{  
    background:url(../../imgs/crm90/toolbar.gif) no-repeat scroll 0 -198px;
}
.toolbar-tableitem-tr-current .toolbar-tableitem-td-r
{  
    background:url(../../imgs/crm90/toolbar.gif) no-repeat scroll 0 -175px;
}
.toolbar-tableitem-tr-current .toolbar-tableitem-td-icon,.toolbar-tableitem-tr-current .toolbar-tableitem-td-m,.toolbar-tableitem-tr-current .toolbar-tableitem-td-arrow
{   
    background:url(../../imgs/crm90/toolbar.gif) repeat-x scroll 0 -152px;
}