/*yz-font*/
/*yz-font-yahei*/
.yz-font-yahei .x-toolbar-text-default,
.yz-font-yahei .x-btn-inner-default-toolbar-small,
.yz-font-yahei .x-component,
.yz-font-yahei .x-tab-inner-default,
.yz-font-yahei .x-title-text
{
    font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/*yz-flat*/
/*tab*/
.yz-flat.x-tab-bar-default
{
    background-image:none;
    background-color: transparent;
}

.yz-flat.x-tab-bar-default .x-tab-bar-strip-default
{
    display:none
}

.yz-flat.x-tab-bar-default .x-tab-bar-body-default
{
    padding:0px;
}

.yz-flat.x-tab-bar-default .x-tab-default
{
    background-image: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
}

.yz-flat.x-tab-bar-default .x-tab-active
{
    background-image:none;
    background-color:#eff2f2;
    border: none;
    box-shadow: none;
}

.yz-flat.x-tab-bar-default .x-tab-inner-default,
.yz-flat.x-tab-bar-default .x-tab-icon-el
{
    color:#898989;
}

.yz-flat.x-tab-bar-default .x-tab-active .x-tab-inner-default,
.yz-flat.x-tab-bar-default .x-tab-active .x-tab-icon-el
{
    color:#2f3649;
}

.yz-flat.x-tab-bar-horizontal>.x-tab-bar-body-default
{
    min-height:22px;
}

.yz-flat.x-tab-bar-default .x-tab-default
{
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    padding: 4px 12px;
    border-width: 0px;
}

.yz-flat.x-tab-bar-default .x-tab-closable.x-tab-default .x-tab-button
{
    padding-right:0px;
}

.yz-flat.x-tab-bar-default .x-tab-close-btn
{
    display: block;
    position: absolute;
    font-size: 0;
    line-height: 0;
    top:3px;
    right:3px;
    width: 12px;
    height: 12px;
    background: url(ui/tabs/close.png);
    background-repeat:no-repeat;
    filter: alpha(opacity=60);
    opacity: .6;
    background-color:#999;
    border-radius:2px;
    cursor:pointer;
}

.yz-flat.x-tab-bar-default .x-tab-default.x-tab-active .x-tab-close-btn
{
    background-position: 0px 0px;
}

.yz-flat.x-tab-bar-default .x-tab-active .x-tab-close-btn
{
    background-color:#ccc;    
}

.yz-flat.x-tab-bar-default .x-tab-close-btn.x-tab-close-btn-over
{
    filter: alpha(opacity=100);
    opacity: 1;
}

/*toolbar*/
.yz-flat.x-toolbar-default
{
    background-color: transparent;
    background-image: none; 
    padding:0px;
    border-style:none;
    border-bottom:solid 1px #f1f4f3;
}

/*grid*/
.yz-flat>.x-grid-body .x-grid-item,
.yz-flat>.x-grid-body .x-grid-cell,
.yz-flat>.x-grid-header-ct,
.yz-flat>.x-grid-header-ct .x-column-header,
.yz-flat>.x-grid-header-ct .x-column-header-inner,
.yz-flat>.x-grid-body
{
    border-color:#d0d0d0;
}

.yz-flat>.x-grid-body
{
    border-top-width:0px;
}

.yz-flat>.x-grid-header-ct
{
    background-image:none;
    background-color:white;
}

.yz-flat>.x-grid-header-ct .x-column-header
{
    background-image:none;
    background-color:#f5f5f5;
    border-top-width:0px !important;
}

.yz-flat>.x-grid-header-ct .x-column-header-inner
{
    border-top-style:solid;
    border-top-width:1px;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.yz-flat>.x-grid-header-ct .x-group-header .x-column-header-inner
{
    border-bottom-width:0px;
}

.yz-flat>.x-grid-header-ct .x-group-header .x-leaf-column-header
{
    border-bottom-width:1px;
}

.yz-flat>.x-grid-header-ct .x-column-header-last
{
    border-right-width:0!important;
}

.yz-flat>.x-grid-header-ct .x-column-header-over
{
    background-image:none;
    background-color:transparent;
}

.yz-flat>.x-grid-body .x-grid-with-row-lines .x-grid-item:first-child,
.yz-flat>.x-grid-body .x-grid-with-col-lines .yz-grid-item-container-table .x-grid-item-first .x-grid-td
{
    border-top-width:0px !important;
}

.yz-flat>.x-grid-body .x-grid-cell-special
{
    background-image:none;
    background-color:transparent;
}

/*x-grid-item-selected*/
.yz-flat>.x-grid-body .x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.yz-flat>.x-grid-body .x-grid-with-row-lines .x-grid-item-selected+.x-grid-item
{
    border-style:solid;
}

/*x-grid-with-col-lines*/
.yz-flat>.x-grid-body .x-grid-with-col-lines .x-grid-cell-first
{
    border-style:solid;
    border-left-width:1px;
}

/*button*/
.x-btn.yz-flat
{
    background-image:none;
    border:none;
}

.x-btn.yz-flat.x-btn-over,
.x-btn.yz-flat.x-btn-pressed
{
    background-image:none;
    background-color:transparent;
}

.x-btn.yz-flat.x-btn-over .x-btn-icon-el,
.x-btn.yz-flat.x-btn-over .x-btn-inner,
.x-btn.yz-flat.x-btn-pressed .x-btn-icon-el,
.x-btn.yz-flat.x-btn-pressed .x-btn-inner
{
	color:#2daadd;
	opacity:1.0;
}

/*yz-nofocus*/
/*grid*/
.yz-nofocus>.x-grid-body .x-grid-item-focused .x-grid-cell-inner:before,
.yz-nofocus>.x-grid-header-ct .x-column-header-inner:before
{
    display:none;
}

/*view*/
.x-component.yz-nofocus .x-view-item-focused
{
    outline-style: none !important;
}

/*yz-dashboard*/
/*panel*/
.yz-dashboard
{
    background-color:white;
    border-radius:2px;
    /*border:solid 1px #ccc;*/
    padding:1px;
}

.yz-dashboard>.x-panel-header
{
    background-image:none;
    background-color:transparent;
    box-shadow: none;
    border:none;
    padding:10px 10px 0px 10px;
}

.yz-dashboard>.x-panel-header.x-panel-default-collapsed
{
    padding:5px 5px;
}

.yz-dashboard>.x-panel-header .x-title-text
{
    font-weight: normal;
    color: #333;
    font-size: 13px;
}

.yz-dashboard>.x-panel-body
{
    border:none;
    background-color: transparent;
}

.yz-toolbar-bpatitlebar .x-toolbar-separator-horizontal
{
    height:14px;
    border-width:0px;
    border-left-width:1px;
    border-left-color:#c6c9c8;
    border-right-color:#e8e8e8;
}

.yz-toolbar-bpatitlebar .x-btn-over.x-btn-default-toolbar-small,
.yz-toolbar-bpatitlebar .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.yz-toolbar-bpatitlebar .x-btn.x-btn-pressed.x-btn-default-toolbar-small
{
    background-color:transparent;
    background-image:none;
    border-color:transparent;
}

.yz-toolbar-bpatitlebar .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    width: 9px;
    padding-right: 5px;
    background-image: url(ui/arrow.png);
}

.yz-toolbar-bpatitlebar .x-btn-inner
{
    font-size:14px;
    color:#727171;
}

.yz-toolbar-bpatitlebar .x-btn-icon-el:before
{
	font-size:14px;
	line-height:16px;
    color:#727171;
}

.yz-toolbar-bpatitlebar .x-btn-over .x-btn-inner,
.yz-toolbar-bpatitlebar .x-btn-over .x-btn-icon-el:before
{
    color:#2da9dd;
}

/*yz-flat-grid*/
.yz-flat-grid .x-column-header-inner
{
    padding:15px 6px 15px 6px
}

.yz-flat-grid .x-column-header
{
    background-image:none;
    background-color:#f5f5f5;
}

.yz-flat-grid .x-grid-td
{
    vertical-align:middle;
}

.yz-flat-grid .x-grid-cell-inner
{
    padding: 12px 6px 12px 6px
}

.yz-grid-img-headshot
{
    width:35px;
    height:35px;
    vertical-align:middle;
    margin-right:5px;
    margin-left:2px;
    border-radius:3px;
}

.yz-grid-img-filetype
{
    width:28px;
    height:34px;
    vertical-align:middle;
    margin-right:5px;
    margin-left:2px;
}

.yz-grid-img-filetype-small
{
    width:16px;
    height:16px;
    margin-right:5px;
    margin-left:2px;
}

.yz-flat-grid-rowsize-m .x-grid-cell-inner
{
    padding: 6px 6px 6px 6px;
}

.yz-flat-grid-rowsize-x .x-grid-cell-inner
{
    padding: 6px 6px;
    line-height: 24px;
}

.yz-flat-head
{
    background-image:none;
    box-shadow:none;
    background-color:#ddd;
}

.yz-flat-head.x-header-noborder
{
    padding:8px 6px 7px 20px;
}

.yz-flat-head .x-panel-header-title-default
{
    color:#221815
}

.yz-flat-toolbar
{
    background-color: transparent;
    background-image: none; 
    padding:0px;
    border-style:none;
    border-bottom:solid 1px #f1f4f3;
}

.yz-flat-toolbar .x-toolbar-separator-horizontal
{
    height:14px;
    border-width:0px;
    border-left-width:1px;
    border-left-color:#c6c9c8;
    border-right-color:#e8e8e8;
}

.yz-flat-toolbar .x-btn-default-toolbar-small
{
    padding:5px 8px;
}

.yz-flat-toolbar .x-btn-over.x-btn-default-toolbar-small,
.yz-flat-toolbar .x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.yz-flat-toolbar .x-btn.x-btn-pressed.x-btn-default-toolbar-small
{
    background-color:transparent;
    background-image:none;
    border-color:transparent;
}

.yz-flat-toolbar .x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    width: 9px;
    padding-right: 5px;
    background-image: url(ui/arrow.png);
}

