﻿
/*-------------------------------------------------------
 ATTACHED ASSETS
---------------------------------------------------------*/
.oAssetAttachmentOuter { clear: both; background: #eee; padding: 5px; border: solid 1px #dbdbdb; margin-bottom: 10px; }
.oAssetAttachmentOuter ul, .oAssetAttachmentOuter li { margin: 0; padding: 0; list-style-type: none; }
.oAssetAttachmentOuter li.icon, .oAssetAttachmentOuter li.details { float: left; padding-right: 10px; }
.oAssetAttachmentDetailOuter { }
.oAssetAttachmentDetailInner { float: left; }
span.oAssetAttachmentTitle { display: block; }
span.oAssetAttachmentSummary { display: block; }
.oAssetBrowserLinks { margin-top: 3px; }
.oAssetBrowserLinks ul { list-style-type: none; margin: 0; padding: 0; }
.oAssetBrowserLinks ul li { list-style-type: none; margin: 0; padding: 0; padding-right: 5px; }

/* Login Element Panel */
.oLoginPanel { border: solid 1px #E5E5E5; background: #F2F2F2; padding: 3px; margin: auto; }
.oLoginTitle { text-align: left; background: #E5E5E5; padding: 3px 6px 3px 6px; color: #666666; font-weight: bold; }
.oLoginContent { background: #ffffff; padding: 10px; overflow: hidden; }
.oLoginContent .oDataFormInput { clear: both; overflow: hidden; }
.oLoginContent .oDataFormInput input { float: left; }
.oLoginError { color: #ff0000; margin: 1em; } 
.oLoginPanelSubtext { padding-top: 4px; }
.oLoginPanel fieldset.oDataFormFieldset { border: 0; }
.oLoginButtonContainer { width: 300px; }
.oLoginButtonContainer .oDataFormButton { background: none #fff; color: #00A0DE; padding: 0px 5px; border: 1px solid #dbdbdb; float: right; }

/* Style Login Box */
.login-panel-inner { width: 100%; }
.oLoginFormElement { width: 100%; overflow: hidden; }
.oLoginFormQuestion { display: block; }
.oLoginFormLabel { display: block; }
.oLoginFormAnswer { display: block; }

/* Generic Module Element */
.oModuleElementOuter { clear: both; }
.oModuleElementInner { width: 100%; margin-bottom: 1em; }
.oModuleElementTitle { }
.oModuleElementDescription { margin: 0.5em 0 0.5em 0; }
.oModuleElementResults { margin: 0.5em 0 0.5em 0;}

/* Countdown Element */
.oCountdownElementCalendarOuter { margin: 1em; float: left; background: url("/EasySiteWeb/EasySite/StyleData/Default/Images/calendar.png") no-repeat top left; }
.oCountdownElementCalendarInner { height: 120px; width: 120px; overflow: hidden; text-align: center; position: relative; }
.oCountdownElementTimerOuter { margin: 1em; float: left; background: #eee; padding: 3px 10px 3px 10px; border: 3px #ccc ridge; }
.oCountdownElementTimerInner { text-align: center; }
.oCountdownElementBody { padding: 47px 0 23px 0; }
.oCountdownElementNumber { font-size: 3em; color: #06c; font-style: italic; }
.oCountdownElementLabel {text-transform: capitalize; font-size: 1em; font-weight: bold; color: #fff; position: absolute; top: 29px; left: 20px; }
.oCountdownElementDigital { color: #06c; font-size: 1.2em; font-style: italic; font-weight: bold; }

/* Asset Browser Thumbnail View */
.asset-thumbnail-list-outer { clear: both; }
.asset-thumbnail-list-inner {}
.asset-thumbnail-panel { width: 24%; float: left; }
.asset-thumbnail-panel-inner { text-align: center; }
.oAssetThumbnailOuter { }
.oAssetThumbnailInner { }
.oAssetThumbnailImage { }
.oAssetThumbnailCaption { }
.oAssetBrowserLinks { }

/* Photo Galleries */
.oAlbumList ul { margin: 0; padding: 0; list-style-type: none; }
.oAlbumList ul li { display: block; float: left; margin: 10px; border: 1px solid #ccc; min-height: 100px; min-width: 100px; text-align: center; }
.oAlbumList ul li a { display: block; padding: 10px; min-height: 120px; width: 100px; }
.oAlbumList ul li span { display: block; }

/* Pagination */
.pagination-outer { clear: both; }
.pagination-inner { width: 100%; }
.pagination-inner ul { padding: 0; list-style-type: none; }
.pagination-inner ul li { float: left; padding: 0 5px; }
.oPaginationIcon { font-size: 1em; line-height: 1em; font-weight: bold; }
.oPaginationSep { }

/* Navigation Tabs Element */
.el-tab-navigation-outer { clear: both; }
.el-tab-navigation-inner { width: 100%; overflow: hidden; }
ul.oTabNavigation { display: inline; list-style-type: none; }
li.oTabNavigation {}
li.oTabNavigationSelected {}
a.oTabNavigation, a.oTabNavigationSelected {}
span.oTabNavigationItemOuter, span.oTabNavigationItemOuterSelected {}
span.oTabNavigationItemInner, span.oTabNavigationItemInnerSelected {}

/* Extended Search */
h2.object-title { margin: 0; padding: 0; }
.search-results-outer { clear: both; }
.search-results-inner { width: 100%; overflow: hidden; }
.search-results-outer ul { list-style-type: none; padding: 0; margin: 0; }
.search-results-outer li { list-style-type: none; padding: 0; margin-bottom: 1em; }
h3.item-title { margin: 0; padding: 0; font-size: 1.1em; }
h3.item-title a:link, h3.item-title a:visited {}
h3.item-title a:hover, h3.item-title a:active {}
.search-results-outer li.item span { display: block; }
.search-results-outer .item-url { color: #999; font-size: 0.95em; }
.search-results-outer .item-date { color: #999; font-size: 0.95em; }
.object-footer-outer { clear: both; }
.object-footer-inner { width: 100%; overflow: hidden; }
.match-count { float: left; width: 45%; }
.match-count p {}
.more-items { float: right; width: 45%; text-align: right; }
.more-items p {}
a.more-items-link:link, a.more-items-link:visited {}

/* Social Bookmarks */
.social-bookmarks { clear: both; padding: 15px 0 0 0; font-size: 0.9em; }
.social-bookmarks p { display: inline; font-weight: bold; }
.social-bookmarks ul { list-style-type: none; display: inline; margin: 0; padding: 0; padding-left: 15px; }
.social-bookmarks li { list-style-type: none; display: inline; margin: 0; padding: 0; padding-left: 18px; margin-right: 10px; }
li.delicious { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/delicious_icon.gif") no-repeat left top; }
li.digg { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/digg_icon.gif") no-repeat left top; }
li.reddit { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/reddit_icon.gif") no-repeat left top; }
li.facebook { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/facebook_icon.gif") no-repeat left top; }
li.stumbleupon { background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/stumble_icon.gif") no-repeat left top; }
.social-bookmarks a:link, .social-bookmarks a:visited { text-decoration: none; }
.social-bookmarks a:hover, .social-bookmarks a:active { text-decoration: underline; }

/* Tools UI */
.tool_options { background: #F2F2F2; padding: 3px 10px 0 10px; }
.tool_options ul, .tool_options li { padding: 0; margin: 0; list-style-type: none;  }
.tool_options li { margin-left: 3px; padding-left: 19px; background: url("/EasySiteWeb/EasySite/SupportFiles/images/icons/tools_bullet.gif"); background-repeat: no-repeat; background-position: center left; }
.tools-outer { clear: both; border: 1px solid #ccc; padding: 10px; background: #fff; }
.tools-inner, .panel-inner, .tree-body, .selected-body { width: 100%; overflow: hidden; }
.tools-outer h1 { font-size: 1.2em; color: purple; font-weight: normal; }
.tools-outer fieldset { border: 1px solid #ccc; margin: 0; padding: 0; }
.tools-outer legend { padding-left: 8px; padding-right: 8px; }
.tools-outer legend .oDataFormElementContainer { padding: 8px; }
.tree-outer { width: 60%; float: left; }
.tree-inner { padding: 10px; }
.category-toggle { }
.tree-body td, .tree-body th, .tree-body input, .tree-body select, .tree-body table caption { }
.selected-outer { width: 35%; float: left; }
.selected-inner { padding: 10px; border: 1px solid #ccc; vertical-align: top; }
.selected-outer ul { list-style-type: square; margin-left: 0.75em; padding-left: 0.75em; }
.selected-outer li { margin-bottom: 2px; }
.selected-outer li a:link, .selected-outer li a:visited { text-decoration: none; }
.selected-outer li a:hover, .selected-outer li a:active { text-decoration: underline; }

/* Page Manager */
.page-manager-outer { position: absolute; top: 0; left: 0; width: 300px; background: #dbedff; height: 100%; overflow: hidden; border: 1px solid #000; }
.page-manager-inner { padding: 10px; }

.RadMenu { }
.rmActive { }

/* Ratings + Comments */
.oComments .oModuleElementTitle, .oRatingsTitle { font-size: 1.1em; }
.oComments table.oDataGrid { font-size: 0.94em; }

/*-------------------------------------------------------
 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 { }
.oCalendarMiniDayPicker .picker-inner { padding-bottom: 10px; }
.oCalendarMiniDayPicker .panel-title-outer { }
.oCalendarMiniDayPicker .panel-title-inner { }
.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/training_master/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: #eee; border: 1px solid #dbdbdb; border-radius: 3px 3px 0 0; }
.oPolling .header-inner { padding: 3px 10px 4px; }
.oPolling .header-inner h2 { padding: 5px 10px; margin: 0; font-size: 1.3em; font-weight: normal; }
.oPolling .body-outer { margin-bottom: 1em; border-radius: 0 0 3px 3px; border-bottom: 10px solid #eee; }
.oPolling .body-inner { overflow: hidden; border-right: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; }
.oPolling .form { 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; 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/training_master/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; 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; 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/training_master/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/training_master/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; 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 { margin-right: 8px; margin-bottom: 2px; width: auto; padding: 1px 5px 0 3px; color: #666; }
/*position: relative;*/

.oPortalUIBody ul li.enabled { color: #fff; }
.oPortalUIBody ul li:hover { color: #fff; }
.oPortalUIBody ul li.enabled:hover { 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; border-radius: 0 0 5px 5px; border: 1px solid #eee; }
.portlet-header { margin: 0; padding: 0; background: #eee; 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: none; 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/training_master/Images/buildportal/portlet_opened.gif") no-repeat top left; }
.portlet-header ul.options li.expander .oPortletButtonClosed { background: url("/EasySiteWeb/EasySite/StyleData/training_master/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/training_master/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; }
.view-slider.alpha #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; }
.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/training_master/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/training_master/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; }


