@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("https://use.typekit.net/fqj7avh.css");
@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
/* left, center, right */
/*lighten($nav-secondary-header-bg,70%) !default;*/
/*hsl(hue($link-color), saturation($link-color), 80%) !default;*/
/* ========================================================================== MASTER PAGE LAYOUT ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container, .header-container, .SliderPage1 { max-width: 1380px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.no-mqs .container, .no-mqs .header-container, .no-mqs .SliderPage1 { min-width: 970px; }

.container:before, .container:after, .body-container:before, .body-container:after { content: " "; display: table; }

.container:after, .body-container:after { clear: both; }

/* handle secondary column layout */
@media (min-width: 992px) { .has-secondary-col .col-primary { width: 76%; }
  .has-secondary-col .col-secondary { width: 22%; }
  .has-secondary-col.col-on-right .col-primary { float: left; margin-right: 2%; }
  .has-secondary-col.col-on-right .col-secondary { float: right; }
  .has-secondary-col.col-on-left .col-primary { float: right; margin-left: 2%; }
  .has-secondary-col.col-on-left .col-secondary { float: left; } }

.no-mqs .has-secondary-col .col-primary { width: 76%; }

.no-mqs .has-secondary-col .col-secondary { width: 22%; }

.no-mqs .has-secondary-col.col-on-right .col-primary { float: left; margin-right: 2%; }

.no-mqs .has-secondary-col.col-on-right .col-secondary { float: right; }

.no-mqs .has-secondary-col.col-on-left .col-primary { float: right; margin-left: 2%; }

.no-mqs .has-secondary-col.col-on-left .col-secondary { float: left; }

/* Header ========================================================================== */
/** The following declarations are required to reposition the search bar and Sign In/Out link at different sizes via appendAround  */
.search-container, .auth-link-container { display: block; }

@media (min-width: 768px) { .search-container, .auth-link-container { display: none; } }

.no-mqs .search-container, .no-mqs .auth-link-container { display: none; }

.search-container-sm, .auth-link-container-sm { display: none !important; }

@media (min-width: 768px) { .search-container-sm, .auth-link-container-sm { display: inline-block !important; } }

.no-mqs .search-container-sm, .no-mqs .auth-link-container-sm { display: inline-block !important; }

/* Template Manager  - Reset styles to prevent section overlap */
.TemplateManagerArea .header-top-container, .TemplateManagerArea .header-bottom-container { position: static; clear: both; }

/* Theme family has primary nav within header-bottom-container so this  container's z-index needs to be changed for the same as the primary nav's.*/
.header-bottom-container { z-index: 1001 !important; }

/* This applies to the area behind the header logo and auxiliary navigation */
#masterHeaderBackground, .header { border-bottom: none; }

.navbar-collapse { clear: both; }

@media (max-width: 991px) { .navbar-collapse { /* expand to the full width of the page */ margin-left: -15px; margin-right: -15px; } }

@media (min-width: 992px) { .navbar-collapse { clear: right; } }

.no-mqs .navbar-collapse { clear: right; }

.header-top-container { position: absolute; height: 50px; width: 100%; }

