
/*----------------------------------- bgcss ----------------------------------*/
body
{
    background:#f2f5f7;
}
.app-header
{
    background:url(images/header.png) repeat-x 0 50%;
}
.app-toolbar
{
    background:#fff;
}
.mini-modal
{
    background:#fff;    
    opacity: .7;-moz-opacity: .7;filter: alpha(opacity=70);    
}
.mini-mask-background
{
    background:#fff;    
    opacity: 0;-moz-opacity: 0;filter: alpha(opacity=0);    
}
.mini-popup
{
    box-shadow: rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;  
    background:#f2f5f7;
    border-color:#cccccc;
}

/*----------------------------------- tools ----------------------------------*/
/*
.mini-tools .mini-tools-collapse
{
    background:url(images/tools/collapse.gif) no-repeat 50% 50%;
    width:15px;	
}
.mini-tools .mini-tools-expand
{
    background:url(images/tools/expand.gif) no-repeat 50% 50%;
    width:15px;	
}
.mini-tools-close
{
    background:url(images/tools/close.gif) no-repeat 50% 0px;
    width:15px;	
}
*/

/*----------------------------------- toolbar ----------------------------------*/

.mini-toolbar
{
    background:transparent;
    border-color:#bfdaef;
}
.separator
{
    border-left:solid 1px #cccccc;    
}

/*----------------------------------- button ----------------------------------*/

.mini-button
{
    
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    border-color: #aed0ea;
    color: #2779aa;
    font-size:13px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;    
    line-height:24px;
    border-radius: 5px; 
}
.mini-button-text 
{
    line-height:18px;
}
body a:hover.mini-button
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
body .mini-button-pressed, body a:hover.mini-button-pressed,
body .mini-button-checked, body a:hover.mini-button-checked,
body a.mini-button-popup, body a:hover.mini-button-popup
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
	/*-webkit-box-shadow:inset 0 0 5px 3px #d4d4d4;
	box-shadow:inset 0 0 5px 3px #d4d4d4	*/
}
body a.mini-button-disabled, body a:hover.mini-button-disabled
{
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    border-color: #aed0ea;
    opacity: 0.5;
    filter: alpha(opacity=50);	
}


/*----------------------------------- textbox ----------------------------------*/
.mini-required .mini-textbox-border, .mini-required .mini-buttonedit-border
{
	background-color:transparent;
}
.mini-textbox-border, .mini-buttonedit-border
{
	background-color:transparent;
}
.mini-textbox
{
    height:25px;
}
.mini-textbox-border
{
    height:23px;
    padding-left:4px;
    padding-right:4px;
    background-color:#f2f5f7;
	border-color:#cccccc;
	border-radius: 5px; 
}
body .mini-textbox-focus .mini-textbox-border
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
.mini-textbox-input
{
    height:23px;line-height:23px;
    color:#444;
}
body .mini-textbox-focus .mini-textbox-input
{
    color:#0070a3;
}

body .mini-error .mini-textbox-border,
body .mini-error .mini-buttonedit-border,
body .mini-error .mini-textboxlist-border
{
    border-color: #ffa8a8;
    background-color: #fff3f3;
}

/*----------------------------------- buttonedit ----------------------------------*/
.mini-buttonedit
{
    height:25px;
}
.mini-buttonedit-border,
.mini-buttonedit-input
{
    height:23px;line-height:23px;
    color:#444;
}
.mini-buttonedit-border
{
	background:#f2f5f7;
	border-color:#cccccc;  
	padding-left:4px;  
	border-radius: 5px; 
}
body .mini-buttonedit-focus .mini-buttonedit-border
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
body .mini-buttonedit-focus .mini-buttonedit-input
{
    color:#0070a3;
}
.mini-buttonedit-buttons
{
    height:100%;
}
.mini-buttonedit-button
{
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    
    border-left:solid 1px #cccccc;
    color: #444;
	padding:0;
	margin:0;
	height:100%;
	width:18px;
	text-align:center;
}
.mini-buttonedit-button-hover,
.mini-buttonedit-hover .mini-buttonedit-button,
.mini-buttonedit-button-pressed,
.mini-buttonedit-popup .mini-buttonedit-button
{
	color:#444;		
	border-width:0px;
	border-left-width:1px;
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;    
}
.mini-buttonedit-icon
{
    margin-top:4px;
    display:inline-block;
}
.mini-popupedit .mini-buttonedit-icon
{
    background:url(images/buttonedit/arrow.gif) no-repeat  1px 2px;
}
.mini-datepicker .mini-buttonedit-icon
{
    background:url(images/buttonedit/date.gif) no-repeat  1px 2px;
}
.mini-buttonedit-up span, .mini-buttonedit-down span
{
    background:url(images/buttonedit/spinner_arrows.png) no-repeat 0 50%; 
}
.mini-buttonedit-down span
{
    background-position:-16px 50%;
}
.mini-buttonedit-close
{
    margin-top:3px;
}