.yz-flat-toolbar .x-btn-inner
{
    font-size:14px;
    color:#221815;
}

.yz-flat-toolbar .x-btn-icon-el:before
{
	font-size:14px;
	line-height:16px;
    color:#b4b7b6;
}

.yz-flat-toolbar .x-btn-over .x-btn-inner,
.yz-flat-toolbar .x-btn-over .x-btn-icon-el:before
{
    color:#2da9dd;
}

.yz-flat-btn-highlight-box
{
    border: solid 2px #dcdcdc;
    border-radius:0px;
}

.yz-flat-toolbar .x-btn-over.yz-flat-btn-highlight-box,
.yz-flat-toolbar .x-btn.x-btn-pressed.yz-flat-btn-highlight-box,
.yz-flat-toolbar .x-btn.x-btn-menu-active.yz-flat-btn-highlight-box
{
    border-color:#40bfec;    
    background-color:#40bfec;
}

.yz-flat-btn-highlight-box .x-btn-inner
{
}

.yz-flat-toolbar .x-btn-over.yz-flat-btn-highlight-box .x-btn-inner,
.yz-flat-toolbar .x-btn.x-btn-pressed.yz-flat-btn-highlight-box .x-btn-inner,
.yz-flat-toolbar .x-btn.x-btn-menu-active.yz-flat-btn-highlight-box .x-btn-inner
{
    color:#fff;
}

