/*-------------------------------------------------------
 PAGE PANEL ALPHA - intentionally left blank
---------------------------------------------------------*/

/*-------------------------------------------------------
 PAGE PANEL BETA - 
---------------------------------------------------------*/
.panel.style-beta { max-width: 1220px; margin: 25px auto; }
.panel.style-beta .panel-header { margin: 0; padding: 0; }
.panel.style-beta .panel-header h2:after { background: #ffb12c; }
.panel.style-beta .panel-header h2 { background: #ffb12c; font-size: 2em; font-weight: bold; display: inline; padding: 15px 0; margin: 0; border-left: 20px solid #ffb12c; white-space: pre-wrap; }
.panel.style-beta .panel-body { background: #001f4b; padding: 30px 20px; color: #fff; }
.panel.style-beta .panel-body a { color: #fff; text-decoration: none; font-weight: bold; }

/*-------------------------------------------------------
 PAGE PANEL GAMMA - 
---------------------------------------------------------*/
.panel.style-gamma { position: relative; margin: 30px 0; }
.panel.style-gamma .panel-header {  display: inline-block; position: absolute; top: 0; border-left: 20px solid #001948; }
.panel.style-gamma .panel-header h2 { padding: 5px; background: #001948; white-space: pre-wrap; display: inline; color: #fff; line-height: 1.5; }
.panel.style-gamma .panel-body { background: #abd6eb; padding: 75px 20px 20px 20px; margin-top: 20px; }
.panel.style-gamma .panel-body li { list-style-image: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/arrow-link-bullet-dark.png"); }

/*-------------------------------------------------------
 PAGE PANEL DELTA - used on hp within light blue area. Floated left at 33%
---------------------------------------------------------*/
.panel.style-delta { width: 33%; float: left;  }
.panel.style-delta .pel-o { padding: 0 10px; }
.panel.style-delta .panel-header h2 { font-weight: bold; font-size: 2.9em; color: #fff; margin: 0; }
.panel.style-delta .panel-body { font-size: 1.3em; font-weight: 600; }
.panel.style-delta .panel-body .contenteditor { border-left: 10px solid #00204e; }
.panel.style-delta .panel-body p:after { background: #00204e; }
.panel.style-delta .panel-body p { background: #00204e; display: inline; color: #fff; padding: 4px; white-space: pre-wrap; }

/*-------------------------------------------------------
 PAGE PANEL EPSILON - twitter formatting - on pink on HP but can be put in any structural element
---------------------------------------------------------*/
.panel.style-epsilon { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/bg-twitter.png") no-repeat bottom left; color: #fff; }
.panel.style-epsilon .pel-o { max-width: 1220px; margin: auto; padding: 50px 0; }
.panel.style-epsilon .pel-i { border-left: 11px solid #fff; }
.panel.style-epsilon .panel-header { float: left; width: 30%; }
.panel.style-epsilon .panel-header .hdi { padding: 0 25px; }
.panel.style-epsilon .panel-body { width: 69%; float: right; }
.panel.style-epsilon a { color: #fff; }
.panel.style-epsilon .panel-header h2 { font-size: 2.3em; line-height: 1.1; }

/*-------------------------------------------------------
 PAGE PANEL ZETA - yellow header in caps
---------------------------------------------------------*/
.panel.style-zeta .panel-header { /*white-space: pre-wrap;*/ }
.panel.style-zeta .panel-header h2 { background: #ffb840; display: inline-block; color: #000; padding: 5px 10px; margin: 0; text-transform: uppercase; font-size: 1em; text-transform: uppercase; }

/*-------------------------------------------------------
 PAGE PANEL ETA - navy header, left grey line
---------------------------------------------------------*/
.panel.style-eta { }
.panel.style-eta .panel-header { border-left: 20px solid #001948; }
.panel.style-eta .panel-header h2 { white-space: pre-wrap; background: #001948; margin: 0; color: #fff; padding: 10px; display: inline; }
.panel.style-eta .panel-body { padding: 20px; border-left: 1px solid #e1e1e1; word-wrap: break-word; }

/*-------------------------------------------------------
 TAB PANELS DEFAULT
---------------------------------------------------------*/
.tabbed-zone-outer { clear: both; margin-bottom: 2em; }
.tabs-menu-outer ul, .tabs-menu-outer ul li { list-style-type: none; padding: 0; margin: 0;  }
.tabs-menu-outer ul li, .tabs-menu-outer ul li a, .tabs-menu-outer ul li span { display: block; }
.tabs-menu-outer ul li { float: left; width: auto; text-align: center; }
.tabs-menu-outer ul li a:link, .tabs-menu-outer ul li a:visited { text-decoration: none; border: 1px solid #e1e1e1; border-bottom: 0; margin-right: 5px; padding: 20px; }
.tabs-menu-outer ul li.tab-selected a:link, .tabs-menu-outer ul li.tab-selected a:visited { border: 1px solid #e1e1e1; border-bottom: 0; }
.tabs-body-outer { clear: both; width: auto; border: 1px solid #e1e1e1; padding: 40px;  }

.tabbed-zone-delta { margin-top: 40px; }
.tabbed-zone-delta .tab-inner { font-family: 'Montserrat'; font-weight: 600; font-size: 1.3em; }
.tabbed-zone-delta ul li .tab-inner { border-bottom: 4px solid #fff; }
.tabbed-zone-delta ul li.tab-selected .tab-inner { border-bottom: 4px solid #abd6eb; }

/*-------------------------------------------------------
 ACCORDION TAB PANELS ALPHA
---------------------------------------------------------*/
/* overwrite ui.css */
.oAccordionPanels.tabbed-zone-alpha .ui-icon { width: auto; height: auto; background-image: none; }
.oAccordionPanels.tabbed-zone-alpha .ui-state-default, .oAccordionPanels.tabbed-zone-alpha .ui-widget-content .ui-state-default { background: none; }

.oAccordionPanels.tabbed-zone-alpha { border-top: 1px solid #e5e5e5; margin-bottom: 4em; }
.oAccordionPanels.tabbed-zone-alpha .tabbed-zone-inner { width: 100%; overflow: hidden; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-outer { padding: 20px 20px 20px 55px; border: 1px solid #e5e5e5; border-top: 0; background: #fafafa; clear: both; display: block; overflow: hidden; font-family: 'Montserrat'; font-size: 1.2em; line-height: 1.3; background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/icon-benefit.png") no-repeat left 15px center; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul { padding: 0; margin: 0; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li { display: block; list-style-type: none; padding: 0; margin: 0; clear: none; float: left; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li.header { padding: 0; margin: 0; width: 90%; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li.expander { float: right; padding: 0 0 0; width: 8%; text-indent: -9991em; background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/tab-expand.png") no-repeat center; }
.oAccordionPanels.tabbed-zone-alpha .tab-header-inner ul li.expanded { background: none; }
.oAccordionPanels.tabbed-zone-alpha .expanded .tab-header-inner ul li.expander { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/tab-collapse.png") no-repeat center; }
.oAccordionPanels.tabbed-zone-alpha ul li.header h2 { font-size: 1em !important; font-weight: bold; padding: 0; margin: 9px 8px 10px; }
.oAccordionPanels.tabbed-zone-alpha ul li.header h2 a.panel-event:link, .oAccordionPanels.tabbed-zone-alpha ul li.header h2 a.panel-event:visited { padding: 0; margin: 0; color: #00A0DE; font-weight: normal; }
.oAccordionPanels.tabbed-zone-alpha .tab-body-outer { padding: 15px; height: auto !important; border: 1px solid #e5e5e5; clear: both; }
.oAccordionPanels.tabbed-zone-alpha .tab-body-inner .oAssetLeft { padding: 5px 10px; margin: 0; }

/* ACCORDION TAB PANELS BETA - used to replace legacy tabs at mobile */

.oAccordionPanels.tabbed-zone-beta .ui-icon { width: auto; height: auto; background-image: none; }
.oAccordionPanels.tabbed-zone-beta .ui-state-default, .oAccordionPanels.tabbed-zone-beta .ui-widget-content .ui-state-default { background: none; }

.oAccordionPanels.tabbed-zone-beta { border-top: 1px solid #e5e5e5; margin-bottom: 4em; }
.oAccordionPanels.tabbed-zone-beta .tabbed-zone-inner { width: 100%; overflow: hidden; }
.oAccordionPanels.tabbed-zone-beta .tab-header-outer { padding: 20px; border: 1px solid #e5e5e5; border-top: 0; background: #fafafa; clear: both; display: block; overflow: hidden; font-family: 'Montserrat'; font-size: 1.2em; line-height: 1.3; }
.oAccordionPanels.tabbed-zone-beta .tab-header-inner ul { padding: 0; margin: 0; }
.oAccordionPanels.tabbed-zone-beta .tab-header-inner ul li { display: block; list-style-type: none; padding: 0; margin: 0; clear: none; float: left; }
.oAccordionPanels.tabbed-zone-beta .tab-header-inner ul li.header { padding: 0; margin: 0; width: 90%; }
.oAccordionPanels.tabbed-zone-beta .tab-header-inner ul li.expander { float: right; padding: 0 0 0; width: 8%; text-indent: -9991em; background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/tab-expand.png") no-repeat center; }
.oAccordionPanels.tabbed-zone-beta .tab-header-inner ul li.expanded { background: none; }
.oAccordionPanels.tabbed-zone-beta .expanded .tab-header-inner ul li.expander { background: url("/EasySiteWeb/EasySite/StyleData/NAHT-17-master/Images/tab-collapse.png") no-repeat center; }
.oAccordionPanels.tabbed-zone-beta ul li.header h2 { font-size: 1em !important; font-weight: bold; padding: 0; margin: 9px 8px 10px; }
.oAccordionPanels.tabbed-zone-beta ul li.header h2 a.panel-event:link, .oAccordionPanels.tabbed-zone-beta ul li.header h2 a.panel-event:visited { padding: 0; margin: 0; color: #00A0DE; font-weight: normal; }
.oAccordionPanels.tabbed-zone-beta .tab-body-outer { padding: 15px; height: auto !important; border: 1px solid #e5e5e5; clear: both; }
.oAccordionPanels.tabbed-zone-beta .tab-body-inner .oAssetLeft { padding: 5px 10px; margin: 0; }