/* File generated 2020-11-06 15:00:34. Do not edit directly. */

/* ---------------------------------------------------
   vars.css
   CSS variable substitutions
   Source: /web/tracker4/sites/MID/css/always/vars.css
   Modified: 2015-03-16 12:02:43
   --------------------------------------------------- */



/* ------------------------------------------
   reset.css
   HTML5 reset, html5reset.css 01/11/2011
   Source: /web/tracker4/css/always/reset.css
   Modified: 2016-03-08 14:05:10
   ------------------------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, main,
time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

img {
   vertical-align:top;
}

body {
   line-height: 1;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {
   display: block;
}

ul {
   list-style: none;
}

blockquote, q {
   quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
   content: '';
   content: none;
}

a {
   margin: 0;
   padding: 0;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

ins {
   background-color: #ff9;
   color: #000;
   text-decoration: none;
}

mark {
   background-color: #ff9;
   color: #000;
   font-style: italic;
   font-weight: bold;
}

del {
   text-decoration: line-through;
}

abbr[title], dfn[title] {
   border-bottom: 1px dotted;
   cursor: help;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #cccccc;
   margin: 1em 0;
   padding: 0;
}

input, select {
    vertical-align: middle;
}

/* Clearfix */
.clearfix:before, .clearfix:after {
   content: ""; display: table;
}
.clearfix:after {
   clear: both;
}
.clearfix {
   zoom: 1;
}

/* Fix to prevent empty DIVs from collapsing - see http://davidwalsh.name/empty-width */
.forcewidth {
   width:100%;
   min-height:1px;
}

/* ------------------------------------------
   basic.css
   Tracker-wide styles
   Source: /web/tracker4/css/always/basic.css
   Modified: 2019-10-15 10:13:15
   ------------------------------------------ */

p {
   margin-bottom:15px;
}

.icon {
   vertical-align:middle;
   padding:0 2px 0 5px;
}

a.l {
   /* Linkable items with anchor tags that span multiple elements:
      preserve natural text formatting instead of using anchor styling */
   color:inherit;
}

.hyperlink {
   cursor:pointer;
}

.hyperlinks a {
   text-decoration:underline;
   color:undefined;
}

.showvisited a:visited {
   color:#551a8b;
}

ul.bulleted {
   list-style:disc outside;
   margin:0;
   padding:0 0 0 1.5em;
}

ol.numbered {
   list-style-position:outside;
   padding:0 0 0 1.5em;
   margin-bottom:10px;
}

ul.bulleted li, ul.plainbulleted li, ol.numbered li, main ul li {
   padding-bottom:5px;
   clear:both;
}

ul.p li {
   margin-bottom:20px;
   clear:both;
}

ul.br li {
   margin-bottom:0px;
   clear:both;
}

.errorpage .zone2, .errorbox {
   background-color:#ffe3e3;
   margin:20px 0 20px 0;
   padding:20px 10px 10px 10px;
   border:2px dashed #aa1111;
   font-size:1.2em;
}

.errorpage h1 {
   color:#aa1111;
}

.successpage .zone2, .success {
   background-color:#bdffb9;
   padding:10px 10px 25px 10px;
   margin:20px 0 20px 0;
   border:2px dashed #11aa11;
}

.successpage h1 {
   color:#126d0c;
}

table {
   font-size:inherit;
   font-weight:inherit;
   font-style:inherit;
   font-variant:inherit;
}

td .middle {
   vertical-align:middle;
}

img {
   max-width:100%;
   height:auto;
}

.googlemap img, img.native {
   max-width:none;
}

big {
   font-size:1.2em;
}

small {
   font-size:0.9em;
}

.bold, strong {
   font-weight:bold;
}

.centered {
   text-align:center;
}

.highlighted {
   background-color:yellow;
   color:black;
}

blockquote {
   margin-left:7%;
   margin-right:3%;
}

input[type=hidden] {
   margin:0;
   padding:0;
}

.tt {
   font-family:monospace;
}

.displaynone {
   display:none;
}

dt {
   font-style:italic;
}

dd {
   margin-left:20px;
}

/* Photo floating */
.thumbright {
   float:right;
   margin:0 0 10px 20px;
   max-width:33%;
}

.thumbleft {
   float:left;
   margin:0 10px 20px 0;
   max-width:33%;
}

.hold {
   overflow:hidden; /* Prevent text from wrapping around photo */
   /* see http://webdesignerwall.com/tutorials/5-useful-css-tricks-for-responsive-design */
}

/* Vertical alignment */
.va-top {
   vertical-align:top;
}
.va-bottom {
   vertical-align:bottom;
}
.va-middle {
   vertical-align:middle;
}

@media only screen and (min-width: 700px) {
   .half {
      width:50%;
      display:inline-block;
   }
   .third {
      width:33%;
      display:inline-block;
   }
   .threequarters {
      width:75%;
      display:inline-block;
   }
}

/* Video embed hack */
.video {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}

.video iframe, .video object, .video embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

video {
   max-width:100%;
}

/* Dimmed items except when hovering */
.dimmable {
   opacity:0.6;
}

.dimmable:hover {
   opacity:1.0;
}

/* Blocks (hard-coded widgets) FIXME: Do we need these anymore? */
.block {
   border-bottom:1px solid #ccc;
   margin:10px 0 10px 0;
   padding:5px 5px 5px 5px;
}

.block h2, .blockraw h2 {
   color:#666;
   margin:2px 0 7px 0;
}

.blockraw {
   margin:10px 0 10px 0;
}


/* -----------------------------------------------------
   grid-twelve-cols.css
   Responsive Grid System, 12 column layout
   Source: /web/tracker4/css/always/grid-twelve-cols.css
   Modified: 2016-08-10 14:19:25
   ----------------------------------------------------- */

/* Basic column setup */
.col {
   display: block;
   float:left;
/*   margin: 1% 0 1% 1.6%; */
   margin: 0 0 0 1.6%;
   box-sizing: border-box; /* Fix for borders */
}

.col.coltight {
   margin-left:0;
}

@media (min-width: 1000px) {
   .col.colborder {
      border-left:1px solid #ccc;
      margin-left:1.5%;
   }
   .col.colborder.coltight {
      margin-left:0;
   }
}

/* All browsers except IE6 and lower */
.col:first-child {
   margin-left: 0;
   border:0;
}

.group:before,
.group:after {
   content:"";
   display:table;
}
.group:after {
   clear:both;
}

.section {
   clear: both;
   padding: 0px;
   margin: 0px;
}

/* Grid of 12 */

.span_12_of_12 {
   width: 100%;
}

.span_11_of_12 {
   width: 91.46%;
}

.span_10_of_12 {
   width: 83%;
}

.span_9_of_12 {
   width: 74.54%;
}

.span_8_of_12 {
   width: 66.08%;
}

.span_7_of_12 {
   width: 57.62%;
}

.span_6_of_12 {
   width: 49.16%;
}

.span_5_of_12 {
   width: 40.7%;
}

.span_4_of_12 {
   width: 32.24%;
}

.span_3_of_12 {
   width: 23.78%;
}

.span_2_of_12 {
   width: 15.32%;
}

.span_1_of_12 {
   width: 6.86%;
}


/* Go full width below 480 */
@media (max-width: 480px) {
   .col {
      margin: 1% 0 1% 0%;
   }
   .span_12_of_12 {
      width: 100%;
   }
   .span_11_of_12 {
      width: 100%;
   }
   .span_10_of_12 {
      width: 100%;
   }
   .span_9_of_12 {
      width: 100%;
   }
   .span_8_of_12 {
      width: 100%;
   }
   .span_7_of_12 {
      width: 100%;
   }
   .span_6_of_12 {
      width: 100%;
   }
   .span_5_of_12 {
      width: 100%;
   }
   .span_4_of_12 {
      width: 100%;
   }
   .span_3_of_12 {
      width: 100%;
   }
   .span_2_of_12 {
      width: 100%;
   }
   .span_1_of_12 {
      width: 100%;
   }
}


@media (max-width: 999px) and (min-width: 480px) {
   .col {
      margin: 1% 0 1% 0%;
   }
   .span_12_of_12 {
      width: 100%;
   }
   .span_11_of_12 {
      width: 100%;
   }
   .span_10_of_12 {
      width: 100%;
   }
   .span_9_of_12 {
      width: 100%;
   }
   .span_8_of_12 {
      width: 100%;
   }
   .span_7_of_12 {
      width: 100%;
   }
   .span_6_of_12 {
      width: 100%;
   }
   .span_5_of_12 {
      width: 66.14%;
   }
   .span_4_of_12 {
      width: 100%;
   }
   .span_3_of_12 {
      width: 100%; /* was 0.66%; */
   }
   .span_2_of_12 {
      width: 100%;
   }
   .span_1_of_12 {
      width: 100%;
   }
}

/* ----------------------------------------------------------
   responsive-visibility.css
   Hide/show elements based on window size
   Source: /web/tracker4/css/always/responsive-visibility.css
   Modified: 2014-03-19 11:14:45
   ---------------------------------------------------------- */

.hidden {
   display: none;
   visibility: hidden;
}
@media only screen and (max-width: 767px) {
   .require-large, .require-medium, .require-medium-large {
      display:none !important;
   }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
   .require-small, .require-large {
      display:none !important;
   }
}
@media only screen and (min-width: 1000px) {
   .require-small, .require-medium, .require-small-medium {
      display:none !important;
   }

}
/* ------------------------------------------------
   advertising.css
   Styles for banner ads
   Source: /web/tracker4/css/always/advertising.css
   Modified: 2019-07-10 15:37:55
   ------------------------------------------------ */


/* ----------------------------------------------
   animation.css
   Special effects
   Source: /web/tracker4/css/always/animation.css
   Modified: 2015-02-03 13:34:51
   ---------------------------------------------- */


/* ---------------------------------------------
   aphosted.css
   AP Hosted News special rules
   Source: /web/tracker4/css/always/aphosted.css
   Modified: 2016-07-29 11:56:18
   --------------------------------------------- */


/* ------------------------------------------
   blogs.css
   Blog content
   Source: /web/tracker4/css/always/blogs.css
   Modified: 2020-07-28 15:07:47
   ------------------------------------------ */


/* ---------------------------------------------
   brackets.css
   Styles for building tournament brackets
   Source: /web/tracker4/css/always/brackets.css
   Modified: 2016-04-25 14:55:05
   --------------------------------------------- */