@media (min-width: 992px) { .header-top-container { top: 0; left: 0; right: 0; z-index: 1002; background-color: #fff; } }

.no-mqs .header-top-container { top: 0; left: 0; right: 0; z-index: 1002; background-color: #fff; }

.header-logo-container { float: left; margin: 0.5em 0; }

@media (max-width: 767px) { .header-social { display: none !important; } }

.header-social a { text-decoration: none; }

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList { padding-left: 0; margin: 0; display: inline-block; }

.NavigationListItem { list-style-type: none; display: inline-block; margin-left: 0; }

.NavigationLink { padding-left: 7.5px; padding-right: 7.5px; white-space: nowrap; }

@media (max-width: 767px) { .ste-section { display: none !important; } }

/* Main ========================================================================== */
#masterContentArea { margin-top: 150px; }

@media (max-width: 991px) { #masterContentArea { margin-top: 59px; } }

/* This applies to the breadcrumb area */
.breadcrumb { float: none; display: inline; line-height: 33px; text-transform: uppercase; }

/* Homepage Full Width areas */
.Wrapper-FullWidth #masterContentArea .container-inner { max-width: 1170px; /*padding-left: 15px;*/ /*padding-right: 15px;*/ margin: 0 auto; }

.Wrapper-HomePage .FullWidthArea-StyleBg1, .Wrapper-HomePage .FullWidthArea-StyleBg2, .Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg4, .Wrapper-HomePage .FullWidthArea-StyleBg5 { padding: 50px 1%; min-height: 450px; }

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container { float: right; }

.obo-panel { line-height: 2.4em; white-space: nowrap; padding-right: 5px; padding-left: 5px; margin-bottom: 10px; font-size: 16px; display: inline; }

.obo-panel.on { padding-left: 2em; padding-right: 2em; }

.account-menu .obo-panel { /* within the account area dropdown make the padding match the other items*/ padding: 3px 10px; }

.obo-label, .obo-actions { display: inline-block; }

.obo-label { font-weight: bold; }

.obo-label span:after { content: ':'; }

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar { margin: .5em 0; }

.backToTop { display: none; font-size: 0px; color: transparent; bottom: 50px; position: fixed; right: 10px; margin-right: 10px; z-index: 1; background: transparent url("images/ThemeIconsSprite.png") -2px 0 no-repeat !important; width: 45px; height: 45px; }

@media (max-width: 991px) { .backToTop { display: none; } }

/* Sticky Footer ========================================================================== */
/** Responsive sticky footer. See http://www.joshrcook.com/a-responsive-sticky-footer/  */
.wrapper { display: table; width: 100%; height: 100%; overflow: hidden; }

.footer { display: table-row; height: 1px; }

@media (min-width: 992px) { .footer-social { text-align: right; } }

.no-mqs .footer-social { text-align: right; }

@media (max-width: 991px) { .footer-social { text-align: left; } }

@media (min-width: 992px) { .footer-promo-container { text-align: right; } }

.no-mqs .footer-promo-container { text-align: right; }

.footer-promo-container .promo { background: none !important; box-shadow: none !important; padding-bottom: 0 !important; }

.footer-promo-container .promo .TextButton { background: white; color: white; }

.footer-content-section { padding: 0 15px 0 1em !important; }

.footer-content-section h2 { font-size: 110%; }

.footer-nav-copyright { padding-top: 0 !important; }

.HelperText { color: #004C97; }

.EasyEditOn .EasyEditContent:hover, .EasyEditOn .WebPartZoneDesignTime:hover { background: none; }

/* ========================================================================== Great Barrier Reef Skin Specific Styles ========================================================================== */
h1, .CTF-event-display h2.PanelTitle { position: relative; }

h1:after, .CTF-event-display h2.PanelTitle:after { content: ''; display: block; bottom: 0; width: 45%; margin: 5px auto 0 auto; }

.Wrapper-HomePage h2.panel-title { color: #69be28; display: table; }

.Wrapper-HomePage h2.panel-title:after { content: ''; display: block; bottom: 0; width: 30%; margin: 5px auto 0 auto; }

.Wrapper-HomePage { /* Arrow shaped containers for nice browsers only. */ }

.Wrapper-HomePage .FullWidthArea-StyleBg2 { background: #f0edf2 url(images/FullWidthArea_Bg2.jpg) center top no-repeat; color: #fff; }

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 { color: #fff; }

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before { content: ''; display: block; float: left; margin: 0 15px 0 0; width: 90px; height: 90px; background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important; }

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong { font-size: 250%; display: block; padding-bottom: 15px; }

.Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg5 { background: #f0edf2; }

.Wrapper-HomePage .FullWidthArea-StyleBg4 { background: #f0edf2 url(images/FullWidthArea_Bg4.jpg) center top no-repeat; color: #fff; font-family: "futura-pt"; padding: 20px 1%; line-height: 1.5; }

.Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote { font-size: 250%; }

@media (min-width: 992px) { .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote { width: 45%; } }

.no-mqs .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote { width: 45%; }

.Wrapper-HomePage .FullWidthArea-StyleBg4 em { font-size: 50%; display: table; margin-top: 1em; }

.Wrapper-HomePage .FullWidthArea-StyleBg1, .Wrapper-HomePage .FullWidthArea-StyleBg2, .Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg4, .Wrapper-HomePage .FullWidthArea-StyleBg5 { -webkit-clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%); clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%); margin: -60px 0 15px 0; }

.Wrapper-HomePage .FullWidthArea-StyleBg5 { margin: -60px 0 0 0; padding-bottom: 60px; }

.BigButtonPanelArea1 { position: relative; padding: 15px 5px; }

.BigButtonPanelArea1 .btn { color: transparent !important; width: 30%; width: 45px; height: 45px; opacity: 0.5; margin: 0 2%; padding: 0 !important; }

.BigButtonPanelArea1 a[href*="PrintProfile"] { background: transparent url("images/ThemeIconsSprite.png") -2px -595px no-repeat !important; }

.BigButtonPanelArea1 a[href*="Profile.aspx"] { background: transparent url("images/ThemeIconsSprite.png") -2px -380px no-repeat !important; }

.BigButtonPanelArea1 a[href*="Duplicate_Merge.aspx"] { background: transparent url("images/ThemeIconsSprite.png") -2px -487px no-repeat !important; }

.BigButtonPanelArea1 .btn:hover, .BigButtonPanelArea1 .btn:focus { opacity: 0.7; }

.BigButtonPanelArea2 .btn { width: 90%; max-width: 250px; }

@media (min-width: 992px) { .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background: transparent url("images/ResponsiveHeaderSprite.png") 0 -100px no-repeat !important; } }

.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background: transparent url("images/ResponsiveHeaderSprite.png") 0 -100px no-repeat !important; }

.Spotlight .SectionLabel, .Spotlight h4 { display: block; position: relative; padding: 15px 0 10px 0; }

.Spotlight .SectionLabel:after, .Spotlight h4:after { width: 25%; }

.Spotlight .SectionLabel:after, .Spotlight h4:after { content: ''; display: block; bottom: 0; width: 30%; margin: 5px auto 0 auto; }

.Spotlight { margin-bottom: 20px; }

.Spotlight p { border-left: dotted 2px #c8c8c8; padding: 3px 20px; margin: -3px 0 0 0; position: relative; }

.Spotlight p:after { content: ''; display: block; width: 50%; height: 15px; border-top: dotted 2px #c8c8c8; border-right: dotted 2px #c8c8c8; position: absolute; left: 0px; bottom: -15px; }

.Spotlight a { text-decoration: none; }

.Spotlight img { margin-bottom: 15px; }

@media (min-width: 992px) { .TestimonialArea { width: 70%; } }

.no-mqs .TestimonialArea { width: 70%; }

.TestimonialArea img { object-fit: cover; width: 150px; height: 150px !important; border-radius: 50% 50%; margin: 0 auto; display: block; }

.TestimonialArea blockquote:before { content: ''; display: block; position: absolute; width: 10%; height: 100px; top: -100px; right: 20%; }

.TestimonialArea blockquote { background: #fff; position: relative; color: #fff; padding: 20px 3%; margin: 25px auto 0 auto; text-align: center; }

.TestimonialArea blockquote em { display: block; margin-top: 1em; }

@media (min-width: 992px) { .UpcomingEventsHome ul.RelatedItemsHorizontal li, .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li { width: 225px; height: auto; margin: 9px 2%; }
  .UpcomingEventsHome a.ImageLink img { width: 225px !important; height: auto !important; display: block; } }

.no-mqs .UpcomingEventsHome ul.RelatedItemsHorizontal li, .no-mqs .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li { width: 225px; height: auto; margin: 9px 2%; }

.no-mqs .UpcomingEventsHome a.ImageLink img { width: 225px !important; height: auto !important; display: block; }

.UpcomingEventsHome a.LabelLink { text-decoration: none; font-weight: bold; color: #fff; line-break: normal; }

.ProgressTracker2 { text-align: center; }

.ProgressTracker2 .ProgressTrackerPanel .label, .ProgressTracker2 .ProgressTrackerPanel a { color: #fff; }

.ProgressTracker2 .SuccessfulMessage { width: 95%; margin: 0 auto; background-color: #004C97 !important; font-weight: bold; margin-bottom: 8px; }

.ProgressTracker2 .ProgressBar { border-radius: 0; background-color: black !important; height: 25px; }

.ProgressTracker2 .ProgressBar span { background-color: #004C97 !important; border-radius: 0; }

.ProgressTracker2 div p { color: #000 !important; }

.Wrapper-HomePage .ProgressTracker2 .ProgressTrackerPanel { background-color: transparent; }

.Wrapper-HomePage .ProgressTracker2 .inset { text-align: left; font-size: 125%; }

.Wrapper-HomePage .ProgressTracker2 span.count { color: #fff; }

.Wrapper-HomePage .ProgressTracker2 span.count:before { content: ''; display: block; float: left; margin: 0 15px 0 0; width: 90px; height: 90px; background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important; }

.Wrapper-HomePage .ProgressTracker2 span.count strong { font-size: 250%; display: block; padding-bottom: 15px; }

/* Search Results */
.SearchResultSummary .ListItemTitle a { background: none !important; }

/* RadStrip Tabs */
.RadTabStrip.RadTabStrip_MetroTouch { background: #fff; padding: 10px 10px 0 10px !important; letter-spacing: 1px; text-transform: uppercase; }

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #fff !important; border-color: #fff !important; color: #004C97 !important; }

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { background-color: #fff !important; border-color: #004C97 !important; }

.RadTabStrip_MetroTouch .rtsLink { color: #004C97 !important; }

.RadTabStripTop_MetroTouch .rtsLevel1 { border-bottom: none !important; }

h2, .h2, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish { border: none !important; }

.CalloutPart2 { background-color: #f0edf2; text-align: center; }

.CalloutPart2 .PanelFieldValue { text-align: center; }

.CalloutPart2 .SectionLabel:after { content: ''; display: block; bottom: 0; width: 45%; margin: 5px auto 0 auto; }

.AsiInformation, .AsiSuccess, .AsiWarning, .AsiError, .AsiValidation, .AsiValidationSummary, .AsiNeutral { border: none; }

.SelectedItem a, .ProxyPanelContact a { color: #fff !important; }

/* ========================================================================== Basic setup ========================================================================== */
body { font-family: "gill-sans-nova", helvetica, sans-serif; font-size: 16pt; line-height: 1.4; color: #3A3A3A; }

a { color: #004C97 ; text-decoration: none; text-decoration: none; }

a:visited { color: #004C97 ; }

a:hover, a:focus, a:active { color: #003264 ; }

a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited { color: #999999 ; }

.RadGrid a, .RadToolTip a { color: #004C97  !important; text-decoration: none; }

.RadGrid a:visited, .RadToolTip a:visited { color: #004C97  !important; }

.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active { color: #003264  !important; }

.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited { color: #999999  !important; }

.RadGrid a.TextButton { color: #fff !important; text-decoration: none !important; }

p { margin-top: 0; margin-bottom: 1em; text-align: left; font-family: "gill-sans-nova", helvetica, sans-serif; color: #3A3A3A; }

p.small-text { font-size: 14px; }

p.Alt { font-size: 24pt; }

p.blue { color: #004C97; }

p.teal { color: #008EAA; }

p.orange { color: #E35205; }

p.red { color: #BA0C2F; }

p.green { color: #509E2F; }

p.yellow { color: #F1C400; }

p.khaki { color: #7F9C90; }

h1, .CTF-event-display h2.PanelTitle, .h1, .PageTitle, h2, .h2, .PanelTitle { font-family: "futura-pt"; font-weight: 600; }

h1.teal, .CTF-event-display h2.teal.PanelTitle, .h1.teal, .PageTitle.teal, h2.teal, .h2.teal, .PanelTitle.teal { color: #008EAA; }

h1.orange, .CTF-event-display h2.orange.PanelTitle, .h1.orange, .PageTitle.orange, h2.orange, .h2.orange, .PanelTitle.orange { color: #E35205; }

h1.blue, .CTF-event-display h2.blue.PanelTitle, .h1.blue, .PageTitle.blue, h2.blue, .h2.blue, .PanelTitle.blue { color: #004C97; }

h1.red, .CTF-event-display h2.red.PanelTitle, .h1.red, .PageTitle.red, h2.red, .h2.red, .PanelTitle.red { color: #BA0C2F; }

h1.green, .CTF-event-display h2.green.PanelTitle, .h1.green, .PageTitle.green, h2.green, .h2.green, .PanelTitle.green { color: #509E2F; }

h1.yellow, .CTF-event-display h2.yellow.PanelTitle, .h1.yellow, .PageTitle.yellow, h2.yellow, .h2.yellow, .PanelTitle.yellow { color: #F1C400; }

h1.khaki, .CTF-event-display h2.khaki.PanelTitle, .h1.khaki, .PageTitle.khaki, h2.khaki, .h2.khaki, .PanelTitle.khaki { color: #7F9C90; }

h1, .CTF-event-display h2.PanelTitle, .h1, .PageTitle { margin-top: 0; margin-bottom: 40px; }

h1, .CTF-event-display h2.PanelTitle, .h1, .PageTitle { color: #004C97; font-size: 32pt; text-transform: uppercase; }

h1.teal, .CTF-event-display h2.teal.PanelTitle, .h1.teal, .PageTitle.teal { color: #008EAA !important; }

h1.orange, .CTF-event-display h2.orange.PanelTitle, .h1.orange, .PageTitle.orange { color: #E35205 !important; }

h1.red, .CTF-event-display h2.red.PanelTitle, .h1.red, .PageTitle.red { color: #BA0C2F !important; }

h1.blue, .CTF-event-display h2.blue.PanelTitle, .h1.blue, .PageTitle.blue { color: #004C97; }

h1.green, .CTF-event-display h2.green.PanelTitle, .h1.green, .PageTitle.green { color: #509E2F !important; }

h1.yellow, .CTF-event-display h2.yellow.PanelTitle, .h1.yellow, .PageTitle.yellow { color: #F1C400 !important; }

h1.khaki, .CTF-event-display h2.khaki.PanelTitle, .h1.khaki, .PageTitle.khaki { color: #7F9C90 !important; }

h1.BigHeader, .CTF-event-display h2.BigHeader.PanelTitle, .h1.BigHeader { color: #fff; background-color: #004C97; padding: 20px; margin: 0; }

h1.HeaderWhite, .CTF-event-display h2.HeaderWhite.PanelTitle { color: white; }

h2, .PanelTitle { line-height: 1.45em; font-size: 24pt; color: #333333; }

h2, .h2, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish { min-height: 0; border-bottom-style: solid; font-weight: 600; }

h3 { font-family: "futura-pt"; font-size: 22pt; color: #333333; font-weight: 500; }

h3.teal { color: #008EAA !important; }

h3.orange { color: #E35205 !important; }

h3.blue { color: #004C97; }

h3.red { color: #BA0C2F !important; }

h3.green { color: #509E2F !important; }

h3.yellow { color: #F1C400 !important; }

h3.khaki { color: #7F9C90 !important; }

h4, .SectionLabel, h5 { margin: 0 0 .2em; }

h4, .h4, .SectionLabel { color: #333333; font-weight: 600; font-size: 18pt; }

h4.teal, .h4.teal, .SectionLabel.teal { color: #008EAA !important; }

h4.orange, .h4.orange, .SectionLabel.orange { color: #E35205 !important; }

h4.red, .h4.red, .SectionLabel.red { color: #BA0C2F !important; }

h4.blue, .h4.blue, .SectionLabel.blue { color: #004C97; }

h4.green, .h4.green, .SectionLabel.green { color: #509E2F !important; }

h4.yellow, .h4.yellow, .SectionLabel.yellow { color: #F1C400 !important; }

h4.khaki, .h4.khaki, .SectionLabel.khaki { color: #7F9C90 !important; }

h5, .h5 { color: #333333; }

h5.teal, .h5.teal { color: #008EAA !important; }

h5.orange, .h5.orange { color: #E35205 !important; }

h5.blue, .h5.blue { color: #004C97; }

h5.red, .h5.red { color: #BA0C2F !important; }

h5.green, .h5.green { color: #509E2F !important; }

h5.yellow, .h5.yellow { color: #F1C400 !important; }

h5.khaki, .h5.khaki { color: #7F9C90 !important; }

h6, .h6 { margin: 0; }

hr { margin-top: 0; margin: 0; margin-left: 0; margin-right: 0; border-width: 1px 0 0 0; border-style: solid; }

.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish { border-color: #ddd; }

.PanelHead.Distinguish .PanelHeadOptions, .panel-heading.Distinguish .panel-head-options { margin-top: .6em; }

/* Used for messages guiding users to the next step */
.HelperText { color: #0064cd; }

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem { background-color: white; }

/** This automatically resizes images when they're too large to fit in their container.  It may override any user-defined width/height on images. If the behavior is unwanted,  consider changing this declaration to a class (e.g. '.img-responsive') which you can  apply as desired. */
img { max-width: 100%; height: auto; }

/** Sometimes images should not be resized. This class can be used as a wrapper or directly on the image to avoid the resizing. */
img.ImgNoResize, .ImgNoResize img { max-width: none; }

/* Give a block of text some extra emphasis. This class also makes the text larger, per UltraWave styles */
.lead { margin-bottom: 20px; }

@media (max-width: 991px) { body, p, p.Alt, h4 { font-size: 16px; }
  h1, .CTF-event-display h2.PanelTitle, .h1, .PageTitle { font-size: 25px; }
  h2, .PanelTitle, h3 { font-size: 18px; } }

/* Custom */
ol { counter-reset: list 0; }

ol li { counter-increment: list; list-style-type: none; position: relative; }

ol li:before { color: #004C97; content: counter(list) "."; left: -32px; position: absolute; text-align: right; width: 26px; font-weight: 500; }

ol.alpha li:before { color: #004C97; content: counter(list, lower-alpha) "." !important; left: -32px; position: absolute; text-align: right; width: 26px; font-weight: 500; }

ol.roman li:before { color: #004C97; content: counter(list, lower-roman) "." !important; left: -32px; position: absolute; text-align: right; width: 26px; font-weight: 500; }

/*RESET STYLE*/
ol.plain { counter-reset: unset; }

ol.plain li { display: list-item; text-align: -webkit-match-parent; list-style-type: unset; }

ol.plain li:before { content: none; }

/* ========================================================================== MASTERPAGE ELEMENTS ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv { background-color: #ffdd6f; }

#masterHeaderBackground, .header { border-bottom: 0px; }

.header-bottom-container { border-bottom: solid 10px #ffffff; }

@media (max-width: 991px) { .header-bottom-container { border: 0px; } }

/* Universal search control */
.search-field { background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat; background-position: 7px -16px; padding-left: 28px !important; color: #777; border-color: #CCC; }

.header-search .TextButton { display: none; }

/* header logo */
#masterHeaderImage { background-image: url("/ctfweb/images/Brand/CTF_logo.png"); background-repeat: no-repeat; width: 135px; height: 60px; position: relative; top: 1px; /* The following are needed to hide the text, but allow it to be read by screen readers */ text-indent: -9999px; overflow: hidden; float: left; background-size: contain; }

@media (max-width: 991px) { #masterHeaderImage { background-image: url("/ctfweb/images/Brand/CTF_logo_sm.png"); top: 10px; } }

@media (max-width: 767px) { #masterHeaderImage { width: 100px; } }

@media (min-width: 992px) { #masterHeaderImage { background-position: 0 1px; width: 450px; } }

.no-mqs #masterHeaderImage { background-position: 0 1px; width: 450px; }

#masterDonorHeaderImage { background-image: url("/ctfweb/images/Brand/CTF_logo_sm.png"); background-repeat: no-repeat; width: 135px; height: 60px; /* The following are needed to hide the text, but allow it to be read by screen readers */ text-indent: -9999px; overflow: hidden; float: left; }

@media (min-width: 992px) { #masterDonorHeaderImage { width: 169px; } }

.no-mqs #masterDonorHeaderImage { width: 169px; }

/* Used in the donor site header logo content area */
#masterHeaderActionArea a { display: block; text-align: center; }

/* On Behalf Of with target set */
.ProxyPanelContact { background-color: #69be28; }

.ProxyPanelContact, .ProxyPanelContact .obo-label { color: #fff; }

.ProxyPanelContact a { color: #64b2ff; }

/* Sub (Left) Navigation ========================================================================== */
#pagesubnav { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.SubNavPanelHead { background-color: #f0edf2; color: #3A3A3A; font-family: "futura-pt"; font-weight: 600; }

.SubNavigationSeparator { border-width: 1px 0 0 0; border-style: solid; border-color: #ddd; height: 1px; padding: 0; margin: 0; }

/* Breadcrumbs ========================================================================== */
div#masterMainBreadcrumb { margin-top: 3vw; z-index: 1; position: relative; color: #fff; }

@media (max-width: 767px) { div#masterMainBreadcrumb { margin-top: 12vw; } }

div#masterMainBreadcrumb span.Disabled { color: #fff; }

div#masterMainBreadcrumb a { color: #fff; }

/* ========================================================================== Footer ========================================================================== */
.footer-nav-copyright { padding-top: 1em; padding-bottom: 0; /* 1em - .65em (bottom margin on nav lis) */ }

.footer-content { padding-top: 1em; }

.footer-content-section { padding: 0 15px 1em; }

.footer-nav-copyright:before, .footer-nav-copyright:after { content: " "; display: table; }

.footer-nav-copyright:after { clear: both; }

.footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright { float: left; margin: 0; }

.footer-nav-copyright .footer-copyright { display: inline-block; margin: 1em 1.5em .65em 0; width: 100%; }

@media (max-width: 767px) { .footer-nav-copyright .footer-social-copyright { text-align: center; } }

.footer-nav-copyright .footer-social-copyright .footer-social, .footer-nav-copyright .footer-social-copyright .footer-copyright { padding-top: 10px; padding-bottom: 10px; }

@media (min-width: 768px) { .footer-nav-copyright .footer-social-copyright .footer-social { text-align: left; }
  .footer-nav-copyright .footer-social-copyright .footer-copyright { float: right; width: auto; clear: right; } }

.no-mqs .footer-nav-copyright .footer-social-copyright .footer-social { text-align: left; }

.no-mqs .footer-nav-copyright .footer-social-copyright .footer-copyright { float: right; width: auto; clear: right; }

.footer-copyright p { margin-bottom: 0; text-align: left; margin-top: 10px; color: white; }

@media (min-width: 480px) { .footer-content-section { float: left; width: 50%; } }

.no-mqs .footer-content-section { float: left; width: 50%; }

@media (max-width: 991px) { .footer .footer-social { width: 100%; }
  .footer .footer-promo-container { width: 66.6666666667%; } }

#masterFooterCopyright { clear: both; }

.footer-content { background-color: #fff; color: #fff; text-align: left; margin-top: -20px; padding-top: 20px; }

@media (max-width: 767px) { .footer-content { margin-top: 0; } }

.footer-content h2 { font-size: 22pt; margin-top: 0; color: #333; border-bottom: none; text-align: left; border-bottom: solid 1px #ffffff !important; margin-bottom: 20px; padding-bottom: 10px; font-weight: 300; }

.footer-content p { color: #333; font-size: 13pt; text-align: left; margin-bottom: 0; }

.footer-content a { text-decoration: none !important; color: #fff !important; }

.footer-content a:hover { color: #fff !important; }

.footer-social { padding-top: 15px; padding-bottom: 15px; width: 100%; float: right; margin-top: 15px; }

.footer-social a { margin-right: 0; font-size: 16pt !important; }

@media (max-width: 991px) { .footer-social { float: left; font-size: 12pt; padding-top: 0; padding-bottom: 15px; } }

.footer-promo-container .promo { background-color: #bfbfbf; /* rgba fallback */ background-color: rgba(191, 191, 191, 0.5); padding: 15px; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1); }

.footer-promo-container .lead { font-family: "futura-pt"; font-weight: 600; margin-bottom: .25em; font-size: 130%; line-height: inherit; }

@media (min-width: 768px) and (max-width: 991px) { .footer-promo-container .lead { font-size: 150%; } }

@media (min-width: 992px) { .footer-promo-container .lead { font-size: 170%; } }

.no-mqs .footer-promo-container .lead { font-size: 170%; }

.footer-promo-container .TextButton { background-color: #bfbfbf; /* rgba fallback */ background-color: rgba(191, 191, 191, 0.5); color: #fff; }

.footer-promo-container .TextButton:hover { background-color: #bfbfbf; /* rgba fallback */ background-color: rgba(191, 191, 191, 0.8); }

.footer-nav-copyright { background-color: #004C97; margin-top: 24px; }

.footer-nav-copyright p { color: #fff; text-align: left; margin-bottom: 0; font-size: 13pt; }

@media (max-width: 767px) { .footer-nav-copyright { font-size: 12pt; } }

.footer-nav-copyright a, .footer-nav-copyright a:visited { color: #fff; font-size: 13pt; text-decoration: none; }

.footer-nav-copyright a:hover, .footer-nav-copyright a:active { color: white; }

/* Footer Button */
a.footerButton { background: #004C97; color: white; margin-bottom: 15px; margin-right: 10px; }

a.footerButton:hover { background-color: #fff; border-color: #fff; color: #333; }

/* Compatibility Footer ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft { background-color: #fff; color: #fff; }

#ft h4 { color: #000; font-family: "futura-pt"; font-weight: 600; }

#masterFooterConnectWithUs { border-style: solid; border-color: rgba(221, 221, 221, 0.8); border-width: 0 1px; }

#masterFooterContent a, #masterFooterCopyright a, #masterFooterNavigation a { color: #fff; }

#masterFooterContent a:visited, #masterFooterCopyright a:visited, #masterFooterNavigation a:visited { color: #fff; }

#masterFooterContent a:hover, #masterFooterContent a:active, #masterFooterCopyright a:hover, #masterFooterCopyright a:active, #masterFooterNavigation a:hover, #masterFooterNavigation a:active { color: #e6e6e6; }

#masterFooterCopyright { border-color: #ddd; /* rgba fallback */ border-top: 1px solid rgba(221, 221, 221, 0.5); }

/* Footer - Events hidden cells */
.RadGrid.RadGrid_MetroTouch { border: none; }

/* CTF Events Footer */
.footer-content .panel-body { padding: 0px; }

.footer-content .eventImg { width: 80px; height: 80px; float: left; margin-right: 10px; }

.footer-content .eventContainer { margin-top: -10px; height: 100px; }

.footer-content .eventContainer .eventLink { color: #000 !important; text-decoration: none; font-size: 13pt; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.footer-content .eventContainer .eventLink:hover { color: #fff; }

.footer-content .eventContainer h6 { font-size: 12pt; color: #fff; text-transform: uppercase; }

.footer-content .rgAltRow, .footer-content .rgRow { display: block; width: 43%; float: left; margin-right: 2%; }

@media (max-width: 767px) { .footer-content .rgAltRow, .footer-content .rgRow { width: 100%; margin-right: 0; margin-bottom: 30px; } }

.footer-content .rgAltRow td, .footer-content .rgRow td { width: 100%; display: block; padding: 00px !important; }

p.member-footer { height: 100px; }

/*Footer Social Icons*/
.social-icon { border: 1px solid #fff; border-radius: 150px; width: 35px; padding: 2px; text-align: center; margin: 3px; }

/* ========================================================================== PRIMARY NAVIGATION ========================================================================== */
@media (min-width: 992px) { .primary-navigation-area .MegaDropDownMenuOuter { text-align: center; } }

.no-mqs .primary-navigation-area .MegaDropDownMenuOuter { text-align: center; }

@media (max-width: 991px) { .primary-navigation-area .MegaDropDownMenuOuter { position: relative; } }

.header-bottom-container { width: 100%; position: absolute; }

@media (min-width: 992px) { .header-bottom-container { background-color: #fff; top: 88px; left: 0; right: 0; height: 52px; z-index: 555; -webkit-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); } }

.no-mqs .header-bottom-container { background-color: #fff; top: 88px; left: 0; right: 0; height: 52px; z-index: 555; -webkit-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); }

@media (max-width: 991px) { .header-bottom-container { top: 75px; } }

.nav-auxiliary.navbar-collapse { border-top: 1px solid #ddd; }

.header-top-container { position: absolute; }

.navbar { min-height: 124px; position: fixed; width: 100%; z-index: 1005; background-color: #fff; }

@media (max-width: 991px) { .navbar { background-color: #fff; min-height: 90px; border-bottom: 0px; -webkit-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); } }

.navbar-collapse, .searchbar-collapse { background-color: #fff; }

@media (min-width: 992px) { .navbar-collapse, .searchbar-collapse { padding-left: 0; padding-right: 0; border: none; background: none; float: none; } }

.no-mqs .navbar-collapse, .no-mqs .searchbar-collapse { padding-left: 0; padding-right: 0; border: none; background: none; float: none; }

.auth-link-container { /* container for the sign in link when the browser is <768px wide */ padding: 8px 15px; text-align: center; background-color: #ededed; }

/* Reset some Telerik defaults */
.RadMenu.RadMenu_GreatBarrierReef { float: none; z-index: 1001 !important; position: relative; left: 0; }

.RadMenu.RadMenu_GreatBarrierReef:focus { outline: none; }

.RadMenu.RadMenu_GreatBarrierReef .ul.rmVertical.rmGroup.rmLevel1 { padding: 0px; }

.RadMenu.RadMenu_GreatBarrierReef .rmGroup, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup, .RadMenu.RadMenu_GreatBarrierReef .rmMultiColumn, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem { border: none; }

.RadMenu.RadMenu_GreatBarrierReef .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_GreatBarrierReef .rmVertical .rmExpand:before, .RadMenu.RadMenu_GreatBarrierReef .rmRightArrow .rmIcon:before, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_GreatBarrierReef .rmBottomArrow .rmIcon:before { content: none; }

.RadMenu.RadMenu_GreatBarrierReef .rmItem, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal > .rmItem, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal > .rmRootScrollGroup > .rmItem, .RadMenu.RadMenu_GreatBarrierReef .rmLink { float: none; }

.RadMenu.RadMenu_GreatBarrierReef .rmLink { padding: 0px; }

.RadMenu.RadMenu_GreatBarrierReef .rmText { display: block; float: left; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_GreatBarrierReef .rmToggle { width: auto; }

.RadMenu.RadMenu_GreatBarrierReef .rmToggle, .RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle { position: static; }

.RadMenu.RadMenu_GreatBarrierReef .rmGroup .rmContent, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmContent { padding: 0; }

.RadMenu.RadMenu_GreatBarrierReef .RadSiteMap, .RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmItem, .RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmTwoLevels .rsmItem { font-size: inherit; }

.RadMenu.RadMenu_GreatBarrierReef ul { margin: 0; padding: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rmItem, .RadMenu.RadMenu_GreatBarrierReef .rsmItem { list-style: none; }

.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > a, .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > a { cursor: default; }

.RadMenu.RadMenu_GreatBarrierReef .rmItem { width: auto; clear: both; text-align: left; }

.RadMenu.RadMenu_GreatBarrierReef .rsmItem { text-align: left; padding-bottom: 4px; }

.RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText { width: 100%; text-align: center; padding: 8px 0 10px; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText { font-size: 70%; padding: 21px 0 5px; } }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText { padding: 8px 15px 20px; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText { padding: 5px 15px; } }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuOuter > .rmText { /* when mega menus are on, don't add padding around the rmText */ padding: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText { /* give space for the expand arrow */ padding-right: 40px; }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup { position: relative; }

.RadMenu.RadMenu_GreatBarrierReef .rsmItem { margin: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rsmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink { padding: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmItem .rsmItem, .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmLink { /* make sure second-level rsm items are lined up properly */ padding-left: 0; margin-right: 15px; }

.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLink { margin-bottom: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rsmColumn { /* for multiple columns on the mega menu */ display: inline-block; vertical-align: top; padding-right: 4px; }

@media (max-width: 480px) { .RadMenu.RadMenu_GreatBarrierReef .rsmColumn { /* on very small screens drop mega menu columns to one */ width: 100% !important; } }

.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap { margin-bottom: 0; padding: 0px 25px 7px 25px; }

.RadMenu.RadMenu_GreatBarrierReef .rsmThreeLevels .rsmLevel1 .rsmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmThreeLevels .rsmLevel1 .rsmTemplate, .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmTemplate, .RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate { display: block; }

.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate { white-space: nowrap; }

.RadMenu.RadMenu_GreatBarrierReef .rmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmLink { text-decoration: none; display: block; position: relative; /* required for the menu to work in IE */ }

.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmTemplate { padding: 0; margin: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rmGroup .rmText { margin: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected { /* root item selected styles */ color: #004C97; background-color: transparent; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused { /* root item hover and focus styles */ background-color: transparent; color: #004C97; }

.tabEvents .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #E35205; }

.tabResearch .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #BA0C2F; }

.tabTaxFind .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #004C97; }

.tabPublications .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #008EAA; }

.tabVolunteer .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #509E2F; }

.tabCareers .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #F1C400; }

.tabResources .RadMenu.RadMenu_GreatBarrierReef .rmGroup { background-color: #7F9C90; }

.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink, .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink { color: #fff; }

.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink:active, .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink:hover, .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink:active { background-color: transparent; color: #fff; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem { position: relative; padding-right: 5px; padding-left: 5px; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink { text-transform: none; color: #333333; font-family: "gill-sans-nova", helvetica, sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0px; }

.RadMenu.RadMenu_GreatBarrierReef .rmToggle, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle { /* a clickable target to expand multi-level navigaiton */ display: block; float: right; height: 100%; }

.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle .rmIcon { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; width: 23px; height: 15px; background-image: url("images/responsivenav.png"); background-repeat: no-repeat; margin-top: 15px; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; }

.RadMenu.RadMenu_GreatBarrierReef .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink .rmToggle > .rmIcon { background-position: 0 -26px; }

.RadMenu.RadMenu_GreatBarrierReef .rmExpanded > .rmLink > .rmToggle > .rmIcon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

/*2nd and 3rd level navigation (dropdown menus)*/
.RadMenu_GreatBarrierReef .rmSlide { display: none; /* hide the sub nav until requested */ position: absolute; height: auto !important; margin-left: 5px; }

.RadMenu_GreatBarrierReef .rmSlide .rmItem { float: none; display: block; }

.RadMenu_GreatBarrierReef .rmSlide .rmText { float: none; }

.RadMenu_GreatBarrierReef .rmSlide .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmLink { color: #fff; font-family: "gill-sans-nova", helvetica, sans-serif; font-size: 85%; font-weight: 200; padding: 0px 15px !important; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }

.rmSeparator, .rmVertical > .rmSeparator, .MegaDropDownMenuSeperator > .rsmLink { border-bottom: 1px solid #fff; }

.rmSeparator, .rmVertical > .rmSeparator { margin: 0 15px; }

.rsmSelected > .rmText, .rsmTwoLevels > .rmText > .rsmItem.rsmSelected { color: #fff; }

.rmText:hover, .rmText:focus, .rmText.rmFocused, .rsmText:hover, .rsmText:focus, .rsmText.rmFocused, .rsmTwoLevels > .rmText > .rsmItem > .rsmLink:hover, .rsmTwoLevels > .rmText > .rsmItem > .rsmLink:focus, .rsmTwoLevels > .rmText > .rsmItem > .rsmLink.rmFocused { /*color: $navbar-default-dropdown-link-hover-color;*/ }

.rmLevel1 .rmGroup { /* for second-level sub-nav and beyond, we want to indent the nav to give separation */ margin-left: 0; }

.rmExpandRight, .rmGroup a.rmLink.rmExpandRight { background-image: url("images/ResponsiveNav.png"); background-position: 110% -200px; background-repeat: no-repeat; }

.MegaDropDownMenu { padding: 10px 15px 12px; }

.rsmTwoLevels > .rsmItem { margin-bottom: 0; }

.rsmTwoLevels > .rsmItem > .rsmLink, .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus { color: #fff; font-weight: 500; letter-spacing: 0px; }

.MegaDropDownMenuSeperator .rsmLink { padding: 0; }

@media (max-width: 991px) { width: 100% !important;
  left: 0 !important;
  ul.rmVertical, ul.rmHorizontal, ul.rmRootScrollGroup { float: none; }
  .rmSlide { /* for right expanded items, expand below on extra small screens */ left: 0 !important; margin-top: 64px; }
  .rmToggleHandles .rmSlide .rmText { /* if we have toggles on we don't want to add the extra padding */ padding-right: 15px; }
  .rmToggleHandles .rmExpandRight, .rmToggleHandles .rmGroup a.rmText.rmExpandRight { /* if toggle handles are on we don't want to display the arrow twice*/ background-image: none; } }

.RadMenu.RadMenu_GreatBarrierReef { /* Make sure mega menus with two levels are an adequate width */ }

@media (min-width: 992px) { .RadMenu.RadMenu_GreatBarrierReef .rmItem { white-space: nowrap; }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup { display: block; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem { float: left; clear: none; padding-right: 5px; padding-left: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink { margin: 0; } }

.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmItem { white-space: nowrap; }

.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup { display: block; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem { float: left; clear: none; padding-right: 5px; padding-left: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink { margin: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup { width: 100%; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem:nth-child(n+8) { display: none !important; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink { border-bottom: 9px solid #004C97; }

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus, .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused { border-bottom: 9px solid #004C97; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef .rmRootLink { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents { border-bottom: 9px solid #E35205; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents .rmFocused { border-bottom: 9px solid #E35205; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabEvents { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch { border-bottom: 9px solid #BA0C2F; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch .rmFocused { border-bottom: 9px solid #BA0C2F; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResearch { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind { border-bottom: 9px solid navbar-tab-taxfind-color; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind .rmFocused { border-bottom: 9px solid navbar-tab-taxfind-color; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabTaxFind { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications { border-bottom: 9px solid #008EAA; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications .rmFocused { border-bottom: 9px solid #008EAA; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabPublications { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer { border-bottom: 9px solid #509E2F; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer .rmFocused { border-bottom: 9px solid #509E2F; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabVolunteer { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers { border-bottom: 9px solid #F1C400; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers .rmFocused { border-bottom: 9px solid #F1C400; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabCareers { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources { border-bottom: 9px solid #7F9C90; }

.RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources .rmSelected, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources .rmExpanded, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources:hover, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources:focus, .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources .rmFocused { border-bottom: 9px solid #7F9C90; }

@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef a.rmLink.rmRootLink.tabResources { border-bottom: none; } }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup { margin: 0; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding-bottom: 10px !important; }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmItem { float: none; display: block; }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink { margin: 0; }

.RadMenu.RadMenu_GreatBarrierReef .rmSlide a.rsmLink:hover { color: #ffffffb0; }

.RadMenu.RadMenu_GreatBarrierReef .rmToggle, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle { display: none; }

.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels { /*Standard Width*/ min-width: 190px !important; }

.RadMenu.RadMenu_GreatBarrierReef .LargerWidth10 { /*minimum width for more than menu items with 10-13 chars*/ min-width: 210px !important; }

.RadMenu.RadMenu_GreatBarrierReef .LargerWidth14 { /*minimum width for more than menu items with 14-17 chars*/ min-width: 280px !important; }

.RadMenu.RadMenu_GreatBarrierReef .LargerWidth18 { /*minimum width for more than menu items with 18-21 chars*/ min-width: 350px !important; }

.RadMenu.RadMenu_GreatBarrierReef .LargerWidth22 { /*minimum width for more than menu items with 22+ chars*/ min-width: 450px !important; }

/*Different coloured dropdown menu tabs for each section*/
ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(1) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #E35205; border-radius: 0 0 10px 10px; }

ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(2) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #004C97; border-radius: 0 0 10px 10px; }

ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(3) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #BA0C2F; border-radius: 0 0 10px 10px; }

ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(4) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #008EAA; border-radius: 0 0 10px 10px; }

ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(5) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #509E2F; border-radius: 0 0 10px 10px; }

ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(6) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #F1C400; border-radius: 0 0 10px 10px; }

ul.rmRootGroup.rmToggleHandles.rmHorizontal li:nth-child(7) > div.rmSlide > ul.rmVertical.rmGroup.rmLevel1 { background-color: #7F9C90; border-radius: 0 0 10px 10px; }

.RadMenu ul.rmGroup { padding: 13px 0px !important; }

.RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink { margin-bottom: 0px !important; font-size: 85% !important; }

/*Mobile Overrides*/
@media (max-width: 991px) { .RadMenu.RadMenu_GreatBarrierReef .rmToggle, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle { display: inline; }
  .RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText { text-align: left; padding-left: 25px !important; font-size: 100% !important; width: auto !important; }
  .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink { font-size: 100% !important; }
  .rmSlide { margin-top: 0px !important; min-width: 100%; }
  .header-container { padding: 0px; }
  a#masterHeaderImage { margin-left: 15px; }
  ul.rmVertical.rmGroup.rmLevel1 { min-width: 100%; }
  .header-container { -webkit-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); box-shadow: 0 14px 18px -14px rgba(0, 0, 0, 0.29); } }

/*Temporary Fix for Sticky Nav*/
.rmSlide { top: 52px !important; }

/*Change width at which hamburger menu displays*/
@media (min-width: 768px) { .navbar-toggle { display: inline; } }

@media (min-width: 1000px) { .navbar-toggle { display: none; } }

@media (max-width: 993px) { div#ste_container_ciNewUtilityNavigationCommon { background-color: #fff; }
  .navbar-collapse.collapse { display: none !important; }
  .navbar-collapse.collapse.in { display: block !important; } }

/* ========================================================================== SECONDARY NAVIGATION ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_GreatBarrierReef { white-space: normal; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtLI, .RadTreeView.RadTreeView_GreatBarrierReef .rtTop, .RadTreeView.RadTreeView_GreatBarrierReef .rtMid, .RadTreeView.RadTreeView_GreatBarrierReef .rtBot { padding: 0; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtIn { font-weight: bold !important; display: block; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtIn, .RadTreeView.RadTreeView_GreatBarrierReef .rtHover .rtIn, .RadTreeView.RadTreeView_GreatBarrierReef .rtSelected .rtIn { padding: 10px 15px; border: none; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn, .RadTreeView.RadTreeView_GreatBarrierReef .child-is-selected.rtIn { background-color: transparent; color: #3A3A3A; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn:focus { background-color: transparent; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtUL .rtUL { padding-left: 15px; }

.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI { /* add a separator border to the first-level sub-nav items only */ border-top: 1px solid #ddd; }

.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI:first-child { border-top: none; }

.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI .rtLI .rtIn { /* children should have less padding */ padding: 5px 15px; }

.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI > .rtUL { /* this makes the children section padding even */ padding-right: 15px; padding-bottom: 10px; }

.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL { /* add a boundary for hovered navs */ margin: 0 1px 1px 1px; }

.RadTreeView.RadTreeView_GreatBarrierReef .rtSp, .RadTreeView.RadTreeView_GreatBarrierReef .rtPlus, .RadTreeView.RadTreeView_GreatBarrierReef .rtMinus { /* we don't want to display the expand/collapse icons in this theme */ display: none; }

.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn { color: #004C97; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; margin: 0; }

.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:hover, .RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:focus, .RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:active { background-color: #fff; }

.nav-secondary { background-color: transparent; margin-bottom: 1em; }

.nav-secondary .sub-nav-head { background-color: #fff; color: #333333; font-weight: bold; font-size: 120%; padding: 10px 15px; text-transform: uppercase; }

.nav-secondary .SubNavigationSeparator { border: none; height: 4px; background-color: #fff; }

.nav-secondary .SubNavigationSeparator .rtIn { padding: 0; color: #fff; }

/* ========================================================================== AUXILIARY NAVIGATION ========================================================================== */
.navbar-header { float: right; /*@include respond-to("tablets and down") { margin-top: 10px; width: 450px; } @include respond-to("smartphones and down") { margin-top: 10px; width: 190px; } */ }

.navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink { display: inline; vertical-align: top; }

@media (max-width: 991px) { .navbar-header.nav-auxiliary.pull-right { margin-top: 14px; } }

.navbar-header.nav-auxiliary.pull-right .WTZone { float: right; }

.navbar-toggle { margin-top: 3.5px; margin-bottom: 3.5px; vertical-align: middle; background-color: #004C97; border-color: #ddd; border-radius: 6px; }

.navbar-toggle.collapsed { /* then tighten it back up when it's closed */ margin-bottom: 6.5px; padding-bottom: 9px; }

.navbar-toggle.collapsed { background-color: #004C97; }

.navbar-toggle:hover, .navbar-toggle:focus { background-color: #004C97; }

.navbar-toggle .icon-bar { background-color: #fff; }

.UtilitySection { display: inline; }

.nav-auxiliary { float: right; text-align: right; white-space: nowrap; }

.nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle { margin-left: 10px; }

.nav-auxiliary .TextButton { color: #fff; height: 37px; border: 1px solid #004C97; }

@media (min-width: 1199px) { .nav-auxiliary .TextButton { margin-left: 0px; } }

.nav-auxiliary .TextButton:hover { color: #fff; }

.nav-auxiliary a { /* Utility navigation links */ color: #004C97; font-size: 14px; text-transform: none; text-decoration: none; line-height: 33px; padding: 0 10px; }

.nav-auxiliary a:hover { color: #003264; }

.nav-auxiliary a.social { padding: 0px; }

.nav-auxiliary .fa { font-size: 22px; }

.nav-auxiliary a.ste-toggle { text-indent: -9999px; }

@media (min-width: 992px) { .nav-auxiliary .NavigationListItem, .nav-auxiliary .header-social .SocialSprite { margin-left: 7px; } }

.no-mqs .nav-auxiliary .NavigationListItem, .no-mqs .nav-auxiliary .header-social .SocialSprite { margin-left: 7px; }

.nav-auxiliary .nav-image { vertical-align: baseline; padding-right: 8px; }

.nav-auxiliary input[type="text"], .nav-auxiliary select { border: 1px solid #004C97; font-size: 70%; height: 37px; font-family: "futura-pt", sans-serif; font-weight: 600; color: #004C97; }

.UtilityNavigationList { vertical-align: top; white-space: nowrap; }

@media (max-width: 991px) { .UtilityNavigationList { display: none; } }

.UtilityNavigationList:after { content: "\A"; white-space: pre; }

ul.NavigationUnorderedList { /*float: right;*/ }

ul.NavigationUnorderedList li.NavigationListItem { margin: 0; }

@media (min-width: desktops && down) { .UtilitySearch .header-search input[type="text"] { width: 140px; } }

@media (max-width: 991px) { .UtilitySearch .header-search input[type="text"] { display: none; } }

div#ctl01_ciUtilityNavigation_search-collapse { margin-top: 21px; }

div#ctl01_ste_container_LanguageLink { font-size: 80%; }

.UtilityAuthentication { float: right; }

@media (max-width: 991px) { .UtilityAuthentication { display: none; } }

.UtilitySection.UtilitySearch { float: right; margin-top: 2px; }

.UtilitySection.UtilityAccountArea li.obo-toggle-wrapper { display: none; }

.UtilitySection.UtilityAccountArea .profile-picture-wrapper .picture-primary { display: none; }

.UtilitySection.UtilityAccountArea span.caret { color: #004C97; }

.UtilitySection.UtilityAccountArea span.nav-text { color: #004C97; font-weight: 200; line-height: 2; vertical-align: bottom; padding-bottom: 2px; }

.UtilitySection.UtilityAccountArea a.dropdown-toggle.account-toggle { padding: 0; }

@media (max-width: 991px) { .UtilitySection.UtilityAccountArea { display: none; } }

@media (max-width: 991px) { .UtilitySection.OnBehalfOf { display: none; } }

a#ctl01_ciUtilityNavigation_ctl04_SignInLink { display: none; }

li#ctl01_ciUtilityNavigation_ctl02_SignInLI { display: none; }

ul.NavigationUnorderedList { /*float: right;*/ }

div#ctl01_ciPrimaryNavigation_PrimaryNavigationControl .collapse { margin-top: 29px; }

div#ctl01_ciPrimaryNavigation_PrimaryNavigationControl .collapse.in { margin-top: 29px; }

div#ctl01_ciPrimaryNavigation_PrimaryNavigationControl .collapsing { margin-top: 29px; }

/*Pushes OBO and Easy Edit to Right if it appears in a separate ipart situated under the primary navigation.*/
div#ctl01_ciNewUtilityNavigationCommon_UtilityPlaceholder { float: right; display: inline-block; }

.UtilitySection.UtilitySTEToggle.ste-section { display: inline-block; text-align: center; }

/* Cart item count ========================================================================== */
/* By default, put parentheses around the cart item count. This is overwritten when the class "nav-aux-cart" is applied. */
.cartCenter span:before { content: "("; }

.cartCenter span:after { content: ")"; }

/* Auxiliary toggle buttons ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle { float: none; }

.navbar-toggle .icon-bar { height: 3px; border-radius: 0; }

.navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }

.navbar-toggle .icon-search { display: inline-block; float: left; background: url("images/ResponsiveHeaderSprite.png") no-repeat center top; width: 22px; height: 21px; margin: -1px 0; /* this makes it line up properly with the hamburger */ }

/* Auxiliary button links ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem { position: relative; /* this is required for the cart indicator placement */ display: inline-block; }

.nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text { /* add the background sprite for the provided CSS classes */ background-image: url("images/ResponsiveHeaderSprite.png"); background-repeat: no-repeat; padding-left: 26px; }

.nav-auxiliary .nav-aux-account .nav-text { background-position: 0 -125px; }

.nav-auxiliary .nav-aux-cart .nav-text { background-position: 0 -75px; }

.nav-auxiliary .nav-aux-cart .cartFull { /* This is the flag indicating how many items are in your cart */ /* left postion is padding plus placement */ position: absolute; top: -5px; left: 10px; text-align: center; line-height: 1; width: 1.6em; }

.nav-auxiliary .nav-aux-cart .cartCenter { color: #fff; background-color: #004C97; border-radius: 2px; font-size: 78%; line-height: 1; padding: 0 2px 1px; -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6); box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6); }

.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after { /* Clear the parentheses put around the item count by default */ content: none; }

.nav-auxiliary .nav-aux-button { padding: 0px; margin: 0px; }

@media (max-width: 991px) { .nav-auxiliary .nav-aux-button .NavigationLink { /* This makes the link look like the toggle buttons */ background-color: #004C97; margin-left: 10px; padding: 9px 10px; margin-top: 3.5px; margin-bottom: 3.5px; border: 1px solid transparent; border-radius: 6px; }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus { background-color: #004C97; }
  .nav-auxiliary .nav-aux-button .NavigationLink:active { background-color: #004C97; }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { /* hide the cart text on small devices */ display: inline-block; white-space: nowrap; float: left; overflow: hidden; width: 22px; height: 19px; padding-left: 22px; }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text { background-position: 0 -100px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text { background-position: 0 -50px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull { /* This is the flag indicating how many items are in your cart */ left: 29px; /* margin, padding, plus placement */ top: 8px; }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter { background-color: #004C97; color: #fff; } }

.header-search { padding: 8px 15px; }

.header-search > .header-search { padding: 0; /* don't double the padding */ }

@media (max-width: 991px) { .header-search .search-field { width: 100%; } }

@media (min-width: 992px) { .header-search { padding: 0 0 0 7px; } }

.no-mqs .header-search { padding: 0 0 0 7px; }

/* Auxiliary/Primary switch ========================================================================== */
/* * A class that allows a navigation to display in the primary nav on xs screens  and the auxiliary nav on wider screens.  To use this configure the nav item to not be hidden and also display in the  auxiliary navigaiton item. */
@media (max-width: 767px) { .nav-auxiliary .nav-aux-primary-switch, tr.nav-auxiliary .nav-aux-primary-switch, th.nav-auxiliary .nav-aux-primary-switch, td.nav-auxiliary .nav-aux-primary-switch { display: none !important; } }

@media (min-width: 768px) { .nav-primary .nav-aux-primary-switch, tr.nav-primary .nav-aux-primary-switch, th.nav-primary .nav-aux-primary-switch, td.nav-primary .nav-aux-primary-switch { display: none !important; } }

.no-mqs .nav-primary .nav-aux-primary-switch, .no-mqs tr.nav-primary .nav-aux-primary-switch, .no-mqs th.nav-primary .nav-aux-primary-switch, .no-mqs td.nav-primary .nav-aux-primary-switch { display: none !important; }

.searchbar-collapse { margin-left: calc(-1.4 * ((100vw - 100%) / 2)); }

/*Language Link in Aux Nav*/
/*a#changeLanguageControl { top: -37px; position: absolute; float: right; right: 260px; border-radius: 5px; border: 1px solid #004c97; font-weight: 500; font-size: 70%; height: 37px; } div#ste_container_ciUtilityNavigation { position: absolute; right: 100px; } div#ctl01_ste_container_LanguageLink { right: 500px; position: absolute !important; } */
/* ========================================================================== ON BEHALF OF ICONS ========================================================================== */
.obo-action { background-image: url("images/OboSprite.png"); }

.obo-action.obo-change-contact, .obo-action.obo-change-contact[disabled]:hover, .obo-action.obo-change-contact.Disabled:hover, .obo-action.obo-change-contact.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-change-contact { background-position: 0px 0; }

.obo-action.obo-change-contact:hover, .obo-action.obo-change-contact:focus, a:hover .obo-action.obo-change-contact, a:focus .obo-action.obo-change-contact { background-position: 0px -35px; }

.obo-action.obo-clear, .obo-action.obo-clear[disabled]:hover, .obo-action.obo-clear.Disabled:hover, .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-clear { background-position: -35px 0; }

.obo-action.obo-clear:hover, .obo-action.obo-clear:focus, a:hover .obo-action.obo-clear, a:focus .obo-action.obo-clear { background-position: -35px -35px; }

/* ========================================================================== SOCIAL ICONS ========================================================================== */
.SocialSprite { background-image: url(images/SocialSprite.png); background-repeat: no-repeat; width: 24px; height: 24px; vertical-align: top; border-radius: 6px; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; }

.SocialSprite.LargeButtons { width: 32px; height: 32px; }

.SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active { opacity: 1; filter: alpha(opacity=100); }

.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon { background-position: 0 0; background-color: #3b5998; }

.SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons { background-position: 0 -80px; }

.SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon { background-position: -40px 0; background-color: #00a0d1; }

.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons { background-position: -40px -80px; }

.SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon { background-position: -80px 0; background-color: #0e76a8; }

.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons { background-position: -80px -80px; }

.SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon { background-position: -120px 0; background-color: #c4302b; }

.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons { background-position: -120px -80px; }

.SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon { background-position: -160px 0; background-color: #0a629a; }

.SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons { background-position: -160px -80px; }

.SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon { background-position: -200px 0; background-color: #0a629a; }

.SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons { background-position: -200px -80px; }

.SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon { background-position: -240px 0; background-color: #db4a39; }

.SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons { background-position: -240px -80px; }

.SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon { background-position: -280px 0; background-color: #00aff0; }

.SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons { background-position: -280px -80px; }

/**** End Social Netowrking Icon Styling ****/
input, button, select, textarea { font-family: "gill-sans-nova", helvetica, sans-serif; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 31.5pt; padding: 5px 10px; font-size: 100%; line-height: 1.4; color: #555555; border: 1px solid #ccc; border-radius: 6px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

select:-moz-placeholder, textarea:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="color"]:-moz-placeholder, .uneditable-input:-moz-placeholder { color: #999999; }

select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder { color: #999999; }

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder { color: #999999; }

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder { color: #999999; }

/* RadComboBox needs the same styles as normal inputs,  but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch { color: #555555; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; }

.RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput { color: #555555; }

.RadComboBox.RadComboBox_MetroTouch .rcbInner { height: 31.5pt; padding: 0; font-size: 100%; line-height: 1.4; border: 1px solid #ccc; border-radius: 6px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }

.RadComboBox.RadComboBox_MetroTouch .rcbInputCell { padding: 0; }

.RadComboBox.RadComboBox_MetroTouch .rcbFocused { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.RadComboBox.RadComboBox_MetroTouch .rcbInput { height: 100%; padding: 5px 10px; }

.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage { color: #999999; }

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton { border-radius: 0 6px 6px 0; }

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon { height: 1.4em; }

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch { font: inherit; }

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading { padding-top: 5px; padding-bottom: 5px; }

.RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox { height: 31.5pt; padding: 5px 10px; border-color: #ccc; font: inherit; color: #555555; }

.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus { border-color: #66afe9; }

.RadUpload.RadUpload .ruFakeInput { height: 30pt; padding: 0; border-radius: 6px; }

/* RadEditor designed to look like a normal text box */
#EventDescriptionDiv .ContentHtmlEditor { border: 1px solid #ccc; border-radius: 6px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

#EventDescriptionDiv iframe, #EventDescriptionDiv td { background-color: transparent; }

/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker + .TimeZoneLabel { margin-left: .5em; }

/* Chosen multi-select */
.chosen-container-multi .chosen-choices { min-height: 31.5pt; border-radius: 6px; border-color: #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; background-image: none; }

.chosen-container-multi .chosen-choices li.search-field { /* Remove the styling used in the master page search-field */ background-color: transparent; background-image: none; border-color: transparent; padding-left: 0 !important; }

.chosen-container-active .chosen-choices { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

input[type="radio"], input[type="checkbox"] { margin: 4px 5px 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; }

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }

textarea { height: auto; }

select { border: 1px solid #ccc; background-color: #fff; }

select[multiple], select[size] { height: auto; }

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline ul.rtsUL { float: none; }

#ctl01_TemplateBody_WebPartManager1_gwpciNewContentHtml_f73b831f7e7242d1b01140bd2fbd7d42_ciNewContentHtml_f73b831f7e7242d1b01140bd2fbd7d42_Panel_NewContentHtml { margin-top: 14px; }

/* ========================================================================== BUTTONS ========================================================================== */
/* set up button base styles */
.btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: normal; text-decoration: none; padding: 7px 30px; font-size: 85%; line-height: 1.4; border-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; text-transform: uppercase; }

.btn:focus, .TextButton:focus, .TextButtonWithImage:focus, .RadUpload .ruButton:focus, .RadUploadProgressArea .ruButton:focus, #masterHeaderActionArea a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

.btn:hover, .btn:focus, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:visited, .RadUpload .ruButton:hover, .RadUpload .ruButton:focus, .RadUpload .ruButton:visited, .RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:visited { background-color: #003f7e; color: #fff; text-decoration: none; }

.btn:active, .btn.active, .TextButton:active, .TextButton.active, .TextButtonWithImage:active, .TextButtonWithImage.active, .RadUpload .ruButton:active, .RadUpload .ruButton.active, .RadUploadProgressArea .ruButton:active, .RadUploadProgressArea .ruButton.active, #masterHeaderActionArea a:active, #masterHeaderActionArea a.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .TextButtonWithImage.disabled, .TextButtonWithImage[disabled], fieldset[disabled] .TextButtonWithImage, .TextButtonWithImage.aspNetDisabled, .RadUpload .ruButton.disabled, .RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload .ruButton, .RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea .ruButton, .RadUploadProgressArea .ruButton.aspNetDisabled, #masterHeaderActionArea a.disabled, #masterHeaderActionArea a[disabled], fieldset[disabled] #masterHeaderActionArea a, #masterHeaderActionArea a.aspNetDisabled { pointer-events: none; opacity: 0.55; filter: alpha(opacity=55); -webkit-box-shadow: none; box-shadow: none; }

/* default button */
.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton { color: #fff; background-color: #004C97; border-color: #fff; }

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn:active, .TextButton:active, .TextButtonWithImage:active, .ruButton:active, #masterHeaderActionArea a:active, .RadGrid input.TextButton:active { background-image: none; }

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:focus, .TextButton[disabled]:active, fieldset[disabled] .TextButton, fieldset[disabled] .TextButton:hover, fieldset[disabled] .TextButton:focus, fieldset[disabled] .TextButton:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:focus, .TextButtonWithImage[disabled]:active, fieldset[disabled] .TextButtonWithImage, fieldset[disabled] .TextButtonWithImage:hover, fieldset[disabled] .TextButtonWithImage:focus, fieldset[disabled] .TextButtonWithImage:active, .TextButtonWithImage.aspNetDisabled, .TextButtonWithImage.aspNetDisabled:hover, .TextButtonWithImage.aspNetDisabled:focus, .TextButtonWithImage.aspNetDisabled:active, .ruButton[disabled], .ruButton[disabled]:hover, .ruButton[disabled]:focus, .ruButton[disabled]:active, fieldset[disabled] .ruButton, fieldset[disabled] .ruButton:hover, fieldset[disabled] .ruButton:focus, fieldset[disabled] .ruButton:active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.TextButton[disabled], .RadGrid input.TextButton[disabled]:hover, .RadGrid input.TextButton[disabled]:focus, .RadGrid input.TextButton[disabled]:active, fieldset[disabled] .RadGrid input.TextButton, fieldset[disabled] .RadGrid input.TextButton:hover, fieldset[disabled] .RadGrid input.TextButton:focus, fieldset[disabled] .RadGrid input.TextButton:active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active { background-color: #004C97; border-color: #fff; }

/*Colored Buttons*/
.btn.teal, .TextButton.teal, .TextButtonWithImage.teal, .ruButton.teal { color: #fff; background-color: #008EAA; border-color: #fff; }

.btn.teal:hover, .btn.teal:focus, .btn.teal:active, .btn.teal:visited, .TextButton.teal:hover, .TextButton.teal:focus, .TextButton.teal:active, .TextButton.teal:visited, .TextButtonWithImage.teal:hover, .TextButtonWithImage.teal:focus, .TextButtonWithImage.teal:active, .TextButtonWithImage.teal:visited, .ruButton.teal:hover, .ruButton.teal:focus, .ruButton.teal:active, .ruButton.teal:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn.teal:active, .TextButton.teal:active, .TextButtonWithImage.teal:active, .ruButton.teal:active { background-image: none; }

.btn.teal[disabled], .btn.teal[disabled]:hover, .btn.teal[disabled]:focus, .btn.teal[disabled]:active, fieldset[disabled] .btn.teal, fieldset[disabled] .btn.teal:hover, fieldset[disabled] .btn.teal:focus, fieldset[disabled] .btn.teal:active, .btn.teal.aspNetDisabled, .btn.teal.aspNetDisabled:hover, .btn.teal.aspNetDisabled:focus, .btn.teal.aspNetDisabled:active, .TextButton.teal[disabled], .TextButton.teal[disabled]:hover, .TextButton.teal[disabled]:focus, .TextButton.teal[disabled]:active, fieldset[disabled] .TextButton.teal, fieldset[disabled] .TextButton.teal:hover, fieldset[disabled] .TextButton.teal:focus, fieldset[disabled] .TextButton.teal:active, .TextButton.teal.aspNetDisabled, .TextButton.teal.aspNetDisabled:hover, .TextButton.teal.aspNetDisabled:focus, .TextButton.teal.aspNetDisabled:active, .TextButtonWithImage.teal[disabled], .TextButtonWithImage.teal[disabled]:hover, .TextButtonWithImage.teal[disabled]:focus, .TextButtonWithImage.teal[disabled]:active, fieldset[disabled] .TextButtonWithImage.teal, fieldset[disabled] .TextButtonWithImage.teal:hover, fieldset[disabled] .TextButtonWithImage.teal:focus, fieldset[disabled] .TextButtonWithImage.teal:active, .TextButtonWithImage.teal.aspNetDisabled, .TextButtonWithImage.teal.aspNetDisabled:hover, .TextButtonWithImage.teal.aspNetDisabled:focus, .TextButtonWithImage.teal.aspNetDisabled:active, .ruButton.teal[disabled], .ruButton.teal[disabled]:hover, .ruButton.teal[disabled]:focus, .ruButton.teal[disabled]:active, fieldset[disabled] .ruButton.teal, fieldset[disabled] .ruButton.teal:hover, fieldset[disabled] .ruButton.teal:focus, fieldset[disabled] .ruButton.teal:active, .ruButton.teal.aspNetDisabled, .ruButton.teal.aspNetDisabled:hover, .ruButton.teal.aspNetDisabled:focus, .ruButton.teal.aspNetDisabled:active { background-color: #008EAA; border-color: #fff; }

.btn.orange, .TextButton.orange, .TextButtonWithImage.orange, .ruButton.orange { color: #fff; background-color: #E35205; border-color: #fff; }

.btn.orange:hover, .btn.orange:focus, .btn.orange:active, .btn.orange:visited, .TextButton.orange:hover, .TextButton.orange:focus, .TextButton.orange:active, .TextButton.orange:visited, .TextButtonWithImage.orange:hover, .TextButtonWithImage.orange:focus, .TextButtonWithImage.orange:active, .TextButtonWithImage.orange:visited, .ruButton.orange:hover, .ruButton.orange:focus, .ruButton.orange:active, .ruButton.orange:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn.orange:active, .TextButton.orange:active, .TextButtonWithImage.orange:active, .ruButton.orange:active { background-image: none; }

.btn.orange[disabled], .btn.orange[disabled]:hover, .btn.orange[disabled]:focus, .btn.orange[disabled]:active, fieldset[disabled] .btn.orange, fieldset[disabled] .btn.orange:hover, fieldset[disabled] .btn.orange:focus, fieldset[disabled] .btn.orange:active, .btn.orange.aspNetDisabled, .btn.orange.aspNetDisabled:hover, .btn.orange.aspNetDisabled:focus, .btn.orange.aspNetDisabled:active, .TextButton.orange[disabled], .TextButton.orange[disabled]:hover, .TextButton.orange[disabled]:focus, .TextButton.orange[disabled]:active, fieldset[disabled] .TextButton.orange, fieldset[disabled] .TextButton.orange:hover, fieldset[disabled] .TextButton.orange:focus, fieldset[disabled] .TextButton.orange:active, .TextButton.orange.aspNetDisabled, .TextButton.orange.aspNetDisabled:hover, .TextButton.orange.aspNetDisabled:focus, .TextButton.orange.aspNetDisabled:active, .TextButtonWithImage.orange[disabled], .TextButtonWithImage.orange[disabled]:hover, .TextButtonWithImage.orange[disabled]:focus, .TextButtonWithImage.orange[disabled]:active, fieldset[disabled] .TextButtonWithImage.orange, fieldset[disabled] .TextButtonWithImage.orange:hover, fieldset[disabled] .TextButtonWithImage.orange:focus, fieldset[disabled] .TextButtonWithImage.orange:active, .TextButtonWithImage.orange.aspNetDisabled, .TextButtonWithImage.orange.aspNetDisabled:hover, .TextButtonWithImage.orange.aspNetDisabled:focus, .TextButtonWithImage.orange.aspNetDisabled:active, .ruButton.orange[disabled], .ruButton.orange[disabled]:hover, .ruButton.orange[disabled]:focus, .ruButton.orange[disabled]:active, fieldset[disabled] .ruButton.orange, fieldset[disabled] .ruButton.orange:hover, fieldset[disabled] .ruButton.orange:focus, fieldset[disabled] .ruButton.orange:active, .ruButton.orange.aspNetDisabled, .ruButton.orange.aspNetDisabled:hover, .ruButton.orange.aspNetDisabled:focus, .ruButton.orange.aspNetDisabled:active { background-color: #E35205; border-color: #fff; }

.btn.red, .TextButton.red, .TextButtonWithImage.red, .ruButton.red { color: #fff; background-color: #BA0C2F; border-color: #fff; }

.btn.red:hover, .btn.red:focus, .btn.red:active, .btn.red:visited, .TextButton.red:hover, .TextButton.red:focus, .TextButton.red:active, .TextButton.red:visited, .TextButtonWithImage.red:hover, .TextButtonWithImage.red:focus, .TextButtonWithImage.red:active, .TextButtonWithImage.red:visited, .ruButton.red:hover, .ruButton.red:focus, .ruButton.red:active, .ruButton.red:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn.red:active, .TextButton.red:active, .TextButtonWithImage.red:active, .ruButton.red:active { background-image: none; }

.btn.red[disabled], .btn.red[disabled]:hover, .btn.red[disabled]:focus, .btn.red[disabled]:active, fieldset[disabled] .btn.red, fieldset[disabled] .btn.red:hover, fieldset[disabled] .btn.red:focus, fieldset[disabled] .btn.red:active, .btn.red.aspNetDisabled, .btn.red.aspNetDisabled:hover, .btn.red.aspNetDisabled:focus, .btn.red.aspNetDisabled:active, .TextButton.red[disabled], .TextButton.red[disabled]:hover, .TextButton.red[disabled]:focus, .TextButton.red[disabled]:active, fieldset[disabled] .TextButton.red, fieldset[disabled] .TextButton.red:hover, fieldset[disabled] .TextButton.red:focus, fieldset[disabled] .TextButton.red:active, .TextButton.red.aspNetDisabled, .TextButton.red.aspNetDisabled:hover, .TextButton.red.aspNetDisabled:focus, .TextButton.red.aspNetDisabled:active, .TextButtonWithImage.red[disabled], .TextButtonWithImage.red[disabled]:hover, .TextButtonWithImage.red[disabled]:focus, .TextButtonWithImage.red[disabled]:active, fieldset[disabled] .TextButtonWithImage.red, fieldset[disabled] .TextButtonWithImage.red:hover, fieldset[disabled] .TextButtonWithImage.red:focus, fieldset[disabled] .TextButtonWithImage.red:active, .TextButtonWithImage.red.aspNetDisabled, .TextButtonWithImage.red.aspNetDisabled:hover, .TextButtonWithImage.red.aspNetDisabled:focus, .TextButtonWithImage.red.aspNetDisabled:active, .ruButton.red[disabled], .ruButton.red[disabled]:hover, .ruButton.red[disabled]:focus, .ruButton.red[disabled]:active, fieldset[disabled] .ruButton.red, fieldset[disabled] .ruButton.red:hover, fieldset[disabled] .ruButton.red:focus, fieldset[disabled] .ruButton.red:active, .ruButton.red.aspNetDisabled, .ruButton.red.aspNetDisabled:hover, .ruButton.red.aspNetDisabled:focus, .ruButton.red.aspNetDisabled:active { background-color: #BA0C2F; border-color: #fff; }

.btn.yellow, .TextButton.yellow, .TextButtonWithImage.yellow, .ruButton.yellow { color: #fff; background-color: #F1C400; border-color: #fff; }

.btn.yellow:hover, .btn.yellow:focus, .btn.yellow:active, .btn.yellow:visited, .TextButton.yellow:hover, .TextButton.yellow:focus, .TextButton.yellow:active, .TextButton.yellow:visited, .TextButtonWithImage.yellow:hover, .TextButtonWithImage.yellow:focus, .TextButtonWithImage.yellow:active, .TextButtonWithImage.yellow:visited, .ruButton.yellow:hover, .ruButton.yellow:focus, .ruButton.yellow:active, .ruButton.yellow:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn.yellow:active, .TextButton.yellow:active, .TextButtonWithImage.yellow:active, .ruButton.yellow:active { background-image: none; }

.btn.yellow[disabled], .btn.yellow[disabled]:hover, .btn.yellow[disabled]:focus, .btn.yellow[disabled]:active, fieldset[disabled] .btn.yellow, fieldset[disabled] .btn.yellow:hover, fieldset[disabled] .btn.yellow:focus, fieldset[disabled] .btn.yellow:active, .btn.yellow.aspNetDisabled, .btn.yellow.aspNetDisabled:hover, .btn.yellow.aspNetDisabled:focus, .btn.yellow.aspNetDisabled:active, .TextButton.yellow[disabled], .TextButton.yellow[disabled]:hover, .TextButton.yellow[disabled]:focus, .TextButton.yellow[disabled]:active, fieldset[disabled] .TextButton.yellow, fieldset[disabled] .TextButton.yellow:hover, fieldset[disabled] .TextButton.yellow:focus, fieldset[disabled] .TextButton.yellow:active, .TextButton.yellow.aspNetDisabled, .TextButton.yellow.aspNetDisabled:hover, .TextButton.yellow.aspNetDisabled:focus, .TextButton.yellow.aspNetDisabled:active, .TextButtonWithImage.yellow[disabled], .TextButtonWithImage.yellow[disabled]:hover, .TextButtonWithImage.yellow[disabled]:focus, .TextButtonWithImage.yellow[disabled]:active, fieldset[disabled] .TextButtonWithImage.yellow, fieldset[disabled] .TextButtonWithImage.yellow:hover, fieldset[disabled] .TextButtonWithImage.yellow:focus, fieldset[disabled] .TextButtonWithImage.yellow:active, .TextButtonWithImage.yellow.aspNetDisabled, .TextButtonWithImage.yellow.aspNetDisabled:hover, .TextButtonWithImage.yellow.aspNetDisabled:focus, .TextButtonWithImage.yellow.aspNetDisabled:active, .ruButton.yellow[disabled], .ruButton.yellow[disabled]:hover, .ruButton.yellow[disabled]:focus, .ruButton.yellow[disabled]:active, fieldset[disabled] .ruButton.yellow, fieldset[disabled] .ruButton.yellow:hover, fieldset[disabled] .ruButton.yellow:focus, fieldset[disabled] .ruButton.yellow:active, .ruButton.yellow.aspNetDisabled, .ruButton.yellow.aspNetDisabled:hover, .ruButton.yellow.aspNetDisabled:focus, .ruButton.yellow.aspNetDisabled:active { background-color: #F1C400; border-color: #fff; }

.btn.green, .TextButton.green, .TextButtonWithImage.green, .ruButton.green { color: #fff; background-color: #509E2F; border-color: #fff; }

.btn.green:hover, .btn.green:focus, .btn.green:active, .btn.green:visited, .TextButton.green:hover, .TextButton.green:focus, .TextButton.green:active, .TextButton.green:visited, .TextButtonWithImage.green:hover, .TextButtonWithImage.green:focus, .TextButtonWithImage.green:active, .TextButtonWithImage.green:visited, .ruButton.green:hover, .ruButton.green:focus, .ruButton.green:active, .ruButton.green:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn.green:active, .TextButton.green:active, .TextButtonWithImage.green:active, .ruButton.green:active { background-image: none; }

.btn.green[disabled], .btn.green[disabled]:hover, .btn.green[disabled]:focus, .btn.green[disabled]:active, fieldset[disabled] .btn.green, fieldset[disabled] .btn.green:hover, fieldset[disabled] .btn.green:focus, fieldset[disabled] .btn.green:active, .btn.green.aspNetDisabled, .btn.green.aspNetDisabled:hover, .btn.green.aspNetDisabled:focus, .btn.green.aspNetDisabled:active, .TextButton.green[disabled], .TextButton.green[disabled]:hover, .TextButton.green[disabled]:focus, .TextButton.green[disabled]:active, fieldset[disabled] .TextButton.green, fieldset[disabled] .TextButton.green:hover, fieldset[disabled] .TextButton.green:focus, fieldset[disabled] .TextButton.green:active, .TextButton.green.aspNetDisabled, .TextButton.green.aspNetDisabled:hover, .TextButton.green.aspNetDisabled:focus, .TextButton.green.aspNetDisabled:active, .TextButtonWithImage.green[disabled], .TextButtonWithImage.green[disabled]:hover, .TextButtonWithImage.green[disabled]:focus, .TextButtonWithImage.green[disabled]:active, fieldset[disabled] .TextButtonWithImage.green, fieldset[disabled] .TextButtonWithImage.green:hover, fieldset[disabled] .TextButtonWithImage.green:focus, fieldset[disabled] .TextButtonWithImage.green:active, .TextButtonWithImage.green.aspNetDisabled, .TextButtonWithImage.green.aspNetDisabled:hover, .TextButtonWithImage.green.aspNetDisabled:focus, .TextButtonWithImage.green.aspNetDisabled:active, .ruButton.green[disabled], .ruButton.green[disabled]:hover, .ruButton.green[disabled]:focus, .ruButton.green[disabled]:active, fieldset[disabled] .ruButton.green, fieldset[disabled] .ruButton.green:hover, fieldset[disabled] .ruButton.green:focus, fieldset[disabled] .ruButton.green:active, .ruButton.green.aspNetDisabled, .ruButton.green.aspNetDisabled:hover, .ruButton.green.aspNetDisabled:focus, .ruButton.green.aspNetDisabled:active { background-color: #509E2F; border-color: #fff; }

.btn.khaki, .TextButton.khaki, .TextButtonWithImage.khaki, .ruButton.khaki { color: #fff; background-color: #004C97 #7F9C90; border-color: #fff; }

.btn.khaki:hover, .btn.khaki:focus, .btn.khaki:active, .btn.khaki:visited, .TextButton.khaki:hover, .TextButton.khaki:focus, .TextButton.khaki:active, .TextButton.khaki:visited, .TextButtonWithImage.khaki:hover, .TextButtonWithImage.khaki:focus, .TextButtonWithImage.khaki:active, .TextButtonWithImage.khaki:visited, .ruButton.khaki:hover, .ruButton.khaki:focus, .ruButton.khaki:active, .ruButton.khaki:visited { color: #fff; border-color: #fff; /* darken($border, 8%); */ color: #fff; }

.btn.khaki:active, .TextButton.khaki:active, .TextButtonWithImage.khaki:active, .ruButton.khaki:active { background-image: none; }

.btn.khaki[disabled], .btn.khaki[disabled]:hover, .btn.khaki[disabled]:focus, .btn.khaki[disabled]:active, fieldset[disabled] .btn.khaki, fieldset[disabled] .btn.khaki:hover, fieldset[disabled] .btn.khaki:focus, fieldset[disabled] .btn.khaki:active, .btn.khaki.aspNetDisabled, .btn.khaki.aspNetDisabled:hover, .btn.khaki.aspNetDisabled:focus, .btn.khaki.aspNetDisabled:active, .TextButton.khaki[disabled], .TextButton.khaki[disabled]:hover, .TextButton.khaki[disabled]:focus, .TextButton.khaki[disabled]:active, fieldset[disabled] .TextButton.khaki, fieldset[disabled] .TextButton.khaki:hover, fieldset[disabled] .TextButton.khaki:focus, fieldset[disabled] .TextButton.khaki:active, .TextButton.khaki.aspNetDisabled, .TextButton.khaki.aspNetDisabled:hover, .TextButton.khaki.aspNetDisabled:focus, .TextButton.khaki.aspNetDisabled:active, .TextButtonWithImage.khaki[disabled], .TextButtonWithImage.khaki[disabled]:hover, .TextButtonWithImage.khaki[disabled]:focus, .TextButtonWithImage.khaki[disabled]:active, fieldset[disabled] .TextButtonWithImage.khaki, fieldset[disabled] .TextButtonWithImage.khaki:hover, fieldset[disabled] .TextButtonWithImage.khaki:focus, fieldset[disabled] .TextButtonWithImage.khaki:active, .TextButtonWithImage.khaki.aspNetDisabled, .TextButtonWithImage.khaki.aspNetDisabled:hover, .TextButtonWithImage.khaki.aspNetDisabled:focus, .TextButtonWithImage.khaki.aspNetDisabled:active, .ruButton.khaki[disabled], .ruButton.khaki[disabled]:hover, .ruButton.khaki[disabled]:focus, .ruButton.khaki[disabled]:active, fieldset[disabled] .ruButton.khaki, fieldset[disabled] .ruButton.khaki:hover, fieldset[disabled] .ruButton.khaki:focus, fieldset[disabled] .ruButton.khaki:active, .ruButton.khaki.aspNetDisabled, .ruButton.khaki.aspNetDisabled:hover, .ruButton.khaki.aspNetDisabled:focus, .ruButton.khaki.aspNetDisabled:active { background-color: #004C97 #7F9C90; border-color: #fff; }

/* some Telerik overrides */
.ruButton { background-color: #004C97 !important; color: #fff !important; cursor: pointer; border-radius: 6px !important; }

.RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove { height: auto; padding: 5px 10px; line-height: 1.4; border-radius: 6px; }

/* primary button */
.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton { color: #004C97; background-color: #fff; border-color: #004C97; }

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited { color: #004C97; border-color: #004C97; /* darken($border, 8%); */ color: #fff; }

.PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage:active, #masterHeaderActionArea a:active, .RadGrid input.PrimaryButton:active { background-image: none; }

.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active { background-color: #fff; border-color: #004C97; }

.PrimaryButton:visited, .SaveAndClose:visited, .SaveAs:visited, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:visited { color: #004C97; background-color: #fff; border-color: #004C97; }

.PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage:active, #masterHeaderActionArea a:active, .RadGrid input.PrimaryButton:active { color: #004C97; }

.PrimaryButton:hover, .SaveAndClose:hover, .SaveAs:hover, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButtonWithImage:hover, #masterHeaderActionArea a:hover, .RadGrid input.PrimaryButton:hover { color: #fff; }

/*Colored and Unfilled Secondary Buttons*/
.btn, .TextButton, .TextButtonWithImage, .ruButton { margin: 2px; }

.btn.teal, .TextButton.teal, .TextButtonWithImage.teal, .ruButton.teal { background-color: #008EAA; }

.btn.teal:hover, .TextButton.teal:hover, .TextButtonWithImage.teal:hover, .ruButton.teal:hover { background-color: darken #008EAA, 10%; }

.btn.orange, .TextButton.orange, .TextButtonWithImage.orange, .ruButton.orange { background-color: #E35205; }

.btn.orange:hover, .TextButton.orange:hover, .TextButtonWithImage.orange:hover, .ruButton.orange:hover { background-color: darken #E35205, 10%; }

.btn.red, .TextButton.red, .TextButtonWithImage.red, .ruButton.red { background-color: #BA0C2F; }

.btn.red:hover, .TextButton.red:hover, .TextButtonWithImage.red:hover, .ruButton.red:hover { background-color: darken #BA0C2F, 10%; }

.btn.green, .TextButton.green, .TextButtonWithImage.green, .ruButton.green { background-color: #509E2F; }

.btn.green:hover, .TextButton.green:hover, .TextButtonWithImage.green:hover, .ruButton.green:hover { background-color: darken #509E2F, 10%; }

.btn.yellow, .TextButton.yellow, .TextButtonWithImage.yellow, .ruButton.yellow { background-color: #F1C400; }

.btn.yellow:hover, .TextButton.yellow:hover, .TextButtonWithImage.yellow:hover, .ruButton.yellow:hover { background-color: darken #F1C400, 10%; }

.btn.khaki, .TextButton.khaki, .TextButtonWithImage.khaki, .ruButton.khaki { background-color: #7F9C90; }

.btn.khaki:hover, .TextButton.khaki:hover, .TextButtonWithImage.khaki:hover, .ruButton.khaki:hover { background-color: darken #7F9C90, 10%; }

.btn.btnUnfilled, .TextButton.btnUnfilled, .TextButtonWithImage.btnUnfilled, .ruButton.btnUnfilled { margin: 2px; color: #004C97; background-color: #fff; background-color: transparent; border-color: #004C97; }

.btn.btnUnfilled:visited, .TextButton.btnUnfilled:visited, .TextButtonWithImage.btnUnfilled:visited, .ruButton.btnUnfilled:visited { color: #004C97; background-color: transparent; border-color: #004C97; }

.btn.btnUnfilled:hover, .TextButton.btnUnfilled:hover, .TextButtonWithImage.btnUnfilled:hover, .ruButton.btnUnfilled:hover { color: #fff; background-color: #004C97; }

.btn.btnUnfilled.teal, .TextButton.btnUnfilled.teal, .TextButtonWithImage.btnUnfilled.teal, .ruButton.btnUnfilled.teal { color: #008EAA; background-color: transparent; border-color: #008EAA; }

.btn.btnUnfilled.teal:visited, .TextButton.btnUnfilled.teal:visited, .TextButtonWithImage.btnUnfilled.teal:visited, .ruButton.btnUnfilled.teal:visited { color: #008EAA; background-color: transparent; border-color: #008EAA; }

.btn.btnUnfilled.teal:hover, .TextButton.btnUnfilled.teal:hover, .TextButtonWithImage.btnUnfilled.teal:hover, .ruButton.btnUnfilled.teal:hover { color: #fff; background-color: #008EAA; }

.btn.btnUnfilled.orange, .TextButton.btnUnfilled.orange, .TextButtonWithImage.btnUnfilled.orange, .ruButton.btnUnfilled.orange { color: #E35205; background-color: transparent; border-color: #E35205; }

.btn.btnUnfilled.orange:visited, .TextButton.btnUnfilled.orange:visited, .TextButtonWithImage.btnUnfilled.orange:visited, .ruButton.btnUnfilled.orange:visited { color: #E35205; background-color: transparent; border-color: #E35205; }

.btn.btnUnfilled.orange:hover, .TextButton.btnUnfilled.orange:hover, .TextButtonWithImage.btnUnfilled.orange:hover, .ruButton.btnUnfilled.orange:hover { color: #fff; background-color: #E35205; }

.btn.btnUnfilled.red, .TextButton.btnUnfilled.red, .TextButtonWithImage.btnUnfilled.red, .ruButton.btnUnfilled.red { color: #BA0C2F; background-color: transparent; border-color: #BA0C2F; }

.btn.btnUnfilled.red:visited, .TextButton.btnUnfilled.red:visited, .TextButtonWithImage.btnUnfilled.red:visited, .ruButton.btnUnfilled.red:visited { color: #BA0C2F; background-color: transparent; border-color: #BA0C2F; }

.btn.btnUnfilled.red:hover, .TextButton.btnUnfilled.red:hover, .TextButtonWithImage.btnUnfilled.red:hover, .ruButton.btnUnfilled.red:hover { color: #fff; background-color: #BA0C2F; }

.btn.btnUnfilled.green, .TextButton.btnUnfilled.green, .TextButtonWithImage.btnUnfilled.green, .ruButton.btnUnfilled.green { color: #509E2F; background-color: transparent; border-color: #509E2F; }

.btn.btnUnfilled.green:visited, .TextButton.btnUnfilled.green:visited, .TextButtonWithImage.btnUnfilled.green:visited, .ruButton.btnUnfilled.green:visited { color: #509E2F; background-color: transparent; border-color: #509E2F; }

.btn.btnUnfilled.green:hover, .TextButton.btnUnfilled.green:hover, .TextButtonWithImage.btnUnfilled.green:hover, .ruButton.btnUnfilled.green:hover { color: #fff; background-color: #509E2F; }

.btn.btnUnfilled.yellow, .TextButton.btnUnfilled.yellow, .TextButtonWithImage.btnUnfilled.yellow, .ruButton.btnUnfilled.yellow { color: #F1C400; background-color: transparent; border-color: #F1C400; }

.btn.btnUnfilled.yellow:visited, .TextButton.btnUnfilled.yellow:visited, .TextButtonWithImage.btnUnfilled.yellow:visited, .ruButton.btnUnfilled.yellow:visited { color: #F1C400; background-color: transparent; border-color: #F1C400; }

.btn.btnUnfilled.yellow:hover, .TextButton.btnUnfilled.yellow:hover, .TextButtonWithImage.btnUnfilled.yellow:hover, .ruButton.btnUnfilled.yellow:hover { color: #fff; background-color: #F1C400; }

.btn.btnUnfilled.khaki, .TextButton.btnUnfilled.khaki, .TextButtonWithImage.btnUnfilled.khaki, .ruButton.btnUnfilled.khaki { color: #7F9C90; background-color: transparent; border-color: #7F9C90; }

.btn.btnUnfilled.khaki:visited, .TextButton.btnUnfilled.khaki:visited, .TextButtonWithImage.btnUnfilled.khaki:visited, .ruButton.btnUnfilled.khaki:visited { color: #7F9C90; background-color: transparent; border-color: #7F9C90; }

.btn.btnUnfilled.khaki:hover, .TextButton.btnUnfilled.khaki:hover, .TextButtonWithImage.btnUnfilled.khaki:hover, .ruButton.btnUnfilled.khaki:hover { color: #fff; background-color: #7F9C90; }

/* Facebook sign in button */
.TextButton.Facebook { color: #fff; background-color: #3B5998; border-color: #2d4373; }

.TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited { color: #fff; border-color: #2d4373; /* darken($border, 8%); */ color: #fff; }

.TextButton.Facebook:active { background-image: none; }

.TextButton.Facebook[disabled], .TextButton.Facebook[disabled]:hover, .TextButton.Facebook[disabled]:focus, .TextButton.Facebook[disabled]:active, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active { background-color: #3B5998; border-color: #2d4373; }

/* LinkedIn sign in button */
.SignInButton.LinkedIn { color: #fff; background-color: #0077B5; border-color: #005582; }

.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited { color: #fff; border-color: #005582; /* darken($border, 8%); */ color: #fff; }

.SignInButton.LinkedIn:active { background-image: none; }

.SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active { background-color: #0077B5; border-color: #005582; }

.MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage { font-size: 120% !important; padding: 9px 14px !important; border-radius: 9px; }

.LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage { font-size: 150% !important; padding: 12px 17px !important; margin: 5px; border-radius: 12px; }

.CalloutArea1 .btn.PrimaryButton, .CalloutArea1 .TextButton.PrimaryButton, .CalloutArea1 .TextButtonWithImage.PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea2 .TextButton.PrimaryButton, .CalloutArea2 .TextButtonWithImage.PrimaryButton { color: #fff; background-color: #888; }

.CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus, .CalloutArea1 .TextButton.PrimaryButton:hover, .CalloutArea1 .TextButton.PrimaryButton:active, .CalloutArea1 .TextButton.PrimaryButton:focus, .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea1 .TextButtonWithImage.PrimaryButton:active, .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus, .CalloutArea2 .btn.PrimaryButton:hover, .CalloutArea2 .btn.PrimaryButton:active, .CalloutArea2 .btn.PrimaryButton:focus, .CalloutArea2 .TextButton.PrimaryButton:hover, .CalloutArea2 .TextButton.PrimaryButton:active, .CalloutArea2 .TextButton.PrimaryButton:focus, .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea2 .TextButtonWithImage.PrimaryButton:active, .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus { color: #fff; background-color: dimgray; }

.LargeTextButton { display: flex; align-items: center; text-transform: none; font-weight: 500; padding: 35px 25px; font-size: 120%; height: 40px; text-align: left; width: 95%; color: #333333; background-color: #fff; border: 1px solid #BA0C2F; margin: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; }

@media (min-width: 992px) { .LargeTextButton { height: 100px; font-size: 22pt; padding: 35px 25px; } }

.no-mqs .LargeTextButton { height: 100px; font-size: 22pt; padding: 35px 25px; }

@media (min-width: 768px) and (max-width: 991px) { .LargeTextButton { font-size: 21px; padding: 35px; height: 40px; } }

@media (max-width: 767px) { .LargeTextButton { margin-bottom: 20px; padding: 20px 0 20px; height: auto; } }

.LargeTextButton:hover, .LargeTextButton:focus { color: #fff !important; }

a.LargeCoverButton { display: flex; align-items: center; justify-content: center; border-radius: 0; border-style: none; background-color: #004C97; color: #fff; width: 100%; }

@media (min-width: 992px) { a.LargeCoverButton { height: 180px; padding: 45px 10px; font-size: 50pt; } }

.no-mqs a.LargeCoverButton { height: 180px; padding: 45px 10px; font-size: 50pt; }

@media (min-width: 768px) and (max-width: 991px) { a.LargeCoverButton { font-size: 30pt; padding: 35px; height: 120px; } }

@media (max-width: 767px) { a.LargeCoverButton { display: none; } }

a.mobileCoverButton { align-items: center; justify-content: center; border-radius: 0; background-color: #004C97; color: #fff; width: 100%; height: 94px; margin-bottom: 15px; font-size: 10pt; }

@media (min-width: 768px) { a.mobileCoverButton { display: none; } }

.no-mqs a.mobileCoverButton { display: none; }

a.mobileCoverButton span { font-size: 28pt; }

#learnTextMobile.mobileCoverButton { background: #fff !important; border: none; }

#leadText:before { content: "LEAD"; }

#leadText:hover:before { content: "Leaders act."; font-size: 30pt; }

@media (min-width: 768px) and (max-width: 991px) { #leadText:hover:before { font-size: 20pt; } }

#leadText.TextButton.LargeCoverButton:hover { background: #fff !important; text-transform: capitalize; }

#learnText:before { content: "LEARN"; }

#learnText:hover:before { content: "Leaders are lifelong learners."; font-size: 30pt; }

@media (min-width: 768px) and (max-width: 991px) { #learnText:hover:before { font-size: 20pt; } }

#learnText.TextButton.LargeCoverButton:hover { background: #fff !important; text-transform: capitalize; padding: 25px; }

#returnText:before { content: "RETURN"; }

#returnText:hover:before { content: "Leaders give back."; font-size: 30pt; }

@media (min-width: 768px) and (max-width: 991px) { #returnText:hover:before { font-size: 20pt; } }

#returnText.TextButton.LargeCoverButton:hover { background: #fff !important; text-transform: capitalize; }

/* ========================================================================== CONTENT ITEMS ========================================================================== */
/* Open Invoices ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue { color: #004C97; }

/* Group List Editor ========================================================================== */
.RadTreeView.GLE .rtLI { margin-bottom: .3em; }

.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn { background-color: transparent; border: none; color: #004C97; }

.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus { background-color: #e6e6e6; color: #fff; }

.RadTreeView.GLE .rtImg { border-radius: 6px; }

/* Communiaction Preferences ========================================================================== */
.CommunicationPreferencesSection { background-color: #f0edf2; }

/* Search Results ========================================================================== */
.SearchField, .SearchResultSummary .ListItemTitle a { display: block; background-color: white; padding: 8px 12px; }

.SearchField label { font-size: 120%; color: #004C97; }

.SearchResultSummary .ListItemTitle a { text-decoration: none; color: #3A3A3A !important; margin: -4px -7px 0; }

.SearchResultSummary .ListItemTitle a:hover { background-color: white; text-decoration: underline; }

/* Event Display ========================================================================== */
.EventSummary { width: 100%; background-color: #efefef; }

.EventSummary .PhotoArea { padding: 2em; }

.EventSummary .PhotoArea img { display: none; border: 1px solid #CCC !important; }

.EventSummary .Description { padding: 2em 2em 2em 0; }

@media (min-width: 768px) { .EventSummary .Description { padding: 2em; } }

.no-mqs .EventSummary .Description { padding: 2em; }

.EventSummary .Description .PanelField { padding: 0; }

@media (max-width: 991px) { .EventSummary .Description .PanelField { padding-bottom: 1px; } }

table#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_RegistrationOptionsGrid_ctl00 { border: 1px solid #ddd; padding: 1em; }

input#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_RegisterSomeoneElseButton { border-radius: 5px; }

input#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_RegisterButton { border-radius: 5px; }

.EventDetails { width: 100%; margin-top: -20px; margin-right: 5px; }

.EventDetails .ContactLocationArea.col-sm-6 { padding: 1em; border: 1px solid #004C97; border-radius: 2px; }

.ProgramGroup .PanelHead, .ProgramGroup .panel-heading { background-color: #fff; padding: 6px 10px 0; }

.ProgramGroup .PanelTitle, .ProgramGroup .panel-title { font-family: "gill-sans-nova", helvetica, sans-serif; font-weight: bold; font-size: 120% !important; line-height: 2em; padding-left: 0; margin-bottom: 0 !important; color: #fff !important; }

/* Product Display ========================================================================== */
.ProductDisplay { background-color: #f0edf2; padding: 1em; }

/* Misc */
#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_TitleBar { padding: 0; }

/* CTF Events Landing Page */
.ctf-events .RadGrid_MetroTouch, .ctf-events .RadGrid.RadGrid_MetroTouch .rgMasterTable, .ctf-events .RadGrid.RadGrid_Metro .rgMasterTable, .footer-content .RadGrid_MetroTouch, .footer-content .RadGrid.RadGrid_MetroTouch .rgMasterTable, .footer-content .RadGrid.RadGrid_Metro .rgMasterTable { background-color: transparent !important; }

.ctf-events .RadGrid_MetroTouch .rgAltRow, .ctf-events .RadGrid_MetroTouch .rgRow, .footer-content .RadGrid_MetroTouch .rgAltRow, .footer-content .RadGrid_MetroTouch .rgRow { background-color: transparent !important; }

.ctf-events .eventContainer { position: relative; overflow: hidden; height: 100%; }

.ctf-events .panel-body { padding: 0px !important; }

.ctf-events h6 { text-transform: uppercase; text-align: center; margin-bottom: 10px; }

.ctf-events a.eventLink { font-size: 18pt; color: #fff !important; text-decoration: none; font-weight: 700; display: block; text-align: center; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 30px; z-index: 2; overflow: hidden; margin-bottom: 100px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.ctf-events a.eventLink:hover { color: #004C97 !important; }

.ctf-events p { font-size: 13pt; height: 90px; overflow: hidden; border-top: solid 1px #b7b7b7; position: absolute; bottom: 0px; width: 100%; padding-top: 20px; margin-bottom: 0px; }

.ctf-events .rgAltRow, .ctf-events .rgRow { display: block; width: 30%; float: left; height: 400px; background-color: #ffffff; overflow: visible; margin-bottom: 60px; margin-right: 5%; }

.ctf-events .rgAltRow td, .ctf-events .rgRow td { border-top: solid 10px #004C97 !important; width: 100%; display: block; overflow: hidden; height: 100%; -webkit-box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 0.15); padding: 30px !important; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

.ctf-events .rgAltRow td:hover, .ctf-events .rgRow td:hover { border-top: solid 10px #fff !important; }

.ctf-events .rgMasterTable tr:nth-child(3n) { margin-right: 0px; }

@media (max-width: 991px) { .ctf-events a.eventLink, .ctf-events p { font-size: 16px; }
  .ctf-events h6 { font-size: 14px; }
  .ctf-events .rgAltRow, .ctf-events .rgRow { height: 320px; } }

@media (max-width: 767px) { .ctf-events p { height: 60px; padding-top: 10px; }
  .ctf-events a.eventLink { margin-bottom: 60px; }
  .ctf-events .rgAltRow, .ctf-events .rgRow { width: 100%; float: none; height: 200px; overflow: visible; margin-bottom: 30px; margin-right: 0; }
  .ctf-events .rgAltRow td, .ctf-events .rgRow td { border: solid 1px #004C97 !important; border-top: solid 10px #004C97 !important; width: 100%; display: block; overflow: hidden; height: 100%; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); padding: 20px !important; }
  .ctf-events .rgAltRow td:hover, .ctf-events .rgRow td:hover { border-top: solid 10px #fff !important; } }

#ctl01_TemplateBody_WebPartManager1_gwpcieventsTable_cieventsTable_ResultsGrid { overflow: visible !important; }

/* CTF Events Single */
.CTF-event-display { text-align: left; }

.CTF-event-display h2.PanelTitle { text-align: center; float: left; }

.CTF-event-display .EventSummary { background-color: transparent; }

.CTF-event-display .EventSummary .Description { padding: 0px; }

.CTF-event-display .EventSummary .PhotoArea { padding: 0 10px 0; }

/* Individual Event - When and Where sections */
.EventDetails .PanelField { float: none; }

.EventDetails .PanelField .PanelFieldLabel { display: block; float: none; }

#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhenCaption { color: #004C97; font-family: "futura-pt"; font-size: 22pt; margin-top: 0; margin-bottom: 0px; padding-top: 10px; width: 100%; padding-left: 0; margin-left: 0; padding-right: 0; }

@media (max-width: 991px) { #ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhenCaption { font-size: 18px; } }

@media (max-width: 767px) { #ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhenDiv .PanelFieldValue { padding-bottom: 10px; } }

#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhereCaption { color: #004C97; font-family: "futura-pt"; font-size: 22pt; padding-top: 10px; margin-bottom: 0px; width: 100%; padding-left: 0; margin-left: 0; padding-right: 0; border-left: none !important; border-right: none !important; border-bottom: none !important; padding-bottom: 0; }

@media (max-width: 991px) { #ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhereCaption { font-size: 18px; } }

span#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_SinglePriceCaption { display: block; width: 100%; font-size: 120%; color: #004C97; }

div#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_WhereDiv { padding-bottom: 20px; }

.eventInd p { text-align: left; }

@media (max-width: 767px) { .eventInd p { margin-bottom: 20px; } }

.eventInd h2 { margin-bottom: 20px; padding-top: 10px; border-top: 1px #ddd !important; border-style: solid !important; border-left: none !important; border-right: none !important; border-bottom: none !important; }

/* Back to Events button */
a#ctl01_TemplateBody_WebPartManager1_gwpcibackButton_cibackButton_LinkRepeater_ctl00_Link.ButtonItem { border: 2px solid !important; padding: 7px 30px; border-radius: 10px !important; }

a#ctl01_TemplateBody_WebPartManager1_gwpcibackButton_cibackButton_LinkRepeater_ctl00_Link.ButtonItem:hover { color: #fff; border-color: #004C97; background-color: #004C97; }

#ctl01_TemplateBody_WebPartManager1_gwpcibackButton_cibackButton__Body.panel-body { padding: 10px 0 30px; }

/* Registration button */
#ctl01_TemplateBody_WebPartManager1_gwpciEventDisplay_ciEventDisplay_RegisterButton:hover { color: #004C97; border-color: #004C97; background-color: #fff; }

div#ste_container_ciEventDisplay { padding: 15px; }

/* Display Program Details modal */
.TitleBarTitle h2 { color: #004C97; }

/* Progress Tracker ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count { font-weight: bold; }

.ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span { background-color: #fff; }

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel { background-color: white; }

.ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after { content: " "; display: table; }

.ProgressTracker2 .ProgressTrackerPanel:after { clear: both; }

.ProgressTracker2 .ProgressTrackerPanel .count { color: #fff; font-family: "futura-pt"; font-weight: 600; }

.ProgressTracker2 div p { background-color: #fff; color: #004C97; margin-bottom: 0; }

.ProgressTracker2 .ProgressBar { margin: 10px; }

.ProgressTracker2 .ProgressBar > span { background-color: #70a6db; }

.ProgressTracker2 .SuccessfulMessage { background-color: #238cf3; color: #3A3A3A; }

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu) ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel { background-color: #f0edf2; border: none !important; margin-top: -3px; }

.FilterPanel .PanelTitle, .FilterPanel .panel-title { background-image: none; padding-left: 0.1em; line-height: normal; margin-left: 0; font-size: 19.76472pt; }

.FilterPanel .PanelHead.Distinguish, .FilterPanel .panel-heading.Distinguish { border: none; min-height: 1em; }

/* Cart Charges ========================================================================== */
.CartCharges { background-color: #f0edf2; }

.CartCharges .PanelField { border-bottom: none; border-top: 1px solid #ddd; }

.CartCharges .PanelField:first-child, .CartCharges .PanelField .GrandTotal { border-top: none; }

.CartCharges .GrandTotal .PanelField { background-color: #fff; text-transform: uppercase; font-weight: bold; color: #004C97; }

.CartCharges .GrandTotal .PanelField .Label { color: #004C97; }

/* ========================================================================== TELERIK OVERRIDES ========================================================================== */
/* RadTabStrip ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL, .RadTabStrip_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL { background-color: #fff !important; }

.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsLink, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink { text-transform: none; border-color: #fff; border-radius: 6px 6px 0 0; }

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsLink:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover { border-color: #fff; }

.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover { color: #dedede; border-color: transparent; }

.RadTabStrip.RadTabStrip_MetroTouch { font-family: "futura-pt" !important; font-weight: inherit; font-size: 16pt !important; clear: both; border-radius: 6px; border: 2px #004C97; border-style: solid; background: #fff; }

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover { border-color: #fff; background-color: #fff; }

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 { border-bottom-color: #fff; }

@media (max-width: 600px) { .RadTabStrip.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip.RadTabStrip_MetroTouch .rtsUL { float: none; width: 100%; display: block; }
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { margin: 0; } }

@media (max-width: 991px) { .RadTabStrip.RadTabStrip_MetroTouch { font-size: 14px !important; } }

.RadTabStrip, .RadTabStripVertical { padding: 10px 10px 0 10px; }

/* Colored Tabs */
.colorTabs.orange .RadTabStrip.RadTabStrip_MetroTouch { border-radius: 0px; border: 0px; border-bottom: 9px solid #E35205; }

.colorTabs.orange .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 { border-color: #fff !important; color: #E35205 !important; }

.colorTabs.orange .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #E35205 !important; border-color: #fff !important; }

.colorTabs.orange .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsTxt { padding: 10px; color: #fff; }

.colorTabs.orange .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsTxt { padding: 10px; color: #E35205; }

.colorTabs.orange .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline { padding: 0px !important; }

.colorTabs.green .RadTabStrip.RadTabStrip_MetroTouch { border-radius: 0px; border: 0px; border-bottom: 9px solid #509E2F; }

.colorTabs.green .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 { border-color: #fff !important; color: #509E2F !important; }

.colorTabs.green .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #509E2F !important; border-color: #fff !important; }

.colorTabs.green .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsTxt { padding: 10px; color: #fff; }

.colorTabs.green .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsTxt { padding: 10px; color: #509E2F; }

.colorTabs.green .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline { padding: 0px !important; }

.colorTabs.blue .RadTabStrip.RadTabStrip_MetroTouch { border-radius: 0px; border: 0px; border-bottom: 9px solid #004C97; }

.colorTabs.blue .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 { border-color: #fff !important; color: #004C97 !important; }

.colorTabs.blue .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #004C97 !important; border-color: #fff !important; }

.colorTabs.blue .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsTxt { padding: 10px; color: #fff; }

.colorTabs.blue .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsTxt { padding: 10px; color: #004C97; }

.colorTabs.blue .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline { padding: 0px !important; }

.colorTabs.teal .RadTabStrip.RadTabStrip_MetroTouch { border-radius: 0px; border: 0px; border-bottom: 9px solid #008EAA; }

.colorTabs.teal .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 { border-color: #fff !important; color: #008EAA !important; }

.colorTabs.teal .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #008EAA !important; border-color: #fff !important; }

.colorTabs.teal .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsTxt { padding: 10px; color: #fff; }

.colorTabs.teal .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsTxt { padding: 10px; color: #008EAA; }

.colorTabs.teal .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline { padding: 0px !important; }

.colorTabs.khaki .RadTabStrip.RadTabStrip_MetroTouch { border-radius: 0px; border: 0px; border-bottom: 9px solid #7F9C90; }

.colorTabs.khaki .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 { border-color: #fff !important; color: #7F9C90 !important; }

.colorTabs.khaki .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { background-color: #7F9C90 !important; border-color: #fff !important; }

.colorTabs.khaki .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .rtsTxt { padding: 10px; color: #fff; }

.colorTabs.khaki .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsTxt { padding: 10px; color: #7F9C90; }

.colorTabs.khaki .RadTabStrip.RadTabStrip_MetroTouch.RadTabStripTop_MetroTouch.RadTabStripTop.RadTabStripTop_MetroTouch_Baseline { padding: 0px !important; }

.colorTabs .eventImg { margin-top: 30px; }

.colorTabs .eventContainer { border-top: 1px solid #ECECEC; }

/* RadToolTip ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover { background-color: white; }

/* RadGrid ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgMasterTable, .RadGrid.RadGrid_Metro .rgMasterTable { background-color: #fff; }

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgEditRow td { border-left-color: transparent; }

.RadGrid.RadGrid_MetroTouch td.rgPagerCell, .RadGrid.RadGrid_Metro td.rgPagerCell { border-width: 0; }

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow td, .RadGrid.RadGrid_Metro .rgEditRow td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child { padding: 7px 12px; border: none; }

.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child { /* reset the padding for expand/collapse column */ padding-left: 0; padding-right: 0; }

.RadGrid.RadGrid_MetroTouch .rgCommandRow, .RadGrid.RadGrid_Metro .rgCommandRow { background-color: transparent; }

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton { background-color: #e9f4ff; border-color: #e9f4ff; color: #3A3A3A !important; }

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted { background-color: #e9f4ff; border-color: #e9f4ff; }

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a { color: #3A3A3A !important; }

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption, .RadGrid.RadGrid_Metro .rgGroupPanel, .RadGrid.RadGrid_Metro .rgGroupPanel caption { background-color: #fff; }

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell { border-color: #fff; }

* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted { background-color: #fff; }

* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted { background-color: #fff; }

.RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel, .RadGrid.RadGrid_Metro input.rgAdd, .RadGrid.RadGrid_Metro input.rgRefresh, .RadGrid.RadGrid_Metro .rgSave, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel { background-color: #fff; }

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover, .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid.RadGrid_MetroTouch .rgSave:hover, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover, .RadGrid.RadGrid_Metro input.rgAdd:hover, .RadGrid.RadGrid_Metro input.rgRefresh:hover, .RadGrid.RadGrid_Metro .rgSave:hover, .RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover { background-color: #fff; }

/* RadComboBox ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon { font: 16px/1 "TelerikWebUI"; }

/* RadDataPager ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch, .RadDataPager.RadDataPager_Metro { border: none; background-color: transparent; }

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_Metro .rdpPageFirst:hover, .RadDataPager.RadDataPager_Metro .rdpPagePrev:hover, .RadDataPager.RadDataPager_Metro .rdpPageNext:hover, .RadDataPager.RadDataPager_Metro .rdpPageLast:hover, .RadDataPager.RadDataPager_Metro .rdpPagerButton { background-color: #fff; border-color: #fff; }

/* RadScheduler ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn { border-top: none; }

.RadScheduler.RadScheduler_Metro .rsHeader { border-color: #fff; background-color: #fff; }

.RadScheduler.RadScheduler_Metro .rsHeader ul a { border-color: #fff; }

.RadScheduler.RadScheduler_Metro .rsHeader h2 { font-family: "gill-sans-nova", helvetica, sans-serif; font-weight: bold; color: #fff; text-transform: none; border-bottom: none; }

/* RadMenu ========================================================================== */
.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink { text-transform: none; }

.RadMenu.RadMenu_Metro div.rmRootGroup, .RadMenu.RadMenu_Metro ul.rmRootGroup, .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup { background-color: #004C97; }

.RadMenu.RadMenu_Metro .rmRootLink, .RadMenu.RadMenu_MetroTouch .rmRootLink { border-color: #004C97; }

.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover, .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover { border-color: #004C97; }

.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover, .RadMenu.RadMenu_Metro .rmGroup .rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded, .RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover { border-color: #004C97; background-color: #004C97; color: #FFF !important; }

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage { margin-top: 10px !important; }

.RadMenu .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink { border-style: none; }

/* RadWindow ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight { background-color: #004C97; }

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus { border-color: #004C97; background-color: #004C97; }

.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus { border-color: #fff; border-radius: 50%; /* override setting from UltraWave */ outline: none; }

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight, .RadWindow.RadWindow_Metro .rwTopResize, .RadWindow.RadWindow_Metro .rwControlButtons a { background-color: #004C97; }

.RadWindow.RadWindow_Metro .rwControlButtons a { border-color: #004C97; }

.RadWindow.RadWindow_Metro .rwControlButtons a:focus { /* give the refresh, expand, close buttons an outline when focused */ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); /* needed for IE9 compability */ border-collapse: separate; /* override setting from UltraWave */ outline: none; }

.RadWindow.RadWindow_Metro table.rwTitlebarControls em { text-transform: none; }

/* RadTreeView ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI { padding: 0; }

.RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus { margin: 5px 6px 0 -17px; width: 11px; height: 11px; border-width: 0; left: auto; top: auto; }

/* RadPicker ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_Metro, .RadCalendar.RadCalendar_Metro .rcMainTable, .RadCalendar.RadCalendar_MetroTouch, .RadCalendar.RadCalendar_MetroTouch .rcMainTable { font-family: inherit; font-weight: inherit; }

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover { border-color: #fff; }

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before { color: #fff; }

.RadCalendar.RadCalendar_Metro .rcRow .rcToday a, .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a { border-color: #fff; }

.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a, .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a { border-color: #fff; background: #fff; }

.RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span { /* The Sunday column is not rendering correctly because it's in a <th> instead of a <td>. This corrects the issue. */ display: block; padding: .08em .4em; text-decoration: none; outline: 0; }

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th { font-size: 100%; padding: 0; }

.RadCalendar.RadCalendar_Metro .rcRow a, .RadCalendar.RadCalendar_Metro .rcRow span { display: block; padding: 0 .6em; text-decoration: none; outline: 0; }

.RadCalendar.RadCalendar_Metro .rcMain .rcRow th { padding: 0; }

.RadCalendarMonthView.RadCalendarMonthView_Metro, .RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input { font-family: inherit; font-weight: inherit; }

.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a { background: #fff; }

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today { background: #fff; border-color: #fff; }

.RadCalendarTimeView.RadCalendarTimeView_Metro, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch { font-family: inherit; font-weight: inherit; }

.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a, .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a { border-color: #fff; background: #fff; }

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active, .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active { color: #1a1a1a; background-color: #fff; }

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup { width: inherit; text-indent: inherit; border-bottom-right-radius: 6px; border-top-right-radius: 6px; }

/* RadStrip Tabs */
.RadTabStrip.RadTabStrip_MetroTouch { background: #fff; padding: 10px !important; letter-spacing: 0px; }

.primaryTabs .RadTabStrip.RadTabStrip_MetroTouch { background: #004C97; font-weight: 500; }

.secondaryTabs .RadTabStrip.RadTabStrip_MetroTouch { background: #fff !important; }

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { background-color: #fff !important; border-color: #004C97 !important; }

.primaryTabs .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { background-color: #004C97 !important; }

.secondaryTabs .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { background-color: #fff !important; }

.RadTabStrip_MetroTouch .rtsLink { color: #004C97 !important; }

.primaryTabs .RadTabStrip_MetroTouch .rtsLink { color: #fff !important; }

.secondaryTabs .RadTabStrip_MetroTouch .rtsLink { color: #004C97 !important; }

.primaryTabs .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { color: #fff !important; }

.RadTabStripTop_MetroTouch .rtsLevel1 { border-bottom: none !important; }

h2, .h2, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish { border: none !important; }

.RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink { border: none !important; }

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink { white-space: normal !important; text-transform: capitalize; line-height: 1.4; }

.RadTabStrip .rtsLI { display: inline-block; width: auto; padding: 0 10px; }

/*Member Profile Tabs*/
div#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_radTab_Top { background-color: #004c97; }

div#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_radTab_Top .primaryTabs .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected a { color: #fff !important; text-decoration: underline !important; }

div#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_ContactAddress_RadTabStrip { background-color: #fff; }

div#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_ContactAddress_RadTabStrip .primaryTabs .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink { background-color: #fff !important; }

div#ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_ContactAddress_RadTabStrip .primaryTabs .secondaryTabs .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected { color: #004c97 !important; text-decoration: underline !important; }

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted { color: #3A3A3A; }

/* ========================================================================== JUMBOTRON ========================================================================== */
/* Home page full width banners */
/* Home page full width area ========================================================================== */
/* This is for the full width area of the Cities and Cities_Responsive home page. It uses a content area to acheive the full width */
.HomePageFullWidthArea .ContentItemContainer .panel:not(.panel-border), .HomePageFullWidthArea .ContentItemContainer div .panel:not(.panel-border) { /* if borders are not turned on don't leave the space for them */ border-width: 0; }

.HomePageFullWidthArea .ContentItemContainer .panel .panel-body-container .panel-body, .HomePageFullWidthArea .ContentItemContainer div .panel .panel-body-container .panel-body { /* Turn off the padding on iPart panels */ padding: 0; display: none; }

/* Mobile Hero Area ========================================================================== */
.HeroArea { height: 350px; width: 100%; position: relative; }

.HeroBackground { height: 100%; background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat; background-size: cover; }

.HeroContent { position: absolute; bottom: 0; width: 100%; padding: 8px 0; background-color: #000; /* Fallback for IE8, which doesn't support rgba */ background-color: rgba(0, 0, 0, 0.75); }

.HeroContent h1, .HeroContent .CTF-event-display h2.PanelTitle, .CTF-event-display .HeroContent h2.PanelTitle, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText { color: #fff; margin: 0 8px 8px 8px; }

.HeroContent .TextButton { float: right; }

/* Responsive Hero Content ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive and Annual Conference sample sites */
/* Note: this is actually a static hero image and text. For the Slideshow iPart styles see Carousel. */
.Slider.FullWidth { height: 39em; background-image: url(images/HomeBanner.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; }

.Slider.FullWidth h1, .Slider.FullWidth .CTF-event-display h2.PanelTitle, .CTF-event-display .Slider.FullWidth h2.PanelTitle { font-size: 200%; }

@media (min-width: 768px) { .Slider.FullWidth h1, .Slider.FullWidth .CTF-event-display h2.PanelTitle, .CTF-event-display .Slider.FullWidth h2.PanelTitle { font-size: 250%; } }

.no-mqs .Slider.FullWidth h1, .no-mqs .Slider.FullWidth .CTF-event-display h2.PanelTitle, .CTF-event-display .no-mqs .Slider.FullWidth h2.PanelTitle { font-size: 250%; }

.Slider.FullWidth .SliderPage1 { height: 100%; }

.Slider.FullWidth .SliderPage1 h1, .Slider.FullWidth .SliderPage1 .CTF-event-display h2.PanelTitle, .CTF-event-display .Slider.FullWidth .SliderPage1 h2.PanelTitle { color: #fff; margin-top: 0; margin-bottom: 20px; line-height: 1.2; }

.Slider.FullWidth .SliderPage1 .SliderContent { /* remove the margins put on by the container */ margin-left: -15px; margin-right: -15px; /* then add it back on */ padding: 15px; /* Fallback for IE8, which doesn't support rgba */ background-color: #000; background-color: rgba(0, 0, 0, 0.75); width: 100%; position: absolute; bottom: 0; max-height: 100%; overflow: auto; }

@media (min-width: 768px) { .Slider.FullWidth .SliderPage1 .SliderContent { position: inherit; float: right; width: 36em; margin: 1em; max-height: 37em; } }

.no-mqs .Slider.FullWidth .SliderPage1 .SliderContent { position: inherit; float: right; width: 36em; margin: 1em; max-height: 37em; }

.Slider.FullWidth .SliderPage1 .SliderText { overflow-y: auto; line-height: 1.7em; color: #fff; }

.Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 { color: inherit; }

.Slider.FullWidth .SliderPage1 p:last-child { margin-bottom: 0; }

.Slider.FullWidth .SliderPage1 .ActionButton { margin-top: 1em; text-align: right; }

/* Responsive "Jumbotron" ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content { max-height: 100%; }

.jumbotron.home, .jumbotron.interior { position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; color: #fff; text-shadow: 1px 1px 1px #000; }

.jumbotron.home { height: 39em; }

.jumbotron.home h1 span, .jumbotron.home .CTF-event-display h2.PanelTitle span, .CTF-event-display .jumbotron.home h2.PanelTitle span, .jumbotron.home .ActionButton { display: block; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 1380px; }

.jumbotron.home h1, .jumbotron.home .CTF-event-display h2.PanelTitle, .CTF-event-display .jumbotron.home h2.PanelTitle { color: #fff; margin-top: 0; padding-top: .3em; padding-bottom: .3em; text-align: center; font-weight: normal; font-size: 200%; background-color: #000; background-color: rgba(0, 0, 0, 0.45); }

@media (min-width: 768px) { .jumbotron.home h1, .jumbotron.home .CTF-event-display h2.PanelTitle, .CTF-event-display .jumbotron.home h2.PanelTitle { font-size: 250%; } }

.no-mqs .jumbotron.home h1, .no-mqs .jumbotron.home .CTF-event-display h2.PanelTitle, .CTF-event-display .no-mqs .jumbotron.home h2.PanelTitle { font-size: 250%; }

@media (min-width: 768px) { .jumbotron.home h1 span, .jumbotron.home .CTF-event-display h2.PanelTitle span, .CTF-event-display .jumbotron.home h2.PanelTitle span { padding-left: 8%; padding-right: 8%; } }

.no-mqs .jumbotron.home h1 span, .no-mqs .jumbotron.home .CTF-event-display h2.PanelTitle span, .CTF-event-display .no-mqs .jumbotron.home h2.PanelTitle span { padding-left: 8%; padding-right: 8%; }

.jumbotron.home .ActionButton { text-align: right; }

@media (min-width: 768px) { .jumbotron.home .ActionButton { padding-right: 12%; } }

.no-mqs .jumbotron.home .ActionButton { padding-right: 12%; }

.jumbotron.interior { height: 20em; }

.jumbotron.interior p { padding: 1.5em 1em 0.8em; font-size: 150%; margin-bottom: 0; }

.jumbotron.interior p:before, .jumbotron.interior p:after { content: " "; display: table; }

.jumbotron.interior p:after { clear: both; }

.jumbotron.interior .ActionButton { clear: both; padding-left: 3em; padding-right: 3em; }

@media (max-width: 767px) { .jumbotron.interior .jumbotron-content { height: 100%; background-color: #000; background-color: rgba(0, 0, 0, 0.65); text-align: center; } }

@media (min-width: 480px) { .jumbotron.interior p { font-size: 170%; } }

.no-mqs .jumbotron.interior p { font-size: 170%; }

@media (min-width: 768px) { .jumbotron.interior { height: 25em; }
  .jumbotron.interior p { font-size: 200%; }
  .jumbotron.interior .jumbotron-text span { background-color: #000; background-color: rgba(0, 0, 0, 0.55); padding: 0 .45em; margin-bottom: .2em; float: left; clear: left; }
  .jumbotron.interior.AlignRight .jumbotron-text span { float: right; clear: right; } }

.no-mqs .jumbotron.interior { height: 25em; }

.no-mqs .jumbotron.interior p { font-size: 200%; }

.no-mqs .jumbotron.interior .jumbotron-text span { background-color: #000; background-color: rgba(0, 0, 0, 0.55); padding: 0 .45em; margin-bottom: .2em; float: left; clear: left; }

.no-mqs .jumbotron.interior.AlignRight .jumbotron-text span { float: right; clear: right; }

.jumbotron .img-copyright, .carousel .img-copyright { position: absolute; bottom: .5em; right: 1em; font-size: 70%; }

.jumbotron .img-copyright a, .jumbotron .img-copyright a:hover, .jumbotron .img-copyright a:focus, .jumbotron .img-copyright a:visited, .jumbotron .img-copyright a:active, .carousel .img-copyright a, .carousel .img-copyright a:hover, .carousel .img-copyright a:focus, .carousel .img-copyright a:visited, .carousel .img-copyright a:active { color: #fff; }

/* Carousel ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel .CTF-event-display h2.PanelTitle, .CTF-event-display .carousel h2.PanelTitle, .carousel h2, .carousel h3, .carousel h4, .carousel h5 { display: inline-block; font-family: 'futura-pt', sans-serif; text-transform: uppercase; text-shadow: none; font-size: 300%; color: #004C97; }

@media (max-width: 991px) { .carousel h1, .carousel .CTF-event-display h2.PanelTitle, .CTF-event-display .carousel h2.PanelTitle { font-size: 200%; } }

.carousel-control .icon-prev::before, .carousel-control .icon-next::before { content: ''; display: block; width: 30px; height: 30px; }

.carousel-control .icon-prev { margin-left: -10px; }

.carousel-control .icon-next { margin-right: -10px; }

@media (max-width: 767px) { .carousel-inner.bg-img { max-height: 450px; } }

@media (min-width: 992px) { .carousel-caption { top: 100px; max-width: 700px; width: 100%; margin: 0 auto; } }

.no-mqs .carousel-caption { top: 100px; max-width: 700px; width: 100%; margin: 0 auto; }

@media (max-width: 991px) { .carousel-caption { top: 20px; max-width: 600px; } }

@media (max-width: 767px) { .carousel-caption { max-width: 90%; top: 75px; text-align: center; } }

.carousel-caption .TextButton { border: 0px; background-color: #004C97; margin-top: 2em; }

.carousel-caption .TextButton:hover { background-color: #003f7e; }

.carousel-caption h1:after, .carousel-caption .CTF-event-display h2.PanelTitle:after, .CTF-event-display .carousel-caption h2.PanelTitle:after { display: none; }

.carousel-caption p { color: #231F20; text-shadow: none; text-align: center; }

/* Internal page carousel */
.InternalHeaderArea { background: #fff; overflow: hidden; }

.InternalHeaderArea .carousel { display: none; }

@media (min-width: 992px) { .InternalHeaderArea .carousel { height: 200px; } }

.no-mqs .InternalHeaderArea .carousel { height: 200px; }

@media (max-width: 991px) { .InternalHeaderArea .carousel { height: 0px; } }

.InternalHeaderArea .panel-body { padding: 0; }

.InternalHeaderArea .carousel-inner { -webkit-filter: blur(5px); filter: blur(5px); width: 100%; }

.InternalHeaderArea .carousel-control, .InternalHeaderArea .carousel-inner > .item .carousel-link { display: none !important; }

.Wrapper-HomePage .HomePageFullWidthArea { /* Overwrite slideshow height setting on homepage only */ /* darker gradient to improve legibility of auxiliary nav */ }

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item { height: 39em !important; }

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before { content: ''; display: block; background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0); height: 6em; width: 100%; position: absolute; z-index: 665; }

/* There seems to be an issue when choosing to display the FullWidthArea on the homepage only. The container div remains on internal pages although its content is hidden. */
.HomePageFullWidthArea { display: none; }

.Wrapper-HomePage .HomePageFullWidthArea, .TemplateManagerArea .HomePageFullWidthArea { display: block; }

.carousel-indicators { bottom: 70px; }

.carousel-indicators .active { margin: 6px; width: 15px; height: 15px; background-color: #004C97; }

.carousel-indicators li { width: 15px; height: 15px; margin: 6px; border: 1px solid #004C97; border-radius: 150px; }

.carousel-indicators li:before { display: none; }

@media (max-width: 991px) { .header-banner .item { height: 350px !important; } }

@media (max-width: 767px) { .carousel-indicators { bottom: 10px; } }

.full-width .panel { padding: 0px !important; }

.full-width .panel-body { margin: 0; padding: 0px; }

/* ========================================================================== COMMUNITIES ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a { color: #3A3A3A; }

.CommunityLinksBlock a:hover { background-color: white; color: #3A3A3A; text-decoration: none; }

.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover { background-color: #004C97; color: White; font-weight: bold; text-decoration: none; }

/* Community breadcrumb */
.BreadCrumbCurrent { font-size: 120%; font-weight: bold; }

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover { background-color: #004C97; }

.CommunityItemTitle { font-size: 110%; padding: .25em 0; }

.CommunityProfilePicture img { border-radius: 6px; }

.CommunityReplyForm, .CommunityCommentItem { background: #f2f2f2; border-left: 10px solid #ddd; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem { background: #f2f2f2; }

/* For adding comments */
.CommunityWikiReplyForm { background: #f2f2f2; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome { background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat; overflow: hidden; height: 330px; position: relative; }

.DonorBannerInterior { overflow: hidden; height: 275px; position: relative; }

.DonorBannerInteriorBackground1 { background: #67895e url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground2 { background: #95BB19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat; }

.DonorBannerInteriorBackground3 { background: #764c31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground4 { background: #416a26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground5 { background: #696f44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat; }

.DonorBannerInteriorBackground6 { background: #3c683d url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat; }

.DonorBannerTextBackgroundHome { background: none repeat scroll 0 0 #191919; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); float: right; height: 292px; width: 450px; margin: 20px; }

.DonorBannerTextBackgroundInterior { background: none repeat scroll 0 0 #191919; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); float: right; height: 236px; width: 450px; margin: 20px; }

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundHome .CTF-event-display h2.PanelTitle, .CTF-event-display .DonorBannerTextBackgroundHome h2.PanelTitle, .DonorBannerTextBackgroundInterior h1, .DonorBannerTextBackgroundInterior .CTF-event-display h2.PanelTitle, .CTF-event-display .DonorBannerTextBackgroundInterior h2.PanelTitle { color: #fff; font-size: 280%; background: none; margin: 0.4em; }

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p { color: #fff; font-size: 120%; line-height: 1.6em; margin: 1em; padding: 0.4em; }

/**** End Donor Sample Site Styles ****/
/* ========================================================================== MISCELLANEOUS ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Titles */
h1.BigHeader, .CTF-event-display h2.BigHeader.PanelTitle, .h1.BigHeader { background-color: transparent; color: #004C97; }

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary { padding: 20px; background-color: #f0edf2; }

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea, .ContentBlockLeft { width: 250px; float: left; margin-right: 0.5em; margin-bottom: 0.5em; }

.ContentBlockPictureArea.FloatRight, .ContentBlockLeft.FloatRight { float: right; margin-left: 0.5em; }

.ContentBlockPictureArea img, .ContentBlockLeft img { max-width: 100%; height: auto !important; }

.BlockList ul { margin: 0; padding: 0; }

.BlockList li { list-style: none; }

.BlockList a { display: block; text-decoration: none; padding: 20px; }

.BlockList a:hover { background-color: #e9e4ec; }

.BlockList a span { text-decoration: underline; }

.BlockList p { color: #3A3A3A; margin-bottom: 0; }

/* Tagged list format, styled similar to BlockList */
.BlockTLItem { display: block; text-decoration: none; padding: 0; }

.BlockTLItem, .BlockList li { margin-bottom: 20px; }

.BlockTLItem h4, .BlockList h4 { font-size: 110%; font-weight: normal; }

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate { font-size: 85%; font-style: italic; }

/* Use on the blockquote element for a styled quote */
.Quote { margin: 1.5em 0.7em 1.5em 0; padding: 1.5em 0.7em; quotes: "\201C" "\201D" "\201C" "\201D"; font-weight: normal; background-color: #f0edf2; }

.Quote:before { content: open-quote; margin-right: 0.25em; vertical-align: -0.4em; font-size: 500%; line-height: 0.1em; }

.Quote p { display: inline; }

.Quote cite { display: block; margin-left: 1em; margin-top: 0.5em; font-style: italic; }

.Quote cite:before { content: "— "; }

@media (min-width: 768px) { .Quote { font-size: 120%; }
  .Quote cite { font-size: 90%; margin-left: 2em; } }

.no-mqs .Quote { font-size: 120%; }

.no-mqs .Quote cite { font-size: 90%; margin-left: 2em; }

.QuoteStyle2 { border-left-color: #004C97; }

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child, .CalloutPanelField1.PanelField label:first-child, .CalloutPanelField1 .PanelField .Label:first-child, .CalloutPanelField1.PanelField .Label:first-child { position: relative; padding: 15px; margin: 0 0 1em; color: #fff; background: #004C97; /*$callout1-bg*/ width: auto; border-radius: 3px; }

.CalloutPanelField1 .PanelField label:first-child:after, .CalloutPanelField1.PanelField label:first-child:after, .CalloutPanelField1 .PanelField .Label:first-child:after, .CalloutPanelField1.PanelField .Label:first-child:after { content: ""; position: absolute; bottom: -8px; /* value = - border-top-width - border-bottom-width */ left: 30px; /* controls horizontal position */ border-width: 8px 8px 0; /* vary these values to change the angle of the vertex */ border-style: solid; border-color: #004C97 transparent; /*$callout1-bg*/ /* reduce the damage in FF3.0 */ display: block; width: 0; }

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox { border-color: #ddd; }

.TotalBox label { background-color: #004C97; color: #fff; padding: 0.25em 0.75em; color: #fff; }

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay { background-color: #f0edf2; }

.CCOGrayBg .yui-g { float: none; }

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish { border-bottom: none; }

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText { color: #606060; font-size: 150%; line-height: 170%; }

/* Use the CenterText class to center the text within the iPart */
.CenterText { text-align: center; }

.FullWidthButtons .btn, .FullWidthButtons .TextButton { display: block; }

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink { -webkit-transition: all 0.2s ease 0; -o-transition: all 0.2s ease 0; transition: all 0.2s ease 0; font-family: "futura-pt"; font-size: 110%; font-weight: 600; line-height: 1.5em; padding: 8px 0; text-decoration: none; }

@media (min-width: 992px) { a.FeatureActionLink { font-size: 150%; } }

.no-mqs a.FeatureActionLink { font-size: 150%; }

a.FeatureActionLink:hover { text-decoration: underline; }

/* Spotlight ========================================================================== */
/* Featured items display */
.Spotlight { text-align: center; }

.Spotlight img, .Spotlight h4 { text-align: center; }

@media (min-width: 768px) { .Spotlight .ImageWrapper { height: 160px; } }

.no-mqs .Spotlight .ImageWrapper { height: 160px; }

.Spotlight .TextButton, .Spotlight .btn { margin-top: 1em; }

.Spotlight p { text-align: center; padding-top: 0.4em; }

.Spotlight a img { -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.Spotlight a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.SpotlightRow { margin-bottom: 1.2em; }

.SpotlightRow:before, .SpotlightRow:after { content: " "; display: table; }

.SpotlightRow:after { clear: both; }

@media (min-width: 768px) { .SpotlightRow.ThreeAcross .Spotlight { float: left; width: 33%; padding-left: 2%; padding-right: 2%; } }

.no-mqs .SpotlightRow.ThreeAcross .Spotlight { float: left; width: 33%; padding-left: 2%; padding-right: 2%; }

/* Feature Header ========================================================================== */
.feature-header { color: #004C97; border-bottom: none; margin-bottom: 0.8em; }

/* Feature Link ========================================================================== */
.feature-link-with-image { margin-bottom: 1em; }

.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited { text-decoration: none; color: #fff; }

.feature-link-with-image .feature-link-wrapper { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 17em; margin-bottom: 20px; }

.feature-link-with-image .feature-link-text { height: 100%; padding: 0.8em; font-size: 110%; }

@media (min-width: 480px) { .feature-link-with-image .feature-link-text { width: 45%; } }

.no-mqs .feature-link-with-image .feature-link-text { width: 45%; }

.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text .CTF-event-display h2.PanelTitle, .CTF-event-display .feature-link-with-image .feature-link-text h2.PanelTitle, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 { margin-top: 0; }

.feature-link-with-image.feature-link-1 .feature-link-text { background-color: #004C97; background-color: rgba(0, 76, 151, 0.75); }

.feature-link-with-image.feature-link-1:hover .feature-link-text { background-color: #003264; background-color: rgba(0, 50, 100, 0.75); }

.feature-link-with-image.feature-link-2 .feature-link-text { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); }

.feature-link-with-image.feature-link-2:hover .feature-link-text { background-color: #e6e6e6; background-color: rgba(230, 230, 230, 0.75); }

/* Image Banners ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-conference-tall { background-color: #081337; background-image: url("../../images/SampleSites/conferencebannertall.jpg"); }

.bg-img-conference-small { background-color: #081337; background-image: url("../../images/SampleSites/Member/cairnsnight.jpg"); }

.bg-img-tiger-tall { background-color: #04080b; background-image: url("../../images/ImageLibrary/tiger-tall.jpg"); background-position: center center; }

.bg-img-red-panda { background-color: #57574b; background-image: url("../../images/SampleSites/Donor/red-panda.jpg"); }

.bg-img-tiger-swimming { background-color: #1c1705; background-image: url("../../images/SampleSites/Donor/tiger-swimming.jpg"); }

.bg-img-highland-cow { background-color: #e4e0cd; background-image: url("../../images/SampleSites/Donor/highland-cow.jpg"); }

.bg-img-volunteer-canoes { background-color: #8aa15b; background-image: url("../../images/SampleSites/Donor/volunteer-canoes.jpg"); }

.bg-img-elephant-with-mountains { background-color: #748610; background-image: url("../../images/SampleSites/Donor/elephant-with-mountains.jpg"); }

.bg-img-wildlife-refuge { background-color: #6d7f2d; background-image: url("../../images/SampleSites/Donor/wildlife-refuge.jpg"); }

.bg-img-poplar-trees { background-color: #737e23; background-image: url("../../images/SampleSites/Donor/poplar-trees.jpg"); background-position: top center !important; }

.bg-img-swamp { background-color: #bbbdb8; background-image: url("../../images/SampleSites/Donor/swamp.jpg"); }

.bg-img-roseate-terns { background-color: #8f9949; background-image: url("../../images/SampleSites/Donor/roseate-terns.jpg"); background-position: center 88% !important; }

.banner-tall, .banner-short { text-decoration: none; display: block; background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 0; }

.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 { color: #fff; }

.banner-text h2 { font-size: 100%; }

.banner-tall { height: 500px; max-width: 300px; }

.banner-tall .banner-text { position: absolute; bottom: 0; padding: 10px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 0 0 5px 5px; }

.banner-short { min-height: 150px; max-width: 300px; }

.banner-short .banner-text { padding: 5px; min-height: 150px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; }

/* Image Copyright Statements ========================================================================== */
.img-copyright { font-size: 70%; }

/* Donation page enhancements ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .GiftItemName { color: #004C97; font-size: 32pt; }

.donate-page .GiftItemDescription { font-size: 125%; }

.RelatedItemsHorizontalEffect li:hover { -webkit-transform: scale(1.06); transform: scale(1.06); border-radius: 0; background-color: transparent; }

/* Fix product name overlapping other content */
ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li { height: auto; }

/* Custom classes ========================================================================== */
/* Homepage carousel */
.full-width { background-size: cover !important; width: 100vw !important; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }

.full-width.page-banner { margin-top: -90px; }

@media (max-width: 767px) { .full-width { background-attachment: scroll !important; } }

@media (max-width: 767px) { .pageHeader { width: 100vw; padding-top: 100px; font-size: 80%; } }

.pageTitle { display: flex; margin-left: auto; margin-right: auto; max-width: 1380px; float: none; }

@media (max-width: 991px) { .pageTitle { max-width: 760px; } }

.pageTitle .heroBanner { margin-top: -75px; }

.header-banner .panel { border: 0px; }

.header-banner .panel-body { padding: 0px; }

.carousel-inner.bg-img > .item { background-color: transparent !important; background-attachment: fixed; width: 100%; }

@media (max-width: 767px) { .carousel-inner.bg-img > .item { background-attachment: scroll; } }

.carousel-indicators li:before { display: none; }

/* Border shadow box */
.boxShadowContainer { position: relative; background-color: #fff; display: inline-block; text-align: left; height: auto; margin: -200px auto 40px; padding: 45px 70px 70px; }

@media (max-width: 767px) { .boxShadowContainer { margin: 0px; padding: 0px; } }

.boxShadowContainer .smallText p { margin-bottom: 40px; }

@media (min-width: 768px) { .boxShadowContainer .smallText p { text-align: left; margin-right: 50px; } }

.no-mqs .boxShadowContainer .smallText p { text-align: left; margin-right: 50px; }

@media (max-width: 767px) { .boxShadowContainer .smallText p { margin-bottom: 20px; } }

/* Homepage full-width sections */
.bannerContent { text-align: center; padding: 40px 0 50px; margin-top: 0px; }

@media (max-width: 767px) { .bannerContent { padding-bottom: 50px; } }

.bannerContent h1, .bannerContent .CTF-event-display h2.PanelTitle, .CTF-event-display .bannerContent h2.PanelTitle { color: #fff; margin-bottom: 40px; text-transform: uppercase; font-size: 300%; }

@media (max-width: 991px) { .bannerContent h1, .bannerContent .CTF-event-display h2.PanelTitle, .CTF-event-display .bannerContent h2.PanelTitle { margin-bottom: 0px; } }

.bannerContent p { color: #fff; text-align: center; }

.bannerContent .TextButton { background-color: transparent; color: #fff; border: 1px solid #fff; margin-top: 30px; text-transform: none; }

.bannerContent .TextButton:hover { border-color: white !important; background-color: white !important; color: #004C97; }

.iconCard { border: solid 1px rgba(255, 255, 255, 0.5); border-style: solid; border-radius: 10px; padding: 10px; color: #fff; margin-top: 20px; min-height: 235px; }

.iconCard p { max-width: 200px; margin: -15px auto 0; }

@media (max-width: 991px) { .iconCard { min-height: 185px; } }

/* Social Media Icons */
.fa { background-color: transparent; border-radius: 50%; border: 1px white; border-style: solid; padding: 8px; height: 40px; text-align: center; width: 40px; }

@media (max-width: 991px) { .fa { padding: 10px; } }

/* Contact Us - General Inquiries section */
.inquiryBox { text-align: center; margin: 40px 0 70px; }

.inquiryBox h1, .inquiryBox .CTF-event-display h2.PanelTitle, .CTF-event-display .inquiryBox h2.PanelTitle { text-align: center; }

.inquiryBox p { margin: 10px; }

.inquiryBox .bText { font-weight: bold; color: black; }

.form-group { text-align: left !important; }

.form-control { width: 100%; margin-bottom: 25px; }

label { font-weight: normal !important; }

/* Big Footer Buttons */
.BigFooterButtonPrimary { background-color: #768692; padding: 30px; border-radius: 6px; text-align: center; margin: 10px; font-size: 130%; font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; }

.BigFooterButtonSecondary { background-color: #2e6caa; padding: 30px; border-radius: 6px; text-align: center; margin: 10px; font-size: 130%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; }

.BigFooterButtonSecondary:hover { background-color: #004C97; }

.BigFooterButtonPrimary.MemberBigButton:hover, .BigFooterButtonPrimary.ResearchBigButton:hover { background-color: #BA0C2F; }

/* Homepage Specific Styles */
.homeTile .panel { padding: 10px; }

.Promo { text-align: center; }

.centeredBanner { margin-left: 12vw; margin-right: 12vw; }

.col-md-6.col-sm-12.col-xs-12.homepage { padding-left: 0; padding-right: 0; }

.col-md-6.col-sm-12.col-xs-12.homepage .halfBanner { padding-right: 0px; padding-left: 0px; }

.half-width-right { width: 50vw; position: relative; }

@media (max-width: 991px) { .half-width-right { width: 100vw; } }

@media (max-width: 767px) { .half-width-right { background-attachment: scroll !important; } }

.half-width-right .bannerContent { padding: 200px 0 195px; }

@media (max-width: 991px) { .half-width-right .bannerContent { padding: 50px 0 50px; } }

@media (max-width: 767px) { .half-width-right .bannerContent { padding: 25px 0 25px; } }

.half-width-right .bannerContent .TextButton { margin-top: -15px; }

/*Notables Section*/
.notables { text-align: center; padding: 40px 0 50px; margin-top: 0px; }

@media (max-width: 767px) { .notables { padding-bottom: 50px; } }

.notables .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.notables .row.col-md-4.col-sm-12.col-xs-12 { display: flex; flex-direction: column; }

@media (max-width: 991px) { .notables .row.col-md-4.col-sm-12.col-xs-12 { margin-bottom: 15px; } }

.notables h1, .notables .CTF-event-display h2.PanelTitle, .CTF-event-display .notables h2.PanelTitle { color: #fff; margin-bottom: 10px; text-transform: uppercase; font-size: 175%; font-weight: 500; }

@media (max-width: 991px) { .notables h1, .notables .CTF-event-display h2.PanelTitle, .CTF-event-display .notables h2.PanelTitle { margin-bottom: 0px; } }

.notables h3 { color: #fff; margin-bottom: 10px; }

.notables p { color: #fff; }

.notables .TextButton { background-color: transparent; color: #fff; border: 1px solid #fff; margin-top: 30px; text-transform: none; }

@media (max-width: 991px) { .notables .TextButton { margin-bottom: 20px; } }

.notables .TextButton:hover { border-color: white !important; background-color: white !important; color: #004C97; }

.notablesCard { border: solid 1px rgba(255, 255, 255, 0.5); border-style: solid; border-radius: 6px; padding: 10px; color: #fff; margin-top: 20px; min-height: 235px; height: 100%; }

.notablesCard h3 { max-width: 300px; margin: 35px auto 25px; }

.notablesCard p { max-width: 300px; margin: -15px auto 0; font-size: 100%; text-align: center; }

@media (max-width: 991px) { .notablesCard { min-height: 185px; } }

.notables .row:before, .notables .row:after { content: " "; display: none; }

@media (max-width: 991px) { .notablesColumn.col-md-4.col-sm-12.col-xs-12 { height: fit-content; margin-bottom: 10px; } }

/*Homepage Half-Width Sections*/
.half-width-left { width: 50vw; position: relative; float: right; }

@media (max-width: 991px) { .half-width-left { width: 100vw; } }

@media (max-width: 767px) { .half-width-left { background-attachment: scroll !important; } }

.half-width-left .bannerContent { padding: 255px 0 255px; }

@media (max-width: 991px) { .half-width-left .bannerContent { padding: 130px 0 100px; } }

@media (max-width: 767px) { .half-width-left .bannerContent { padding: 25px 0 25px; } }

.half-width-left .bannerContent .TextButton { margin-top: -15px; }

/*Banner Slider*/
.carousel-control.left, .carousel-control.right { background-image: none !important; }

/*Overall Styles*/
/*Ultrawave Overrides*/
.iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer { margin-bottom: 0 !important; }

/*Homepage Tiles*/
.homepage .panel-body { margin-bottom: 0px; }

/*Events Tile*/
div#ctl01_TemplateBody_WebPartManager1_gwpciEventListing_ciEventListing__Head { margin-top: 1em; }

.eventListing { max-height: 540px; font-weight: 400; font-size: 90%; padding-bottom: 20px; }

.eventListing .panel-title { text-transform: uppercase; font-size: 175%; font-weight: 500; color: #E35205; }

.eventListing p { font-size: 100%; color: #3A3A3A; margin-bottom: 0px; }

.eventListing h4 { font-weight: 500; font-size: 120%; margin: 0; }

.eventListing h6 { font-weight: 400; font-size: 100%; padding-bottom: 20px; }

.eventListing .RadGrid_MetroTouch .rgAltRow { background: #ffffff; }

/*Member Services Tile*/
.MemberServices { padding: 25px; }

.MemberServices em { padding-right: 10px; padding-left: 10px; }

.MemberServices h1, .MemberServices .CTF-event-display h2.PanelTitle, .CTF-event-display .MemberServices h2.PanelTitle { color: #BA0C2F; font-size: 130%; padding-bottom: 0.5em; font-weight: 500; }

.MemberServices h2 { text-transform: uppercase; color: #BA0C2F; font-size: 175%; margin-bottom: 18px; font-weight: 500; }

.MemberServices a.TextButton.LargeTextButton:hover, .MemberServices a.TextButton.LargeTextButton:active, .MemberServices a.TextButton.LargeTextButton:focus { border-color: #BA0C2F; background-color: #BA0C2F; }

.MemberServices a.TextButton.LargeTextButton:visited { background-color: transparent; color: #333333; border-color: #BA0C2F; }

/*Publications Tile*/
#ste_container_ciPublicationsListing { padding: 2em 2em 0em 2em; }

#ste_container_ciPublicationsListing .panel-title { color: #008eaa; text-transform: uppercase; font-size: 175%; font-weight: 500; }

#ste_container_ciPublicationsListing h2 { color: #008EAA; }

#ste_container_ciPublicationsListing p { margin-bottom: 0.25em; }

#ste_container_ciPublicationsListing .PublishDate { font-style: normal; }

/*Featured Publications Query Menu iPart*/
div#ctl01_TemplateBody_WebPartManager1_gwpciProductListing_ciProductListing__Head { text-align: center; margin-top: 75px; margin-bottom: 25px; }

.simpleMemberListing h2.panel-title { color: #008EAA; text-align: center; text-transform: uppercase; font-weight: 500; font-size: 175%; }

.simpleMemberListing td { height: auto; width: auto; }

@media (max-width: 767px) { .simpleMemberListing td { width: 100%; float: right; }
  .simpleMemberListing td .shortProduct { text-align: center; } }

.simpleMemberListing.image .rgRow, .simpleMemberListing.image .rgAltRow { width: 25%; float: left; background-color: white !important; height: 500px !important; }

@media (max-width: 991px) { .simpleMemberListing.image .rgRow, .simpleMemberListing.image .rgAltRow { width: 50%; height: 400px; } }

@media (max-width: 767px) { .simpleMemberListing.image .rgRow, .simpleMemberListing.image .rgAltRow { width: 100%; height: 375px; } }

.simpleMemberListing thead { display: none; }

.productImgSm { height: 250px; width: 160px; }

a.TextButton.PrimaryButton.pubButtonLink { position: absolute; bottom: 0; color: #008EAA !important; border-color: #008EAA; background-color: transparent; }

a.TextButton.PrimaryButton.pubButtonLink:hover { color: white !important; background-color: #008EAA; }

.noSubNav { left: 50%; }

.grayZone { padding: 20px; }

.simpleMemberListing .rgSelectedRow td { background-color: white; border: transparent; }

.simpleMemberListing td { padding: 0; background-color: white; }

.simpleMemberListing h5 { margin: 0; }

.simpleMemberListing thead { display: none; }

.simpleMemberListing .rgAltRow td { background-color: white; }

.shortProduct h5, .shortProduct h4 { color: #333333; font-weight: inherit; font-size: 100%; }

/*Internal Page Headers with Breadcrumbs*/
.fullBanner { background-size: cover !important; margin-top: -105px; margin-left: -50vw; margin-right: -50vw; }

.fullBanner .pageHeader { height: 450px; width: 100vw; }

@media (max-width: 1199px) { .fullBanner .pageHeader { height: 400px; max-width: 95%; } }

@media (max-width: 767px) { .fullBanner .pageHeader { height: 200px; } }

.pageHeader { position: relative; margin-left: auto; margin-right: auto; padding-top: 120px; margin-bottom: 20px; min-width: 350px; max-width: 1308px; }

.pageHeader h1, .pageHeader .CTF-event-display h2.PanelTitle, .CTF-event-display .pageHeader h2.PanelTitle { color: #fff; font-size: 250%; font-weight: 200; line-height: 1; }

@media (max-width: 991px) { .pageHeader { left: 15px; } }

@media (max-width: 767px) { .pageHeader { padding-top: 100px; max-width: 95%; } }

@media (max-width: 365px) { .pageHeader { left: -50px; } }

/* Hover Menu Tiles */
.menuTiles .hoverTile { position: relative; overflow: hidden; margin: 10px; min-width: 230px; max-width: 450px; width: 100%; color: #fff !important; text-align: left; line-height: 1.4em; font-size: 16px; float: right; }

.menuTiles .hoverTile * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.menuTiles .hoverTile img { max-width: 100%; vertical-align: top; }

.menuTiles .hoverTile.teal figcaption { position: absolute; top: calc(77%); width: 100%; background-color: rgba(0, 142, 170, 0.72); padding: 15px 25px 65px; }

@media (max-width: 1060px) { .menuTiles .hoverTile.teal figcaption { top: calc(70%); } }

@media (max-width: 400px) { .menuTiles .hoverTile.teal figcaption { top: calc(60%); } }

.menuTiles .hoverTile.orange figcaption { position: absolute; top: calc(77%); width: 100%; background-color: rgba(227, 82, 5, 0.69); padding: 15px 25px 65px; }

@media (max-width: 1060px) { .menuTiles .hoverTile.orange figcaption { top: calc(70%); } }

@media (max-width: 400px) { .menuTiles .hoverTile.orange figcaption { top: calc(60%); } }

.menuTiles .hoverTile.red figcaption { position: absolute; top: calc(77%); width: 100%; background-color: rgba(186, 12, 47, 0.75); padding: 15px 25px 65px; }

@media (max-width: 1060px) { .menuTiles .hoverTile.red figcaption { top: calc(70%); } }

@media (max-width: 400px) { .menuTiles .hoverTile.red figcaption { top: calc(60%); } }

.menuTiles .hoverTile.green figcaption { position: absolute; top: calc(77%); width: 100%; background-color: rgba(80, 158, 47, 0.69); padding: 15px 25px 65px; }

@media (max-width: 1060px) { .menuTiles .hoverTile.green figcaption { top: calc(70%); } }

@media (max-width: 400px) { .menuTiles .hoverTile.green figcaption { top: calc(60%); } }

.menuTiles .hoverTile figcaption:before { position: absolute; content: ""; z-index: 2; bottom: 100%; left: 0; width: 100%; height: 80px; }

.menuTiles .hoverTile h3, .menuTiles .hoverTile p { margin: 0 0 12px; }

.menuTiles .hoverTile h3 { font-weight: 200; font-size: 1.4em; line-height: 1.2em; color: #fff !important; }

.menuTiles .hoverTile p { font-size: 0.9em; letter-spacing: 1px; opacity: 0.9; color: #fff !important; }

.menuTiles .hoverTile a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; }

.menuTiles .hoverTile:hover figcaption, .menuTiles .hoverTile.hover figcaption { top: 80px; }

/*Image Feature Cards with Button*/
.imageCard figcaption { padding-top: 5px; font-size: 85%; }

.imageCard .TextButton.btnUnfilled { margin-top: 20px; margin-bottom: 20px; }

/*ACCORDIONS*/
.accordion-panel .panel-group .panel, .accordion-panel .panel-group .StandardPanel { border: none; }

.accordion-panel .panel-group .panel-heading { border-bottom: 1px solid #004C97; background-color: transparent; }

.accordion-panel em.fas.fa-angle-right { float: right; color: #004C97; font-size: 140%; }

.accordion-panel .accordion-panel a > .fa-angle-right:before { content: "\f105"; }

.accordion-panel .accordion-panel a.collapsed > .fa-angle-right:before { content: "\f107"; }

.accordion-panel .panel-body { margin-bottom: 1em; }

.panel-group .panel, .panel-group .StandardPanel { border: none; }

.panel-group .panel-heading { border-bottom: 1px solid #004C97; background-color: transparent; }

em.fas.fa-angle-right { float: right; color: #004C97; font-size: 140%; }

.accordion-panel a > .fa-angle-right:before { content: "\f105"; }

.accordion-panel a.collapsed > .fa-angle-right:before { content: "\f107"; }

.panel-body { margin-bottom: 1em; }

/*CALLOUT BOXES*/
.sm-feature { border: 1px solid; border-radius: 2px; margin: 5px; padding: 20px; }

.sm-feature h1, .sm-feature .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature h2.PanelTitle, .sm-feature h2 { font-size: 100%; margin-bottom: 20px; }

.sm-feature p { font-size: 70%; }

.sm-feature .TextButton { margin-top: 5px; margin-bottom: 8px; }

.sm-feature.orange { border-color: #E35205; }

.sm-feature.orange h1, .sm-feature.orange .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.orange h2.PanelTitle, .sm-feature.orange h2 { color: #E35205; }

.sm-feature.red { border-color: #BA0C2F; }

.sm-feature.red h1, .sm-feature.red .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.red h2.PanelTitle, .sm-feature.red h2 { color: #BA0C2F; }

.sm-feature.teal { border-color: #008EAA; }

.sm-feature.teal h1, .sm-feature.teal .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.teal h2.PanelTitle, .sm-feature.teal h2 { color: #008EAA; }

.sm-feature.blue { border-color: #004C97; }

.sm-feature.blue h1, .sm-feature.blue .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.blue h2.PanelTitle, .sm-feature.blue h2 { color: #004C97; }

.sm-feature.yellow { border-color: #F1C400; }

.sm-feature.yellow h1, .sm-feature.yellow .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.yellow h2.PanelTitle, .sm-feature.yellow h2 { color: #008EAA; }

.sm-feature.green { border-color: #509E2F; }

.sm-feature.green h1, .sm-feature.green .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.green h2.PanelTitle, .sm-feature.green h2 { color: #509E2F; }

/* Added 9/3/2020 by Chris Green */
.sm-feature.khaki {
  border-color: #7F9C90;
}

/* Added 9/3/2020 by Chris Green */
.sm-feature.khaki h1, .sm-feature.khaki .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature.khaki h2.PanelTitle, .sm-feature.khaki h2 {
  color: #7F9C90;
}

.lg-feature { border: 1px solid; border-radius: 2px; margin: 5px; padding: 20px; }

.lg-feature h1, .lg-feature .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature h2.PanelTitle, .lg-feature h2 { font-size: 130%; margin-bottom: 20px; }

.lg-feature p { font-size: 100%; }

.lg-feature .TextButton { margin-top: 5px; margin-bottom: 8px; }

.lg-feature.orange { border-color: #E35205; }

.lg-feature.orange h1, .lg-feature.orange .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.orange h2.PanelTitle, .lg-feature.orange h2 { color: #E35205; }

.lg-feature.red { border-color: #BA0C2F; }

.lg-feature.red h1, .lg-feature.red .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.red h2.PanelTitle, .lg-feature.red h2 { color: #BA0C2F; }

.lg-feature.teal { border-color: #008EAA; }

.lg-feature.teal h1, .lg-feature.teal .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.teal h2.PanelTitle, .lg-feature.teal h2 { color: #008EAA; }

.lg-feature.blue { border-color: #004C97; }

.lg-feature.blue h1, .lg-feature.blue .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.blue h2.PanelTitle, .lg-feature.blue h2 { color: #004C97; }

.lg-feature.yellow { border-color: #F1C400; }

.lg-feature.yellow h1, .lg-feature.yellow .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.yellow h2.PanelTitle, .lg-feature.yellow h2 { color: #008EAA; }

.lg-feature.green { border-color: #509E2F; }

.lg-feature.green h1, .lg-feature.green .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.green h2.PanelTitle, .lg-feature.green h2 { color: #509E2F; }

/* Added 9/3/2020 by Chris Green  */
.lg-feature.khaki {
  border-color: #7F9C90;
}

/* Added 9/3/2020 by Chris Green */
.lg-feature.khaki h1, .lg-feature.khaki .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature.khaki h2.PanelTitle, .lg-feature.khaki h2 {
  color: #7F9C90;
}

.lg-feature-bg { border-radius: 2px; margin: 5px; padding: 20px; background-color: #fff; }

.lg-feature-bg h1, .lg-feature-bg .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature-bg h2.PanelTitle, .lg-feature-bg h2 { font-size: 130%; margin-bottom: 20px; color: #fff; }

.lg-feature-bg p { font-size: 100%; color: #fff; }

.lg-feature-bg .TextButton { margin-top: 5px; margin-bottom: 8px; }

.lg-feature-bg a { color: #fff !important; }

.lg-feature-bg.orange { background-color: #E35205 !important; }

.lg-feature-bg.red { background-color: #BA0C2F !important; }

.lg-feature-bg.teal { background-color: #008EAA !important; }

.lg-feature-bg.blue { background-color: #004C97 !important; }

.lg-feature-bg.yellow { background-color: #F1C400 !important; }

.lg-feature-bg.yellow h1, .lg-feature-bg.yellow .CTF-event-display h2.PanelTitle, .CTF-event-display .lg-feature-bg.yellow h2.PanelTitle, .lg-feature-bg.yellow h2 { color: #333333; }

.lg-feature-bg.green { background-color: #509E2F !important; }

/* Added 9/3/2020 by Chris Green */
.lg-feature-bg.khaki {
  background-color: #7F9C90 !important;
}

.sm-feature-bg { border-radius: 2px; margin: 5px; padding: 20px; }

.sm-feature-bg h1, .sm-feature-bg .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature-bg h2.PanelTitle, .sm-feature-bg h2 { font-size: 100%; margin-bottom: 20px; color: #fff; }

.sm-feature-bg p { font-size: 70%; color: #fff; }

.sm-feature-bg .TextButton { margin-top: 5px; margin-bottom: 8px; }

.sm-feature-bg a { color: #fff !important; }

.sm-feature-bg.orange { background-color: #E35205 !important; }

.sm-feature-bg.red { background-color: #BA0C2F !important; }

.sm-feature-bg.teal { background-color: #008EAA !important; }

.sm-feature-bg.blue { background-color: #004C97 !important; }

.sm-feature-bg.yellow { background-color: #F1C400 !important; }

.sm-feature-bg.yellow h1, .sm-feature-bg.yellow .CTF-event-display h2.PanelTitle, .CTF-event-display .sm-feature-bg.yellow h2.PanelTitle, .sm-feature-bg.yellow h2 { color: #333333; }

.sm-feature-bg.green { background-color: #509E2F !important; }

/* Added 9/3/2020 by Chris Green */
.sm-feature-bg.khaki {
  background-color: #7F9C90 !important;
}


.row.display-flex { display: flex; flex-wrap: wrap; }

.row.display-flex > [class*='col-'] { display: flex; flex-direction: column; }

/*EXTRA REUSABLE STYLES*/
/*Colored Background and Colored Bordered Divs*/
.teal-bg { background-color: #008EAA; color: #fff !important; padding: 20px; }

.orange-bg { background-color: #E35205; color: #fff !important; padding: 20px; }

.red-bg { background-color: #BA0C2F; color: #fff !important; padding: 20px; }

.yellow-bg { background-color: #F1C400; color: #333333 !important; padding: 20px; }

.green-bg { background-color: #509E2F; color: #fff !important; padding: 20px; }

.khaki-bg { background-color: #7F9C90; color: #fff !important; padding: 20px; }

.teal-border { border: 1px solid #008EAA; padding: 20px; }

.orange-border { border: 1px solid #E35205; padding: 20px; }

.red-border { border: 1px solid #BA0C2F; padding: 20px; }

.yellow-border { border: 1px solid #F1C400; padding: 20px; }

.green-border { border: 1px solid #509E2F; padding: 20px; }

.khaki-border { border: 1px solid #7F9C90; padding: 20px; }

/*Spacing Classes*/
.mt5 { margin-top: 5px !important; }

.pt5 { padding-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.ml5 { margin-left: 5px !important; }

.pl5 { padding-left: 5px !important; }

.mr5 { margin-right: 5px !important; }

.pr5 { padding-right: 5px !important; }

.mt10 { margin-top: 10px !important; }

.pt10 { padding-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.pl10 { padding-left: 10px !important; }

.mr10 { margin-right: 10px !important; }

.pr10 { padding-right: 10px !important; }

.mt15 { margin-top: 15px !important; }

.pt15 { padding-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.pl15 { padding-left: 15px !important; }

.mr15 { margin-right: 15px !important; }

.pr15 { padding-right: 15px !important; }

.mt20 { margin-top: 20px !important; }

.pt20 { padding-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.pl20 { padding-left: 20px !important; }

.mr20 { margin-right: 20px !important; }

.pr20 { padding-right: 20px !important; }

.mt25 { margin-top: 25px !important; }

.pt25 { padding-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.ml25 { margin-left: 25px !important; }

.pl25 { padding-left: 25px !important; }

.mr25 { margin-right: 25px !important; }

.pr25 { padding-right: 25px !important; }

.mt30 { margin-top: 30px !important; }

.pt30 { padding-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.pl30 { padding-left: 30px !important; }

.mr30 { margin-right: 30px !important; }

.pr30 { padding-right: 30px !important; }

.mt35 { margin-top: 35px !important; }

.pt35 { padding-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.ml35 { margin-left: 35px !important; }

.pl35 { padding-left: 35px !important; }

.mr35 { margin-right: 35px !important; }

.pr35 { padding-right: 35px !important; }

.mt40 { margin-top: 40px !important; }

.pt40 { padding-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.pl40 { padding-left: 40px !important; }

.mr40 { margin-right: 40px !important; }

.pr40 { padding-right: 40px !important; }

.mt45 { margin-top: 45px !important; }

.pt45 { padding-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.ml45 { margin-left: 45px !important; }

.pl45 { padding-left: 45px !important; }

.mr45 { margin-right: 45px !important; }

.pr45 { padding-right: 45px !important; }

.mt50 { margin-top: 50px !important; }

.pt50 { padding-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.ml50 { margin-left: 50px !important; }

.pl50 { padding-left: 50px !important; }

.mr50 { margin-right: 50px !important; }

.pr50 { padding-right: 50px !important; }

.mt55 { margin-top: 55px !important; }

.pt55 { padding-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.ml55 { margin-left: 55px !important; }

.pl55 { padding-left: 55px !important; }

.mr55 { margin-right: 55px !important; }

.pr55 { padding-right: 55px !important; }

.mt60 { margin-top: 60px !important; }

.pt60 { padding-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.ml60 { margin-left: 60px !important; }

.pl60 { padding-left: 60px !important; }

.mr60 { margin-right: 60px !important; }

.pr60 { padding-right: 60px !important; }

.mt65 { margin-top: 65px !important; }

.pt65 { padding-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.ml65 { margin-left: 65px !important; }

.pl65 { padding-left: 65px !important; }

.mr65 { margin-right: 65px !important; }

.pr65 { padding-right: 65px !important; }

.mt70 { margin-top: 70px !important; }

.pt70 { padding-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.ml70 { margin-left: 70px !important; }

.pl70 { padding-left: 70px !important; }

.mr70 { margin-right: 70px !important; }

.pr70 { padding-right: 70px !important; }

.mt75 { margin-top: 75px !important; }

.pt75 { padding-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.ml75 { margin-left: 75px !important; }

.pl75 { padding-left: 75px !important; }

.mr75 { margin-right: 75px !important; }

.pr75 { padding-right: 75px !important; }

.mt80 { margin-top: 80px !important; }

.pt80 { padding-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.ml80 { margin-left: 80px !important; }

.pl80 { padding-left: 80px !important; }

.mr80 { margin-right: 80px !important; }

.pr80 { padding-right: 80px !important; }

.center { text-align: center; }

/*Specific Styling for Different Page Layouts*/
/*Inner Page Layout - One Over Two50-50 Over One*/
.innerBody.col-md-6.col-sm-12 { margin: -150px auto 40px; }

@media (max-width: 991px) { .innerBody.col-md-6.col-sm-12 { margin: auto; } }

div#ctl01_TemplateBody_WebPartManager1_gwpciNewNotificationCommon_ciNewNotificationCommon_AlertContainer .AlertItem { background-color: #fff !important; border: none; }

/* Print Friendly Button */
/*
div#ste_container_ciNewUtilityNavigationCommon {
  display: inline-block;
  float: right;
}

div[id$="PrinterFriendly"] {
  z-index: 100;
  position: absolute;
  top: 165px;
}

.printFriendly {
  font-size: 12pt;
  float: left;
  background-color: white;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid $color-callout;
}

.printFriendlyLayout {
position: relative;
top: 0;
margin: 0 0 10px 10px;
}
*/
/* ========================================================================== DASHBOARDS ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body, .ProgressTracker_Dashboard_Overview .panel-body { padding-top: 0; }

.ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label { font-size: 120%; display: block; margin-top: 10px; }

.ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar { margin-left: -10px; margin-right: -10px; }

.ProgressTracker2 ul, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard_Overview ul { margin: 0; padding: 0; }

.ProgressTracker2 ul, .ProgressTracker2 li, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard li, .ProgressTracker_Dashboard_Overview ul, .ProgressTracker_Dashboard_Overview li { list-style-type: none; }

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count, .ProgressTracker_Dashboard_Overview .count { font-weight: bold; display: block; line-height: 1; letter-spacing: -1px; }

.ProgressTracker2 .label, .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label { line-height: 1; }

.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar { margin-top: 10px; margin-bottom: 10px; position: relative; background-color: #e6e6e6; background-color: rgba(0, 0, 0, 0.1); }

.ProgressTracker2 .ProgressBar > span, .ProgressTracker_Dashboard .ProgressBar > span, .ProgressTracker_Dashboard_Overview .ProgressBar > span { display: block; height: 100%; background-color: #004C97; position: relative; overflow: hidden; }

.ProgressTracker2 p, .ProgressTracker_Dashboard p, .ProgressTracker_Dashboard_Overview p { margin-bottom: 0; }

.ProgressTracker_Dashboard .panel-heading.Distinguish { padding-bottom: 0; }

.ProgressTracker_Dashboard .inset { display: block; padding-bottom: 15px; }

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count { font-size: 350%; }

.ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar { padding: 0; height: 18px; }

.ProgressTracker_Dashboard_Overview .panel { /* default the overview PTs to the same height */ min-height: 137px; }

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish { border-bottom-color: transparent; }

.ProgressTracker_Dashboard_Overview .count { font-size: 250%; }

.ProgressTracker_Dashboard_Overview .ProgressBar { height: 5px; margin-bottom: 5px; }

.StaffDashboard h2, .StaffDashboard .panel-heading.Distinguish, .StaffDashboard .PanelHead.Distinguish, .StaffDashboard .TitleBarCaption { border-bottom-color: transparent; }

.StaffDashboard h2.Collapsible, .StaffDashboard .panel-heading.Distinguish.Collapsible, .StaffDashboard .PanelHead.Distinguish.Collapsible, .StaffDashboard .TitleBarCaption.Collapsible { border-bottom-color: #ddd; }

/*# sourceMappingURL=99-CTF_Responsive.css.map */