﻿@media screen, all 
{
	/*
	.adm-col-alpha { float: left; width: 72%; }
	.adm-col-beta { float: right; width: 26%; }
	*/
	    				
	/* deprecated temporarily until consistent on BUTTON vs. INPUT 
	.actions-outer .button-text { display: block; padding: 0 10px 0 18px; min-width: 60px; width: auto; text-align: right; }
	.actions-outer .button-add .button-text { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/button_add.gif") no-repeat 0 0; }
	.actions-outer .button-edit .button-text { background: url("/EasySiteWeb/EasySite/SupportFiles/images/Console/button_del.gif") no-repeat 4px 0; }	
	*/
	
	/* navigation */
	.navigation-outer { }
	
	/* breadcrumb trail */
	.category-trail { margin-bottom: 1em; }
	
	/* atoz */
	.console .atoz-outer { float: left; max-width: 445px; }
	/*.console .atoz-outer ul li, .console .pagination-outer ul li { padding: 0 2px; }*/
	
	/* views */
	.views-outer { float: right; text-align: right; max-width: 65px; }
	.views-outer ul, .views-outer ul li { list-style-type: none; padding: 0; margin: 0; display: block; }
	.views-outer ul li { float: right; margin-left: 3px; text-align: right; height: 16px; width: 16px; overflow: hidden; }
	.views-outer ul li.view-grid { }
	
	/* filter by active */
	.active-outer { float: right; width: 20%; text-align: right; }

	/* pagination */
	.console .pagination-outer { float: right; text-align: right; width: 35%; }
	
	/* notification panels */
	.console .editor-alert-outer { margin-bottom: 1em; }
	
	/* tabbed panels - enable for console in SP22
	.tabbed-panels { }
	.tabs-menu-outer { position: relative; top: 1px; }
	.tabs-menu-outer ul, .tabs-menu-outer ul li { list-style-type: none; padding: 0; margin: 0; }
	.tabs-menu-outer ul li { float: left; width: 42%; display: block; border: 1px solid #333; border-bottom: 1px solid #666; margin-right: 3px; text-align: left; background: #666; }
	.tabs-menu-outer ul li.selected { border: 1px solid #ccc; border-bottom: 1px solid #333; background: #fff; }
	.tabs-menu-outer ul li a:link, .tabs-menu-outer ul li a:visited, .tabs-menu-outer ul li span { display: block; border: 0; }
	
	.tabs-menu-outer ul li a:link, .tabs-menu-outer ul li a:visited, .tabs-menu-outer ul li a:hover, .tabs-menu-outer ul li a:active { padding: 3px 10px 5px 10px; color: #fff; }
	
	.tabs-menu-outer ul li.selected a:link, .tabs-menu-outer ul li.selected a:visited, .tabs-menu-outer ul li.selected a:hover, .tabs-menu-outer ul li.selected a:active { text-decoration: none; color: #666; }
	
	.tabs-body-outer { border: 1px solid #333; padding: 0; background: #666; }
	.tabs-body-inner { }
	.tabs-body-inner .element { }
	.tabs-body-inner .element .question { display: none; }
	.tabs-body-inner .element .answer { width: 100%; float: none; }
	.tabs-body-inner .dropdown select { width: 100%; font-size: 0.85em; }
	
	.tabbed-panels { }
	.tabbed-panels .buttons button, .tabbed-panels .buttons .button { margin: 10px 0 0 10px; }
	
	.tabs-body-inner .tree-outer { width: 100%; float: none; }
	.tabs-body-inner .tree-inner, .tabs-body-inner .accordions { padding: 0; width: 100%; height: 280px; overflow: auto; }
	*/
	/* accordions  - enable for console in SP22
    .tabs-body-outer { font-size: 0.94em; }
    .tabs-body-inner .accordions { height: 300px;}
    .accordions ul, .accordions ul li { list-style-type: none; padding: 0; margin: 0; }
    .accordions ul li.tab { margin: 2px; display: block; padding: 0;  background: #fff;  }
    .tab-header-outer { background: #f5f5f5; padding: 1px 5px; }
    .tab-header-inner { }
    
    .tab-header-outer li { display: block; float: left; }
    .tab-header-outer li.expander { display: block; float: right; text-align: right; }
    .tabs-body-outer { }
    .tabs-body-inner {}
	.tabs-body-inner .element { }
	.accordions .fields { padding: 0; }
	.accordions .element .question, .accordions .element .answer { display: block; clear: both; width: 100%; float: none;  }
	.accordions .element .question label { text-align: left; background: none; padding-left: 0; }
	.accordions .dropdown select { font-size: 1em; }
	*/
	/* side panel accordions */
	.advanced-accordion { }	
	.advanced-accordion ul, .advanced-accordion ul li { list-style-type: none; padding: 0; margin: 0; }
	.advanced-accordion ul li { float: left; display: block; }
	.advanced-accordion ul li.expanded { }
	.advanced-accordion .panel-header { background: #999; color: #fff; border-bottom: #fff 1px solid; }
	
	.advanced-accordion ul.tab-list li.expander button { border: 0; padding: 0; margin: 0; float: left; width: 20px; height: 20px; overflow: hidden; }
	.advanced-accordion ul.tab-list li.expander button { background: url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/adv_panel_open.gif") no-repeat 0 1px; }
	.advanced-accordion ul.tab-list li.expanded button { }
	.advanced-accordion ul.tab-list li .button-text { display: block; visibility: hidden; }
	.advanced-accordion .panel-body { padding: 5px; }
	.advanced-accordion .form .question, .advanced-accordion .form .answer { width: 100%; float: none; clear: both;  }
	.advanced-accordion .form .question label, .advanced-accordion .form .question .label { margin: 0; text-align: left; background: none; padding: 1px 4px 2px 0; }
	.advanced-accordion .form .answer input.textbox { width: 90%; }

	.console .buttons-inline { width: 30%; clear: none; float: left; text-align: left; }
	.console .form-inline { clear: none; }
	
	/* tabs - moved to 7ui.css
	.editor-tabs { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_shadow.gif") repeat-x left bottom; font-size: 0.94em; }
	.editor-tabs ul {  }
	.editor-tabs ul, .editor-tabs ul li { list-style-type: none; padding: 0; margin: 0; }
	.editor-tabs ul li { float: left; display: block; margin-left: 7px !important; border-top: 2px solid #fff; padding-top: 1px; }
	.editor-tabs ul li.selected { padding-bottom: 10px; background: #fff; }
	.editor-tabs ul li a:link, .editor-tabs ul li a:visited, .editor-tabs ul li span { display: block; border: 0; text-transform: lowercase; }
	.editor-tabs ul li span { min-width: 95px; }
	.editor-tabs ul li a:link, .editor-tabs ul li a:visited,
	.editor-tabs ul li a:hover, .editor-tabs ul li a:active { background: #eee; border: 1px solid #ccc; padding: 2px 10px 4px 10px; color: #003; text-decoration: none; }
	.editor-tabs ul li.selected a:link, .editor-tabs ul li.selected a:visited,
	.editor-tabs ul li.selected a:hover, .editor-tabs ul li.selected a:active { background: #fff; border-bottom: 1px solid #fff; }
	
	.editor-tabs ul li.validate { border-top: 2px solid orange; }
	.editor-tabs ul li.validated { border-top: 2px solid #33cc00; }
	.editor-tabs ul li.invalid { border-top: 2px solid #cc0000; }
	
	.editor-tabs ul li.tab-epsilon, .editor-tabs ul li.tab-zeta, .editor-tabs ul li.tab-eta, .editor-tabs ul li.tab-theta { display: none !important;}

	.editor { max-width: 780px; }
	.editor .adm-col-alpha { float: left; width: 70%; }
	.editor .adm-col-beta { float: right; width: 28%; }
	
	.ui-seven .editor .adm-col-beta fieldset, .ui-seven .editor .adm-col-beta fieldset .fields { border: 0; padding: 0; margin: 0; }
	.ui-seven .editor .adm-col-beta fieldset legend { display: none; }
	.ui-seven .editor .adm-col-alpha fieldset .fields { padding-top: 12px; }
	.ui-seven .editor .adm-col-alpha fieldset { border: 2px solid #e5e5e5; }
	*/
	
	/* asset details table 
	table.view-record {}
	table.view-profile {}
	
	table.view-record { border-collapse: collapse; border: 0; }
	
	table.view-record tr { border-bottom: 1px dotted #ccc; }
	table.view-record tr th, table.view-record tr td { padding: 4px 10px 6px 10px; font-weight: normal; }
	table.view-record tr th { background: #f7f7f7; }
	table.view-record td[axis=url] {  }
	*/
	/* alpha col buttons */
	.adm-col-alpha .buttons { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0; }
	.adm-col-alpha .buttons input.button { text-transform: lowercase; font-size: 1em; min-width: 75px; }
	
	.adm-col-beta .fields .fields-inner { border: 0; padding: 0; }
	.vignette .title { padding: 0px 3px 4px 3px; text-align: center; }
	.vignette .caption table { width: 100%; margin-top: 2px; }
	.vignette .caption table th, .vignette .caption table td { padding: 1px 0 0 0; }
	.vignette .asset { text-align: center; vertical-align: middle; border: 1px solid #efefef; background: #fff; width: auto; padding: 7px; }
	.vignette .asset a { display: block; height: auto !important; height: 145px; min-height: 145px; }	
	
	.editor .adm-col-beta fieldset,.adm-col-beta fieldset .fields { border: 0; padding: 0; margin: 0; }
	.editor .adm-col-beta fieldset legend { display: none; }
	.editor .adm-col-alpha fieldset .fields { padding-top: 12px; }
	
	
}