/* --------------------------------------------
   buttons.css
   Simulated buttons and other controls
   Source: /web/tracker4/css/always/buttons.css
   Modified: 2017-10-20 16:12:07
   -------------------------------------------- */

.button, .smallbutton {
   display:inline-block;
   background-color:yellow;
   border-top:1px solid #fff32c;
   border-left:1px solid #fff32c;
   border-bottom:1px solid #999;
   border-right:1px solid #999;
   padding:0 3px 0 3px;
   margin:5px 5px 5px 5px;
   color:#aa1111;
   cursor:pointer;
}

a.button, a.smallbutton {
   text-decoration:none;
   color:#aa1111;
}

a.button:visited, a.smallbutton:visited {
   color:#aa1111;
}

.smallbutton {
   font-size:0.85em;
}

.minorbutton {
   display:inline-block;
   color:#000;
   background-color:#eee;
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #999;
   border-right:1px solid #999;
   padding:0 3px 0 3px;
   margin:5px 5px 5px 5px;
   font-size:0.85em;
}

.minorbutton:hover {
   background-color:#ccc;
}

.offbutton {
   display:inline-block;
   background-color:#ccc;
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #999;
   border-right:1px solid #999;
   padding:0 3px 0 3px;
   margin:5px 5px 5px 5px;
}

td.controlbuttons {
   /*white-space: nowrap;*/
}
.controlbuttons a {
   color:#1111aa;
}

.controlbuttons a:visited {
   color:#666;
}

.breadcrumbs a {
   color:#555;
}

.usercontrols {
   background-color:#ffeeee;
   margin:0 0 20px 0;
}

.toolbar {
   clear:both;
}

.toolbar li, .toolbutton {
   display:inline-block;
   border:1px solid #eee;
   margin:0 10px 10px 0;
   padding:3px;
}

.toolbar li:hover, .toolbutton:hover {
   background-color:#eee;
}

.toolbar-bottom {
   margin-bottom:15px;
}

.sharer {  /* Toolbar share icons */
   padding-left:4px;
   padding-right:4px;
}

/* ------------------------------------------------
   classifieds.css
   Styles for classifieds and flyer ads
   Source: /web/tracker4/css/always/classifieds.css
   Modified: 2016-01-14 17:50:45
   ------------------------------------------------ */


/* ------------------------------------------------
   collapsible.css
   Collapsible regions
   Source: /web/tracker4/css/always/collapsible.css
   Modified: 2015-10-14 13:51:32
   ------------------------------------------------ */

.details .summary {
   padding:2px 2px 2px 5px;
/* padding:10px 0 0 0; */
}

.uncollapsed .summary {
   cursor:n-resize;
}

.uncollapsed .summary:before, .alwaysopen .summary:before {
   content: "\25BC  ";  /* down arrow */
   color:#888;
/*   color:#662222;*/
}

.collapsed .summary {
   cursor:s-resize;
}

.collapsed .summary:before {
   content: "\25B6  ";  /* right arrow */
   color:#888;
/*   color:#662222;*/
}

/* ---------------------------------------------
   comments.css
   Forum comments
   Source: /web/tracker4/css/always/comments.css
   Modified: 2019-05-30 17:09:22
   --------------------------------------------- */


/* ------------------------------------------------------------
   csscolumns.css
   Styles for laying out elements in two or three equal columns
   Source: /web/tracker4/css/always/csscolumns.css
   Modified: 2017-01-20 13:20:14
   ------------------------------------------------------------ */

/* DESKTOP */
@media (min-width: 800px) {
   /* Half */
   .csscols-normal-desktop-two {
      column-count:2;
      -webkit-column-count:2;
      -moz-column-count:2;
      column-gap:20px;
   }
   .csscols-tight-desktop-two {
      column-count:2;
      -webkit-column-count:2;
      -moz-column-count:2;
      column-gap:0;
   }

   /* Third */
   .csscols-normal-desktop-three {
      column-count:3;
      -webkit-column-count:3;
      -moz-column-count:3;
      column-gap:20px;
   }
   .csscols-tight-desktop-three {
      column-count:3;
      -webkit-column-count:3;
      -moz-column-count:3;
      column-gap:0;
   }

   /* Fourth */
   .csscols-normal-desktop-four {
      column-count:4;
      -webkit-column-count:4;
      -moz-column-count:4;
      column-gap:20px;
   }
   .csscols-tight-desktop-four {
      column-count:4;
      -webkit-column-count:4;
      -moz-column-count:4;
      column-gap:0;
   }

}

/* TABLET */
@media (min-width: 401px) and (max-width: 800px) {
   /* Half */
   .csscols-normal-tablet-two {
      column-count:2;
      -webkit-column-count:2;
      -moz-column-count:2;
      column-gap:20px;
   }
   .csscols-tight-tablet-two {
      column-count:2;
      -webkit-column-count:2;
      -moz-column-count:2;
      column-gap:0;
   }

   /* Third */
   .csscols-normal-tablet-three {
      column-count:3;
      -webkit-column-count:3;
      -moz-column-count:3;
      column-gap:20px;
   }
   .csscols-tight-tablet-three {
      column-count:3;
      -webkit-column-count:3;
      -moz-column-count:3;
      column-gap:0;
   }

   /* Fourth */
   .csscols-normal-tablet-four {
      column-count:4;
      -webkit-column-count:4;
      -moz-column-count:4;
      column-gap:20px;
   }
   .csscols-tight-tablet-four {
      column-count:4;
      -webkit-column-count:4;
      -moz-column-count:4;
      column-gap:0;
   }
}

/* MOBILE */
@media (max-width: 400px) {
   /* Half */
   .csscols-normal-mobile-two {
      column-count:2;
      -webkit-column-count:2;
      -moz-column-count:2;
      column-gap:20px;
   }
   .csscols-tight-mobile-two {
      column-count:2;
      -webkit-column-count:2;
      -moz-column-count:2;
      column-gap:0;
   }

   /* Third */
   .csscols-normal-mobile-three {
      column-count:3;
      -webkit-column-count:3;
      -moz-column-count:3;
      column-gap:20px;
   }
   .csscols-tight-mobile-three {
      column-count:3;
      -webkit-column-count:3;
      -moz-column-count:3;
      column-gap:0;
   }
}

/* -----------------------------------------------
   datepicker.css
   Date picker widget
   Source: /web/tracker4/css/always/datepicker.css
   Modified: 2017-04-19 10:55:34
   ----------------------------------------------- */

.datepicker {
   border:1px solid #555;
   padding:3px;
   background-color:#eee;
   width:99%;
   max-width:500px; /* was 320 */
}

.datepickerpopup {
   position:absolute;
   z-index:2000;
   display:block;
   max-width:360px;
}

.datepicker-shadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/*
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
*/
	z-index: 1000;
	display: none;
}

.datepicker table {
   width:100%;
}

.datepicker tbody {
   background-color:#fff;
}

.datepicker td, datepicker th {
   text-align:center;
   padding:3px;
   width:14.2%; /* one-seventh */
}

.datepicker tbody td {
   border:1px solid #ccc;

}

.datepickernext {
   cursor:e-resize;
   color:#aa1111;
}

.datepickernext span, .datepickerprev span {
   display:block;
   background-color:#ddd;
   border-radius:50%;
}

.datepickernext span:hover, .datepickerprev span:hover {
   background-color:#fffd71;
}

.datepickerprev {
   cursor:w-resize;
   color:#aa1111;
}

.datepicker .today {
/*   background-color:#eee;*/
   font-weight:bold;
}

/*
.datepicker .past {
   color:#aa1111;
}
.datepicker .future {
   color:#11aa11;
}
*/

.datepicker .inactive {
   color:#ccc;
}

.datepicker .active.selected {
   background-color:#ffdddd;
   cursor:pointer;
}

.datepickerselectable .active {
   cursor:copy;
}

.datepickersummary .remove {
   color:#aa1111;
   font-weight:bold;
   cursor:pointer;
   text-align:center;
}

.datepickersummary {
   width:100%;
   max-width:500px;
   border:1px solid #555;
   background-color:#eee;
   margin:10px 0 10px 0;
}

.datepickersummary table {
   width:100%;
}

.datepickersummary td, .datepickersummary th {
   padding:3px;
}

.datepickersummary tbody td {
   border-bottom:1px solid #ccc;
   background-color:#fff;
}

.datepickersummary tfoot {
   font-weight:bold;
   text-align:center;
}

.datepickerstatic a {
   color:#397daa;
/*   color:undefined;*/
}


/* ----------------------------------------------------------
   embeds.css
   Wrapper to make embedded iframes work in responsive design
   Source: /web/tracker4/css/always/embeds.css
   Modified: 2017-09-14 11:12:59
   ---------------------------------------------------------- */


/* -------------------------------------------
   events.css
   Calendar of events styles
   Source: /web/tracker4/css/always/events.css
   Modified: 2016-01-05 09:39:14
   ------------------------------------------- */


/* -----------------------------------------------------------
   footer.css
   Footer
   Source: /web/tracker4/devel/sites/MID/css/always/footer.css
   Modified: 2020-07-21 11:39:44
   ----------------------------------------------------------- */

footer {

}

footer .wrapper {
   max-width:940px;
   margin:0 auto 0 auto;
}

footer .subhead {
   color:#315caf;
   text-transform:uppercase;
}

#footercontact {
   background-color:#e5e5e5;
   background-image:linear-gradient(#e5e5e5, #ededed);
   padding:20px 0 0 0;
}

#footermap {
   width:100%;
   max-width:600px;
}

#toparrow {
   position:absolute;
   left:0;
   right:0;
   width:100px;
   margin:auto; /* see http://stackoverflow.com/questions/252856/center-align-on-a-absolutely-positioned-div */
   top:-40px;
   z-index:10;
}

#footerlinks {
   position:relative;  /* for top arrow */
   background-color:#1B75BC;
   background-image:linear-gradient(#1B75BC, #004f8d);
/*   
   background-color:#d0171e;
   background-image:linear-gradient(#d0171e, #720b0e);
*/
   padding:60px 0 20px 0;
}

#footerlinks a {
   color:#fff;
}

#footerlinks ul li {
   text-transform:uppercase;
   font-size:0.9em;
   line-height:1.4;
}

