﻿/*-------------------------------------------------------
 DIRECTORY BUILDER
---------------------------------------------------------*/
.oDirectoryBuilder .oDataGrid { border-collapse: collapse; width: 100%; border: 1px solid #e5e5e5; }
.oDirectoryBuilder .oDataGrid th.oDataGridHeader { background: #fafafa; border: 1px solid #e5e5e5; text-align: left; font-weight: normal; padding: 15px; font-weight: bold; font-size: 1.1em; }
.oDirectoryBuilder .oDataGrid th.oDataGridHeader a.oDataGridHeaderLinkSortAsc { display: block; background: transparent url("/EasySiteWeb/EasySite/StyleData/starter_master_7/Images/modules/sort-icon-asc.gif") no-repeat right center; color: #002664; }
.oDirectoryBuilder .oDataGrid th.oDataGridHeader a.oDataGridHeaderLinkSortDesc { display: block; background: transparent url("/EasySiteWeb/EasySite/StyleData/starter_master_7/Images/modules/sort-icon-desc.gif") no-repeat right center; color: #002664; }
.oDirectoryBuilder .table-row-background-alpha, .oDirectoryBuilder .table-row-background-beta { border-bottom: 1px solid #dbdbdb; }
.oDirectoryBuilder .oDataGridCell { padding: 15px; }

/* all */
.lister-list .item-summary, .lister-list .item-date { display: block; }

/* lister alpha*/
.lister-list.style-alpha { margin-top: 30px; }
.lister-list.style-alpha li .item-container { position: relative; margin-bottom: 30px; }
.lister-list.style-alpha .item-image { display: block; }
.lister-list.style-alpha .item-image a { padding: 0 45px 0 0; display: block; }
.lister-list.style-alpha .item-image img { max-width: 100% !important; height: auto !important; }
.lister-list.style-alpha .item-title { position: absolute; top: 0; left: 0; min-width: 300px; border-left: 5px solid #001948; padding-top: 0; z-index: 99; }
.lister-list.style-alpha .item-title a { color: #fff; text-decoration: none; font-size: 1.4em; font-weight: 600; padding: 5px; /*white-space: pre-wrap;*/ background: #001948; display: inline-block; line-height: 1.15em; }
.lister-list.style-alpha .item-title a:last-child { content: "\A"; white-space: pre-wrap; }
.lister-list.style-alpha .item-body-inner { padding: 10px 15px 10px 0; display: block; min-height: 370px; }
.lister-list.style-alpha li .item-container { padding: 0 10px; }

/*lister beta - white text*/
.lister-list.style-beta { max-width: 1220px; margin: auto; color: #fff; }
.lister-list.style-beta h2 { font-size: 1.9em; text-transform: capitalize; margin-top: 0; }
.lister-list.style-beta a { color: #fff; font-weight: 600; }
.lister-list.style-beta .pel-o { border-left: 9px solid #fff; padding-left: 30px; }
.lister-list.style-beta li { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/arrow-fw-white.png") no-repeat top 8px left; margin-bottom: 10px; min-height: 65px; }
.lister-list.style-beta li .item-container { padding-left: 30px; display: block; margin-right: 10px; }

/*lister gamma - image to the left*/
.lister-list.style-gamma li { border-bottom: 1px solid #ebebeb; padding: 25px 0; clear: both; }
.lister-list.style-gamma .item-image { float: left; margin-right: 20px; min-height: 150px; }
.lister-list.style-gamma .item-body-outer {  }
.lister-list.style-gamma .item-title { display: block; font-size: 1.4em; font-family: 'Montserrat'; line-height: 1.3em; }
.lister-list.style-gamma .item-date { display: block; }

/*lister delta - used for featured/popular news item*/
.lister-list.style-delta { border: 1px solid #ebebeb; margin-bottom: 20px; }
.lister-list.style-delta .item-image { float: left; }
.lister-list.style-delta .item-body-outer { display: block; margin-left: 389px; padding-top: 20px; }
.lister-list.style-delta .item-title {  }
.lister-list.style-delta .item-title a { white-space: pre-wrap; content: "\a "; background: #001948;  display: inline-block; color: #fff; font-size: 1.4em; font-family: 'Montserrat'; line-height: 1; text-decoration: none; padding: 5px 20px; margin-top: 20px; }
.lister-list.style-delta .item-summary, .lister-list.style-delta .item-date { display: block; padding: 10px 20px; }

/*lister epsilon - used for white 'see also'*/
.lister-list.style-epsilon { border: 1px solid #e1e1e1; margin: 45px 0; }
.lister-list.style-epsilon .oBoxItem { min-height: 90px; }
.lister-list.style-epsilon .lister-header { padding: 30px 0; }
.lister-list.style-epsilon .lister-header h2 { padding: 5px 25px; background: #001948; color: #fff; display: inline; font-size: 1.6em; }
.lister-list.style-epsilon .lister-body { padding: 0 30px 30px; }
.lister-list.style-epsilon .item-image { float: left; margin-right: 30px; }
.lister-list.style-epsilon .item-title { font-size: 1.4em; font-weight: 600; }

/*lister zeta - used for featured item on latest news*/
.lister-list.style-zeta { position: relative; }
.lister-list.style-zeta li {  }
.lister-list.style-zeta .item-title {  white-space: pre-wrap; display: inline-block; }
.lister-list.style-zeta .item-title a { border-left: 10px solid #001948; background: #001948; color: #fff; font-family: 'Montserrat';  padding: 0 5px; text-decoration: none; font-size: 1.4em; position: absolute; top: 63%; left: 4px; }
.lister-list.style-zeta .item-summary { border: 1px solid #e1e1e1; padding: 50px 30px 30px; display: block; margin-left: 4px; }
.lister-list.style-zeta .item-image img { max-width: 100% !important; height: auto !important; }

/*lister eta - using dark arrow list*/
.lister-list.style-eta { margin-top: 20px; }
.lister-list.style-eta li { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/arrow-link-bullet-dark.png") no-repeat top 3px left 15px; line-height: 1.2; margin-bottom: 10px; }
.lister-list.style-eta li .item-container { padding: 0 20px 0 50px; margin: 0 0 15px; display: block; }
.lister-list.style-eta .item-title { display: block; font-weight: 600; margin-bottom: 10px; }
/*when used in tabs*/
.lister-list.style-eta li .item-container {  }
/* allow for some titles on multiple lines when in columns, ie, members-home/officials-area/ */
.tabbed-zone-delta .lister-list.style-eta li { min-height: 74px; }

/*lister theta - blue background*/
.lister-list.style-theta { border: 1px solid #e1e1e1; margin: 45px 0; background: #abd6eb; }
.lister-list.style-theta .oBoxItem { min-height: 90px; }
.lister-list.style-theta .lister-header { padding: 30px 0; }
.lister-list.style-theta .lister-header h2 { padding: 5px 25px; background: #001948; color: #fff; display: inline; font-size: 1.6em; }
.lister-list.style-theta .lister-body { padding: 0 30px 30px; }
.lister-list.style-theta .item-image { float: left; margin-right: 30px; }
.lister-list.style-theta .item-title { font-size: 1.4em; font-weight: 600; }

/*EVENTS*/
/*alpha - used with yellow corner date*/
.view-list.style-alpha .search-events { background: #b31e8d url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/bg-calendar.png") no-repeat bottom left; padding: 40px; }
.view-list.style-alpha legend { display: none; }
#-ux-content .view-list.style-alpha .question { width: 25%; float: left; color: #fff; text-align: right; font-weight: bold; }
#-ux-content .view-list.style-alpha .answer { width: 70%; float: right; }
.view-list.style-alpha select { width: 70%; border: 1px solid #fff; }
.view-list.style-alpha .month-heading { margin: 20px 0; font-family: 'Montserrat'; font-size: 1.3em; }

.view-list.style-alpha li.event { border: 1px solid #e5e5e5; margin-top: 40px; position: relative; }
.view-list.style-alpha li.event .title { background: #fafafa url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-pin.png") no-repeat center left 15px; border-bottom:  1px solid #e5e5e5; padding: 16px 140px 16px 45px; font-family: 'Montserrat'; font-size: 1.3em; }
.view-list.style-alpha li.event .summary { padding: 20px; }
.view-list.style-alpha li.event .summary .label { display: none; }
.view-list.style-alpha li.event .date .label, .view-list.style-alpha li.event .time .label { display: none; }
.view-list.style-alpha li.event .date {  }
.view-list.style-alpha li.event .date, .view-list.style-alpha li.event .time { position: absolute; right: 0; top: 0; background: #ffb840; /*white-space: pre-wrap;*/ text-align: right; padding: 2px 10px; display: inline; font-size: 1.1em; margin-right: 0; font-weight: bold; }
.view-list.style-alpha li.event .time { top: 35px; } 
/*details page*/
.view-record.style-alpha { position: relative; }
.view-record.style-alpha .event-details .element:first-child { border: 1px solid #e5e5e5; background: #fafafa url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-calendar.png") no-repeat center left 15px; padding: 18px 125px 17px 60px; margin-bottom: 40px; font-size: 1.2em; font-weight: bold; color: #002664; width: auto; }
.view-record.style-alpha .event-attendance-options { position: absolute; top: 0; right: 0; }
#-ux-content .view-record.style-alpha .event-attendance-options input { margin: 0 !important; padding: 24px; }
#-ux-content .view-record.style-alpha .event-attendance-options input:hover, #-ux-content .view-record.style-alpha .event-attendance-options input:active, #-ux-content .view-record.style-alpha .event-attendance-options input:focus { padding: 22px; border: 2px solid #000; }
.view-record.style-alpha .question { width: 100%; float: none; }
.view-record.style-alpha .question .label { margin: 1em 0; font-size: 1.45em; font-family: 'Montserrat', sans-serif; font-weight: 500; }
.view-record.style-alpha .event-details .question { display: none; }


/*beta - more standard list layout*/
.view-list.style-beta h2 { background: #001948; font-size: 1,4em; color: #fff; display: inline; padding: 5px 10px 5px 20px; }
.view-list.style-beta .event-list { padding: 30px 0 0 30px; border-left: 1px solid #e1e1e1; }
.view-list.style-beta li { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/arrow-link-bullet-dark.png") no-repeat top 3px left; line-height: 1.2; padding-left: 35px; margin-bottom: 20px; }
.view-list.style-beta li.event .label { display: none; }
.view-list.style-beta li .title { font-weight: bold; }
.view-list.style-beta li .date { font-size: 0.9em; }


