script/assets/lib/miniui/themes/metro-gray/skin.css

@import url("../default/flatstyle.css");

/* common theme */
.mini-widget-content,
body, .mini-popup, .mini-toolbar, .separator, .mini-panel-border, .mini-pager,
.mini-panel-toolbar, .mini-panel-footer, .mini-panel-viewport, .mini-window .mini-panel-footer,
.mini-outlookbar-border, .mini-outlookbar .mini-outlookbar-group, .mini-outlookbar .mini-outlookbar-groupBody, .mini-outlookbar-view2 .mini-outlookbar-groupBody, mini-outlookbar-view3 .mini-outlookbar-group,
.mini-splitter-border, .mini-splitter .mini-splitter-pane1, .mini-splitter .mini-splitter-pane2,
.mini-layout-border, .mini-layout-region,
.mini-menu, .mini-menu-border, .mini-menu-horizontal .mini-menu-border
.mini-grid-border, .mini-grid-footer, .mini-grid-pager, .mini-grid-filterRow,.mini-grid-groupCell, .mini-grid-summaryCell,
.mini-listbox-border,
.mini-progressbar-border,
.mini-calendar, .mini-calendar-footer, .mini-calendar-menu,
.mini-tabs-bodys, .mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2, .mini-tabs .mini-tab-active,
.mini-textbox-border,
.mini-buttonedit-border, 
.mini-textboxlist-border, .mini-tooltip-inner,
body .mini-pager-num
{
    border-color:#ccc;
    background:#fff;
    color:#444
}

.mini-widget-header,
.app-header, .app-toolbar, .bg-toolbar, 
.mini-panel-header,
.mini-window .mini-panel-header,
.mini-outlookbar .mini-outlookbar-groupHeader, .mini-outlookbar-expand .mini-outlookbar-groupHeader, .mini-outlookbar-view2 .mini-outlookbar-groupHeader,
.mini-layout-region-header, .mini-layout-proxy,
.mini-calendar-header,
.mini-tabs-scrollCt,
.mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2
{
    border-color:#ccc;
    background:#ddd;
    color:#444;
}


.mini-state-default,
.mini-button,
.mini-grid-header, .mini-grid-column-trigger, .mini-grid-headerCell,.mini-grid-topRightCell,.mini-grid-columnproxy,
.mini-listbox-header, .mini-listbox-header td,
.mini-progressbar-bar,
.mini-calendar-tadayButton, .mini-calendar-clearButton, .mini-calendar-okButton, .mini-calendar-cancelButton,
.mini-tabs-leftButton, .mini-tabs-rightButton,.mini-tabs-tabmenu,
.mini-tab,
.mini-textboxlist .mini-textboxlist-item,
.mini-htmlfile .mini-buttonedit-button
{
    border-color:#ccc;
    background:#ddd;
    color:#444;    
}

.mini-state-hover, .mini-state-focus,
body a:hover.mini-button,
body a:focus.mini-button,
body .mini-button-pressed, body a:hover.mini-button-pressed,
body a.mini-button-popup, body a:hover.mini-button-popup,
.mini-outlookbar .mini-outlookbar-hover, 
.mini-layout-proxy-hover,
.mini-menuitem-hover,.mini-menu-popup,.mini-menuitem-selected,
html body .mini-grid-row-hover,
.mini-listbox-item-hover td,
.mini-calendar-tadayButton:hover, .mini-calendar-clearButton:hover, .mini-calendar-okButton:hover, .mini-calendar-cancelButton:hover,
a:hover.mini-calendar-menu-month,a:hover.mini-calendar-menu-year, .mini-calendar-date:hover,
a:hover.mini-tabs-leftButton,a:hover.mini-tabs-rightButton,a:hover.mini-tabs-tabmenu,
.mini-tab-hover, span.mini-tab-close-hover,
.mini-tree-node-hover .mini-tree-nodeshow,
.mini-textbox-focus .mini-textbox-border,
.mini-buttonedit-focus .mini-buttonedit-border,
.mini-textboxlist-focus .mini-textboxlist-border, 
.mini-textboxlist .mini-textboxlist-item:hover,
.mini-htmlfile .mini-buttonedit-button:hover, .mini-pager-num:focus
{
    border-color:#ccc;
    background:#eee;
    color:#000;
}

.mini-state-active,
body .mini-button-checked, body a:hover.mini-button-checked, body a:focus.mini-button-checked,
html body .mini-grid-row-selected,
.mini-listbox-item-selected td,
.mini-calendar .mini-calendar-selected,.mini-calendar-menu-selected,
.mini-tree-selectedNode .mini-tree-nodeshow
{
    border-color:#ccc;
    background:#ccc;
    color:#000;
}

.mini-state-highlight,
.mini-calendar .mini-calendar-today
{
    border-color:#f9dd34;
    background:#fffadd;
    color:#363636;
}

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

.mini-state-disabled, .mini-button-disabled
{
    opacity:.5 !important;
    filter:alpha(opacity=50) !important;
    background-image:none !important;    
}

.mini-icon,.mini-widget-content .mini-icon {
 color:#888
}
.mini-widget-header .mini-icon {
 color:#888
}
.mini-state-default .mini-icon {
 color:#888
}
.mini-state-hover .mini-icon,.mini-state-focus .mini-icon {
 color:#888
}
.mini-state-active .mini-icon {
 color:#888
}
.mini-state-highlight .mini-icon {
 color:#888
}
.mini-state-error .mini-icon,.mini-state-error-text .mini-icon {
 color:#ff6c6c
}

/* control theme */

fieldset
{
    border-color:#ccc !important;
}

.mini-button, .mini-calendar-button
{
    border-color:#ddd;
}

.mini-textbox-input,
.mini-buttonedit-input,
.mini-menuitem-text, .mini-menuitem-text a
{
    color:#444;
}

.mini-menuitem-hover .mini-menuitem-text, .mini-menuitem-hover .mini-menuitem-text a,  
.mini-menuitem-popup .mini-menuitem-text, .mini-menuitem-popup .mini-menuitem-text a,  
.mini-menuitem-selected .mini-menuitem-text, .mini-menuitem-selected .mini-menuitem-text a
{
    color: #000;	
}

.mini-separator
{
    border-color:#bab9bd;
}

.mini-grid-row-alt {
    background-color: #fcfcfc;
}

.mini-grid-cell, .mini-listbox-item td, .mini-grid-detailCell, .mini-grid-summaryCell
{
    border-color:#e6e6e6;
}

html body .mini-grid .mini-grid-cell-selected
{
    background:#ddd;
}

.mini-grid-header-over, .mini-grid-column-trigger
{
    background:#eee;
}

.mini-tabs-header-top .mini-tab-active
{
    border-bottom-color:#fff;
}
.mini-tabs-header-bottom .mini-tab-active
{
    border-top-color:#fff;
}
.mini-tabs-header-left .mini-tab-active
{
    border-right-color:#fff;
}
.mini-tabs-header-right .mini-tab-active
{
    border-left-color:#fff;
}

.mini-tree-selectedNode .mini-icon, .mini-tree-selectedNode a,
.mini-grid-row-selected .mini-grid-cell-inner > .mini-icon , 
.mini-grid-row-selected .mini-grid-cell-inner > * > .mini-icon, 
.mini-grid-cell-selected > .mini-icon , 
.mini-grid-cell-selected > * > .mini-icon,
.mini-grid-row-selected .mini-tree-nodeshow > .mini-icon
{      
    color: #444;
}

/* corner */
.mini-corner-all
{
    /*border-radius:6px;*/
}


/* other theme */