#footerlinks ul li:first-of-type {
   text-align:center;
   border-bottom:1px solid #fff;
   font-weight:bold;
   font-size:1.1em;
   line-height:1.6;
}

#footercopyright {
   color:#777;
   text-align:center;
   margin:0;
   padding:35px 0 20px 0;
   position:relative;  /* for social icons */
}

#footersocial {
   position:absolute;
   right:100px;
   top:-40px;
   z-index:9;
}

#footersocial img {
   max-width:75px;
}

@media only screen and (max-width:999px) {
   footer .col {
      width:100%;
   }
}

/* --------------------------------------------------
   form-required.css
   Styling of required form fields
   Source: /web/tracker4/css/always/form-required.css
   Modified: 2015-11-25 15:31:19
   -------------------------------------------------- */

.required label:first-child:before {
   /* need "first-child" to prevent selecting sub-labels for radio buttons */
   color:#aa1111;
   content:"* ";
}

.required.form-checkbox label:before {
   /* special case for checkboxes */
   color:#aa1111;
   content:"* ";
}


/* -----------------------------------------
   form.css
   Generic fill-out form styles
   Source: /web/tracker4/css/always/form.css
   Modified: 2019-05-13 16:28:11
   ----------------------------------------- */

@media only screen and (max-width: 600px) {
   select, textarea, input {
	   width:99%;
      max-width:400px;
   }
   input[type=checkbox], input[type=radio] {
      width:auto;
      max-width:none;
   }
   textarea {
      height: 150px;
   }
}

textarea, input { /* Prevent boxes from exceeding available space */
   max-width:99%;
}

label {
   font-weight:bold;
   display:block;
   margin:10px 0 0 0;
}

label.postlabel {
   display:inline;
}

label.notbold {
   font-weight:normal;
}

.note {
   font-size:0.9em;
   color:#444;
}

.fielderrors {
   color:#aa1111;
   background-color:#fff600;
}

.fieldwarnings {
   color:#333;
   background-color:#f8ff85;
}

.fieldnotices {
   color:#333;
   background-color:#ffdddd;
}

.fieldinfo {
   color:#333;
   background-color:#eeffee;
}

.fieldsuccess {
   color:#333;
   background-color:#bdffb9;
}

fieldset {
   padding:10px 0 10px 0;
   border-bottom:0; border-left:0; border-right:0;
   margin:10px 0 0 0;
}

legend, .legend {
   color:#aa1111;
   background-color:#ffeeee;
   font-size:1.3em;
   width:99%;
}

legend.simple {
   background:none;
}

.nomargin {
   margin:0 0 0 0;
}

.nomarginabove {
   margin-top:0;
}

.makeitso {
   padding:5px;
   margin:10px 0 10px 0;
}

.makeitso input {
   font-size:1.2em;
}

.makeitso.important {
   border:1px solid #aa1111;
   display:inline-block;
}

.makeitso .goforward {
   border:1px solid #aa1111;
   padding:3px;
   display:inline-block;
}

.makeitso .goback {
   padding:3px;
   display:inline-block;
}

.form-checkbox {
   margin-top:10px; /* Necessary because checkbox label is declared inline below and doesn't have margin */
}

.form-checkbox label {
   display:inline; /* Necessary to make label line up with checkbox on small screens */
   padding:0 0 0 5px;
}

.form-checkbox input {
   vertical-align:text-top;
}

.form-checkbox {
   /* Since we're not using inline-block on the label, the label doesn't have a margin below,
      so we must inject one here */
   margin-bottom:10px;
}

/* Inline forms */
.inlineform {
   background-color:#bbbbbb;
   padding:5px;
   margin:0 0 0 0;
}

.inlineform.transparent {
   background:none;
}

.inlineform label {
   display:inline-block;
   padding:0 5px 0 5px;
   margin:0;
}

.inlineform .control-group {
   display:inline-block;
}

.inlineform .makeitso {
   display:inline-block;
   border:1px solid #777;
   padding:3px;
   background-color:#bbb;
   margin:0;
}

.inlineform .form-multiphoto, .inlineform .form-photo {
   padding-bottom:5px; /* Breathing room around form upload selector */
}

.admin-mode .inlineform .makeitso {
   margin:0;
}

.formpreview {
   border-bottom:1px solid #ccc;
}

/* Inline prev/next form and bar */
.prevnextform {
   display:flex;
   align-items:center;
   padding:5px;
}

.prevnextform .prev {
   flex:1 1 auto;
}

.prevnextform .next {
   flex:1 1 auto;
   text-align:right;
}

.prevnextform .prev a, .prevnextform .next a {
   color:#000;
}

.prevnextform .jumper {
   text-align:center;
   flex:3 1 auto;
}

.prevnextform label {
   display:inline-block;
   padding:0 0 0 0;
   margin:0;
}

.prevnextform .makeitso {
   display:inline-block;
   margin:0;
}

/* Miscellaneous form elements */
.bareform {
   display:inline-block;
}

.alert {
   background-color:#ffe3e3;
   border:3px dashed #aa1111;
   padding:10px;
   margin:10px 0 10px 0;
   font-size:1.3em;
   color:#000;
}

.notice {
   background-color:#feffb9;
   border:2px dashed #f4731e;
   padding:5px;
   margin:5px 0 5px 0;
   font-size:1.1em;
   color:#000;
}

/* Form elements */

.sortablelist {
   border:3px dashed #993333;
   padding:5px;
   margin:2px 0 2px 0;
}

.sortablelist li {
   border:1px solid #333;
   padding:5px;
   background-color:#eee;
   margin:5px 5px 10px 0px;
   list-style:none;
   cursor:ns-resize;
}

.sortablelist li .remove {
   cursor:pointer;
   float:right;
   color:white;
   background-color:#aa1111;
}

.chooser-default {
   border:1px solid #ccc;
   display:none;
}

.chooser-default li {
   display:inline-block;
   width:24%;
   cursor:pointer;
   margin:2px;
}
.chooser-default li:hover {
   outline:2px solid red;
}

.fileremovebutton {
   display:inline-block;
   vertical-align:top;
   margin-left:10px;
}

.form-checkboxtree li ul {
   margin-left:25px;
}

.form-checkboxtree input {
   margin-right:5px;
}

.sidebyside {
   display:inline-block;
   margin-right:10px;
}

/* -------------------------------------------
   forums.css
   Forum threads page and widget styles
   Source: /web/tracker4/css/always/forums.css
   Modified: 2017-03-10 11:53:42
   ------------------------------------------- */


/* ----------------------------------------------
   galleries.css
   Photo gallery standalone page styles
   Source: /web/tracker4/css/always/galleries.css
   Modified: 2020-08-12 16:15:27
   ---------------------------------------------- */


/* -----------------------------------------------------------
   header.css
   Header/masthead
   Source: /web/tracker4/devel/sites/MID/css/always/header.css
   Modified: 2020-07-21 13:46:12
   ----------------------------------------------------------- */

header {
   width:100%;
   background-color:#eee;
/*   border-top:solid 1px #f2f2f2;*/
   min-height:100px;
/*   margin-bottom:20px;*/
}

header .wrapper {
   max-width:940px;
   margin:0 auto 0 auto;
/*   padding-top:30px;*/
}

header a {
   font-size:15px;
   /*font-weight:600;*/
   color:#21367c;
}

#pulldownmenu li:hover a {
   /*color:#ed1c24;*/
}

.admin-mode .headerfix {
   clear:both;
   margin-top:50px;
}

#pulldownmenu .phone a {
   color:#000;
}

/*
@media only screen and (max-width: 499px) {
   header {
      margin-bottom:0;
   }
}
*/

@media only screen and (min-width:940px) {
   .user-mode header {
      position:fixed;
      top:0;
      left:0;
      z-index:20;
   }

   header .logo {
      position:absolute;
      margin-left:10px;
/*      width:160px;*/
/*      box-shadow:0 0 10px rgba(0,0,0,0.6);*/
   }

   .user-mode .headerfix {
      clear:both;
      margin-top:150px;
   }
   #pulldownmenu ul {
      margin:40px 50px 0 0;
      display:block;
      float:right;
/*      position:relative;  */
/*      top:10px;  */
   }
   #pulldownmenu ul li {
      float:left;
      margin:0 10px 0 10px;
   }
   .user-mode .hero, .user-mode .fronthero {
      margin-top:-60px;
   }
/*
   #pulldownmenu ul li.active {
      border-bottom:2px solid #21367c;
   }
*/
}

@media only screen and (max-width:939px) {
   header .logo {
      float:none;
      width:100%;
      max-width:200px;
      margin:0 auto 0 auto;

   }
/*
   #pulldownmenu ul {
      padding-top:20px;
      width:100%;
   }
   #pulldownmenu ul li {
      display:inline-block;
      padding:0 10px 0 10px;
      width:40%;
      height:30px;
   }
   #pulldownmenu ul li.active {
      background-color:#bbb;
   }
*/
}

/* ------------------------------------------------------
   layouts.css
   Styles for each page layout template
   Source: /web/tracker4/sites/MID/css/always/layouts.css
   Modified: 2015-07-29 15:23:45
   ------------------------------------------------------ */

main .wrapper {
   width:100%;
}

.no-widgets .zone2 .content {
   margin:2% 2% 2% 2%;
   padding-bottom:2%;
}

.no-widgets.no-padding .zone2 .content {
   margin:0;
}

.module-story .zone3 {
   padding-left:20px;
}

.no-widgets main .wrapper {
   background-color:#fff;
}

.layout-one-column main, .layout-two-column-widgets main {
   max-width:940px;
   margin-left:auto;
   margin-right:auto;
}

.layout-one-column .headtitle, .layout-one-column-widgets .headtitle, .layout-two-column-widgets .headtitle {
   max-width:940px;
   margin:0 auto 20px auto;
}

.layout-unlimited .headtitle {
   margin:0 2% 0 2%;
}


/* Full-width widgets */
.wfull > .w {
   width:100%;
}

.wfull > .win {
   max-width:940px;
   margin-left:auto;
   margin-right:auto;
}

.wfull.bleed > .win { /* Allow widgets to span entire page */
   max-width:100%;
}

.wfull.w-fixedimage > .win {
   max-width:100%;
}

.wfull.w-carousel > .win {
   max-width:100%;
}

.wfull.w-fixedimage .fixedimage-inside {
   max-width:940px;
   margin-left:auto;
   margin-right:auto;
}