/*------------------------- panel -----------------------*/

.mini-panel-border
{    
    border-color:#bfdaef;     
}
.mini-panel-header
{
    height:32px;
    background:url(images/header.png) repeat-x 0 50%;
    color:#444;
    font-weight:bold;
    border-bottom:solid 1px #bfdaef;
}
.mini-panel-header-inner
{
   padding-top:7px;
}
.mini-panel .mini-tools
{
    top:8px;
    right:6px;
}
.mini-panel-toolbar
{
    border-bottom:solid 1px #bfdaef;
    background:#fff;
    border-color:#bfdaef;
}

.mini-panel-footer
{
    border-top:solid 1px #bfdaef;
    background:#fff;
    border-color:#bfdaef;
}




/*----------------------------- window -------------------------*/
.mini-window
{
    box-shadow: rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;  
}
.mini-window .mini-panel-header
{    
    background:url(images/header.png) repeat-x 0 50%;
}
.mini-window .mini-panel-footer
{
    background:#fff;
}
/*.mini-tools-max
{
	background:url(images/tools/max.gif) no-repeat;
}
.mini-tools-restore
{
	background:url(images/tools/restore.gif) no-repeat;
}*/


/*------------------- navbar ------------------*/
.mini-outlookbar-border
{
    border-color:#bfdaef;         
}
.mini-outlookbar .mini-outlookbar-groupHeader
{
  /*  background:#d9e8fb url(images/navbar/header.gif) repeat-x 0 0;    */
  background:url(images/header.png) repeat-x 0 50%;
    border-color:#bfdaef;
}
.mini-outlookbar .mini-outlookbar-groupTitle
{
    font-weight:normal;
}
.mini-outlookbar .mini-outlookbar-group 
{
    border-color:#bfdaef;
}
.mini-outlookbar .mini-outlookbar-groupBody
{    
    border-color:#bfdaef;
}
/* view2 */
.mini-outlookbar-view2 .mini-outlookbar-groupHeader
{
    border:solid 1px #bfdaef; 
}
.mini-outlookbar-view2 .mini-outlookbar-groupBody
{    
    background:#fff;
}
/* view3 */
.mini-outlookbar-view3 .mini-outlookbar-group
{
    border:solid 1px #bfdaef; 
}

.mini-outlookbar .mini-tools-collapse
{
    width:15px;	
}
/*
.mini-outlookbar .mini-outlookbar-expand .mini-tools-collapse
{
    background:url(images/navbar/expand.gif) no-repeat 50% 50%;   
}
.mini-outlookbar .mini-outlookbar-collapse .mini-tools-collapse
{
    background:url(images/navbar/collapse.gif) no-repeat 50% 50%;   
}

*/

.mini-outlookbar-groupTitle
{
    line-height:32px;
}
.mini-outlookbar-groupHeader
{
    height:30px;
}

.mini-outlookbar-groupHeader .mini-tools
{
    top:8px;right:6px;
}
.mini-outlookbar-icon
{
    position:relative;top:4px;
}

.mini-outlookbar .mini-outlookbar-hover
{
    background:#f6ebc9;
    
}
.mini-outlookbar-expand .mini-outlookbar-groupHeader
{
    background:#cccccc;
}

/*----------------------- splitter -----------------------*/
.mini-splitter-border
{
    border-color: #bfdaef;     
}
.mini-splitter .mini-splitter-pane1{
    border-color:#bfdaef;
}
.mini-splitter .mini-splitter-pane2{
    border-color:#bfdaef;
}

/*----------------------- layout -----------------------*/
.mini-layout-border
{
    border-color:#bfdaef;
}
.mini-layout-region
{
    border-color:#bfdaef;    
}
.mini-layout-region-header
{
    background:url(images/header.png) repeat-x 0 50%;
    border-color:#bfdaef;
    height:32px;
}
.mini-layout-proxy
{
    border-color:#bfdaef;
    background:#deedf7;
    height:32px;
    width:30px;
}
.mini-layout-proxy-hover
{
    background:#eaf5fd;    
}