/*yz-flat-btn-highlight-hot*/
.yz-flat-toolbar .yz-flat-btn-highlight-hot
{
    background-color:#40bfec;
}

.yz-flat-toolbar .x-btn-over.yz-flat-btn-highlight-hot,
.yz-flat-toolbar .x-btn.x-btn-pressed.yz-flat-btn-highlight-hot
{
    background-color:#40bfec;
}

.yz-flat-btn-highlight-hot .x-btn-inner
{
    color:#fff;
}

.yz-flat-toolbar .x-btn-over.yz-flat-btn-highlight-hot .x-btn-inner
{
    color:#fff;
}

/*yz-bpa-btn-toolbar*/
.yz-flat-toolbar .yz-bpa-btn-toolbar {
    background-color: #fff;
    border: solid 1px #d2d2d2;
    padding: 5px 12px;
}

.yz-flat-toolbar .x-btn-over.yz-bpa-btn-toolbar,
.yz-flat-toolbar .x-btn.x-btn-pressed.yz-bpa-btn-toolbar,
.yz-flat-toolbar .x-btn.x-btn-menu-active.yz-bpa-btn-toolbar {
    background-color: #fff;
    border: solid 1px #d2d2d2;
}

.yz-bpa-btn-toolbar > .x-btn-wrap-default-toolbar-small.x-btn-split-right:after,
.yz-bpa-btn-toolbar.x-btn-over > .x-btn-wrap-default-toolbar-small.x-btn-split-right:after {
    background-image: url(ui/button/s-arrow-noline.gif);
}