/*
@media only screen and (max-width:939px) {
   .w-content {
      padding-left:10px;
      padding-right:10px;
   }
}
*/
/* ---------------------------------------------------------
   menu.css
   Top menu navigation
   Source: /web/tracker4/devel/sites/MID/css/always/menu.css
   Modified: 2020-07-21 13:47:14
   --------------------------------------------------------- */

.menubar {
   width:100%;
/*   background-color:#fff;*/
}

#pulldownmenu {
   font-size:16px;
   max-width:1000px;
   width:100%;
   margin:0 auto 0 auto;
}

.menuitems {
   padding:0;
   margin:0 !important;
   width:100%;
}

.menuitems img {
   vertical-align:text-bottom;
}

#pulldownmenu .menuitems {
/*   background-color:#fff;*/
}

#pulldownmenu .menuitems li.selected {
   background-color:#f4f4f4;
}

#pulldownmenu .menuitems a:hover {
   color:#fff;
   background-color:#777;
}

#pulldownmenu .menuitems ul {
   list-style-type:none;
}

#pulldownmenu .menuitems li {
   margin:0;
   text-decoration:none;
}

#pulldownmenu .menuitems a {
   text-decoration:none;
   padding:0 10px 0 10px; /* was 7 */
   /*color:#005496;*/
}

#pulldownmenu .menuitems li ul {
   margin:0 !important;
}

#pulldownmenu .menuitems li li {
   border:none;
   text-transform:none;
   letter-spacing:normal;
}

/*
#pulldownmenu li.active > a {
   background-color:#ddd;
}
*/

#pulldownmenu ul li.active > a {
   font-weight:bold;
}

@media only screen and (min-width:940px) {
   #pulldownmenu .menuitems li:hover ul {
      border-top:1px solid #999;
      border-right:1px solid #555;
      border-bottom:1px solid #555;
      border-left:1px solid #999;
   }

   #pulldownmenu .menuitems {
      height:50px;
   }
   #pulldownmenu .menuitems ul {
      /*margin:0 !important;*/
      padding:0 0 0 0;

   }
   #pulldownmenu .menuitems li {
      height:40px;
      padding:10px 0 0 0;
      float:left;
   }
   #pulldownmenu .menuitems li {
      background-color:#eee;
   }
   #pulldownmenu .menuitems a {
      display:block;
      /*border-right:1px solid #ccc;*/
   }
   #pulldownmenu .menuitems li ul {
      display:none;
   }
   #pulldownmenu .menuitems li:hover ul {
      visibility:visible;
      display:block;
      position:absolute;
      z-index:10;
      width:300px; /* was 250 */
      padding:0;
      margin:0 !important;
   }
   #pulldownmenu .menuitems li li {
      padding:0;
      width:300px; /* was 250 */
      height:30px;
   }
   #pulldownmenu .menuitems li li a {
      text-overflow:ellipsis;
      white-space:nowrap;
      overflow:hidden;
   }
   #pulldownmenu li.havesubmenu > a:after {
      content: "  \25BC";
      color:#999;
      /*color:#1B75BC;*/
   }
   #pulldownmenu li.havesubmenu > a:hover:after {
      color:#fff;
   }


   #pulldownmenutoggle {
      display:none;
   }
}

@media only screen and (max-width:939px) {
   #pulldownmenu .menuitems {
      display:none;
   }
   #pulldownmenu .menuitems li {
      margin:0;
      padding:5px;
      display:block;
   }
   #pulldownmenu .menuitems > ul > li {
      clear:both;
   }
   #pulldownmenu .menuitems > ul > li > a {
      font-weight:bold;
      font-size:1.3em;
   }
   #pulldownmenu .menuitems li li {
      padding:5px;
      border:none;
      font-size:1.1em;
      /*display:inline-block;*/
   }
   #pulldownmenu .menuitems li li:last-child {
      border-right:0;
   }
   #pulldownmenutoggle {
      padding:10px 0 10px 0;
      font-size:1.3em;
      width:100%;
      cursor:ns-resize;
      background-color:#555;
      color:#fff;
   }
   #pulldownmenutoggle div {
      color:#fff;
      float:right;
      padding:0 20px 0 0;
   }
   #pulldownmenutoggle p {
      padding:0;
      margin:0 0 0 10px;
   }
}

/* --------------------------------------------
   paywall.css
   Styles for paywall messaging
   Source: /web/tracker4/css/always/paywall.css
   Modified: 2019-07-30 14:05:28
   -------------------------------------------- */


/* ------------------------------------------
   polls.css
   Poll question styles
   Source: /web/tracker4/css/always/polls.css
   Modified: 2015-10-27 15:43:54
   ------------------------------------------ */


/* -------------------------------------------
   popups.css
   Lightbox/pop-up dialog box styles
   Source: /web/tracker4/css/always/popups.css
   Modified: 2020-03-27 16:45:30
   ------------------------------------------- */

.popup {
   min-height: 20px;
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.popup-noshadow {
   /* ugly hack for non-rectangular popups */
   box-shadow:none !important;
}

.popup-dialog {
   background-color: #fff;
   padding:0;
   margin:0;
}

.popup-photo {
   padding:0;
   margin:0;
   cursor:-webkit-zoom-out;cursor:zoom-out;
}

.popup-photo img {
   max-height:100%;
   width:auto; /* Necessary to maintain aspect ratio */
}

.popuplauncher {
   cursor:-webkit-zoom-in;cursor:zoom-in;
}

/*
.popup_wrapper {
   cursor:-webkit-zoom-out;cursor:zoom-out;
}
*/

.popxbutton {
   /* See: http://bryanhadaway.com/how-to-create-circles-with-css/ */
   position:absolute;
   display:inline-block;
   width:30px;
   height:30px;
   margin:0;
   padding:0;
   background-color:#aa1111;
   color:#fff;
   border-radius:50%;
   border: 1px solid black;
   font-size:25px;
   font-weight:bold;
   line-height:30px;
   cursor:pointer;
   text-align:center;
   box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.popxbutton:before {
   content:"\00d7"; /* multiplication symbol */
}

.popclose {
   cursor:pointer;
}

@media (max-width: 499px) {
   .popup-dialog {
      width:100%;
      max-width:350px;
      border:1px solid #000;
   }
   .popup-dialog .dialoginside {
      margin:10px 10px 10px 10px;
   }
	.popxbutton {
		top:-15px;
		right:1px;
	}
}

@media (min-width: 500px) {
   .popup-dialog {
      width:100%;
      max-width:500px;
      border:3px solid #000;
   }
   .popup-dialog .dialoginside {
      margin:20px 20px 20px 20px;
   }
	.popxbutton {
		top:-15px;
		right:-15px;
	}
}

/* ----------------------------------------------------
   print.css
   Styles specific for hard-copy printing
   Source: /web/tracker4/sites/MID/css/always/print.css
   Modified: 2015-03-25 14:03:51
   ---------------------------------------------------- */

@media print {
   body {
      background-color:white;
   }
   #canvas {
      max-width:100%;
   }
   nav {
      display:none;
   }
   .layout-two-column .first {
      width:100%;
   }
   .layout-two-column .second {
      display:none;
   }
   #adminbar {
      display:none;
   }
   #footerlinks, #footersocial, #topbar, .services, .w-fixedimage {
      display:none;
   }
}

/* -------------------------------------------
   reader.css
   Online Reader
   Source: /web/tracker4/css/always/reader.css
   Modified: 2014-05-29 10:40:26
   ------------------------------------------- */


/* -----------------------------------------------
   realestate.css
   General real estate related properties
   Source: /web/tracker4/css/always/realestate.css
   Modified: 2017-10-19 17:30:09
   ----------------------------------------------- */


/* --------------------------------------------
   stories.css
   Story content
   Source: /web/tracker4/css/always/stories.css
   Modified: 2020-05-21 10:38:49
   -------------------------------------------- */

.byline {
   color:#888888;
}

.pubdate {
   color:#888888;
}

.pubdate strong {
   /*color:#aa1111;*/
   color:undefined;
   font-weight:normal;
   font-size:0.9rem;
}

.story .kicker {
   color:#888888;
   letter-spacing:2px;
   text-transform:uppercase;
   margin-top:5px;
}

.text {
   margin:10px 0 0 0;
}

.columnistheader {
   padding:5px;
/*   border-bottom:1px solid #ccc;*/
/*   background-color:#eee;*/
}

.columnistbyline {
   font-size:1.1em;
   font-weight:bold;
}

.columnistlabel {
   font-size:1.1em;
   font-weight:bold;
   color:#000;
}

.columnistmugshot {
   margin:0 10px 5px 0;
}

.columnistbio {
   color:#777;
   font-size:0.9em;
}

.story hr, .blogcopy hr {
   height:1px;
   color:#ccc;
   background-color:#ccc;
   border:0;
   clear:both;
}

.storydisclaimer {
   background-color:#fffe8d;
   border:2px dashed #333;
   margin:15px 0 15px 0;
   padding:5px;
}

.storysection {
   border-top:1px solid #aaa;
   margin-top:10px;
   margin-bottom:20px;
   clear:both;
}

.storysection h2 {

}

.pertaddresses {
   font-size:0.8em;
   margin:5px 0 5px 0;
}

.pertaddresses img {
   vertical-align:middle;
}

.agate {
   margin-bottom:15px;
}

.agate td {
   padding:3px;
   border: 1px solid #999;
}

.agate table {
  border-collapse: collapse;
}

/* Story photos */
@media (min-width: 600px) {
   .storyphoto-SR {
      float:right;
      margin:0 0 15px 15px;
      font-size:0.8em;
      max-width:150px;
      clear:both;
   }

   .storyphoto-SL {
      float:left;
      margin:0 15px 15px 0;
      font-size:0.8em;
      max-width:150px;
      clear:both;
   }

   .storyphoto-MR {
      float:right;
      margin:0 0 15px 15px;
      font-size:0.9em;
      max-width:249px;
      clear:both;
   }

   .storyphoto-ML {
      float:left;
      margin:0 15px 15px 0;
      font-size:0.9em;
      max-width:249px;
      clear:both;
   }

   .storyphoto-MC {
      float:none;
      margin:0 auto 15px auto;
      clear:both;
   }

   .storyphoto-LC {
      float:none;
      margin:0 0 15px 0;
      clear:both;
   }

   .storyphoto-HC {
      float:none;
      margin:0 0 15px 0;
      clear:both;
   }

   .storyphoto-AC {
      float:none;
      margin:0 0 15px 0;
      clear:both;
   }

   /*experimental:*/
   .storyphoto img {
      display:block;
      margin:0 auto 0 auto;
   }
}

