﻿@media screen, all 
{
/* panels, columns, grids, tabbed panels, accordions, slideshows */	
/* tabbed panels - tabs */
#ux-interface .console .tabbed-zone-outer { clear: both; }
#ux-interface .console .tabs-menu-outer ul, #ux-interface .console .tabs-menu-outer ul li { list-style-type: none; padding: 0; margin: 0;  }
#ux-interface .console .tabs-menu-outer ul li, #ux-interface .console .tabs-menu-outer ul li a, #ux-interface .console .tabs-menu-outer ul li span { display: block; }
#ux-interface .console .tabs-menu-outer ul li { float: left; width: 20%; text-align: center; }
#ux-interface .console .tabs-menu-outer ul li a:link, #ux-interface #ux-interface .console .tabs-menu-outer ul li a:visited { text-decoration: none; border: 1px solid #ccc; border-bottom: 0; margin-right: 5px; padding: 5px; }
#ux-interface .console .tabs-menu-outer ul li.tab-selected a:link, #ux-interface .console .tabs-menu-outer ul li.tab-selected a:visited { border: 1px solid #333; border-bottom: 0; background: #f7f7f7; }
#ux-interface .console .tabs-body-outer { clear: both; width: auto; border: 1px solid #ccc; padding: 10px;  }
#ux-interface .console .tabs-body-inner { }

/* accordions */
#ux-interface .console .tabbed-zone-inner { width: auto; }
#ux-interface .console .tabbed-zone-body { }

#ux-interface .console .tab-panel-outer { border: 1px solid #ccc; border-bottom: 0; margin-bottom: 1em; clear: both; }
#ux-interface .console .tab-panel-inner { overflow: hidden; width: 100%; }
#ux-interface .console .tab-header-outer { clear: both; position: relative; height: 40px; border: 1px solid #ccc; }
#ux-interface .console .link-tab-header-outer { clear: both; position: relative; height: 40px; border: 1px solid #ccc; }
#ux-interface .console .tab-header-inner { overflow: hidden; width: 100%; }
#ux-interface .console .tab-header-inner ul, #ux-interface .console .tab-header-inner ul li { list-style-type: none; padding: 0; margin: 0; }
#ux-interface .console .tab-header-inner ul li.expander { display: block; float: left; position: absolute; top: 0; left: 0; width: 35px; height: 35px; overflow: hidden; }
#ux-interface .console .tab-header-inner ul li.header { text-align: left; margin-left: 45px; padding-top: 10px; display: block; }
#ux-interface .console .tab-header-inner ul li.header h2 { font-size: 1.3em ; color: #3894c7; }
#ux-interface .console .tab-header-inner ul li h2 a:link, #ux-interface .console .tab-header-inner ul li h2 a:visited { text-decoration: none; color: #3894c7; }
#ux-interface .console .tab-header-inner ul li h2 a:hover, #ux-interface .console .tab-header-inner ul li h2 a:active { text-decoration: none; color: #3894c7; }
#ux-interface .console .tab-header-inner ul li.expander a:link, #ux-interface .console .tab-header-inner ul li.expander a:visited { visibility: hidden; }
#ux-interface .console .tab-body-outer { clear: both; padding: 10px; border: 1px solid #ccc; border-top: 0; }
#ux-interface .console .tab-body-inner { overflow: hidden; width: 100%; }
	
/* from console_temp, to merge, remove */
/* navigation */
#ux-interface .navigation-outer { margin: 0; }
	
/* breadcrumb trail */
#ux-interface .category-trail { margin-bottom: 1em; }
			
/* filter by active */
#ux-interface .active-outer { float: right; width: 20%; text-align: right; }

/* pagination */
#ux-interface .console .pagination-outer { float: right; text-align: right; width: 35%; clear: none !important; }
	
/* notification panels */
#ux-interface .console .editor-alert-outer { margin-bottom: 1em; }
#ux-interface .console .buttons-inline { width: 30%; clear: none; float: left; text-align: left; }
#ux-interface .console .form-inline { clear: none; }
#ux-interface .console .buttons-inline { width: 30%; clear: none; float: left; text-align: left; }
#ux-interface .console .form-inline { clear: none; }

/* alpha col buttons */
.x-window .adm-col-alpha .buttons, .x-window .col-alpha .buttons { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0; }
.x-window .adm-col-alpha .buttons input.button, .x-window .col-alpha .buttons input.button { text-transform: lowercase; font-size: 1em; min-width: 75px; }
.gui .adm-col-alpha .buttons, .gui .col-alpha .buttons { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0; }
.gui .adm-col-alpha .buttons input.button, .gui .col-alpha .buttons input.button { text-transform: lowercase; font-size: 1em; min-width: 75px; }
.col-beta .fields .fields-inner, .col-beta .fields .fields-inner  { border: 0; padding: 0; }
/* end console_temp */

/* navigation */
#ux-interface .navigation-outer { clear: both; padding: 10px 0; }
#ux-interface .navigation-outer .atoz-outer { }
#ux-interface .console .navigation-outer ul, #ux-interface .console .navigation-outer ul li { list-style-type: none; padding: 0; margin: 0; display: inline-block; float: none !important; }
#ux-interface .console .navigation-outer ul li { padding: 5px; display: inline-block; }
#ux-interface .console .navigation-outer ul li.sep { padding: 0 2px;  }
#ux-interface .console .navigation-outer ul li a:link, #ux-interface .console .navigation-outer ul li a:visited { color: #0A7BDF; text-decoration: none; padding: 0 5px; }
#ux-interface .console .navigation-outer ul li a:hover, #ux-interface .console .navigation-outer ul li a:active { background: #0A7BDF; color: #fff; }
#ux-interface .console .navigation-outer ul li.selected a { background: #0A7BDF; }
#ux-interface .console .navigation-outer ul li.selected a:link, #ux-interface .console .navigation-outer ul li.selected a:visited { color: #fff; }

#ux-interface .console .navigation-outer ul li a:link, #ux-interface .console .navigation-outer ul li a:visited { color: #03c; text-decoration: none; padding: 0 2px; }
#ux-interface .console .navigation-outer ul li a:hover, #ux-interface .console .navigation-outer ul li a:active { color: #906; text-decoration: underline; float: none; }
#ux-interface .console .navigation-outer ul li.selected a { background: #03c; }
#ux-interface .console .navigation-outer ul li.selected a:link, .console .navigation-outer ul li.selected a:visited { color: #fff; }

.x-window .console .navigation-outer ul li a:link, .x-window .console .navigation-outer ul li a:visited { font-size: inherit !important; margin: auto !important; text-align: left; border: 0; color: #03c !important; text-decoration: none !important; padding: 0 2px !important; display: inline !important; background: none !important; }
.x-window .console .navigation-outer ul li a:hover, .x-window .console .navigation-outer ul li a:active { color: #906; text-decoration: overline; display: inline !important; }
.x-window .console .navigation-outer ul li.selected a { background: #03c; }
.x-window .console .navigation-outer ul li.selected a:link, .x-window .console .navigation-outer ul li.selected a:visited { color: #fff; }

/* views */
#ux-interface .console .views-outer { float: right; text-align: right; max-width: 150px; }
#ux-interface .console .views-outer ul, #ux-interface .console .views-outer ul li { list-style-type: none; padding: 0; margin: 0; display: block; }
#ux-interface .console .views-outer ul li { float: right; margin-right: 10px; text-align: right; height: 26px; width: 26px; overflow: hidden; }
.backstage #ux-interface .console .views-outer ul li { float: right !important; margin-right: 10px; text-align: right; height: 26px; width: 26px; overflow: hidden; }
#ux-interface .console .views-outer ul li.view-grid { }

/* generics */
#ux-interface .console .button { height: -1px; width: -1px; overflow: visible; padding: 0 8px 2px 8px; line-height: inherit; }

/* actions bar */
#ux-interface .console .actions-outer { padding: .5em 0; width: 100%; overflow: hidden; clear: both; }
#ux-interface .console .actions-outer .options-outer { border: 1px dotted #ddd; padding: 2px 5px 4px 5px; background: #f7f7f7; width: auto; float: right; }
#ux-interface .console .actions-outer .options-outer:hover { background: #eee;  }
#ux-interface .console .actions-outer .options-outer ul.options, #ux-interface .console .actions-outer .options-outer ul.options ul, #ux-interface .console .actions-outer .options-outer ul.options li { list-style-type: none; margin: 0; padding: 0; }
#ux-interface .console .actions-outer .options-outer ul.options li.title { min-width: 120px; }
#ux-interface .console .actions-outer .options-outer ul.options li.title .text { display: block; background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/builder/lec_config.gif") no-repeat 2px 0; padding: 0 0 0 25px; cursor: pointer; }
#ux-interface .console .actions-outer .options-outer ul.options ul.sub-options { border: 1px dotted #ddd; background: #f7f7f7; z-index:1000 }
#ux-interface .console .actions-outer .options-outer ul.options ul.sub-options li.option { background: none; border-bottom: 1px dotted #ddd; }
#ux-interface .console .actions-outer .options-outer ul.options ul.sub-options li.last { border-bottom: 0; }
#ux-interface .console .actions-outer .options-outer ul.options ul.sub-options li.option:hover { background: #eee; }
#ux-interface .console .actions-outer .options-outer ul.options ul.sub-options li.option a { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/builder/lec_config.gif") no-repeat 5px center; padding: 0.5em 0.5em 0.5em 28px; display: block; }
		
/* actions - change (add) */
#ux-interface .console .actions-change .buttons { text-align: left; float: left; width: auto; }
#ux-interface .console .actions-change .button { margin: 0 10px 0 0; }
#ux-interface .console .form-search .button { margin: 0 0 0 10px; }
/*
.console .actions-change .button-add { border: 0; padding: 15px 0 0 30px; color: #fff; margin: 0; background: url("/EasySiteWeb/Style/65/Img/Ico/Console/add_big.png") no-repeat top left; }
*/
#ux-interface .tabs-container .console .actions-outer, #ux-interface .tabs-container .console .actions-outer .buttons { margin: 0; padding: 0; }
#ux-interface .tabs-container .console .actions-outer { margin: 0 0 10px 0; }

/* asset manager overlay */
.adm .manager.content.assets {}
.adm .manager.security.user .form-search .element .question, .adm .manager.content.assets .form-search .element .question { width: 35%; }
.adm .manager.content.assets .form-search .element .answer, .adm .manager.security.user .form-search .element .answer { width: 64%; }
.form .form-search label, .form-search .label { background: none; }

/* search icons */
.gui .console .form-search .buttons .btn.img { float: left; display: block; text-indent: -999px; margin: 0 !important; background: none; border: 0; width: 24px; height: 24px; overflow: hidden; padding: 0 !important; font-size: .1px; }
.gui .console .form-search .buttons .btn.img.reset, .button-clear { display: none; }
.gui .console .form-search .buttons .btn.img.search { background: url("/EasySiteWeb/Style/Img/ico.search.png"); cursor: pointer; }
	
.gui .console .form-search .date-picker { width: 170px !important; }
.gui .console .form-search .date-picker .question { width: 33%; }
.gui .console .form-search .date-picker .answer{ width: 64%; }
.gui .console .form-search label { float: right; }
.gui .console .form-search .textbox input.textbox { width: 88%; border: 2px solid #bbb; padding: 1px 1px 3px 3px; }
.gui .console .form-search input[type=text] { border: 2px solid #bbb; padding: 1px 1px 3px 3px; width: 88%; }
.gui .console .form-search input.hasDatepicker { border: 2px solid #bbb; padding: 1px 1px 3px 3px; width: 72px; }

.console .form-search .textbox input.textbox:focus { border-color: Orange; }

/* columns */
.console .adm-col-alpha, .console .col-alpha { width: 72%; float: left; }
.editor .adm-col-beta, .console .adm-col-beta, .console .col-beta { width: 26%; float: right; margin: 0; }
.console .category-expansion { padding: 3px; }
.console .category-expansion .element { margin-bottom: 2px; }
.console .category-expansion select { width: 98%;  }
.console .asset-manager-multiple-category-checkbox { font-size: 12px; }
.console .category-expansion .checkbox label, .console .asset-manager-multiple-category-checkbox label { padding: 0 0 0 5px; }
.console .category-expansion .checkbox input, .console .asset-manager-multiple-category-checkbox input { float: left; }

	/* buttons */
     .asset-manager ul.buttons-list { margin: 0; padding: 0; list-style-type: none; }
     .asset-manager ul.buttons-list li { list-style-type: none; float: left; margin-right: 5px; }

	/* perspective - list */
	.console .list-outer { width: 100%; clear: both; }
	.console .list-inner { float: left; }
	.console .list-outer ul, .console .list-outer ul li, .editor .list-outer ul, .editor .list-outer ul li { list-style-type: none; padding: 0; margin: 0;  }
	.console .list-outer ul li.tile-item { float: left; width: 20%; clear: none; }
	.console .list-outer ul li.tile-item a { display: block; }
	.console .list-outer .vignette-image a { min-height: 80px; }
	.console .list-outer .tile-outer:hover, .console .list-outer .tile-outer:active { border: 2px solid #969; }
	.console .list-outer .tile-outer { padding: 8px 8px 4px 8px; border: 2px solid #ddd; margin: 0 10px 10px 0; text-align: center; }
	.console .list-outer .tile-inner { width: 80px !important; height: 125px; }
	.console .list-outer .vignette-image { height: 83px; }
	.console .list-outer .vignette-details { text-align: center; }
	.vignette-details a:link, .vignette-details a:visited { text-decoration: none; font-size: 0.94em; }
	.vignette-details a:hover, .vignette-details a:active { text-decoration: none; }

/* perspective - list - tiles 
.console .tiles .tile-outer { margin: 0 0 10px 0; text-align: left; }*/
.console .tiles .tile-inner { width: auto !important; min-height: 60px; }
.console .tiles .tile-outer li.icon, .console .tiles .tile-outer li.synopsis, .console .tiles .tile-outer li.select
{ float: left; width: auto; text-align: left;  min-height: 30px; }
.console .tiles .tile-outer li.icon { width: 57px; }
.console .tiles .tile-outer li.synopsis { width: 80%;}
.console .tiles .tile-outer li.select { float: right; }

	 /* Message centre */
     .messaging .console .list-outer .tile-inner { width: auto !important; height: auto; }
     .messaging .console .tiles .tile-outer li.synopsis span { display: block; }
	 /* Mab Feb 14 - need to identify who/why
     .messaging .console .form-search .element, .editor .form-search .element { width: 100%; }
	 */
	
/* carousel */
.console-carousel { width: 561px; height: 260px; overflow: scroll; }
.console-carousel-button { position: absolute; top: 4px; width: 32px; height: 32px; padding: 0px; margin: 0px; border: 0px; text-indent: -3000px; overflow: hidden; background-color: transparent; cursor: pointer; display: none; }
.console-carousel-button-left { right: 40px; background-image: url(/EasySiteWeb/EasySite/SupportFiles/images/Console/carousel_arrow_left.png); }
.console-carousel-button-right { right: 0px; background-image: url(/EasySiteWeb/EasySite/SupportFiles/images/Console/carousel_arrow_right.png); }
.console-carousel-text { display: none; }
.console-carousel-text-title { font-weight: bold; font-size: 14px; }
.console-carousel-text-alt { font-size: 12px; }
	
/* console types */
.console-metadata {}
.console-metadata table.grid col.title { width: auto; }
.console-metadata table.grid col.select { width: 40px; }
.console-metadata table.grid div.select-all { text-align: center; }
.console-metadata table.grid div.select-all label { display: none; }
	
#floatingwindowContent_AssetManager .console { padding: 0 10px; width: auto; }
#floatingwindowContent_AssetManager .matches-outer { display: none; }
	
/* console types - feeds */
.feeds .console { }
.feeds .console .form-search .element.dropdown { width: 180px; }
.feeds .console .form-search .element.dropdown .question { width: 30%; }
.feeds .console .form-search .element.dropdown .answer { width: 70%; }
.feeds .console .form-search .element.dropdown .answer select { width: 93%; }
.feeds .console table.grid col.select { width: 75px; }
.feeds .console table.grid col.select:last-child { width: 45px; }
.feeds .console table.grid col.number { width: 45px; }
.feeds .console .col-alpha { width: 72%; }
#ux .console .adm-adv-tabs .category-tree-outer { border: 0 !important; }
#ux .console .category-tree-outer, #ux .console .category-tree-inner { background: none; }
#ux .console #categoryScrollArea { overflow: scroll; }

/* filters  */
.filter-outer { margin: 0 0 .5em 0; background: transparent; padding: 3px 3px 3px 0; }
.filter-inner {}
.filter-outer ul, .filter-outer li { margin: 0; padding: 0; list-style-type: none; }
.filter-outer a.remove-filter { padding-right: 5px; text-transform: capitalize; float: none !important; }
	
/* adm only */
.adm .filter-outer ul li { text-align: right; display: block; position: relative; width: auto !important; width: 0; white-space: nowrap; color: #fff; padding: 2px 23px 3px 7px; float: left; margin: 0 5px 0 0; font-size: 0.94em; }
.adm .filter-outer ul li a .text { display: block; padding: 0 25px; }
.adm .filter-outer ul li a:link, .adm .filter-outer ul li a:visited, .adm .filter-outer ul li a:hover, .adm .filter-outer ul li a:active { position: absolute; right: 4px; display: block; width: 15px; height: 15px; overflow: hidden; text-decoration: none;
background: url("/EasySiteWeb/Style/65/Img/Ico/Console/rem_filter.png") no-repeat 0 2px; }
	
/* paragraph */
.console td p { margin: 0; }

/* notification panel */
.console .editor-alert-outer ul.editor-message-parts li.icon { float: left; width: 30px !important; }
.console .editor-alert-outer ul.editor-message-parts li.icon img { float: left; display: block; margin: 0; border: 0; padding: 0; }
.console .editor-alert-outer ul.editor-message-parts li.expand, .console .editor-alert-outer ul.editor-message-parts li.close { display: block; float: right; height: 14px; overflow: hidden; width: 14px; }	
.console .editor-alert-outer ul.editor-message-parts li.editor-message-outer { float: left; max-width: 420px; width: auto !important; }
.console .editor-alert-outer ul.editor-message-parts li.editor-message-inner { }
.console .editor-alert-outer { border-top-width: 1px !important; }
	
/* add category - forms */
.form .object-category-creator-outer { padding: 0; font-size: 12px; }
.form .object-category-creator-inner {}
.form .object-category-creator-outer fieldset { border: 0; padding: 0; margin: 0; }
.form .object-category-creator-outer fieldset legend, .form .object-category-creator-outer fieldset .question { display: none; }
.form .object-category-creator-outer .fields { background: none; border: 0; }
.form .object-category-creator-outer .textbox { float: left; width: 72%; margin: 0; }
.form .object-category-creator-outer .element input, .form .object-category-creator-outer .element input.textbox { width: 88%; padding: 2px; float: left; }
/*
.form .object-category-creator-outer .element input[type="text"] { width: 88%; padding: 2px; float: left; }
*/
.form .object-category-creator-outer .textbox .answer { width: auto; } 
.form .object-category-creator-outer .buttons { clear: none; float: right; width: 27%; margin: 0; padding: 0; }
.form .object-category-creator-outer .buttons input { margin: 0; }

/* hot spot uploader */	
.oHotSpotOver {  }
.uploader-hotspot-box { position: relative; z-index: 2; }
.floating-window .uploader-hotspot { position: absolute; top: 35px; }
.uploader-hotspot-box-browser-not-supported { border: 2px solid #ff0000; background: #ffaaaa; padding: 5px 10px; margin: 0 0 5px 0; float: left; }
.hotspot-uploader-pop { padding: 10px; }
.hotspot-uploader-pop fieldset { padding: 0; border: 0; margin: 0; }
.hotspot-uploader-pop fieldset legend { display: none; }
.hotspot-uploader-pop #progressBarContainer, .progress-bar .container * { color: #fff; line-height: 1.6em !important; }
.hotspot-uploader-pop .pb-outer, .progress-bar .pb-outer { border: 1px solid #990099; width: 100%; position: relative; }
.hotspot-uploader-pop .pb-inner, .progress-bar .pb-inner { width: 0; height: 24px; background: #990099 url("/EasySiteWeb/EasySite/SupportFiles/images/Render/bg_chart_purple_fade.gif") repeat-x top left; }
.hotspot-uploader-pop .pb-percentage, .progress-bar .pb-percentage { width: 100%; position: absolute; height: 24px; top: 0; left: 0; text-align: center; background: url("/EasySiteWeb/EasySite/SupportFiles/images/Render/bg_chart_purple.gif") repeat-x top left; }
.hotspot-uploader-pop .buttons { margin-top: 10px; }
	
/*
progressBarPercentage
*/
.uploader-hotspot { z-index: 1; border: 0; position: absolute; left: 150px; height: 33px; width: 33px; top: 6px; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/console/fire_cold.png") no-repeat top left; }
.hover .uploader-hotspot { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/console/fire.png") no-repeat top left !important;  }
.uploader-hotspot .message { visibility: hidden; }
	
/* side tab panels */
.adm-adv-tabs ul, .adm-adv-tabs ul li { list-style-type: none; padding: 0; margin: 0;  }
.adm-adv-tabs .tabs-menu-outer ul { position: relative; }
.adm-adv-tabs .tabs-menu-outer ul:after { position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #ccc; z-index: 1; }
.adm-adv-tabs .tabs-menu-outer ul:before { z-index: 1; }
.adm-adv-tabs .tabs-menu-outer ul li { margin: 0 10px 0 0; padding: 0 10px; border: 1px solid #ccc; background: #ccc; display: inline-block; position: relative; z-index: 0; }
.adm-adv-tabs .tabs-menu-outer ul li.selected { background: #fff; z-index: 2; border-bottom-color: #fff; }
.adm-adv-tabs { }
.adm-adv-tabs span, .adm-adv-tabs a, .adm-adv-tabs li { }
.adm-adv-tabs .tabs-menu-outer ul li a:link, .adm-adv-tabs .tabs-menu-outer ul li a:visited { padding: 0; margin: 0; border: 0; }
.adm-adv-tabs .tabs-menu-outer ul li a:hover, .adm-adv-tabs .tabs-menu-outer ul li a:active {}
.adm-adv-tabs .tabs-menu-outer ul.tabs li .tab-text { padding: 5px 10px; color: #444; }
.adm-adv-tabs .tabs-menu-outer ul.tabs li.selected .tab-text { }
.adm-adv-tabs .tabs-body-outer { padding: 0 !important; background: url("/easysiteweb/style/7/img/bg_fff_75.png"); border: 1px solid #ccc; border-top: 0; }
.adm-adv-tabs .panel-header { }

/* matches */
.console .matches-outer { float: left; width: 64%; }
.console .matches-outer label { display: inline; padding: 0; margin: 0; }
.console .select-inline { position: relative; padding-right: 50px; }
body .console .matches-outer select, body .x-window .console .matches-outer select { min-width: 10px !important; clear: none; padding: 0 !important; margin: 0 !important; float: none !important; position: absolute !important; left: 4px !important; border: 0 !important; width: auto !important; }

body.backstage .console .matches-outer, body.backstage .console .pagination-outer { width: 45%; }

/* bespoke views */
.manager.security.user {}
.manager.security.user .console .form-inline.form-search .element.dropdown, .manager.security.user .console .form-inline.form-search .search-keywords { width: 390px !important; float: left; }
.manager.security.user .console .form-inline.form-search .element { float: left; }

.manager.security.user .console .form-inline.form-search .element.dropdown { margin: 0 0 3px 0; }
.manager.security.user .console .form-inline.form-search .dropdown .question {}
.manager.security.user .console .form-inline.form-search .dropdown .element .answer {}

.manager.security.user .console .form-inline.form-search .search-keywords { }
.manager.security.user .console .form-inline.form-search .search-keywords .buttons .button { margin: 0 8px 0 0; }
.manager.security.user .console .form-inline.form-search .search-keywords .element {}
.manager.security.user .console .form-inline.form-search .search-keywords .element .question {}
.manager.security.user .console .form-inline.form-search .search-keywords .element .answer {}


}