.mini-layout-region-header .mini-tools
{
    right:8px;
    top:8px;
}

.mini-layout-proxy .mini-tools
{
    right:8px;
    top:8px;
}

.mini-layout-region-title
{
    line-height:30px;
    color:#444;
}

/*------------------------- menu --------------------------------*/
 .mini-menu-open
 {
     box-shadow:rgba(0,​ 0,​ 0,​ 0.6) 0px 6px 12px 0px;
 }
.mini-menu
{
	background:#f2f5f7;		
	border-color:#cccccc;
    color:#444;    
}
.mini-menu-border
{
    /*border-radius: 2px; */
    border-color:#cccccc;
    background-color:transparent;
}
.mini-menu-inner
{
    padding:2px;
}
.mini-menuitem
{
    line-height:24px;    
    border-radius: 5px; 
}
.mini-menuitem-hover,  .mini-menu-popup
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
.mini-menu-horizontal .mini-menu-inner
{
    height:auto;
    background:transparent;
}
.mini-menuitem-selected
{
    border-color:#cccccc;
	background:#cccccc;
}
.mini-menuitem-text, .mini-menuitem-text a
{
    color:#444;
}
.mini-separator
{
    border-top:solid 1px #cccccc;
}

/* menu horizontal */

.mini-menu-horizontal .mini-menu-inner
{
    background:#f2f5f7;
    height:auto;
}
.mini-menu-horizontal .mini-menuitem-hover
{

}
.mini-menu-horizontal  .mini-menu-popup
{
}

.mini-menu-horizontal .mini-menuitem-allow
{
    background:url(images/menu/menu_arrows.png) no-repeat 0 50%;
    width:16px;height:16px;
    top:-4px;left:2px;
    position:relative;
}

.mini-menu-horizontal .mini-menuitem-inner
{
    padding-left:8px;
    padding-right:6px;
}

.mini-menu-horizontal .mini-menuitem-icon
{
    margin-top:4px;
}

/*---------------------- listbox -----------------------------*/
.mini-listbox
{
    background:#f2f5f7;
}
.mini-listbox-border
{    
    border:#cccccc 1px solid;    
}
body .mini-listbox-header td
{
    line-height:30px;
    border-color:#cccccc;
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    border-color: #aed0ea;    
}
.mini-listbox-border td
{
    line-height:24px;       
}
body .mini-listbox .mini-listbox-item td{
	border-color:#ddd;
}
.mini-listbox-item-hover td{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    color:#0070a3;
}
.mini-listbox-item-selected td{
	background:url(images/button/pressed.png) repeat-x 50% 50% #e4f1fb;
	border-color:#cccccc;
	color:#ffffff;
}
.mini-listbox-header
{
    background:#fff;
    border-bottom:solid 1px #cccccc;
}

/*---------------------- calendar -----------------------------*/
.mini-calendar
{    
    border-color:#cccccc;           
}
.mini-calendar-header
{   
    background:url(images/header.png) repeat-x 0 50%;
    border-color:#aed0ea;    
    height:28px;
}
.mini-calendar-footer
{
    border-top:solid 1px #aed0ea;
    background:transparent;  
    padding-left:2px;
    padding-right:2px;  
}
.mini-calendar-tadayButton, .mini-calendar-clearButton,
.mini-calendar-okButton, .mini-calendar-cancelButton
{
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    border-color: #aed0ea;
    color: #444;
    padding-top:5px;
    padding-bottom:4px;
}
body .mini-calendar-menu-selected, body a:hover.mini-calendar-menu-selected
{
    color:#444;
    background:url(images/button/pressed.png) repeat-x 50% 50% #e4f1fb;
    border-color:#2694e8;
    
}
.mini-calendar-date 
{
    border-color:#f2f5f7;
}
.mini-calendar .mini-calendar-selected
{
     color:#444;
    background:url(images/button/pressed.png) repeat-x 50% 50% #e4f1fb;
    border-color:#2694e8;
}
.mini-calendar .mini-calendar-today
{
    border:1px solid #f9dd34;
}
.mini-calendar-daysheader td
{border-bottom:solid 1px #cccccc;    
}
.mini-calendar-menu
{
	background-color:#f2f5f7;
    border-color:#cccccc;
}
.mini-calendar-title
{
    font-size:13px;
    font-weight:bold;
    color:#444;
    line-height:28px;
}
a:hover.mini-calendar-menu-month,
a:hover.mini-calendar-menu-year
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
    