@media only screen and (max-width: 599px) {
   .storyphoto-SR {
      float:none;
      margin:0 0 15px 0;
   }

   .storyphoto-SL {
      float:none;
      margin:0 0 15px 0;
   }

   .storyphoto-MR {
      float:none;
      margin:0 0 15px 0;
      font-size:0.9em;
   }

   .storyphoto-ML {
      float:none;
      margin:0 15px 15px 0;
      font-size:0.9em;
   }

   .storyphoto-MC {
      float:none;
      margin:0 0 15px 0;
   }

   .storyphoto-LC {
      float:none;
      margin:0 0 15px 0;
   }

   .storyphoto-AC {
      float:none;
      margin:0 0 15px 0;
   }

}

.withdetails {
   background-color:#eee;
}

.layout-one-column-dark .withdetails {
   background-color:#222;
}

.storyphoto .caption, .storyphoto .credit {
   padding:0 5px 0 5px;
   font-size:0.9em;
}

.storyphoto .credit {
   color:#676767;
   font-size:0.9em;
}

.storyphoto .minorbutton {
   color:#444;
}
/*
.storyphoto .controls a {
   display:inline-block;
   border:1px solid #ccc;
   color:#444;
   padding:3px 5px 3px 5px;
   margin-bottom:3px;
   font-size:0.8em;
}
*/

.story .w {
   margin-bottom:10px;
}

.storywidgets-constrained {
   max-width:940px;
   margin:0 auto;
}

.storywidgets-below {
   margin-top:20px;
   margin-bottom:5px;
}

.story-comments {
   max-width:640px;
}

.dropcap {  /* see https://css-tricks.com/snippets/css/drop-caps/ */
   float: left;
   font-size: 75px;
   line-height: 60px;
   padding-top: 4px;
   padding-right: 8px;
   padding-left: 3px;
}

/* Long form layout */
@media not print {
   .story .fixedimage-inside .byline {
      color:#fff;
      font-size:1.2em;
      text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
      margin-top:10px;
   }
   .story .fixedimage-inside h1 {
      color:#fff;
      text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
      font-size:3.0em;
      max-width:900px;
      margin:0 auto;
   }

   .longformleadphoto {
      height:600px;
      margin-left:-10px;
      margin-right:-10px
   }
}

@media only screen and (min-width: 800px) {
   .story-layout-longform .storyphoto-MR {
      margin-right:-120px;
   }
   .story-layout-longform .storyphoto-ML {
      margin-left:-120px;
   }
}

.longformleadphotocaption {
   margin:7px;
   max-width:1000px;
   color:#777;

}
.longformleadphotocaption:before {
   content: "\25B2  ";  /* up arrow */
   color:#888;
}

.longformwithoutphoto {
   max-width:700px;
   margin:30px auto;
   text-align:center;
}

.longformwithoutphoto h1 {
   font-size:2.6em;
}

.longformwithoutphoto .byline {
   font-size:1.2em;
}

.sponsoredkicker {
   text-transform:uppercase;
   letter-spacing:1px;
   color:#777;
}

/* Reporter info */
.reporterinfo {
/*
   background-color:#eee;
   padding:10px;
*/
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   padding-top:10px;
   padding-bottom:20px;
   margin-top:10px;
   margin-bottom:20px;
}

.reporterinfo .headshot {
   padding-right:10px;
}

.reporterinfo .reportername {
   font-weight:bold;
}

/* TEST:Byline block */
.bylineblock a {
   color:#888888;
}

.bylineblock .byline {
   padding-top:10px;
}

.bylineimg {
   width:64px;
   height:64px;
   border-radius:50%;
}

.page-contactus .w:target .winc {
   color:#aa1111;
/*   background-color:#fff195; */
/*   border:1px dashed #aa1111; */
}

.page-contactus .w:target .winc a {
   color:#aa1111;
}
/* END TEST */


/* -------------------------------------------
   tables.css
   Sortable data tables
   Source: /web/tracker4/css/always/tables.css
   Modified: 2018-09-14 16:20:48
   ------------------------------------------- */

.fancytable {
   border-spacing:2px 2px;
   border-collapse: separate;
}

.fancytable tbody tr:nth-of-type(odd) {
   background-color:#eee;
}

.fancytable th {
   padding:2px 10px 2px 10px;
}

.fancytable td {
   padding:2px 10px 2px 10px;
   vertical-align:top;
}

.fancytable label {
   margin-top:0px;
}

table.concise td {
   font-size:0.9em;
}

table.sortable th.sorting {
/* background-color:#eee;
   color:#666666; */
   font-weight:bold;
   cursor:s-resize;
}

.linedtable {
   border-spacing:2px 2px;
   border-collapse:collapse;
}

.linedtable td {
   border:1px solid #000;
   padding:3px;
}

.tdright {
   text-align:right;
}

.cellright {
   text-align:right;
}

.tdfilled {
   /* For data_table cells filled with text, prevent from overtaking rest of table */
   font-size:0.9em;
   max-width:360px;
}

@media only screen and (max-width: 500px) {
   .cellright {
      text-align:left;
   }
}


/* ----------------------------------------------------
   taboola.css
   Styles for Taboola in-story native advertising units
   Source: /web/tracker4/css/always/taboola.css
   Modified: 2017-03-10 15:25:46
   ---------------------------------------------------- */


/* ---------------------------------------------------
   text.css
   Fonts and colors
   Source: /web/tracker4/sites/MID/css/always/text.css
   Modified: 2016-02-15 10:27:47
   --------------------------------------------------- */

body {
   font-family: "open-sans",sans-serif;
   color:#727272;
   font-size:14px;
   text-decoration:none;
   list-style:none;
   line-height:1.6;
}

h1 {
   font-family: "bebas-neue",sans-serif;
   font-size:35px;
   margin:0;
   padding:10px 0 5px 0;
   font-weight:300;
   letter-spacing:2px;
   line-height:1.3;
}

h2 {
   font-family: "bebas-neue",sans-serif;
   font-size:25px;
   padding:5px 0 0 0;
   margin:10px 0 5px 0;
   font-weight:300;
   letter-spacing:1px;
   line-height:1.4;
}

.wt {
   font-family: "bebas-neue",sans-serif;
   font-size:32px;
   color:#777;
   letter-spacing:1px;
}

.wtb {
   font-family: "bebas-neue",sans-serif;
   letter-spacing:1px;
   font-size:1.2em;
}



/* ---------------------------------------------
   tooltips.css
   Low-budget tooltips
   Source: /web/tracker4/css/always/tooltips.css
   Modified: 2016-08-24 11:18:03
   --------------------------------------------- */

/* From: http://forrst.com/posts/Simple_pure_CSS_tooltip_with_arrow-BkY */

.tooltip {
   display:inline;
   position:relative;
}
.tooltip:hover {
   text-decoration:none;
}
.tooltip:hover:after {
   background:#111;
   background:rgba(0,0,0,.8);
   border-radius:5px;
   bottom:18px;
   color:#fff;
   content:attr(data-tooltip);
   display:block;
   left:50%;
   padding:5px 15px;
   position:absolute;
   /*white-space:nowrap;*/
   z-index:98;
   width:340px; /* FIXME:Consider switching to max-width? */
}
.tooltip:hover:before {
   border:solid;
   border-color:#111 transparent;
   border-width:6px 6px 0 6px;
   bottom:12px;
   content:"";
   display:block;
   left:75%;
   position:absolute;
   z-index:99;
}

/* ---------------------------------------------
   userline.css
   Login and registration info
   Source: /web/tracker4/css/always/userline.css
   Modified: 2017-05-23 13:15:51
   --------------------------------------------- */


/* -------------------------------------------------
   widget-blogs.css
   Blogs widget styles
   Source: /web/tracker4/css/always/widget-blogs.css
   Modified: 2017-08-31 10:13:10
   ------------------------------------------------- */


/* ----------------------------------------------------
   widget-carousel.css
   Carousel/slider styles
   Source: /web/tracker4/css/always/widget-carousel.css
   Modified: 2016-10-20 15:27:02
   ---------------------------------------------------- */


/* ----------------------------------------------------
   widget-comments.css
   Comments list widget styles
   Source: /web/tracker4/css/always/widget-comments.css
   Modified: 2016-02-23 16:38:11
   ---------------------------------------------------- */


/* ---------------------------------------------------
   widget-content.css
   WYWSIWYG content widget styles
   Source: /web/tracker4/css/always/widget-content.css
   Modified: 2016-04-05 16:04:49
   --------------------------------------------------- */

.w-content ul {
   list-style:disc outside;
   margin:0;
   padding:0 0 0 1.5em;
}

.w-content ol {
   list-style-position:outside;
   padding:0 0 0 1.5em;
   margin-bottom:10px;
}

.w-content table td {
   border:1px solid #ccc;
   padding:2px 4px 2px 4px;
}


/* ----------------------------------------------------
   widget-database.css
   Custom Database panel styles
   Source: /web/tracker4/css/always/widget-database.css
   Modified: 2016-01-14 15:30:13
   ---------------------------------------------------- */


/* ----------------------------------------------------
   widget-election.css
   Election Results widget
   Source: /web/tracker4/css/always/widget-election.css
   Modified: 2020-10-05 16:49:23
   ---------------------------------------------------- */


/* --------------------------------------------------
   widget-events.css
   Event list widget
   Source: /web/tracker4/css/always/widget-events.css
   Modified: 2016-01-05 09:39:05
   -------------------------------------------------- */


/* --------------------------------------------------------
   widget-eventssearch.css
   Event search bar widget
   Source: /web/tracker4/css/always/widget-eventssearch.css
   Modified: 2015-07-17 14:17:17
   -------------------------------------------------------- */


/* -------------------------------------------------
   widget-feeds.css
   Feeds widget styles
   Source: /web/tracker4/css/always/widget-feeds.css
   Modified: 2017-10-02 14:22:19
   ------------------------------------------------- */


/* ------------------------------------------------------
   widget-fixedimage.css
   Fixed Image widget styles
   Source: /web/tracker4/css/always/widget-fixedimage.css
   Modified: 2016-04-11 16:56:39
   ------------------------------------------------------ */

