﻿
/*-------------------------------------------------------
 TABS ALPHA
---------------------------------------------------------*/
.element-tabs-container-alpha-outer { background: #efefef url("/EasySiteWeb/EasySite/StyleData/Web/Images/tabs-alpha-bl.gif") no-repeat bottom left; }
.element-tabs-container-alpha-inner { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/tabs-alpha-br.gif") no-repeat bottom right; padding-bottom: 5px; }
.element-tabs-container-alpha-inner .element-tabs-menu-outer { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/tabs-alpha-tl.gif") no-repeat top left; width: 100%; overflow: hidden; }
.element-tabs-container-alpha-inner .element-tabs-menu-inner { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/tabs-alpha-tr.gif") no-repeat top right; padding: 5px 5px 0; height: 25px; }
.element-tabs-container-alpha-inner .element-tabs-menu-inner ul { list-style-type: none; margin: 0; padding: 0; }
.element-tabs-container-alpha-inner .element-tabs-menu-inner ul li { float: left; padding: 5px 20px; }
.element-tabs-container-alpha-inner .element-tabs-menu-inner ul li.tab-selected { background: #fff; }
.element-tabs-container-alpha-inner .element-tabs-menu-inner ul li.tab-selected a:link { color: #000; }
.element-tabs-container-alpha-inner .element-tabs-panel-outer { background: #efefef; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 0 4px; }
.element-tabs-container-alpha-inner .element-tabs-panel-inner { overflow: hidden; background: #fff; padding: 5px; }

/*-------------------------------------------------------
 ACCORDION TABS ALPHA
---------------------------------------------------------*/
.oAccordionPanels.tabbed-zone-alpha { color: #000; }
.oAccordionPanels.tabbed-zone-alpha .tabbed-zone-inner { width: 100%; overflow: hidden; border: 1px solid #dbdbdb; }
.oAccordionPanels.tabbed-zone-alpha .tabbed-zone-body { }
.oAccordionPanels.tabbed-zone-alpha .tab-outer {  }
.oAccordionPanels.tabbed-zone-alpha .tab-inner {}
.oAccordionPanels.tabbed-zone-alpha .tab-header-outer { border: 0; border-bottom: 1px solid #dbdbdb; }
.oAccordionPanels.tabbed-zone-alpha .expanded .tab-header-outer { border: 0; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner { }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul { }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li { }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul > li:first-child { border: 0; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li.header { padding: 0; margin: 0; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li.expander { float: right; top: 15px; right: 10px; left: auto; background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/tabs-expand-arrow.gif") no-repeat top right; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li.expanded { background: none; }

.oAccordionPanels.tabbed-zone-alpha .expanded .tab-header-inner ul li.expander { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/tabs-collapse-arrow.gif") no-repeat top right; }

.oAccordionPanels.tabbed-zone-alpha .tab-body-inner .oAssetLeft { padding: 5px 10px; margin: 0; }

/* overwrite ui.css */
.oAccordionPanels.tabbed-zone-alpha .ui-icon { width: auto; height: auto; background-image: none; }
.oAccordionPanels.tabbed-zone-alpha ul li.header h2 { font-size: 1em !important; font-weight: bold; padding: 0; margin: 9px 8px 10px; }
.oAccordionPanels.tabbed-zone-alpha ul li.header h2 a.panel-event:link, .oAccordionPanels.tabbed-zone-alpha ul li.header h2 a.panel-event:visited { padding: 0; margin: 0; color: #00A0DE; font-weight: normal; }
.oAccordionPanels.tabbed-zone-alpha .tab-body-outer { background: none; padding: 5px; height: auto !important; border: 0; }
.oAccordionPanels.tabbed-zone-alpha .tab-body-inner { background: none; padding: 10px 0; background: #00A0DE; }
.oAccordionPanels.tabbed-zone-alpha .tab-body-inner .ClientAreaContainer { color: #fff; }
.oAccordionPanels.tabbed-zone-alpha {}
.oAccordionPanels.tabbed-zone-alpha .ui-state-default, .oAccordionPanels.tabbed-zone-alpha .ui-widget-content .ui-state-default { background: none; }
/* Corner radius - overwrite ui.css */
.oAccordionPanels.tabbed-zone-alpha .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }
.oAccordionPanels.tabbed-zone-alpha .ui-corner-top { -moz-border-radius: 0; }
.oAccordionPanels.tabbed-zone-alpha .ui-corner-bottom { -moz-border-radius: 0; }

/*-------------------------------------------------------
 EVENTS CALENDAR
---------------------------------------------------------*/
.oEventCalendarGridOuter ul { list-style-type: none; margin: 0; padding: 0; }
.oEventCalendarGridOuter ul li { list-style-type: none; margin: 0; padding: 0; }

li.hidden-bookmark { display: none; }
span.hidden-bookmark { display: none; }

/* Mini Day Picker */
.oCalendarMiniDayPicker { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/panel-alpha-bl.gif") no-repeat bottom left; }
.oCalendarMiniDayPicker .picker-inner { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/panel-alpha-br.gif") no-repeat bottom right; padding-bottom: 10px; }
.oCalendarMiniDayPicker .panel-title-outer { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/panel-alpha-tl.gif") no-repeat top left; }
.oCalendarMiniDayPicker .panel-title-inner { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/panel-alpha-tr.gif") no-repeat top right; }
.oCalendarMiniDayPicker .panel-title-inner h2 { display: block; margin: 0; padding: 3px 10px; font-size: 1.2em; font-weight: normal; }
.oCalendarMiniDayPicker .month-picker-outer { color: #777; }
.oCalendarMiniDayPicker .month-picker-inner { padding: 10px 0 0 10px; }
.oCalendarMiniDayPicker .panel-body-outer { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.oCalendarMiniDayPicker .panel-body-inner {}
.oCalendarDayPickerDataGrid { border-collapse: collapse; margin: 12px 10px 11px; }
.oCalendarDayPickerDataGrid th { background: #00A0DE; text-align: left; color: #fff; padding: 2px 0 2px 5px; }
.oCalendarDayPickerDataGrid tbody {  }
.oCalendarDayPickerDataGrid td { padding: 2px 20px 2px 5px; border: 1px solid #eee; }
.oCalendarDayPickerDataGrid td.active { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/active-event.gif") no-repeat top right; }
.oCalendarDayPickerDataGrid td.active ul { list-style-type: none; padding: 0; }
.oEventsList .footer-outer {  }
.oEventsList .footer-inner {  }
.oEventsList .oEventCalendarSearchButtonContainer { text-align: right; }
.oEventsList .oEventCalendarSearchButtonContainer .oDataFormButton { margin-top: 10px; background: none #fff; color: #00A0DE; padding: 0px 5px; border: 1px solid #dbdbdb; }

/* Events Calendar List */
.oEventsList dl { margin: 0; padding: 0; }
.oEventsList dl p { margin: 0; }
.oEventsList dl span { display: block; }
.oEventsList dt.oEventTitle {}
.oEventsList dd.oEventDate {}
.oEventsList dd.oEventVenue {}
.oEventsList dd.oEventSummary {}

/*-------------------------------------------------------
 POLLING
---------------------------------------------------------*/
.oPolling .header-outer { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/poll-tl.gif") no-repeat top left; }
.oPolling .header-inner { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/poll-tr.gif") no-repeat top right; }
.oPolling .header-inner h2 { padding: 5px 10px; margin: 0; font-size: 1.3em; font-weight: normal; }
.oPolling .body-outer { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/poll-bl.gif") no-repeat bottom left; margin-bottom: 1em; }
.oPolling .body-inner { background: transparent url("/EasySiteWeb/EasySite/StyleData/Web/Images/poll-br.gif") no-repeat bottom right; overflow: hidden; }
.oPolling .form { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; color: #555; margin-bottom: 0; padding: 10px; }
.oPolling .form fieldset { border: 0; padding: 0; border: 0; }
.oPolling .form legend { display: none; }
.oPolling .form .form-fields { padding: 0; }
.oPolling .form .synopsis { margin: 0; padding: 0; }
.oPolling .form .question { width: 100%; padding: 5px 0; text-align: left; }
.oPolling .form .question .label { padding-left: 0; }
.oPolling .form .answer {  }
.oPolling .form .answer ul { list-style-type: none; margin: 0; padding: 0; }
.oPolling .form .answer ul li { padding: 2px 5px 2px 0; }
.oPolling .form .answer ul li input { margin-left: 0; }
.oPolling .form .answer ul li label { display: inline; }
.oPolling .form .element { border: 0; }
.oPolling .buttons { text-align: left; padding: 10px; margin-bottom: 10px; }
.oPolling .buttons .button { background: none #fff; color: #00A0DE; padding: 0px 5px; border: 1px solid #dbdbdb; }
.oPollingResults .buttons { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }

.oPolling p { margin: 0; }
.oPolling .pollname, .oPolling .description, .oPolling .totaliser { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.oPolling .message { padding: 5px 10px; display: block; }
.oPolling .results .question { padding: 5px 0; }
.oPolling .results .answer { padding: 0; border: 1px solid #dbdbdb; }
.oPolling .results .barchart-outer { display: inline-block; background: #00A0DE; }

/*-------------------------------------------------------
 DISCUSSION FORUMS
---------------------------------------------------------*/
.oForumMainTopicBodyInner { display: block; width: 100%; overflow: hidden; }

.oForumAvatarOuter { display: block; float: left; }
.oForumAvatarInner { display: block; }

.oForumPostBodyOuter { display: block;  }
.oForumPostBodyInner { display: block; width: 100%; overflow: hidden; }

.oForumPostHeaderOuter { display: block; }
.oForumPostHeaderInner { display: block; width: 100%; overflow: hidden; }

.oForumPostMessageOuter { display: block; }
.oForumPostMessageInner { display: block; width: 100%; overflow: hidden; }

.oForumsGridView table th.col-board { width: 55%; }

/* Ensure Category Tree Tables clear */
.CategoryTreeView table  { clear: both;} 

/*-------------------------------------------------------
 ACCESS CHANNELS
---------------------------------------------------------*/
.style-element-outer { margin-bottom: 1em; clear: both; }
.oAccessChannels .style-element-inner { width: 100%; overflow: hidden; }
.oAccessChannels { border: 2px solid #06c; padding: 8px; background: #f7f7f7; }
.oAccessChannels .head-outer { clear: both; }
.oAccessChannels .head-inner { width: 100%; overflow: hidden; }
.oAccessChannels .head-outer h2 { font-size: 1.1em; font-weight: bold; color: #06c; margin: 0; padding: 0; }

.oAccessChannels .body-outer { clear: both; margin-top: 8px; }
.oAccessChannels .body-inner { width: 100%; overflow: hidden; }

.oAccessChannels .image { float: left; width: 100px; vertical-align: top; text-align: left; }
.oAccessChannels .show-image { margin-left: 110px; }
.oAccessChannels .style-element-outer .content-inner { width: 100%; overflow: hidden; }

.oAccessChannels ul, .oAccessChannels li { margin: 0; padding: 0; list-style-type: none; }
.oAccessChannels li { margin-bottom: 3px; }
.oAccessChannels address { font-style: normal; font-size: 1em; }

.oAccessChannels .panel-alpha { float: left; width: 49%; }
.oAccessChannels .panel-beta { float: left; width: 49%; }
.oAccessChannels .panel-gamma { clear: both; width: 100%; }

.AccessChannelTreeView { width: 100%; }

/*-------------------------------------------------------
 MESSAGING
---------------------------------------------------------*/
.messaging {}
.messaging .col-alpha, .messaging .col-beta { float: left; width: 49%; }

/*-------------------------------------------------------
 GLOSSARY
---------------------------------------------------------*/
.glossary-item { background-color: #efe; border-bottom: 1px dotted #ccc; }
.glossary-pick { background-color: #fee; }
#glossaryToolTip, .pop-element-outer { position: absolute; z-index: 1001; display: none; }
#glossaryToolTip .pop-element-inner { padding: 10px; border: 2px solid #7da2ce; background: #f5f5ff url("/EasySiteWeb/EasySite/SupportFiles/images/AssetManager/Icons_7ui/big_button_bg.gif") repeat-x bottom left; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#glossaryToolTip .pop-element-body {}
#glossaryToolTip h2.glossary-term { margin-top: 0; }
#glossaryToolTip .glossary-body {}

/*-------------------------------------------------------
 COOKIE CONSENT
---------------------------------------------------------*/
body .cookie-optin *, body .cookie-optout * { font-size: 13px !important; font-family: Segoe UI, Verdana, Sans-Serif !important; color: #fff !important; }
body .cookie-optin { z-index: 99999; position: relative; }
body .cookie-optin,body .cookie-optout { background: #abdc28 url("/EasySiteWeb/EasySite/StyleData/Web/Images/cookie-bg.jpg") repeat-x top left; border-bottom: 2px solid #000; width: 100%; overflow: hidden; margin: 0; }
body .cookie-optin .app-i { width: 600px; margin: auto; }
body .cookie-optin fieldset, body .cookie-optout fieldset { border: 0 !important; margin: 0 !important; padding: 0 !important; }
body .cookie-optin legend, body .cookie-optout legend { display: none !important; }
body .cookie-optin .fields, body .cookie-optout .fields { padding: 5px 5px 5px 70px; min-height: 70px; height: auto !important; height: 70px; background: #48c1f0 url("/EasySiteWeb/EasySite/StyleData/Web/Images/cookie-bg-img.png") no-repeat scroll left top; }
body .cookie-optin .buttons, body .cookie-optin .message, body .cookie-optin .element, body .cookie-optout .buttons, body .cookie-optout .message, body .cookie-optout .elementt { width: 100%; overflow: hidden; margin: 0 0 10px 0; }
body .cookie-optin .element input, body .cookie-optin .element label, body .cookie-optout .element input, body .cookie-optout .element label { float: left; padding: 0; margin: 0; border: 0; background: none; }
body .cookie-optin .element input,  body .cookie-optout .element input { margin: 4px 8px 0 0; height: 13px; width: 13px; }
body .cookie-optin .buttons { margin: 0; }
body .cookie-optin .buttons input, body .cookie-optout .buttons input { background: #abdc28; float: left; padding: 2px 6px 4px 6px !important; margin: 0 !important; border: 1px solid #666 !important; cursor: pointer; font-size: 12px !important; color: #666 !important; }
body .cookie-usage { background: #ABDC28; color: #fff; padding: 0 5px 5px; }
body .cookie-usage .app-i { width: auto; background: #623ABF; padding: 5px 0 0 5px; }

/*-------------------------------------------------------
 BUILDPORTAL
---------------------------------------------------------*/
/* app:buildportal */
.oPortal { }

/* header + setup */
.oPortal h1 { }
.oPortalUIHeader { }
.oPortalUIHeader .header-inner {}
.oPortalUIHeader .setup-outer, .oPortalUIOptions {}
.oPortalUIHeader .setup-inner { }

/* toggle options */
.oPortalUIOptions .manage-apps { border: 1px solid #000; font-size: 0.94em; background: #6a6a6a url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_setup.gif") repeat-x bottom left; padding: 4px 8px; }
.oPortalUIOptions ul, .oPortalUIOptions ul li { list-style-type: none; padding: 0; margin: 0; }
.manage-apps ul li { float: left; display: block; width: auto; margin-right: 10px; background: #eeeeee url("/EasySiteWeb/EasySite/StyleData/Default/Images/button_bg.gif") repeat-x; border: 1px solid #ccc; }

.oPortalUIOptions ul li a:link, .oPortalUIOptions ul li a:visited { display: block; color: #666; padding: 2px 8px 3px 24px; text-decoration: none; }
.oPortalUIOptions ul li a:hover, .oPortalUIOptions ul li a:active { display: block; color: #000; text-decoration: none; }

.oPortalUIOptions ul li a#configurePortal:link, .oPortalUIOptions ul li a#configurePortal:visited { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/ico_add_mo.gif") no-repeat 3px 1px; }
.oPortalUIOptions ul li a#configurePortal:hover, .oPortalUIOptions ul li a#configurePortal:active {	}

.oPortalUIOptions ul li a#resetPortal:link, .oPortalUIOptions ul li a#resetPortal:visited { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/ico_reset_mo.gif") no-repeat 3px 1px; }
.oPortalUIOptions ul li a#resetPortal:hover, .oPortalUIOptions ul li a#resetPortal:active { }

/* apps manager (options) */
.oPortalUIBody { display: none; border: 1px solid #969696; border-top: 0; background: #f2f2f2 url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_apps.gif") repeat-x bottom; padding: 8px; color: #000; }
.portlet-form fieldset { border: 1px solid #ccc; margin-bottom: 10px; }

.portlet-form fieldset legend { padding-left: 10px; padding-right: 10px; color: #000; }
.oPortalUIBody .buttons button, .oPortalUIBody .button { margin: 0 0 0 10px; font-size: 1em; }

.oPortalUIBody ul li { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_hover.gif") no-repeat; margin-right: 8px; margin-bottom: 2px; width: auto; padding: 1px 5px 0 3px; color: #666; }
/*position: relative;*/

.oPortalUIBody ul li.enabled { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_on.gif") no-repeat; color: #fff; }
.oPortalUIBody ul li:hover { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_on.gif") no-repeat; color: #fff; }
.oPortalUIBody ul li.enabled:hover { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_app_off.gif") no-repeat; color: #000; }
.oPortalUIBody ul li { display: block; width: 192px; height: 25px; float: left; }
.oPortalUIBody ul li label { cursor: pointer; overflow: hidden; }
.oPortalUIBody ul li span.label-text { display: block; padding-top: 1px; }

/* apps manager (subscribe) */
.oPortalUIBody fieldset.subscribe { }
.oPortalUIBody .form-fields .question label { background: 0; }

/* portal body */
.portal-body-outer { padding: 5px 5px 0 5px; background: #777; }
.portal-body-inner {}

/* dropzones */
.drop-zone-outer { min-height: 800px; }
.drop-zone-inner { margin: 5px; }
.oDragProxy { border: 2px dashed blue !important; } /* ? */
.oDropProxy { border: 2px dashed purple !important; min-height: 2em; }
.oDragOver { }

/* portlet */
.portlet-outer { clear: both; margin-bottom: 10px; }
.portlet-alpha {}
.portlet-inner {}
.portlet-body { background: #fff; }
.portlet-header { margin: 0; padding: 0; background: url('/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_plet_hd_tr.gif') no-repeat top right; padding-right: 5px; border-bottom: 1px solid #fff; display: block !important; display: inline-block; }
.portlet-header .header-inner { width: auto; min-height: 23px; padding-left: 5px; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/bg_plet_hd_tl.gif") no-repeat top left; display: block !important; display: inline-block; }

.oPortletUIBody { display: none; background: #888; color: #fff; border: 1px solid #ececec; border-top: #888; margin: 0; }

/* portlet header : options */
.portlet-header ul, .portlet-header ul li { list-style-type: none; margin: 0; padding: 0; }
.portlet-header ul li { display: block; float: left; overflow: hidden; position: relative; padding: 0; }
.portlet-header ul li button { border: 0; background: 0; }

/* portlet header : open / close */
.portlet-header ul.options li.expander { top: 6px; left: 0; width: 18px; height: 15px; }
.portlet-header ul.options li.expander .oPortletButton { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_opened.gif") no-repeat top left; }
.portlet-header ul.options li.expander .oPortletButtonClosed { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_closed.gif") no-repeat top left; }
.portlet-header ul.options li.expander span { visibility: hidden; } 

/* portlet header : title */
.portlet-header ul.options li.header { top: 3px; left: 0; cursor: move; width: 66%; padding-bottom: 4px; }
.portlet-header ul.options li.header .oPortletHandle { font-size: 1.2em; margin: 0; padding: 0; line-height: 1.2em; display: block; }
.portlet-header ul.options li.header a { text-decoration: none; }

/* portlet header : edit */
.portlet-header ul.options li.edit { float: right; top: 2px; right: 0; width: 32px; }
.portlet-header ul.options li.edit button { padding: 0; margin: 0; background: 0; }
.portlet-header ul.options li.edit button span { background: 0; padding: 1px 2px; margin: 0; display: block; border: 1px solid #ccc; font-size: 0.85em; }
.portlet-header ul.options li.edit button span:hover { background: #e5e5e5; }

/* portlet header : remove */
.portlet-header ul.options li.remove { float: right; top: 7px; width: 8px; height: 12px; overflow: hidden; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/buildportal/portlet_remove.gif") no-repeat 2px 0;  }
.portlet-header ul.options li.remove button span, .oPortlet ul.options li.remove button { padding: 0; background: 0; display: block; }
.portlet-header ul.options li.remove button span { padding-left: 10px; }
 
/* portlet header : feed */
.oPortlet ul.options li.feed { float: right; top: 4px; right: 3px; }

/* portlet : setup */
.form-portlet-setup, .oPortletUIBody { padding: 5px; color: #fff; font-size: 0.9em; }

/* portlet : setup : themes / portlet tabs */
.form-portlet-setup fieldset.portlet-preferences, .form-portlet-setup fieldset.portlet-tab-options, .form-portlet-setup fieldset.themes { border: 0; clear: both; }
.form-portlet-setup fieldset.portlet-preferences legend, .form-portlet-setup fieldset.portlet-tab-options legend, .form-portlet-setup fieldset.themes legend { display: none; }
.form-portlet-setup fieldset.portlet-tab-options .form-fields, .form-portlet-setup fieldset.themes .form-fields { padding: 0; }
fieldset.themes .theme-checkbox { float: left; margin: 0 5px 5px 0; padding: 1px 3px; border: 1px solid #ccc; background: #b3b3b3; }
fieldset.themes .theme-checkbox label { display: inline; float: none; }
fieldset.themes .theme-alpha { background: #21bf2c; border: 1px solid #16801d; }
fieldset.themes .theme-beta { background: #bf1b78; }
fieldset.themes .theme-gamma { background: #4c1ebf; }
fieldset.themes .theme-checkbox input[type=radio] { display: none; }
.form-portlet-setup fieldset ul, .form-portlet-setup fieldset ul li { list-style-type: none; padding: 0; margin: 0; display: block; }

/* portlet : setup : portlet tabs */
.form-portlet-setup fieldset.portlet-preferences, .form-portlet-setup fieldset.portlet-tab-options { margin-top: 5px; }
.form-portlet-setup fieldset.portlet-tab-options li { margin-bottom: 2px; float: left; width: 100%; clear: both; overflow: hidden; }
.form-portlet-setup fieldset.portlet-tab-options li.enabled:hover label, .form-portlet-setup fieldset.portlet-tab-options li.disabled label { background: #737373; }
.form-portlet-setup fieldset.portlet-tab-options li.disabled:hover label, .form-portlet-setup fieldset.portlet-tab-options li.enabled label { background: #595959; }
.form-portlet-setup fieldset.portlet-tab-options li span {  }

.form-portlet-setup fieldset.portlet-tab-options li label { display: block; width: 100%; overflow: hidden; }
.form-portlet-setup fieldset.portlet-tab-options li label input[type=checkbox] { }
.form-portlet-setup fieldset.portlet-tab-options li label .label-text { display: block; padding-top: 3px; }

/* portlet : setup : configuration */
.form-portlet-setup fieldset.portlet-preferences { border: 1px solid #4d4d4d; background: #737373; }
.form-portlet-setup fieldset.portlet-preferences .form-fields { padding-bottom: 4px; }
.form-portlet-setup fieldset.portlet-preferences label, .form-portlet-setup fieldset.portlet-preferences label.label { background: 0; text-align: left; padding: 2px; }
.form-portlet-setup .buttons { margin-top: 6px; }
.form-portlet-setup .buttons button { border: 1px solid #4d4d4d; background: #737373; padding: 1px 2px 1px 2px; color: #fff; margin: 0 0 0 6px; float: right; }
.form-portlet-setup .buttons button:hover, .form-portlet-setup .buttons button:active { background: #dfdfde; color: #000; }

/* portlet : body */
.portlet-body-outer { padding: 8px; }

/* cursors */
.oPortletUIBody fieldset.portlet-tab-options li, fieldset.themes .theme-checkbox, ul.options li.expander button, ul.options li.edit button, .oPortlet ul.options li.remove button  { cursor: pointer; }
.oPortlet div.oPortletHandle { cursor: move; }

/* forms:tweaks */
.oPortalUIBody .form-fields { padding: 10px; }

/*-------------------------------------------------------
 USER GALLERY VIEWS
---------------------------------------------------------*/
/* Albums */
.view-album.alpha {}
.view-album.alpha .title.clear { width: auto; clear: none; float: left; }
.view-album.alpha .title p { font-size: 1.9em; font-weight: bold; }
.view-album.alpha .form-search { width: 35%; float: right; clear: none; margin: 23px 0; background: transparent; }
.view-album.alpha .form-search .fields { padding: 0; }
.view-album.alpha .form-search .question { display: none; }
.view-album.alpha .form-search .answer { float: left; padding-top: 2px; }
.view-album.alpha .form-search .button { float: left; }
.view-album.alpha .body-o { width: 100%; clear: both; }
.view-album.alpha .asset-container { width: 100%; }
.view-album.alpha .asset-container ul { padding: 0; }
.view-album.alpha .asset-container ul li { float: left; list-style-type: none; background: #fff; overflow: hidden; padding: 10px; margin: 1em 1em 0 0; border: 2px solid #00A0DE; min-height: 30px; }
.view-album.alpha .asset-container ul li .clear { width: auto; clear: none; } 
.view-album.alpha .asset-container ul li .attribute { display: block; }
.view-album.alpha .asset-container ul li.organise { border: 2px dashed #00A0DE; cursor: move; position: relative; }

/* Document Gallery */
.view-document.alpha {}
.view-document.alpha .header-i p { font-size: 1.9em; font-weight: bold; }
.view-document.alpha .search-o { clear: both; overflow: hidden; width: 100%; margin-bottom: 1em; }
.view-document.alpha .search-i { float: right; }
.view-document.alpha .search-i .fields { float: left; padding: 0px 0; }
.view-document.alpha .search-i .question { display: none; }
.view-document.alpha .search-i .answer { float: left; }
.view-document.alpha .search-i .answer input { border: 1px solid #777; padding: 3px 0px 4px 0px; }
.view-document.alpha .search-i .buttons { clear: none; float: left; width: auto; }
.view-document.alpha .gallery-left { width: 77%; }
.view-document.alpha .gallery-left .asset-container ul { padding: 0; }
.view-document.alpha .gallery-left .asset-container ul li { height: auto; overflow: hidden; margin: 0 10px 10px 0; padding: 5px; border: 2px solid #00A0DE; background: #fff; }
.view-document.alpha .gallery-left ul .asset-info { width: 50%; }
.view-document.alpha .gallery-left ul .document-icon { padding: 7px 10px 7px 0; float: left; }
.view-document.alpha .gallery-left ul .attribute { display: block; overflow: hidden; }
.view-document.alpha .gallery-left ul .asset-options { width: 49%; }
.view-document.alpha .gallery-left ul .asset-options div.more-details-visible { border-top: 1px solid #00A0DE; margin-top: 5px; padding-top: 5px; }
.view-document.alpha .gallery-left ul .asset-options .more-details-hidden { display: none; }
.view-document.alpha .gallery-right { float: right; width: 22%; }
.view-document.alpha .gallery-right .album-list { border: 2px solid #00A0DE; background: #fff; padding: 10px; }
.view-document.alpha .gallery-right ul { padding: 0; }
.view-document.alpha .gallery-right ul li { list-style-type: none; overflow: hidden; }
.view-document.alpha .gallery-right ul li img { float: left; }
.view-document.alpha .gallery-right ul li a:link { display: block; overflow: hidden; padding: 10px; }
.view-document.alpha .navigation { overflow: hidden; clear: both; margin-top: 1em; }
.view-document.alpha .navigation .pagination { margin: 1em 0; }
.view-document.alpha .navigation .pagination ul li { padding: 0 5px 0 0; }

/* Image Gallery */
.view-gallery.alpha {}
.view-gallery.alpha .search-o { clear: both; overflow: hidden; width: 100%; margin-bottom: 1em; }
.view-gallery.alpha .search-i { float: right; width: auto; }
.view-gallery.alpha .search-i .fields { float: left; padding: 0px 0; }
.view-gallery.alpha .search-i .question { display: none; }
.view-gallery.alpha .search-i .answer { float: left; }
.view-gallery.alpha .search-i .answer input {  }
.view-gallery.alpha .search-i .buttons { clear: none; float: left; width: auto; }
.view-gallery.alpha .col-alpha { float: left; width: 77%; }
.view-gallery.alpha .col-alpha .gallery-i ol, .view-gallery.beta .col-alpha .gallery-i ol li { padding: 0; list-style-type: none; }
.view-gallery.alpha .col-alpha .gallery-i ol li { float: left; }
.view-gallery.alpha .col-beta { float: right; width: 22%; }
.view-gallery.alpha .col-beta div.tree { border: 2px solid #00A0DE; background: #fff; padding: 10px; }
.view-gallery.alpha .col-beta .tree ol, .view-gallery.beta .col-beta .tree ol li { padding: 0; list-style-type: none; }
.view-gallery.alpha .navigation { overflow: hidden; clear: both; margin-top: 1em; }
.view-gallery.alpha .navigation .pagination { margin: 1em 0; }
.view-gallery.alpha .navigation .pagination ul li { padding: 0 5px 0 0; }

/* Image Gallery Lightbox */
#lbButtonListContainer ul { padding: 10px 0px 0px 10px; }
#lbButtonListContainer ul li { padding: 0px; list-style-type: none; }
#lbButtonListContainer ul li button { clear: none; float: left; background-color: #00A0DE; border: 1px solid #00A0DE; margin-right: 10px; padding: 5px 20px; font-weight: normal; cursor: pointer; line-height: 1.6em; font-size: 1em; color: #fff; }

/* Slider View */
.view-slider.alpha .search-o { clear: both; overflow: hidden; width: 100%; margin-bottom: 1em; }
.view-slider.alpha .search-i { float: right; width: auto; }
.view-slider.alpha .search-i .fields { float: left; padding: 0px 0; }
.view-slider.alpha .search-i .question { display: none; }
.view-slider.alpha .search-i .answer { float: left; }
.view-slider.alpha .search-i .answer input {  }
.view-slider.alpha .search-i .buttons { clear: none; float: left; width: auto; }
.view-slider.alpha .hero { text-align: center; margin-bottom: 1em; }
.view-slider.alpha #slider { margin: 0 auto; position: relative; border: 10px solid #ccc; }
.view-slider.alpha .scroll {	overflow: hidden; margin: 0 auto; position: relative; }
.view-slider.alpha .scrollContainer { position: relative; }
.view-slider.alpha #left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url('/EasySiteWeb/EasySite/StyleData/Web/Images/leftshadow.png') repeat-y; }
.view-slider.alpha #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url('/EasySiteWeb/EasySite/StyleData/Web/Images/rightshadow.png') repeat-y; }
.view-slider.alpha a:link, .view-slider.alpha a:visited { color: #999; text-decoration: none; border-bottom: 1px dotted #ccc; }
.view-slider.alpha a:hover, .view-slider.alpha a:active { border-bottom: 1px solid #999; }
.view-slider.alpha .scrollButtons { position: absolute; top: 45%; cursor: pointer; }
.view-slider.alpha .scrollButtons.left { z-index: 1000; left: -45px; background: url('/EasySiteWeb/EasySite/StyleData/Web/Images/leftarrow.png') no-repeat; width: 45px; height: 58px; font-size: 0px; }
.view-slider.alpha .scrollButtons.right { right: 0px; right: -45px; background: url('/EasySiteWeb/EasySite/StyleData/Web/Images/rightarrow.png') no-repeat; width: 45px; height: 58px; font-size: 0px; }
.view-slider.alpha .hide { display: none; }

/* Thumbnail View */
.view-thumbnail.alpha {}
.view-thumbnail.alpha .search-o { clear: both; overflow: hidden; width: 100%; margin-bottom: 1em; }
.view-thumbnail.alpha .search-i { float: right; width: auto; }
.view-thumbnail.alpha .search-i .fields { float: left; padding: 0px 0; }
.view-thumbnail.alpha .search-i .question { display: none; }
.view-thumbnail.alpha .search-i .answer { float: left; }
.view-thumbnail.alpha .search-i .answer input {  }
.view-thumbnail.alpha .search-i .buttons { clear: none; float: left; width: auto; }
.view-thumbnail.alpha .gallery-i ol { padding: 0; list-style-type: none; }
.view-thumbnail.alpha .gallery-i ol li { float: left; }

/* asset manager page element */
.asset-manager div.tabs { margin-bottom: 10px; text-transform: lowercase; border: 1px solid #ccc; background: #eeeef0 url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tabs_bg.gif") repeat-x left bottom; }
.editor div.tabs-facet { margin: 0; border-width: 1px 1px 0 1px; } 
.editor .ui-tabs { padding: 0; }
.editor .tabs ul, .editor .tabs ul li { list-style-type: none; padding: 0; margin: 0; }
.asset-manager .tabs ul li { display: block; float: left; text-align: center; width: auto; }
.editor .tabs ul li a { display: block; text-decoration: none; }
.editor .tabs ul li a:link, .editor .tabs ul li a:visited { color: #999; outline: none; }

.editor .tabs .tabs-mode { clear: both; }
.asset-manager .tabs-mode ul li { margin-right: 5px; }
.asset-manager .tabs-mode ul li.selected { }
.asset-manager .tabs-mode ul li a:link, .editor .tabs .tabs-mode ul li a:visited, .asset-manager  ul li a:hover, .editor .tabs .tabs-mode ul li a:active { min-width: 90px; float: left; background: url("/EasySiteWeb/Style/6/Img/shim.gif"); }
.asset-manager .tabs-mode ul li.selected a:link, .editor .tabs .tabs-mode ul li.selected a:visited { color: #333; font-weight: bold; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_selected_bg.gif") no-repeat left top; }
.asset-manager .tabs-mode ul li a:hover, .editor .tabs .tabs-mode ul li a:active, .editor .tabs .tabs-mode ul li.selected a:hover, .editor .tabs .tabs-mode ul li.selected a:active { color: #000; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/tab_hover_bg.gif") no-repeat left top; }
.asset-manager .tabs-mode ul li a span { padding: 4px 12px 6px 12px; display: block; }

.editor .tabs .tabs-facet { color: #777; border-top: 1px solid #ccc; clear: both; }
.editor .tabs .tabs-facet ul li { margin-right: 5px; min-width: 90px; font-size: 0.94em; }
.editor .tabs .tabs-facet ul li a:link, .editor .tabs .tabs-facet ul li a:visited { min-width: 90px; padding: 0; float: left; color: #777; background: url("/EasySiteWeb/Style/6/Img/shim.gif"); }
.editor .tabs .tabs-facet ul li.tab-selected a:link, .editor .tabs .tabs-facet ul li.tab-selected a:visited { font-weight: bold; color: #333; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/stab_selected_bg.gif") no-repeat left top; }
.editor .tabs .tabs-facet ul li a:hover, .editor .tabs .tabs-facet ul li a:active, .editor .tabs .tabs-facet ul li.tab-selected a:hover, .editor .tabs .tabs-facet ul li.tab-selected a:active { color: #000; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/stab_hover_bg.gif") no-repeat left top;  }
.editor .tabs .tabs-facet ul li span { display: block; padding: 5px 10px 5px 10px; }

.editor .tabs ul li.validate { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/validate.gif") no-repeat bottom right;  }
.editor .tabs ul li.validated { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/valid.gif") no-repeat bottom right; }
.editor .tabs ul li.invalid { background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/editor/invalid.gif") no-repeat bottom right; color :#123456 }