/*---------------------- tabs -----------------------------*/

.mini-tabs-scrollCt
{
    border-color:#aed0ea;
    background:url(images/header.png) repeat-x 0 50%;
}

.mini-tabs-leftButton, .mini-tabs-rightButton
{
    border:solid 1px #aed0ea;
    background-color:#fff;
}
a:hover.mini-tabs-leftButton,a:hover.mini-tabs-rightButton
{
    background-color:#d7ebf9;
    border-color: #aed0ea;
}
/* top */
.mini-tabs-bodys
{
    border-color:#aed0ea;
    background-color:transparent;
}
.mini-tabs-space
{
    border-color:#aed0ea;
}
.mini-tabs-space2
{
    border-color:#aed0ea;
}

.mini-tab
{
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    border-color: #bfdaef;
    color: #666;    
    padding-left:12px;
    padding-right:12px;
    font-size:13px;    
    font-weight:bold;
}
.mini-tab-text
{
    line-height:26px;
}
.mini-tab-hover
{    
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
.mini-tab-active
{
    border-bottom:solid 1px #f2f5f7;
    background:#f2f5f7;
    color:#000;
}

.mini-tab-close
{
    opacity: .6;-moz-opacity: .6;filter: alpha(opacity=60);   
    /*position:absolute;top:3px;right:3px;*/
}
.mini-tab-close-hover
{
    opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);   
    background-color:transparent;
}

.mini-tab
{
    border-radius:5px;   
}
.mini-tabs-position-right .mini-tab
{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;     
}

.mini-tabs-position-left .mini-tab
{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;     
}
.mini-tabs-position-bottom .mini-tab
{
    border-top-right-radius:0px;
    border-top-left-radius:0px;     
}
.mini-tabs-position-top .mini-tab
{
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px; 
}

/* bottom */
.mini-tabs-position-bottom .mini-tabs-space,
.mini-tabs-position-bottom .mini-tabs-space2
{
    border:0;
    border-top: 1px solid #cccccc;
}
.mini-tabs-position-bottom .mini-tabs-bodys
{    
    border:solid 1px #cccccc;
    border-bottom:0;
}
.mini-tabs-position-bottom .mini-tab-active
{
    border-top:solid 1px white;
    border-bottom:solid 1px #cccccc;
}

/* left */
.mini-tabs-position-left .mini-tabs-space,
.mini-tabs-position-left .mini-tabs-space2
{
    border:0;
    border-right: 1px solid #cccccc;
}
.mini-tabs-position-left .mini-tabs-bodys
{
    border:solid 1px #cccccc;
    border-left:0;
}
.mini-tabs-position-left .mini-tab-active
{    
    border:solid 1px #cccccc;
    border-right:solid 1px white;
}

/* right */
.mini-tabs-position-right .mini-tabs-space,
.mini-tabs-position-right .mini-tabs-space2
{
    border:0;
    border-left: 1px solid #cccccc;
}
.mini-tabs-position-right .mini-tabs-bodys
{    
    border:solid 1px #cccccc;
    border-right:0;
}
.mini-tabs-position-right .mini-tab-active
{    
    border:solid 1px #cccccc;
    border-left:solid 1px white;
}

.mini-tabs-nav
{
    top:8px;
}

/*------------------- grid --------------------*/
.mini-grid-viewport
{
    background:transparent;
    
}
.mini-grid-border
{
    border-color:#bfdaef;
}
.mini-grid-header
{
    background:transparent;
}
.mini-grid-headerCell, .mini-grid-topRightCell
{
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;    
    border-right:#aed0ea 1px solid;
    border-bottom:#aed0ea 1px solid;    
}
.mini-grid-cell
{
    border-color:#ddd;
    border-bottom-color:#ddd;    
}
.mini-grid-headerCell-inner
{
    line-height:30px;
}
.mini-grid-cell-inner
{
    line-height:22px;
}
.mini-grid-filterRow
{
    background:transparent;
}
.mini-grid-footer, .mini-grid-pager
{
    border-top:solid 1px #cccccc;    
    background:transparent;
}
.mini-grid-columnproxy
{
    background:#fff;
    border:#cccccc 1px solid;    
}


body .mini-grid-row-hover, body .mini-grid-row-hover .mini-grid-frozenCell
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
    color:#0087cd;
}
html body .mini-grid-row-selected, body .mini-grid-row-selected .mini-grid-frozenCell
{
    background:url(images/button/pressed.png) repeat-x 50% 50% #e4f1fb;
	border-color:#2694e8;
	color:White;
}