@media only screen and (min-width: 767px) {
   .fixedimage {
      background-repeat:no-repeat;
   }

   .fixedimage-fixed {
      background-attachment:fixed;
   }
   .fixedimage-scroll {
      background-attachment:scroll;
   }
   .fixedimage-pos-a {
      background-position:0% 0%;
      background-size:cover;
   }
   .fixedimage-pos-b {
      background-position:50% 50%;
      background-size:cover;
   }
   .fixedimage-pos-c {
      background-position:50% -360px;
      background-size:cover;
   }
   .fixedimage-pos-d {
      background-position:50% -75px;
      background-size:cover;
   }
   .fixedimage-pos-e {
      background-position:0% 0%;
      background-size:contain;
   }
   .fixedimage-pos-f {
      background-position:0% -50%;
      background-size:contain;
   }
}
@media only screen and (max-width: 766px) {
   .fixedimage {
      background-size:cover;
      background-repeat:no-repeat;

      /*experiment*/
      background-position:center;

   }
}

@media only screen and (min-width: 940px) {
   .user-mode .fixedimage-overlay {
      width:940px;
   }
   .user-mode .w-divider .fixedimage-overlay {
      width:100%;  /* Special case for widgets set side-by-side within a divider */
   }
   .user-mode .fixedimage-overlay-bottom {
      position:relative;
      margin:0 auto 0 auto;
   }
   .user-mode .fixedimage-overlay-bottom .fixedimage-inside {
      position:absolute;
      bottom:50px;
   }
   .user-mode .fixedimage-overlay-middle {
      display: table;  /* see http://stackoverflow.com/questions/12157992/how-do-i-vertically-center-align-a-positionrelative-element */
      margin:0 auto 0 auto;
   }
   .user-mode .fixedimage-overlay-middle .fixedimage-inside {
      display: table-cell; /* What an ugly hack */
      vertical-align: middle;
      position:relative;
   }
   .user-mode .fixedimage-overlay-normal {
      position:relative;
      margin:0 auto 0 auto;
   }
   .user-mode .fixedimage-overlay-normal .fixedimage-inside {
      position:absolute;
      top:50px;
   }
}

@media only screen and (max-width: 939px) {
   .user-mode .fixedimage-overlay-middle {
      display: table;
      margin:0 auto 0 auto;
      width:100%;
   }
   .user-mode .fixedimage-overlay-middle .fixedimage-inside {
      display: table-cell;
      vertical-align: middle;
   }

   .user-mode .fixedimage-overlay-bottom {
      position:relative;
   }
   .user-mode .fixedimage-overlay-bottom .fixedimage-inside {
      position:absolute;
      bottom:25px;
/*      left:20px;
      right:20px;*/
   }
}

/* ------------------------------------------------------
   widget-fixedvideo.css
   Fixed Video widget styles
   Source: /web/tracker4/css/always/widget-fixedvideo.css
   Modified: 2016-04-11 16:54:20
   ------------------------------------------------------ */


/* -----------------------------------------------------
   widget-galleries.css
   Photo Gallery widget styles
   Source: /web/tracker4/css/always/widget-galleries.css
   Modified: 2016-04-13 17:31:52
   ----------------------------------------------------- */


/* -----------------------------------------------------
   widget-headlines.css
   Headlines (stories) widget styles
   Source: /web/tracker4/css/always/widget-headlines.css
   Modified: 2019-06-21 11:30:29
   ----------------------------------------------------- */

.catlabel {
   color:#999;
}

.lists-stories-pin-stack-medium {
   width:100%;
}

.lists-stories-pin-stack-medium .pin {
   width:200px;
   padding:15px;
   float:left;
}

.lists-stories-standard .headline {
   font-size:1.4em;
}

.lists-stories-search-result .headline {
   font-size:1.4em;
}

.lists-stories-photo-above .photo {
   text-align:center;
}

.lists-stories-photo-above .headline {
   font-size:1.4em;
}

.lists-stories-photo-above-split-headline-lead .headline {
   font-size:1.4em;
}

@media only screen and (min-width: 800px) {
   .lists-stories-photo-left-half .thephoto {
      display:inline-block;
      width:49%;
      text-align:center;
      vertical-align:top;
   }
   .lists-stories-photo-left-half .thelead {
      display:inline-block;
      width:49%;
      vertical-align:top;
      margin:0 0 0 10px;
   }
}

@media only screen and (max-width: 600px) {
   .lists-stories-standard-photo-left .thumbleft {
      float:none;
      max-width:99%;
      display:block;
      border-top:1px solid #aaa;
      margin:0 0 10px 0;
      padding-top:10px;
   }
   .lists-stories-standard .thumbright {
      float:none;
      max-width:99%;
      display:block;
      margin:0 0 10px 0;
      border-top:1px solid #aaa;
      padding-top:20px;
   }
}

.lists-stories-photo-left-half .headline {
   font-size:1.6em;
   margin:0 0 10px 0;
}

.lists-stories-photo-left-half .byline {
   margin:0 0 10px 0;
}

/* For Mixer widget */
.lists-stories.explore .kind {
   text-transform:uppercase;
   color:#549ac4;
}

.lists-stories.explore .pubdate {
   padding-left:10px;
   color:#777;
}

@media only screen and (max-width: 600px) {
   .lists-stories.explore .default {
      display:none !important;
   }
   .lists-stories.explore img {
      max-width:320px;
   }
}


/* For Blogs, Headlines, and Columnist widgets styles with mugshots on left: */
.lineup .by {
   font-size:1.2em;
   padding-bottom:2px;
}

.lineup .by a {
   /*color:#888;*/
}

.lineup img {
/*   margin:0 7px 7px 0;*/
   max-width:33%;
}



/* ---------------------------------------------------------
   widget-linkdirectory.css
   Link Directory widget styles
   Source: /web/tracker4/css/always/widget-linkdirectory.css
   Modified: 2016-10-21 13:22:24
   --------------------------------------------------------- */


/* --------------------------------------------------
   widget-matrix.css
   Matrix widget styles
   Source: /web/tracker4/css/always/widget-matrix.css
   Modified: 2017-04-20 11:14:02
   -------------------------------------------------- */

/* New version using calc() with 20px for whitespace between items */
.wn-matrix {
   box-sizing: border-box;
}

/* DESKTOP */
@media (min-width: 1000px) {
   /* Half */
   .w-matrix-normal-desktop-two .wn-matrix {
      display:inline-block;
      width:calc(50% - 10px); /* 20 x 1 / 2 = 10.0px */
   }
   .w-matrix-tight-desktop-two .wn-matrix {
      display:inline-block;
      width:50%;
   }
   .w-matrix-normal-desktop-two .wn-matrix:nth-child(odd) {
      margin-right:20px;
   }

   /* Third */
   .w-matrix-normal-desktop-three .wn-matrix {
      display:inline-block;
      width:calc(33.3% - 14px); /* 20 x 2 / 3 = 13.3px (must round up) */
      margin-right:20px;
   }
   .w-matrix-tight-desktop-three .wn-matrix {
      display:inline-block;
      width:33.3%;
   }
   .w-matrix-normal-desktop-three .wn-matrix:nth-child(3n+3) {
      margin-right:0;
   }

   /* Quarter */
   .w-matrix-normal-desktop-four .wn-matrix {
      display:inline-block;
      width:calc(25% - 15px); /* 20 x 3 / 4 = 15.0px */
      margin-right:20px;
   }
   .w-matrix-tight-desktop-four .wn-matrix {
      display:inline-block;
      width:25%;
   }
   .w-matrix-normal-desktop-four .wn-matrix:nth-child(4n+4) {
      margin-right:0;
   }

   /* Fifth */
   .w-matrix-normal-desktop-five .wn-matrix {
      display:inline-block;
      width:calc(20% - 16px); /* 20 x 4 / 5 = 16.0px */
      margin-right:20px;
   }
   .w-matrix-tight-desktop-five .wn-matrix {
      display:inline-block;
      width:20%;
   }
   .w-matrix-normal-desktop-five .wn-matrix:nth-child(5n+5) {
      margin-right:0;
   }

   /* Sixth */
   .w-matrix-normal-desktop-six .wn-matrix {
      display:inline-block;
      width:calc(16.6% - 17px); /* 20 x 5 / 6 = 16.6px (must round up) */
      margin-right:20px;
   }
   .w-matrix-tight-desktop-six .wn-matrix {
      display:inline-block;
      width:16.6%;
   }
   .w-matrix-normal-desktop-six .wn-matrix:nth-child(6n+6) {
      margin-right:0;
   }

}

/* TABLET */
@media (min-width: 480px) and (max-width: 999px) {
   /* Whole */
   .w-matrix-normal-tablet-one .wn-matrix, .w-matrix-tight-tablet-one .wn-matrix {
      display:block;
      width:100%;
   }

   /* Half */
   .w-matrix-normal-tablet-two .wn-matrix {
      display:inline-block;
      width:calc(50% - 10px); /* 20 x 1 / 2 = 10.0px */
   }
   .w-matrix-tight-tablet-two .wn-matrix {
      display:inline-block;
      width:50%;
   }
   .w-matrix-normal-tablet-two .wn-matrix:nth-child(odd) {
      margin-right:20px;
   }

   /* Third */
   .w-matrix-normal-tablet-three .wn-matrix {
      display:inline-block;
      width:calc(33.3% - 14px); /* 20 x 2 / 3 = 13.3px (must round up) */
      margin-right:20px;
   }
   .w-matrix-tight-tablet-three .wn-matrix {
      display:inline-block;
      width:33.3%;
   }
   .w-matrix-normal-tablet-three .wn-matrix:nth-child(3n+3) {
      margin-right:0;
   }

   /* Quarter */
   .w-matrix-normal-tablet-four .wn-matrix {
      display:inline-block;
      width:calc(25% - 15px); /* 20 x 3 / 4 = 15.0px */
      margin-right:20px;
   }
   .w-matrix-tight-tablet-four .wn-matrix {
      display:inline-block;
      width:25%;
   }
   .w-matrix-normal-tablet-four .wn-matrix:nth-child(4n+4) {
      margin-right:0;
   }
}