.yz-bpa-btn-toolbar .x-btn-inner {
    color: #333;
    font-size: 12px;
    line-height: 13px;
}

.yz-flat-toolbar .x-btn-over.yz-bpa-btn-toolbar .x-btn-inner {
    color: #333;
}

/*yz-flat-toolbar-small*/
.yz-flat-toolbar.yz-flat-toolbar-small .x-btn-inner
{
    font-size:12px;
    line-height:13px;
}

.yz-flat-toolbar.yz-flat-toolbar-small .x-btn-default-toolbar-small
{
    padding:4px 8px;
}

/*yzflat*/
/*button*/
.x-btn-yzflat-small
{
    padding:2px;
}

.x-btn-yzflat-small .x-btn-inner
{
    height:16px;
    line-height:16px;
}

/*button icon*/
.x-btn-yzflat-small .x-btn-icon-el
{
    width:16px
}

/*button more*/
.x-btn-wrap-yzflat-small.x-btn-arrow-right:after {
    width: 8px;
    padding-right: 8px;
    font-family: 'yzglyphs';
    content: "\e91c";
	font-size:16px;
	line-height:16px;
}

/*font*/
.x-btn-yzflat-small .x-btn-inner,
.x-toolbar-text-yzflat
{
    font-size:12px;
}

/*color*/
.x-btn-yzflat-small .x-btn-arrow-right:after,
.x-btn-yzflat-small .x-btn-icon-el:before,
.x-btn-yzflat-small .x-btn-inner,
.x-toolbar-text-yzflat
{
	color:#b5b5b5;
}

/*over color*/
.x-btn-yzflat-small.x-btn-over .x-btn-arrow-right:after,
.x-btn-yzflat-small.x-btn-over .x-btn-icon-el:before,
.x-btn-yzflat-small.x-btn-over .x-btn-inner
{
	color:#f5f5f5;
}

.x-btn-disabled.x-btn-yzflat-small .x-btn-arrow-right:after,
.x-btn-disabled.x-btn-yzflat-small .x-btn-icon-el:before,
.x-btn-disabled.x-btn-yzflat-small .x-btn-inner,
.x-btn-disabled .x-toolbar-text-yzflat
{
    color:#777;
}

.yz-flat-form-type-text
{
    background-color:White;
}

.yz-flat-form-type-text .x-form-text-wrap-default
{
    vertical-align:middle;
}

.yz-flat-form-type-text .x-form-text-default
{
    background-image:none;
}

.yz-flat-form-type-text .x-form-text-wrap-default
{
    border-width:0px;
}

.yz-flat-form-type-text .x-form-trigger-wrap-default
{
    border:solid 1px #b5b8c8;
}

.yz-flat-form-type-text .x-form-trigger-default
{
    background-image:url(ui/arrow-more.gif);
    background-position:center center;
    background-repeat:no-repeat;
    border:none;
}

.yz-flat-form-type-text .x-form-trigger-default.x-form-trigger-over.x-form-trigger-focus
{
    background-position:center center;
}

.yz-flat-menu
{
}

.yz-flat-menu.x-menu-default
{
    border-color:#ddd;
}

.yz-flat-menu .x-menu-body-default
{
    background-color:#fff;
    padding:3px;
}

.yz-flat-menu .x-menu-item-default.x-menu-item-active
{
    background-image:none;
    background-color:#eee;
    border-color:#eee;
    border-radius:1px;
}

.yz-flat-menu .x-menu-item-link
{
    position:relative;
}

.yz-size-x
{
}