/*-------------------------------------------------------
 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: none; background: none; padding: 0; margin: auto; }
.oLoginPanel .oLoginTitle { text-align: left; background: #23bab9; padding: 7px 20px; }
.oLoginPanel .oLoginTitle span { display: block; font-size: 1.3em; font-weight: 600; color: #fff; }
.oLoginPanel .oLoginContent { padding: 20px; background: #eee; color: #000; overflow: hidden; }
.oLoginPanel .oDataFormInput { clear: both; overflow: hidden; }
.oLoginPanel .oDataFormLegend { padding: 0 0 10px 0; color: #000; }
.oLoginPanel .oLoginError { color: #ff0000; margin: 1em; } 
.oLoginPanel .panel_error { display: block; background: #ff0000; color: #fff;  margin: 1em 0; padding: 5px; } 
.oLoginPanel .oLoginPanelSubtext { padding-top: 4px; font-size: 0.9em; }
.oLoginPanel .oLoginPasswordReminder a:link, .oLoginPanel .oLoginPasswordReminder a:visited { color: #4d280e; text-decoration: none; }
.oLoginPanel .oLoginPasswordReminder a:hover, .oLoginPanel .oLoginPasswordReminder a:active { color: #4d280e; text-decoration: underline; }
.oLoginPanel fieldset.oDataFormFieldset { border: 0; }
.oLoginPanel .oLoginButtonContainer { width: auto; }
.oLoginPanel .oLoginButtonContainer .oDataFormButton { float: right; border: none; background: #22486b; color: #fff; padding: 7px 20px; margin: 0 10px 19px 0; font-weight: 700; font-size: 1.1em; cursor: pointer; }
.oLoginPanel .oDataFormContainer .question .label { font-weight: 600; margin: 0 5px 0 0; padding: 8px 10px 0 0; }
.oLoginPanel .oDataFormContainer .answer .string { display: block; padding: 8px 0 0 0; }
.oLoginPanel .oDataFormContainer .answer .oDataFormInputText { float: left; border: 4px solid #bbb; background: #fff; margin: 0; padding: 5px 0; width: 96%; }
.oLoginContent .question { text-align: left; width: 35%; }

/* 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: 1em; }
h3.item-title a:link, h3.item-title a:visited { color: #001535; text-decoration: none; }
h3.item-title a:hover, h3.item-title a:active { color: #001535; text-decoration: underline; }
.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 {}
.oSearchInline fieldset.oDataFormFieldset { border-width: 0; }


/* 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/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 {}

/* Events Calendar Day Picker */
.calendar { border: none; }
.calendar .ui-datepicker { width: 100%; font-family: 'Open Sans', Segoe UI, Lucida Grande, Verdana, sans-serif; border-radius: 0; border: none; background: none; padding: 0; }
.calendar .ui-datepicker .ui-datepicker-header { position: relative; background: #001535; padding: 0; border: none; border-radius: 0; width: 100%; }
.calendar .ui-datepicker .ui-datepicker-prev .ui-icon { display: block; text-indent: -999px; color: #96b4ce; background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/bg-icon-arrow-cal-prev.png") no-repeat center center; }
.calendar .ui-datepicker .ui-datepicker-next .ui-icon { display: block; text-indent: -999px; color: #96b4ce; background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/bg-icon-arrow-cal-next.png") no-repeat center center; }
.calendar .ui-datepicker a.ui-datepicker-prev { height: 1.8em; width: 1.8em; position: absolute; padding: 0px 9px; top: 0; left: 0; border-radius: 0; background: #96b4ce; }
.calendar .ui-datepicker a.ui-datepicker-next { height: 1.8em; width: 1.8em; position: absolute; padding: 0px 9px; top: 0; right: 0; border-radius: 0; background: #96b4ce; }
.calendar .ui-datepicker a.ui-datepicker-prev:hover, .calendar .ui-datepicker a.ui-datepicker-next:hover { cursor: pointer; border: none; background: #fff; }
.calendar .ui-datepicker .ui-datepicker-title { line-height: 1.8em; margin: 0 2.3em; text-align: center; color: #fff; font-weight: 600; }
.calendar .ui-datepicker .ui-datepicker-title select { color: #fff; font-weight: 600;border: none; width: 40%; background: transparent; }
.calendar .ui-datepicker .ui-datepicker-title option { color: #fff; }
.calendar .ui-datepicker .ui-datepicker-calendar { width: 100%; background: #fff; border: 1px solid #bbb; }
.calendar .ui-datepicker .ui-datepicker-calendar thead { border-bottom: 1px solid #bbb; }
.calendar .ui-datepicker .ui-datepicker-calendar th { font-weight: 700!important; }
.calendar .ui-datepicker .ui-datepicker-calendar th span { }
.calendar .ui-datepicker .ui-datepicker-calendar tbody td { }
.calendar .ui-datepicker .ui-datepicker-calendar tbody td span { border: 1px solid #adc9e1; background: none; color: #000; text-align: center; }
.calendar .ui-datepicker .ui-datepicker-calendar tbody .ui-state-disabled { opacity: .75; }

.calendar .ui-datepicker .ui-datepicker-calendar tbody td.has-event a:link, .calendar .ui-datepicker .ui-datepicker-calendar tbody td.has-event a:visited { text-align: center; border: none; background: #001535; color: #fff; }
.calendar .ui-datepicker .ui-datepicker-calendar tbody td.has-event a:hover, .calendar .ui-datepicker .ui-datepicker-calendar tbody td.has-event a:active { text-align: center; border: none; background: #333; color: #fff; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-outer { padding: 10px 20px; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-inner { width: 100%; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-outer .date { font-weight: 600; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-outer ul  { margin: 0; padding: 0!important; list-style-type: none; font-size: 0.9em; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-outer ul li { border-bottom: 1px solid #b6cfe5; margin: 0; padding: 10px 0 10px 0px; background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/bg-icon-arrow-snv.png") no-repeat left 16px; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-outer ul li a:link, .event-list-outer ul li a:visited { color: #000; text-decoration: underline; }
.calendar .ui-datepicker .ui-datepicker-calendar .event-list-outer ul li a:hover, .event-list-outer ul li a:active { color: #000; text-decoration: none; }

/* Events List View */
.events { }
.events .header-outer { border: 1px solid #eee; }
.events .header-inner { background: #eee; padding: 0px 20px; }
.events .header-inner .title { }
.events .header-inner .title h1, .events .header-inner .title h2 { font-size: 1.3em; margin: 7px 0; font-weight: 600; color: #000; }
.events .event-list { margin: 10px 0; }
.events .event-list .date .label { display: none; }
.events .event-list ul { margin: 0; padding: 0 0 0 0; list-style-type: none; font-size: 0.9em; }
.events .event-list li { background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/bg-icon-arrow-snv.png") no-repeat left 16px; border-bottom: 1px solid #b6cfe5; margin: 0; padding: 10px 0 10px 20px; }
.events .event-list li:nth-child(even) { background: #fcfcfc url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/bg-icon-arrow-snv.png") no-repeat left 16px;; }
.events .event-list li:nth-child(odd) { background: #fff url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/bg-icon-arrow-snv.png") no-repeat left 16px;; }
.events .event-list li a:link, .events .event-list li a:visited { text-decoration: underline; color: #000; font-size: 1.1em; font-weight: 700; }
.events .event-list li a:hover, .events .event-list li a:active { text-decoration: none; color: #000; font-size: 1.1em; font-weight: 700; } 
 
/* Events Results */
.events .event-details .question .label { text-align: left; padding: 3px 0; }
 
/*-------------------------------------------------------
 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: #fff; border-bottom: none; width: 100%; overflow: hidden; margin: 0; }
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: #22486b 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: #fff; 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: #fff; color: #fff; padding: 0; width: 100%; }
body .cookie-optin .app-i { width: 960px; margin: auto; }
body .cookie-usage .app-i { width: 960px; margin: auto; background: #22486b; padding: 0; }
body .cookie-usage .app-i .contenteditor { font-size: 13px; padding: 15px 70px; }

/*-------------------------------------------------------
 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/web/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/web/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/web/Images/buildportal/portlet_opened.gif") no-repeat top left; }
.portlet-header ul.options li.expander .oPortletButtonClosed { background: url("/EasySiteWeb/EasySite/StyleData/web/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/web/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/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; }

/* Resident plugin */
.resident-verification fieldset { margin: 0; padding: 0; border: none; }
.resident-verification legend { padding: 0 0 15px 0; font-weight: bold; font-size: 1.5em; }
.resident-verification .fields .element .question { text-align: left; }
.resident-verification .fields .element .question .label { padding: 0 0 10px 0; font-weight: bold; font-size: 1.1em; }
.resident-verification .fields .element .answer { width: 95%; }
.resident-verification .fields .element input.textbox { border: 4px solid #dbecfb; width: 95%; font-style: italic; padding: 10px; color: #999; }
.resident-verification .buttons { margin: 25px 0 20px 28px; width: 95%; }
.resident-verification .buttons input { background-color: #f0ab00; border: none; padding: 10px 20px; font-weight: bold; cursor: pointer; font-size: 1.1em; float: right; }

fieldset.oRegistrationElementFieldset { margin: 10px 0; padding: 0; border: none; }
fieldset.oRegistrationElementFieldset .fields .element .question { text-align: left; }
fieldset.oRegistrationElementFieldset .fields .element .question .label { padding: 0 0 10px 0; font-weight: bold; font-size: 1.1em; }
fieldset.oRegistrationElementFieldset .fields .element .answer { width: 100%; }
fieldset.oRegistrationElementFieldset .fields .element input.textbox { border: 4px solid #dbecfb; width: 95%; padding: 10px; background-color: #fff; }
fieldset.oRegistrationElementFieldset .oRegistrationElementLegend { display: none; }

fieldset.oRegistrationElementFieldset .ui-corner-all, fieldset.oRegistrationElementFieldset .ui-corner-top { border-radius: 0; }
fieldset.oRegistrationElementFieldset .ui-widget-content { border: 2px solid #dbecfb; }
fieldset.oRegistrationElementFieldset .ui-widget-content .ui-tabs-panel { border: none; padding: 0; }
fieldset.oRegistrationElementFieldset .ui-widget-header { background-color: #dbecfb; background-image: none; border: 1px solid #dbecfb; }
fieldset.oRegistrationElementFieldset .ui-tabs { padding: 0; }
fieldset.oRegistrationElementFieldset .ui-tabs .ui-tabs-nav li { border: 1px solid #dbecfb; border-bottom: none; font-weight: bold; }
fieldset.oRegistrationElementFieldset .tabs-facet { display: none; }
fieldset.oRegistrationElementFieldset .tabs-container .tabs-facet { display: block; }
fieldset.oRegistrationElementFieldset .tabs-container .tabs-container { padding: 20px; }

fieldset.oRegistrationElementFieldset .resident-payments .stream-header { padding-bottom: 15px; font-weight: bold; }
fieldset.oRegistrationElementFieldset .resident-payments .stream-body .subtitle { padding-bottom: 10px; }
fieldset.oRegistrationElementFieldset .resident-payments .stream-body .data-grid table th { text-align: left; padding-right: 30px; }
fieldset.oRegistrationElementFieldset .resident-payments .stream-body .data-grid table td { padding-right: 30px; }

.resident-payments .stream-header .text { display: block; padding-bottom: 10px; }
.resident-payments .stream-body .subtitle { font-weight: bold; }

.resident-payments .col-alpha { width: 50%; float: left; margin-bottom: 15px; }
.resident-payments .col-beta { width: 50%; float: right; margin-bottom: 15px; }

.resident-payments .col-alpha ul.vignette-list { list-style-type: none; margin: 0; padding: 0; }
.resident-payments .col-alpha ul.vignette-list li { padding-bottom: 5px; }

.resident-payments .col-beta ol.data-list { list-style-type: none; margin: 0; padding: 0; }
.resident-payments .col-beta ol.data-list li { padding-bottom: 15px; }
.resident-payments .col-beta ol.data-list li ul { list-style-type: none; margin: 0; padding: 0; }
.resident-payments .col-beta ol.data-list li ul li { padding-bottom: 5px; }

.resident-payments .col-beta .pagination ul.links { list-style-type: none; margin: 0; padding: 0; }
.resident-payments .col-beta .pagination ul.links li { display: block; float: left; padding-right: 10px; }
.resident-payments .col-beta .pagination ul.links li.sep { display: none; }
.resident-payments .col-beta .pagination ul.links li.first { font-weight: bold; }
.resident-payments .col-beta .pagination ul.links li.selected a { text-decoration: underline; }

.resident-payments .stream-body .data-grid table { border-collapse: collapse; }
.resident-payments .stream-body .data-grid th { border: 1px solid #ccc; padding: 4px 80px 4px 5px; background: #eee; }
.resident-payments .stream-body .data-grid td { border: 1px solid #ccc; padding: 4px 80px 4px 5px; }

.password-change a:link, .password-change a:visited { display: inline-block; font-weight: 700; border: 2px solid #bbb; padding: 9px 15px; background: #eee; color: #001535; text-decoration: none; margin: 15px 0; }
.password-change a:hover, .password-change a:active { background: #fff; }

/*-------------------------------------------------------
 Tenant Portal - SSO button
---------------------------------------------------------*/
a.link-sso:link, a.link-sso:visited { display: inline-block; font-weight: 700; border: 2px solid #bbb; padding: 9px 15px; background: #eee; color: #001535; text-decoration: none; margin: 15px 0; }
a.link-sso:hover, a.link-sso:active { background: #fff; }


/* MY REWARDS suite of widgets */

.myrewards-o { margin: 1em 0; }
/* generic */
.myrewards-i { overflow: hidden; }
/* tables */
.myrewards-o table.grid { width: 100%; border-collapse: collapse; margin: 0 0 1em; }
.myrewards-o .grid-row-alpha { background: #fff; }
.myrewards-o .grid-row-beta { background: #fcfcfc; }
.myrewards-o td, .myrewards-o th { padding: 1em; text-align: left; font-weight: normal; }
/* forms */
.myrewards-o fieldset { border-width: 0; padding: 0; margin: 0 0 1em; }
.myrewards-o .question { float: left; width: 35%; clear: none; }
.myrewards-o .answer { float: left; width: 65%; clear: none; }
.myrewards-o ul.checklist-items { list-style-type: none; padding: 0; margin: 0 0 1em; }
.myrewards-o ul.checklist-items li { padding: 0; margin: 0 0 1.2em; display: inline-block; width: 100%; }
.myrewards-o ul.checklist-items input { border-width: 0; margin: 0 12px 0 0; }
.myrewards-o ul.checklist-items label { display: inline-block; }
.myrewards-o input.textbox { padding: 0.8em 0.6em 0.8em; font-size: 100%; border: 1px solid #bbb; width: 90%; }
.myrewards-o .date-picker input { padding: 0.8em 3em 0.8em 0.6em; font-size: 100%; border: 1px solid #bbb;  width: 77%; background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-calendar.png") no-repeat right 8px center; }
.myrewards-o select.dropdown { padding: 0.8em 0.6em 0.8em; font-size: 100%; border: 1px solid #bbb; width: 93%; }

.myrewards-o .buttons { margin: 0 0 1em; clear: both; }
.myrewards-o .buttons .button, .myrewards-o .buttons input { background: #001535; color: #fff; font-size: 120%; font-weight: bold; padding: 0.4em 1em; border-width: 0; margin: 0 0.6em 0 0; }
.myrewards-o .buttons input[value="Clear"], .myrewards-o .buttons input[value="Reset"] { background: #eee; color: #001535; }
/* generic panel */
.my-panel { width: 100%; margin: 0 0 1em; background: #fff; }
.my-panel .p-body-o { width: auto; overflow: hidden; border: 1px solid #d7d7d7; padding: 20px 30px; }
.my-panel .contenteditor { font-size: 110%; }

/* my rewards summary */
.myrewards-summary { background: #737373; color: #fff; }
/*
.rewards-signout { float: right; clear: none; width: auto; background: #393939; }
.rewards-points { float: right; clear: none; width: auto; }
.rewards-sections { float: left; clear: none; width: auto;  }*/
/* columns */
.myrewards-summary .column-alpha {}
.myrewards-summary .column-beta {}
.myrewards-summary .column-gamma {}
.myrewards-summary .column-delta {}
.myrewards-summary .column-epsilon { background: #393939; }
/* links */
.myrewards-summary .contenteditor a:link, .myrewards-summary .contenteditor a:visited { text-decoration: none; color: #fff; }
.myrewards-summary .contenteditor a:hover, .myrewards-summary .contenteditor a:active, .myrewards-summary .contenteditor a:focus { text-decoration: underline; }
.myrewards-summary .contenteditor a { width: auto; display: inline-block; padding: 0.3em 1.2em 0.3em 3.2em; background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-account.png") no-repeat left 18px center; margin: 10px 0 0; border-left: 1px solid #8f8f8f; }
.myrewards-summary .column-epsilon .contenteditor a { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-signout.png"); margin: 0; padding: 1em 1.2em 1em 3.2em; border-left: 0; }
.myrewards-summary .column-alpha .contenteditor a { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-interests.png"); border-left: 0; }
.myrewards-summary .column-beta .contenteditor a { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-rewards.png"); }
/* less padding on points, to allow for block section */
.myrewards-summary span.account { display: inline-block; padding: 0.7em 1.2em; }
.points-total { display: inline-block; padding: 0.2em 0.4em; background: #fff; color: #000; font-weight: bold; margin: 0 5px; }

/* My Points */
/* this corrects for a nesting error in the mark up */
.myrewards-o .console { margin: 1em 0 0; }
/* table */
.myrewards-o thead tr { background: #ddd; font-size: 110%; }
.myrewards-o td { border-bottom: 1px solid #b6cfe5; }
.myrewards-o .label { padding: 0.6em 1.5em 0.6em 0; display: inline-block; }
.myrewards-o span.text { padding: 0.6em 0; display: inline-block; font-weight: bold; }
/* pagination */
.myrewards-o .results-pagination-outer, .myrewards-o .navigation-outer { margin: 0 0 2em; overflow: hidden; }
.myrewards-o .results-pagination-outer span, .myrewards-o .results-pagination-outer a, .myrewards-o .console .navigation-outer ul li span, .myrewards-o .console .navigation-outer ul li a { display: inline-block; padding: 2px 8px; margin: 0 0 0 2px; }
.myrewards-o .console .results-pagination-outer span.sep, .myrewards-o .console .navigation-outer ul li.sep { display: none; }
/* 'showing' message / select */
.myrewards-o .console .matches-outer { float: left; clear: none; width: auto; }
.myrewards-o .console .matches-outer label { line-height: 1.7; }
/* pagination */
.myrewards-o .console .pagination-outer { float: right; clear: none; width: auto; }
.myrewards-o .console .navigation-outer ul li.nv-title { display: inline-block; padding: 0.6em; }
.myrewards-o .console .navigation-outer ul li a:link, .myrewards-o .console .navigation-outer ul li a:visited { color: #001535; text-decoration: none; }
.myrewards-o .console .navigation-outer ul li.selected a:link, .myrewards-o .console .navigation-outer ul li.selected a:visited { color: #fff; background: #001535; }
.myrewards-o .message { margin-left: 1em; }
.myrewards-o .console .filter-outer { background: none; padding: 1em 0; }
.myrewards-o .filter-outer a.remove-filter:link { display: none; }

/* My Interests */
.my-panel.interests { width: 45%; margin: 0 4% 1em 1%; float: left; clear: none; }
.myrewards-o .interests .title { display: block; font-size: 140%; font-weight: bold; margin: 0 0 1em; }
.myrewards-o .interests .item { background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-tick.png") no-repeat left top 5px; padding: 0 0 0 40px; margin: 0 0 0.5em; overflow: hidden; }
.myrewards-o .x-interests .item { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-cross.png"); }
.myrewards-o .interests .label { padding: 0; }
.myrewards-o .interests .text { font-weight: normal; }
/* Edit */
.my-panel.interests-edit { width: 100%; margin: 0 0 1em; float: none; clear: both; }
.myrewards-o .interests-edit .item { background: none; padding: 0 0 0 40px; margin: 0 0 0.5em; }

/* Admin */
/* User search */
.myrewards-o .form-search .element { width: 50%; float: left; clear: right; margin: 0 0 1.5em; overflow: hidden; }
.myrewards-o .form-search .question { float: left; width: 35%; clear: none; }
.myrewards-o .form-search .answer { float: left; width: 65%; clear: none; }
.myrewards-o .form-search label { text-align: right; display: block; padding: 0.4em 1.5em 0.6em 0; font-size: 110%; }

.myrewards-o .showing-o { float: left; width: 50%; clear: none; }
.myrewards-o .download-o { text-align: right; float: left; width: 50%; clear: none; margin: 0 0 1em; }
.myrewards-o .download-o a { background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-download.png") no-repeat left top 5px; padding: 0.3em 1.2em 0.3em 2.2em; display: inline-block; text-decoration: none; color: blue; }
.myrewards-o .add { display: block; }
.myrewards-o .add a { background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-add.png") no-repeat center; padding: 0; display: block; width: 32px; height: 32px; text-indent: -9999em; margin: auto; }
.myrewards-o td span.text { padding: 0; display: inline-block; font-weight: normal; }

/* user history */
.myrewards-o .col-a { float: right; clear: none; width: 50%; margin: 0 0 1em; }
.myrewards-o .col-b { float: left; clear: none; width: 50%; margin: 0 0 1em; }
.myrewards-o .element { overflow: hidden; clear: both; }
.myrewards-o .col-a .question { width: 15%; }
.myrewards-o .col-a .answer { width: 85%; }
.myrewards-o .col-b .question { width: 60%; }
.myrewards-o .col-b .answer { width: 40%; }
.myrewards-o .col-a .label { background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-tenant.png") no-repeat center; padding: 0; display: block; width: 30px; height: 30px; text-indent: -9999em; }
.myrewards-o .col-a .type-community .label { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-community-user.png"); }
.myrewards-o .col-a .email .label { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-email.png"); }
.myrewards-o .col-a .telephone .label { background-image: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-phone.png"); }
.myrewards-o .col-a .text { font-weight: normal; }
.myrewards-o .col-a a { text-decoration: none; }

/* Modal */
.myrewards-o.modal .my-panel .p-body-o { border-width: 0; }
.myrewards-o .my-panel .p-head-o { background: #22486b; color: #fff; padding: 1em 1em 1em 2em; overflow: hidden; }
.myrewards-o .my-panel .p-head-o .close { float: right; width: auto; }
.myrewards-o .my-panel .p-head-o .title { float: left; }
.myrewards-o .my-panel .p-head-o .close a { background: url("/EasySiteWeb/EasySite/StyleData/st_leger_master_2019/Images/rewards/icon-close.png") no-repeat center; padding: 0; display: block; width: 30px; height: 30px; text-indent: -9999em; }
.myrewards-o .my-panel .p-head-o .title h2 { font-weight: normal; margin: 0; }
/* for some reason we don't want it full width
.myrewards-o.modal .question { width: 18%; }
.myrewards-o.modal .answer { width: 82%; }
.myrewards-o.modal input.textbox { width: 50%; }
.myrewards-o.modal select.dropdown { width: 48%;  }
.myrewards-o.modal .form { width: 45%; } */
.myrewards-o.modal .element { margin: 0 0 2em; overflow: hidden; }
/* amend styling in modal window - limitations to markup. */
.myrewards-o.modal .date-picker input { width: 82%; margin-right: 4%; background: none; }

/* Activity page */
.ClientAreaContainer .myrewards-o .oFormBuilder .form .question .label { font-weight: normal; }
.ClientAreaContainer .myrewards-o .oFormBuilder .form .answer { clear: none; width: 65%; }
.ClientAreaContainer .myrewards-o .oFormBuilder .form .answer .textbox { border-width: 1px; background: #fff; }
/* standardise buttons across rewards section */
.ClientAreaContainer .myrewards-o .oFormBuilder .form .submit,
.ClientAreaContainer .myrewards-o .oFormBuilder .form .reset { font-size: 120%; padding: 0.4em 1em; }