/* MOBILE */
@media (max-width: 479px) {
   /* Whole */
   .w-matrix-normal-mobile-one .wn-matrix, .w-matrix-tight-mobile-one .wn-matrix {
      display:block;
      width:100%;
   }

   /* Half */
   .w-matrix-normal-mobile-two .wn-matrix {
      display:inline-block;
      width:calc(50% - 10px); /* 20 x 1 / 2 = 10px */
   }
   .w-matrix-tight-mobile-two .wn-matrix {
      display:inline-block;
      width:50%;
   }
   .w-matrix-normal-mobile-two .wn-matrix:nth-child(odd) {
      margin-right:20px;
   }

   /* Third */
   .w-matrix-normal-mobile-three .wn-matrix {
      display:inline-block;
      width:calc(33.3% - 14px); /* 20 x 2 / 3 = 13.3px (must round up) */
      margin-right:20px;
   }
   .w-matrix-tight-mobile-three .wn-matrix {
      display:inline-block;
      width:33.3%;
   }
   .w-matrix-normal-mobile-three .wn-matrix:nth-child(3n+3) {
      margin-right:0;
   }
}

/* FIXED SIZE */
.w-matrix-normal-fixed-tiny .wn-matrix {
   display:inline-block;
   width:75px;
   margin:0 10px 5px 0;
}

.w-matrix-normal-fixed-small .wn-matrix {
   display:inline-block;
   width:150px;
   margin:0 10px 5px 0;
}

.w-matrix-normal-fixed-medium .wn-matrix {
   display:inline-block;
   width:250px;
   margin:0 10px 5px 0;
}

.w-matrix-normal-fixed-large .wn-matrix {
   display:inline-block;
   width:500px;
   margin:0 10px 5px 0;
}

.w-matrix-tight-fixed-tiny .wn-matrix {
   display:inline-block;
   width:75px;
}

.w-matrix-tight-fixed-small .wn-matrix {
   display:inline-block;
   width:150px;
}

.w-matrix-tight-fixed-medium .wn-matrix {
   display:inline-block;
   width:250px;
}

.w-matrix-tight-fixed-large {
   display:inline-block;
   width:500px;
}

/* ------------------------------------------------
   widget-menu.css
   Menu widget styles
   Source: /web/tracker4/css/always/widget-menu.css
   Modified: 2014-05-20 17:14:00
   ------------------------------------------------ */

.w-menu .horiz li {
   display:inline-block;
}
.w-menu .horiz-dot li:after {
   content:" \00b7 ";
}
.w-menu .horiz-pipe li:after {
   content:"  |  ";
}
.w-menu .horiz li:last-child:after { 
   content: ""; 
}
.w-menu .horiz-space li {
   padding-right:20px;
}

/* ----------------------------------------------------
   widget-pagelist.css
   Page List widget styles
   Source: /web/tracker4/css/always/widget-pagelist.css
   Modified: 2015-03-19 15:33:00
   ---------------------------------------------------- */

.lists-pages-matrix li {
   display:inline-block;
   text-align:center;
}

.lists-pages-matrix-image-title li {
   width:170px;
   /*min-height:250px;*/
   margin:4px 4px 15px 4px;
}

.lists-pages-matrix-square-image-title li {
   width:170px;
   /*min-height:250px;*/
   margin:4px 4px 15px 4px;
}

.lists-pages-image-left li {
   border-bottom:1px solid #ccc;
}

.lists-pages-image-left img {
   float:left;
   margin:0 20px 20px 0;
   max-width:160px;
}

@media only screen and (min-width:940px) {
   .lists-pages-twocol {
      column-count:2;
      column-gap:20px;
      -moz-column-count:2;
      -moz-column-gap:20px;
      -webkit-column-count:2;
      -webkit-column-gap:20px;
   }

   .lists-pages-threecol {
      column-count:3;
      column-gap:20px;
      -moz-column-count:3;
      -moz-column-gap:20px;
      -webkit-column-count:3;
      -webkit-column-gap:20px;
   }
}


/* ----------------------------------------------------
   widget-playlist.css
   Styles for the Playlist widget
   Source: /web/tracker4/css/always/widget-playlist.css
   Modified: 2016-07-22 14:48:58
   ---------------------------------------------------- */


/* -----------------------------------------------------
   widget-prosports.css
   Styles for the Pro Sports widget
   Source: /web/tracker4/css/always/widget-prosports.css
   Modified: 2018-01-18 17:23:28
   ----------------------------------------------------- */


/* -------------------------------------------------
   widget-quote.css
   Pull quote widget styles
   Source: /web/tracker4/css/always/widget-quote.css
   Modified: 2016-01-05 09:32:43
   ------------------------------------------------- */


/* --------------------------------------------------
   widget-reader.css
   Online Reader widget styles
   Source: /web/tracker4/css/always/widget-reader.css
   Modified: 2018-12-28 10:14:14
   -------------------------------------------------- */


/* ------------------------------------------------------------
   widget-realestateproperties.css
   Real Estate property list widget styles
   Source: /web/tracker4/css/always/widget-realestateproperties.css
   Modified: 2017-10-13 14:02:44
   ------------------------------------------------------------ */


/* --------------------------------------------------
   widget-scores.css
   Scores widget (scoreboard) widget styles
   Source: /web/tracker4/css/always/widget-scores.css
   Modified: 2016-08-30 14:34:36
   -------------------------------------------------- */


/* --------------------------------------------------------
   widget-secondstreet.css
   Second Street newsletter signup widget styles
   Source: /web/tracker4/css/always/widget-secondstreet.css
   Modified: 2019-11-07 17:20:47
   -------------------------------------------------------- */


/* ---------------------------------------------------------
   widget-sectionheader.css
   Section Header widget styles
   Source: /web/tracker4/css/always/widget-sectionheader.css
   Modified: 2015-09-30 11:42:59
   --------------------------------------------------------- */


/* ------------------------------------------------
   widget-tabs.css
   JQuery tabs tool
   Source: /web/tracker4/css/always/widget-tabs.css
   Modified: 2015-07-10 16:21:17
   ------------------------------------------------ */


/* --------------------------------------------------
   widget-teaser.css
   Teaser widget styles
   Source: /web/tracker4/css/always/widget-teaser.css
   Modified: 2019-01-28 14:39:03
   -------------------------------------------------- */

.w-teaser-photo-overlay {
   position:relative;
   width:100%;
}

.w-teaser-photo-overlay .headline {
   font-size:1.7em;
   margin:0 0 10px 0;
}

.w-teaser-photo-overlay .byline {
   margin-bottom:10px;
}

.overlayinside {
   margin:10px;
}

@media only screen and (min-width: 700px) {
   .w-teaser-overlay .overlay {
      margin:0;
      padding:8px;
      position:absolute;
      background:rgba(0,0,0,.56);
      color:white;
   }
   .overlay-bottom-left, .overlay-bottom-right, .overlay-top-left, .overlay-top-right, .overlay-middle-left, .overlay-middle-right {
      width:33%;
      min-width:200px;
      margin:0 0 8px 0;
      padding:8px;
      position:absolute;
      background:rgba(0,0,0,.56);
      color:white;
   }
   .overlay-bottom, .overlay-top {
      width:100%;
      margin:0 0 0 0;
      position:absolute;
      background:rgba(0,0,0,.70); /* was .56 */
      color:white;
   }
   .overlay-bottom-left {
      bottom:0;
      left:0;
   }
   .overlay-bottom {
      bottom:5px; /* FIXME:This shouldn't be necessary but for some reason 5 pixels always creep in */
   }
   .overlay-bottom-right {
      bottom:0;
      right:0;
   }
   .overlay-top-left {
      top:0;
      left:0;
   }
   .overlay-top-right {
      top:0;
      right:0;
   }
   .overlay-top {
      top:0;
   }
   .overlay-middle-left {
      top:30%;
      left:0;
   }
   .overlay-middle-right {
      top:30%;
      right:0;
   }
   .w-teaser-photo-overlay .a {
      color:#fff !important;
   }
   .w-teaser-photo-overlay .byline {
      color:#aaa;
   }

}

.w-teaser-icon-left-headline-lead {
   margin:10px 0 10px 0;
}

.w-teaser-icon-left-headline-lead .ss-icon {
   font-size: 50px;
   padding:20px;
   float:left;
}

.w-teaser-icon-left-headline-lead .icon {
   float:left;
   width:100px;
   min-height:125px;
   margin-top:10px;
}

.w-teaser-icon-top-headline-lead {
   margin:30px 0 10px 0;
   text-align:center;
}

.w-teaser-icon-top-headline-lead .ss-icon {
   font-size:50px;
}

.w-teaser-icon-box-headline .ss-icon {
   font-size:5.0em;
   line-height:2.0em;
}

.w-teaser-icon-box-headline .icon-box {
   background-color:#eee;
   border:1px solid #ccc;
   text-align:center;
}

@media (min-width: 800px) {
   .w-teaser-photo-left-75 .thephoto {
      display:inline-block;
      width:74%;
      text-align:center;
      vertical-align:top;
   }

   .w-teaser-photo-left-75 .thelead {
      display:inline-block;
      width:24%;
      vertical-align:top;
      margin:0 0 0 10px;
   }
}

@media (min-width: 600px) {
   .w-teaser-photo-left-half .thephoto {
      display:inline-block;
      width:48%;
      text-align:center;
      vertical-align:top;
   }
   .w-teaser-photo-left-half .thelead {
      display:inline-block;
      width:48%;
      vertical-align:top;
      margin-left:1.5%;
/*      margin:0 0 0 10px;*/
   }
}

.w-teaser-photo-left-half .headline, .w-teaser-photo-left-75 .headline {
/*   font-weight:bold;*/
   font-size:2.0em;
   margin:0 0 10px 0;
}

.w-teaser-photo-left-half .kicker, .w-teaser-photo-left-75 .kicker {
   text-transform:uppercase;
   padding-right:7px;
   color:#888;
   letter-spacing:1px;
}

.w-teaser-photo-left-half .byline, .w-teaser-photo-left-75 .byline {
   margin:0 0 10px 0;
}

.w-teaser-photo-above .headline {
   font-weight:bold;
   font-size:1.4em;
}

.w-teaser-photo-below .headline {
   font-size:1.4em;
}

.w-teaser-photo-below .thephoto {
   padding-top:10px;
}

/* FIXME:Remove this rule if not used */
.w-teaser-headline-above .headline {
   font-weight:normal;
   font-size:2.4em;
   margin-bottom:10px;
}

.w-teaser-video-embed .headline {
   font-size:1.4em;
}