.mini-grid-header-over
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2;
}
html body .mini-grid .mini-grid-cell-selected
{
    background:#91d2f4;	
}
.mini-grid-summaryRow 
{
   background-color:#f2f5f7;
}
.mini-grid-detailRow
{
   background-color:#f2f5f7;
}
.mini-grid-groupCell
{
    background-color:#f2f5f7;
}
/*---------------------- tree -----------------------------*/


.mini-tree-node-hover .mini-tree-nodeshow
{
    background:url(images/button/hover.png) repeat-x 50% 50% #e4f1fb;
    border-color:#74b2e2; 
    color:#2779aa;
}
.mini-tree-selectedNode .mini-tree-nodeshow
{
    background:url(images/button/pressed.png) repeat-x 50% 50% #e4f1fb;
	border-color:#2694e8;
	color:#ffffff;
}
.mini-tree-nodetext
{	
    height:22px;
    line-height:22px;   
    +line-height:23px;   /*ie7*/
}
.mini-tree-selectedNode .mini-tree-nodeshow .mini-tree-nodetext a
{
    color:#ffffff;     
}
.mini-tree-node-hover .mini-tree-nodeshow .mini-tree-nodetext a
{
    color:#2779aa;
}
.mini-tree-nodetitle 
{
    height:24px;
}
.mini-tree-leaf
{
    background-image:url(images/tree/file.gif);
}
.mini-tree-folder
{
    background-image:url(images/tree/folder.gif);
   
}
.mini-tree-expand .mini-tree-folder
{
    background-image:url(images/tree/folder-open.gif);
}


/*------------------- pager --------------------*/
.mini-pager
{
    height:auto;
    line-height:30px;
    background:transparent;
    border-color:#bfdaef;
}
.mini-pager-left
{
    height:auto;
    line-height:30px;
}
.mini-pager-first
{    
    background:url(images/pager/first.gif) no-repeat;
}
.mini-pager-prev
{
    background-image:url(images/pager/prev.gif);
}
.mini-pager-next
{
    background-image:url(images/pager/next.gif);
}
.mini-pager-last
{
    background-image:url(images/pager/last.gif);
}
.mini-pager-size
{
    position:relative;top:-3px;
}
body .mini-pager-num
{
    height:16px;
}
.mini-pager-right
{
    line-height:32px;
}
.mini-pager .mini-button-iconOnly
{
    padding-top:auto;
    padding-bottom:0;
    height:23px;
}

/* tooltip */
.mini-tooltip-inner {    
    border:solid 1px #bfdaef;
    border-radius: 0px;    
}
.mini-tooltip .mini-tooltip-arrow 
{
    
}
/*textboxlist*/

.mini-textboxlist-border
{
    height:23px;
    border-style: solid;
    border-width: 1px;
    background:  transparent;
    border-color: #cccccc  ;       
         
    width:100%;
    cursor:text;
    vertical-align:top;
    border-radius:5px;
}
body .mini-textboxlist-focus .mini-textboxlist-border
{
    background:url(images/button/hover.png) repeat 50% 50% #e4f1fb;
    border-color:#74b2e2  ;
}

.mini-textboxlist .mini-textboxlist-input
{
    border: 0; padding: 0; font: 9pt "Lucida Grande", Verdana;
    outline:none;
    width:20px;
    height: 16px;
    margin-top:2px;
    *+margin-top:0px;/*ie7*/ 
    background:transparent;  
    color:#444;
}

.mini-textboxlist .mini-textboxlist-item-hover
{
    background:url(images/button/hover.png) repeat 50% 50% #e4f1fb ;
    border-color:#74b2e2;
    color:#444;
}
.mini-textboxlist .mini-textboxlist-item-selected
{
    border-color: #598BEC; background: #598BEC; color: #fff;
}
/*htmlfile*/
.mini-htmlfile .mini-buttonedit-button
{
    font-size:8pt;
    font-size:9pt\9;
    font-family: Tahoma, Verdana;    
    white-space:nowrap;
        
    border:1px solid #cccccc;
    border-top:#ffffff; 
    border-right:#ffffff;
    background:#d7ebf9 url(images/button/button.png) repeat-x 0 50%;
    color:#444;
    padding:1px;
    width:50px;
    text-align:center;
    line-height:22px;
}
   