.w-teaser-video-embed .video {
   margin-top:5px;
}

.w-teaser-video-link {
   margin-bottom:15px;
}

.w-teaser-video-link .headline {
   font-size:1.2em;
}

.w-teaser-video-link .thumb {
   position:relative;
}

.w-teaser-video-link .thumb:after {
   position: absolute;
   height: 60px;
   width: 60px;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   margin: auto;
   font-size:5.0em;
   line-height:60px;
   content:'\25BA';
   color:#fff;
   opacity:0.8;
}

.w-teaser-video-link:hover .thumb:after {
   color:#ff0a0a;
}

/* ------------------------------------------------
   widget-text.css
   Text widget styles
   Source: /web/tracker4/css/always/widget-text.css
   Modified: 2014-04-14 14:50:47
   ------------------------------------------------ */

.w-text .twocol {
   column-count:2;
   column-gap:20px;
   -moz-column-count:2;
   -moz-column-gap:20px;
   -webkit-column-count:2;
   -webkit-column-gap:20px;
}

.w-text .threecol {
   column-count:3;
   column-gap:20px;
   -moz-column-count:3;
   -moz-column-gap:20px;
   -webkit-column-count:3;
   -webkit-column-gap:20px;
}

.w-text .centered {
   text-align:center;   
}

.w-text .justified {
   text-align:justify;   
}

/* -----------------------------------------------------------
   widget-weatherforecast.css
   Weather Forecast widget styles
   Source: /web/tracker4/css/always/widget-weatherforecast.css
   Modified: 2015-10-27 15:05:22
   ----------------------------------------------------------- */


/* -----------------------------------------------------------
   widget-weatherwarnings.css
   Weather Warnings widget styles
   Source: /web/tracker4/css/always/widget-weatherwarnings.css
   Modified: 2016-06-16 12:52:18
   ----------------------------------------------------------- */


/* ----------------------------------------------------
   widgets-borders.css
   Classes for placement of borders around widgets
   Source: /web/tracker4/css/always/widgets-borders.css
   Modified: 2014-02-18 09:41:57
   ---------------------------------------------------- */

/* WB = Borders */
.wb-Y {  /* Border at bottom */
   border-bottom:1px solid #ccc;
}
.wb-T {  /* Border at top */
   border-top:1px solid #ccc;
   margin-top:2px;
}
.wb-L {  /* Border at left */
   border-left:1px solid #ccc;
}
.wb-R {  /* Border at right */
   border-right:1px solid #ccc;
}
.wb-B {  /* Border at top and bottom */
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   margin-top:2px;
}
.wb-U {  /* Border at left, right, and bottom */
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
}
.wb-E {  /* Border at every side */
   border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
}

/* ------------------------------------------------------------
   widgets-colors.css
   Color palette for all widgets
   Source: /web/tracker4/sites/MID/css/always/widgets-colors.css
   Modified: 2016-11-21 10:59:08
   ------------------------------------------------------------ */

.wc-white {
   background-color:#fff;
}
.wc-faintgray {
   background-color:#eee;
}
.wc-lightgray {
   background-color:#ddd;
}
.wc-transparentwhite, .wc-transparentwhite a {
   color:#fff;
}
.wc-bluestripes {
   color:#fff;
   background:url(/images/blue-background.png) repeat-x #1e62ab;
   background-position:bottom;
}
.wc-bluestripes .win a {
   color:#fff;
}
.wc-bluestripes a.button {
   color:#000;
}
/* -------------------------------------------------------
   widgets-particular.css
   Styles for specific widgets
   Source: /web/tracker4/css/always/widgets-particular.css
   Modified: 2014-05-02 15:42:53
   ------------------------------------------------------- */

/* Video player */
.videoplayer .playbutton {
/*FIXME:Better responsive handling*/
   top:20%;
   left:30%;
   font-size:100px;
   margin:0 0 0 0;
   position:absolute;
   color:white;
   opacity:0.8;
   margin:15%;
}

.videoplayer .playbutton:hover {
   color:red;
}

/* Other */
.w-content img {
   margin:0 5px 5px 5px;
}


/* --------------------------------------------------
   widgets-title.css
   Styles for widget title headings
   Source: /web/tracker4/css/always/widgets-title.css
   Modified: 2014-05-20 17:15:04
   -------------------------------------------------- */

/* WT = Widget title treatment */
.wt-L {
   text-align:left;
}

.wt-R {
   text-align:right;
}

.wt-C {
   text-align:center;
}

/* ----------------------------------------------------------
   widgets-whitespace.css
   Classes for handling whitespace within and between widgets
   Source: /web/tracker4/css/always/widgets-whitespace.css
   Modified: 2019-02-22 11:26:19
   ---------------------------------------------------------- */

/* Force float clearing on all widgets */
.w {
   clear:both;
}

/* WT = Title */
.wt {
   padding:0 0 5px 0;
   /*margin:0 0 5px 0;*/
}

/* WW = Outside margin/whitespace */
.ww-A {  /* Bottom only */
   margin:0 0 20px 0;
}
.ww-O {  /* No whitespace */
   margin:0;
}
.ww-T {  /* Top only */
   margin:20px 0 0 0;
}
.ww-B {  /* Top and bottom */
   margin:20px 0 20px 0;
}

/* WP = Inside padding */
/* Normal */
.wp-A {
   padding:10px 10px 10px 10px;
}

/* Whitespace at bottom, left and right */
.wp-B {
   padding:0 10px 10px 10px;
}

/* Whitespace at top, left and right */
.wp-T {
   padding:10px 10px 0 10px;
}

/* Whitespace on left and right only */
.wp-X {
   padding:0 10px 0 10px;
}

/* Whitespace on left only */
.wp-L {
   padding:0 0 0 10px;
}

/* Whitespace on left only */
.wp-R {
   padding:0 10px 0 0;
}

/* Whitespace on top and bottom only */
.wp-S {
   padding:10px 0 10px 0;
}

/* Whitespace at bottom only */
.wp-F {
   padding:0 0 10px 0;
}

/* No whitespace */
.wp-O, .wp-M {
   padding:0;
}

/* Whitespace on left and right for mobile only */
@media only screen and (max-width: 480px) {
   .wp-M {
      padding:0 10px 0 10px;
   }
}

/* Whitespace on left and right for non-mobile only */
@media only screen and (min-width: 940px) {
   .wp-E {
      padding:0 10px 0 10px;
   }
}

/* WA = Widget alignment */
@media only screen and (min-width: 800px) {
   .wa-L {
      /*max-width:46%;*/
      width:46%;
      margin-right:4%;
      float:left;
   }

   .wa-R {
      width:46%;
      margin-left:4%;
      float:right;
   }

   .wa-S {
      width:22%;
      margin-right:3%;
      float:left;
   }

   .wa-Q {
      width:22%;
      margin-left:3%;
      float:right;
   }

}

/* ----------------------------------------------------
   local.css
   Style specific to each site
   Source: /web/tracker4/sites/MID/css/always/local.css
   Modified: 2020-11-06 15:00:32
   ---------------------------------------------------- */

a {
   color:#315caf;
   text-decoration:none;
}

.services .wt {
   margin-bottom:20px;
   color:#fff;
   text-transform:uppercase;
}

.services .win {
   text-transform:uppercase;
   padding-top:30px;
   padding-bottom:40px;
}

.intro .wt {
   max-width:650px;
   margin:0 auto 10px auto;
   padding-bottom:10px;
   color:#fff;
   text-transform:uppercase;
   letter-spacing:3px;
   font-size:7.0em;
   line-height:0.9;
}

.intro .winc {
   font-family: "bebas-neue",sans-serif;
   max-width:800px;
   margin:0 auto 0 auto;
   text-align:center;
   font-size:2.5em;
   text-transform:uppercase;
   color:#fff;
}

@media only screen and (max-width:939px) {
   .intro .wt {
      font-size:3.6em;
   }
   .intro .winc {
      font-size:1.8em;
   }
   #toparrow {
      top:0;
   }
   #footerlinks {
      padding-top:100px;
   }
   #footersocial {
      position:static;
      text-align:center;
   }
   .w-content, .services, footer .wrapper, .headtitle {
      /* Prevent text from butting up against edges on mobile view */
      padding:0 10px 0 10px;
   }
}

.team .wt {
   max-width:500px;
   margin:0 auto 10px auto;
   padding-bottom:10px;
   color:#fff;
   text-transform:uppercase;
}

.team .winc {
   max-width:700px;
   margin:0 auto 0 auto;
}

.expert .wt {
   color:#fff;
   text-align:center;
   text-transform:uppercase;
   margin-top:20px;
}

.expert .wtb a {
/*   color:#ed1c24;*/
   color:#fff;
}

.expert .wtb {
   text-transform:uppercase;
   text-align:center;
   margin-bottom:25px;
}

.expert .image-icon {
   width:120px;
}

.expert .headline:hover a {
   color:#ed1c24;
}

.frontquote .winc {
   text-align:center;
   max-width:600px;
   margin:10px auto 10px auto;
   font-size:1.2em;
}

.w-teaser-icon-top-headline-lead .verbiage {
   margin-top:10px;
}

.w-teaser-icon-top-headline-lead .headline {
   font-family: "bebas-neue",sans-serif;
   text-transform:uppercase;
   font-size:1.4em;
   letter-spacing:1px;
}

.w-contact img {
   padding:0 10px 10px 0;
}

.w-contact .title {
   font-style:italic;
}

.w-content a {
   color:#315caf;
}

.hero .wt {
   color:#fff;
   text-align:center;
   text-transform:uppercase;
   font-size:5.0em;
   line-height:1;
   letter-spacing:2px;
}

/*
.lists-pages-threecol .active a {
   color:#aa1111;
}

.lists-pages-threecol li:hover a {
   color:#ed1c24;
}
*/

.services .active a {
   text-decoration:underline;
}

.services li:hover a {
   color:#ed1c24;
}

.lists-stories-standard .headline {
   font-size:1.6em;
}

.user-mode .frontquote {
   position:relative;
   padding-top:75px;
}

.user-mode #quotedivot {
   position:absolute;
   left:0;
   right:0;
   width:200px;
   margin:0 auto 0 auto; /* see http://stackoverflow.com/questions/252856/center-align-on-a-absolutely-positioned-div */
   top:-50px;
   z-index:10;
}

.w-button .winc {
   text-transform:uppercase;
   letter-spacing:1px;
}