/* ---------------------------------------------------------------------
Original Author: Thane Woidan
Contributors: N/A

Target Browsers: All
Media Type: Screen, Projection
Width: All Sizes
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
Font family definitions
------------------------------------------------------------------------ */
/* ----- Avenir ----- 
@import url("//fast.fonts.net/lt/1.css?apiType=css&c=427f723a-33be-4f41-8923-41a6bb3eaba3&fontids=724320,724323,724326,724329,724332,724335,724338,724341,724344,724347,724350,724353");
*/@font-face{
    font-family:"Avenir";
    font-weight: normal;
    font-style: normal;
    src:url("../fonts/724332/469ea7ce-bb40-478a-aa21-da079357c969.eot?#iefix");
    src:url("../fonts/724332/469ea7ce-bb40-478a-aa21-da079357c969.eot?#iefix") format("eot"),url("../fonts/724332/5104d540-ac5c-442d-8581-1e9f4ecd37f0.woff") format("woff"),url("../fonts/724332/6662a841-5b52-4af6-a868-6b43e3d7b263.ttf") format("truetype"),url("../fonts/724332/bfcb105e-6348-434a-ba7b-31cd4bb80da6.svg#bfcb105e-6348-434a-ba7b-31cd4bb80da6") format("svg");
}
@font-face{
    font-family:"Avenir";
    font-weight: normal;
    font-style: italic;
    src:url("../fonts/724335/45f33033-1957-4ec4-8fed-f9cc8552b0ae.eot?#iefix");
    src:url("../fonts/724335/45f33033-1957-4ec4-8fed-f9cc8552b0ae.eot?#iefix") format("eot"),url("../fonts/724335/4ae57b20-bad8-4fce-aeed-e0187e5a14bf.woff") format("woff"),url("../fonts/724335/6f808037-2d93-4f7d-b6bd-47f8efebc184.ttf") format("truetype"),url("../fonts/724335/ad5d3830-dabe-4aab-abd6-5298cf252a1b.svg#ad5d3830-dabe-4aab-abd6-5298cf252a1b") format("svg");
}
@font-face{
    font-family:"Avenir";
    font-weight: bold;
    font-style: normal;
    src:url("../fonts/724344/e9427e66-afa8-4ceb-bb31-7a970fb469ea.eot?#iefix");
    src:url("../fonts/724344/e9427e66-afa8-4ceb-bb31-7a970fb469ea.eot?#iefix") format("eot"),url("../fonts/724344/748da442-9dd9-4a4d-8da0-b114e16e5d7f.woff") format("woff"),url("../fonts/724344/6beeeb66-0b4e-4162-8788-8bf688b9829a.ttf") format("truetype"),url("../fonts/724344/8afe744b-89a2-4ae2-a88e-05c6882580f3.svg#8afe744b-89a2-4ae2-a88e-05c6882580f3") format("svg");
}
@font-face{
    font-family:"Avenir";
    font-weight: bold;
    font-style: italic;
    src:url("../fonts/724347/b65661b0-4944-4569-a481-7956ed0037c4.eot?#iefix");
    src:url("../fonts/724347/b65661b0-4944-4569-a481-7956ed0037c4.eot?#iefix") format("eot"),url("../fonts/724347/d8ea60b1-63d8-42d5-b780-fb10cd01d410.woff") format("woff"),url("../fonts/724347/61d90118-e984-41be-916f-8710743223b7.ttf") format("truetype"),url("../fonts/724347/d632b415-7d2d-4eef-88fa-9f3294009aca.svg#d632b415-7d2d-4eef-88fa-9f3294009aca") format("svg");
}

/* ----- Museo ----- 
@import url("//hello.myfonts.net/count/27adf4");*/
@font-face {
    font-family: 'Museo';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/27ADF4_2_0.eot');src: url('../fonts/27ADF4_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27ADF4_2_0.woff') format('woff'),url('../fonts/27ADF4_2_0.ttf') format('truetype');
}
@font-face {
    font-family: 'Museo';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/27ADF4_4_0.eot');src: url('../fonts/27ADF4_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27ADF4_4_0.woff') format('woff'),url('../fonts/27ADF4_4_0.ttf') format('truetype');
}
@font-face {
    font-family: 'Museo';
    font-weight: bold;
    font-style: italic;
    src: url('../fonts/27ADF4_6_0.eot');src: url('../fonts/27ADF4_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27ADF4_6_0.woff') format('woff'),url('../fonts/27ADF4_6_0.ttf') format('truetype');
}
@font-face {
    font-family: 'Museo';
    font-weight: bold;
    font-style: italic;
    src: url('../fonts/27ADF4_9_0.eot');src: url('../fonts/27ADF4_9_0.eot?#iefix') format('embedded-opentype'),url('../fonts/27ADF4_9_0.woff') format('woff'),url('../fonts/27ADF4_9_0.ttf') format('truetype');
}
/* ----- FF DIN Web Cond Medium by FontFont ----- 
@import url("http://www.myfonts.com/fonts/fontfont/ff-din/ot-cond-medium/");*/
@font-face {
    font-family: 'FFDINWebCondMedium';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/22DD91E_0_0.eot');src: url('../fonts/2DD91E_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2DD91E_0_0.woff') format('woff'),url('../fonts/2DD91E_0_0.ttf') format('truetype');
}
/* ---------------------------------------------------------------------
RESET CSS (thanks Eric Meyer)
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    display: table;
}

/* since .NET Webforms adds a form around everything */
body > form {
    width: 100%;
    display: table;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

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

a,
.link {
    color: #0071bb;
    text-decoration: none;
}

a:hover,
.link:hover {
    text-decoration: underline;
}

a:focus,
.link:focus {
    text-decoration: underline;
    outline: #0071bb dotted thin;

}


.hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #c8dee8;
    border-bottom: 1px solid #ffffff`;
    border-bottom-color: rgba(255, 255, 255, .75);
}

.link_dark     { color: #222222; }
.link_light    { color: #c8dee8; }
.link_contrast { color: #ffffff; }
.link_saucy    { color: #961b1e; }

.link_underline { text-decoration: underline; }

.link_caps  { text-transform: uppercase; }

.link_downArrow {
    position: relative;
    padding-right: 18px;
}

.link_downArrow:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
    top: 3px;
    right: 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #0071bb;
}

:focus {
    outline: 0;
}

html {
    overflow-y: auto;
    overflow-x: auto;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-size: 14px;
    color: #002c40;
    height: 100%;
}

html, input, select, textarea {
    font-family: Avenir, Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------------------------
 HTML5 Block / Inline Block declarations
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration,
input[type=search] {
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* ---------------------------------------------------------------------
 Wrappers
------------------------------------------------------------------------ */
.wrap {
    width: 960px;
    margin: 0 auto;
}

.wrap_texture {
    background: transparent url(../images/diaglines-blueishgray.png) 0 0 repeat;
}

.wrap_textureMuted {
    background: transparent url(../images/diaglines-gray.png) 0 0 repeat;
}

.wrap_roomy {
    padding: 28px 0;
}

/*
.header,
.main,
.footer {
    display: table-row;
    height: 1px;
}
*/

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


.main {
    height: 100%;
}

.main-inner {
    background-color: #ffffff;
    margin-top: 25px;
    margin-bottom: 38px;
}

.main-inner_cramp {
    margin-top: 10px;
}

.footer {
    background: transparent url(../images/diaglines-gray.png) 0 0 repeat;
    font-size: 12px;
}

.footer-inner {
    padding: 25px 0;
    min-height: 175px;
}

.footerLinks {
    overflow: hidden;
}

.footerLinks-section {
    float: left;
    width: 187px;
}

.footerLinks-section_wide {
    float: left;
    width: 210px;
}

/* ---------------------------------------------------------------------
 Grids
------------------------------------------------------------------------ */
.grid {
    clear: both;
    position: relative;
}

.grid:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.grid-col {
    float: left;
    padding: 0 1.041666%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-col_1of16  { width: 6.25%;  }
.grid-col_2of16  { width: 12.5%;  }
.grid-col_3of16  { width: 18.75%; }
.grid-col_4of16  { width: 25%;    }
.grid-col_5of16  { width: 31.25%; }
.grid-col_6of16  { width: 37.5%;  }
.grid-col_7of16  { width: 43.75%; }
.grid-col_8of16  { width: 50%;    }
.grid-col_9of16  { width: 56.25%; }
.grid-col_10of16 { width: 62.5%;  }
.grid-col_11of16 { width: 68.75%; }
.grid-col_12of16 { width: 75%;    }
.grid-col_13of16 { width: 81.25%; }
.grid-col_14of16 { width: 87.5%;  }
.grid-col_15of16 { width: 93.75%; }
.grid-col_16of16 { width: 100%;   }


/* ----- Push and pull columns ----- */
.grid-col_push1of16, .grid-col_push2of16, .grid-col_push3of16, .grid-col_push4of16,
.grid-col_push5of16, .grid-col_push6of16, .grid-col_push7of16, .grid-col_push8of16,
.grid-col_push9of16, .grid-col_push10of16, .grid-col_push11of16, .grid-col_push12of16,
.grid-col_push13of16, .grid-col_push14of16, .grid-col_push15of16, .grid-col_push16of16,
.grid-col_pull1of16, .grid-col_pull2of16, .grid-col_pull3of16, .grid-col_pull4of16,
.grid-col_pull5of16, .grid-col_pull6of16, .grid-col_pull7of16, .grid-col_pull8of16,
.grid-col_pull9of16, .grid-col_pull10of16, .grid-col_pull11of16, .grid-col_pull12of16,
.grid-col_pull13of16, .grid-col_pull14of16, .grid-col_pull15of16, .grid-col_pull16of16 {
    position: relative;
}

.grid-col_push1of16  { left: 6.25%;  }
.grid-col_push2of16  { left: 12.5%;  }
.grid-col_push3of16  { left: 18.75%; }
.grid-col_push4of16  { left: 25%;    }
.grid-col_push5of16  { left: 31.25%; }
.grid-col_push6of16  { left: 37.5%;  }
.grid-col_push7of16  { left: 43.75%; }
.grid-col_push8of16  { left: 50%;    }
.grid-col_push9of16  { left: 56.25%; }
.grid-col_push10of16 { left: 62.5%;  }
.grid-col_push11of16 { left: 68.75%; }
.grid-col_push12of16 { left: 75%;    }
.grid-col_push13of16 { left: 81.25%; }
.grid-col_push14of16 { left: 87.5%;  }
.grid-col_push15of16 { left: 93.75%; }
.grid-col_push16of16 { left: 100%;   }

.grid-col_pull1of16  { left: -6.25%;  }
.grid-col_pull2of16  { left: -12.5%;  }
.grid-col_pull3of16  { left: -18.75%; }
.grid-col_pull4of16  { left: -25%;    }
.grid-col_pull5of16  { left: -31.25%; }
.grid-col_pull6of16  { left: -37.5%;  }
.grid-col_pull7of16  { left: -43.75%; }
.grid-col_pull8of16  { left: -50%;    }
.grid-col_pull9of16  { left: -56.25%; }
.grid-col_pull10of16 { left: -62.5%;  }
.grid-col_pull11of16 { left: -68.75%; }
.grid-col_pull12of16 { left: -75%;    }
.grid-col_pull13of16 { left: -81.25%; }
.grid-col_pull14of16 { left: -87.5%;  }
.grid-col_pull15of16 { left: -93.75%; }
.grid-col_pull16of16 { left: -100%;   }

/* ----- Column variations ----- */
.grid-col_dropCol { width: 127px; }

/* grid violation columns on Distribute page */
.grid-col_region { width: 396px; }
.grid-col_outlets { width: 240px; }
.grid-col_download { width: 169px; }
.grid-col_sectionType { width: 375px; }
.grid-col_sectionInfo { width: 409px; }


.grid-col_mapLinks { width: 170px; }

.mix-grid-col_thin { padding: 0; }
.mix-grid-col_fat  { padding: 0 18px; }
.mix-grid-col_xFat { padding: 0 28px; }
.mix-grid-col_lopsided { padding: 0 65px 0 90px; }

.grid-col_alpha { padding-left: 0; }
.grid-col_omega { padding-right: 0; }

.mix-grid-col_centerInRow {
    margin: 0 auto;
    float: none;
}

/* makes full-height dividers between half-width columns */
.grid-col + .mix-grid-col_halfDivider:before {
    content: '';
    height: 100%;
    border-left: 1px solid #022247;
    border-right: 1px solid #1487d6;
    position: absolute;
    left: 50%;
    top: 0;
}

.grid-col + .mix-grid-col_halfDivider_light:before {
    border-left: 1px solid #d0d2d3;
    border-right: 0;
}

/* ----- Block grids ----- */
.blocks {
    overflow: hidden;
}

.blocks > * {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.blocks_equal {
    display: table;
}

.blocks_equal > * {
    float: none;
    display: table-cell;
}

.blocks_2up > * { width: 50%; }
.blocks_3up > * { width: 33.33333%; }
.blocks_4up > * { width: 25%; }
.blocks_5up > * { width: 20%; }

.blocks_padSml { margin: -8px 0 0 -17px; }
.blocks_padSml > * { padding: 8px 0 0 17px; }

.blocks_padMed { margin: -9px 0 0 -9px; }
.blocks_padMed > * { padding: 9px 0 0 9px; }

.blocks_padLrg { margin: -30px 0 0 -30px; }
.blocks_padLrg > * { padding: 30px 0 0 30px; }

.blocks_spaced > * { margin-bottom: 20px; }
.blocks_spacedSml > * { margin-bottom: 8px; }
.blocks_spacedLrg > * { margin-bottom: 30px; }

.mix-blocks_center > * { text-align: center; }
.mix-blocks_vCenter > * { height: 100px; line-height: 100px; }
.mix-blocks_vCenter * { vertical-align: middle; }

.blocks_outline {
    margin: 0 0 0 -28px;
    padding-top: 1px;
    position: relative;
}

/* this covers the border overlap on the left side, width = left padding on LIs */
.blocks_outline:before {
    content: '';
    width: 28px;
    height: 125%;
    position: absolute;
    left: 0;
    top: -1px;
    background: #ffffff;
}

.blocks_outline > * {
    padding: 25px 22px 28px 28px;
    border: 1px solid #e1e1e1;
    border-width: 1px 1px 1px 0;
    margin: -1px -1px 0 0;
    min-height: 142px;
}

.blocks_outline > *:nth-child(3n+3) {
    border-right: 0; /* removes right border if nth-child supported */
}

/* ---------------------------------------------------------------------
 Header area
------------------------------------------------------------------------ */
.header-inner {
    padding: 25px 0 20px 0;
}

.header-extras {
    padding-top: 25px;
    overflow: hidden;
    text-align: right;
}

.isHidden {
    visibility: hidden;
    overflow: hidden;
    display: block;
    width: 0;
    height: 0;
}

.logo {
    display: block;
    width: 216px;
    height: 105px;
    text-indent: -200%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url(../images/logo.png) 0 0 no-repeat;
}

/* ----- Featured story link under nav ----- */
.featured {
    background-color: #f8f8f8;
}

.featured-inner {
    padding: 12px 0 10px 22px;
    position: relative;
}

.featured-inner:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 17px solid #ec1c24;
    border-bottom: 16px solid transparent;
    position: absolute;
    left: -10px;
    top: 1px;
}

/* ---------------------------------------------------------------------
 Hero
------------------------------------------------------------------------ */
.heroArea {
    background-color: #0061a2;
}
.heroArea-dark {
    background-color: #002c40;
}
.heroArea-alert {
    background-color: #ec1c24;
}
.heroArea-saucy {
    background-color: #961b1e;
}
.heroArea-cloudy {
    background-color: #8eb0bd;
}



.hero {
	width: 100%;
    overflow: hidden;
    position: relative;
}

.hero.cycle-sentinel{/* DaveC 2014/01/30 - fixes FF scrolling bug due to hero */
    position:relative!important;
}

.hero-bd {
    padding: 20px 0 18px;
    position: relative;
    color: #ffffff;
    font-size: 12px;
}

.hero-bd_stubby { min-height: 72px; }
.hero-bd_tall   { min-height: 124px; }

.hero-img {
    margin: 0 auto;
    overflow: visible;
    text-align: center;
    position: absolute;
    left: 50%;
}


.hero-img > * {
    position: relative;
    left: -50%;
}

.hero-slider,
.hero-slider .hero-bd {   
    height: 304px;
}

/* ---------------------------------------------------------------------
 Lists
------------------------------------------------------------------------ */
.ul, .ol { list-style-position: outside; }
.ol { list-style-type: decimal; }
.ul { list-style-type: disc; }

.mix-list_inside { list-style-position: inside; }
.mix-list_upperLatin { list-style-type: upper-latin; }

.mix-list_inline {
    display: inline-block;
    vertical-align: middle;
}

/* ----- Horizontal lists ----- */
.hList { font-size: 0; } /* kills phantom inline-block space */

.hList > * {
    display: inline-block;
    font-size: 12px; /* restores font size */
    font-size: 1rem;
    vertical-align: middle;
}

.hList_emphasis { margin-top: 18px; }

.hList_spaced > * { margin-left: 10px; }
.hList_spacedLrg > * { margin-left: 22px; }

.hList_padSml > * { padding: 0 2px; }
.hList_padMed > * { padding: 0 7px 1px; }
.hList_padLrg > * { padding: 0 11px 1px; }

.hList_padOffsetFirst > *:first-child { padding-left: 0; }

.mix-hList_center { text-align: center; }
.mix-hList_right  { text-align: right; }

.mix-hList_valignTop > * { vertical-align: top; }
.mix-hList_valignBtm > * { vertical-align: bottom; }
.mix-hList_valignBse > * { vertical-align: baseline; }

/* using generated content instead of borders so that they're all the same height. -- twoidan */
.hList_pipe > * {
    position: relative;
    vertical-align: middle;
    line-height: 1;
}

.hList_pipe > * + *:before {
    content: '';
    width: 2px;
    height: 10px;
    position: absolute;
    left: -1px;
    top: 1px;
    background-color: #a3abb0;
}

/* ----- Social icon lists ----- */
.socialStandalone {
    background: #f7f7f7 url(../images/diaglines-gray.png) 0 0 repeat;
    padding: 18px;
    margin: 25px 0;
}

.socialList {
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
    text-align: right;
}

.socialList_left {
    text-align: left;
}

.socialList > * {
    display: inline-block;
}

.socialList > * + * {
    margin-left: 10px;
}

.socialList_sml > * {
    min-width: 28px;
    padding: 2px 5px;
    margin: 0;
    vertical-align: top;
    text-align: center;
}

/* using generated content instead of borders so that they're all the same height. -- twoidan */
.socialList_sml > * {
    position: relative;
}

.socialList_sml > * + *:before {
    content: '';
    width: 2px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #58a2d2;
}

/* ----- Vertical lists ----- */
.vList_emphasis { margin-top: 10px; }
.vList_emphasisSml { margin-top: 5px; }

.vList_space > * + * { margin-top: 10px; }
.vList_spaceXxs > * + * { margin-top: 3px; }
.vList_spaceXsm > * + * { margin-top: 5px; }
.vList_spaceSml > * + * { margin-top: 8px; }
.vList_spaceMed > * + * { margin-top: 18px; }
.vList_spaceLrg > * + * { margin-top: 22px; }

.vList_indent { margin-left: 10px; }

.vList_padXsm > * { padding: 2px; }
.vList_padSml > * { padding: 5px; }
.vList_padMed > * { padding: 10px; }
.vList_padLrg > * { padding: 20px; }

/* these pull the list out to negate the .grid-col padding + a few pixels */
.vList_overrideColumnLeft  { margin-left: -12px; }
.vList_overrideColumnRight { margin-right: -12px; }

.vList_texture {
    background: transparent url(../images/diaglines-gray.png) 0 0 repeat;
    padding-left: 10px;
    padding-right: 10px;
}

.vList_texture_alt {
    padding-left: 0;
    padding-right: 0;
}

/* ----- Specific lists ----- */
.vList_side_pull {
    margin-right: -10px;
}

.vList_side > * {
    padding: 24px 20px;
}


/* ----- Special horizontal-divider list ----- */
.vList_divide > * {
    position: relative;
    padding-top: 24px;
    padding-bottom: 24px;
}

.vList_divide_sml > * {
    padding-top: 18px;
    padding-bottom: 18px;
}

.vList_divide_squish > * {
    padding-top: 12px;
    padding-bottom: 12px;
}

.vList_divide_compress > *:first-child {
    padding-top: 0;
}



.vList_divide > * + * { border-top: 1px solid #d0d2d3; }

/* makes white-ish double border */
.vList_divide > * + *:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    left: 0;
    background: #ffffff;
    opacity: .75;
}

.vList_divide_extra {
    border-bottom: 1px solid #d0d2d3;
}

/* ---------------------------------------------------------------------
 Icons
------------------------------------------------------------------------ */
.socialIcon {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    background: transparent url(../images/social-sprite.png) 0 0 no-repeat;
}


/* ----- Small monochrome versions ----- */
.socialIcon_fb {
    background-position: 0 0;
    height: 15px;
    width: 8px;
}

.socialIcon_tw {
    background-position: 0 -20px;
    height: 12px;
    width: 16px;
}

.socialIcon_yt {
    background-position: 0 -40px;
    height: 17px;
    width: 17px;
}

.socialIcon_li {
    background-position: 0 -60px;
    height: 13px;
    width: 14px;
}

.socialIcon_gp {
    background-position: 0 -80px;
    height: 14px;
    width: 16px;
}

/* ----- Larger square versions ----- */
.socialIcon_sq {
    background-position: 0 -100px;
    height: 34px;
    width: 34px;
}

.socialIcon_sqFb {
    background-position: 0 -100px;
}

.socialIcon_sqTw {
    background-position: 0 -150px;
}

.socialIcon_sqYt {
    background-position: 0 -200px;
}

.socialIcon_sqLi {
    background-position: 0 -250px;
}

.socialIcon_sqGp {
    background-position: 0 -300px;
}

/* ----- Small square versions ----- */
.socialIcon_sqSm {
    background-position: -50px -100px;
    height: 27px;
    width: 27px;
}

.socialIcon_sqFb_sm {
    background-position: -50px -100px;
}

.socialIcon_sqTw_sm {
    background-position: -50px -150px;
}

.socialIcon_sqYt_sm {
    background-position: -50px -200px;
}

.socialIcon_sqLi_sm {
    background-position: -50px -250px;
}

.socialIcon_sqGp_sm {
    background-position: -50px -300px;
}

/* ---------------------------------------------------------------------
 Navigation
------------------------------------------------------------------------ */
.nav {
    background: #c8dee8 url(../images/nav-background.png) center 0 no-repeat;
    text-align: right;
    position: relative;
    z-index: 110;

    -webkit-box-shadow: 0 6px 6px rgba(25, 25, 25, .5);
    -moz-box-shadow: 0 6px 6px rgba(25, 25, 25, .5);
    -ms-box-shadow: 0 6px 6px rgba(25, 25, 25, .5);
    -o-box-shadow: 0 6px 6px rgba(25, 25, 25, .5);
    box-shadow: 0 6px 6px rgba(25, 25, 25, .5);
}

.nav_fr {
    background-image: url(../images/nav-background-fr.png)
}

.navMain > * {
    display: inline-block;
    position: relative; /* for positioning drop menus */
    vertical-align: middle;
}

/*
Other than making a new class just for generating the rotated lines,
this is the only way I can think of to accomplish this -- twoidan
*/
.navMain-item + .navMain-item:after {
    content: '';
    height: 23px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 8px;
    background-color: #0f7abf;
    -webkit-transform: rotate(-12deg);
       -moz-transform: rotate(-12deg);
        -ms-transform: rotate(-12deg);
         -o-transform: rotate(-12deg);
            transform: rotate(-12deg);

}

.navMain-item_solidify:after {
    display: none;
}

/* ----- Section links ----- */
.navSection {
    display: block;
    position: relative;
    padding: 13px 20px;
    text-transform: uppercase;
    font-size: 14px;
}

.navSection_reduce {
    font-size: 11px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.mix-navSection_light {
    color: #ffffff !important;
	padding: 13px 23px;
}

.navSection_isActive,
.navSection:hover,
.navMain > *:hover .navSection {
    text-shadow: 1px 0px 0px;
    text-decoration: none;
}

a.navSection{
    color:#004575;
}

/* ----- Sub-nav drop menus ----- */
.menuDrop {
    width: 0;
    border: 0;
    padding: 0;
    position: absolute;
    left: 11px;
    top: 100%;
    z-index: 4;
    overflow: hidden;
    background-color: #004575;
    background-color: rgba(0, 69, 117, .95);
    text-align: left;
    opacity: 0;

    -webkit-transition: width 250ms cubic-bezier(1.000, -0.530, 0.405, 1.425);
    -moz-transition: width 250ms cubic-bezier(1.000, -0.530, 0.405, 1.425);
    -ms-transition: width 250ms cubic-bezier(1.000, -0.530, 0.405, 1.425);
    -o-transition: width 250ms cubic-bezier(1.000, -0.530, 0.405, 1.425);
    transition: width 250ms cubic-bezier(1.000, -0.530, 0.405, 1.425);
    -webkit-transition-delay: -125ms;
    -moz-transition-delay: -125ms;
    -ms-transition-delay: -125ms;
    -o-transition-delay: -125ms;
    transition-delay: -125ms;
}

.menuDrop:hover,
.navSection:hover + .menuDrop  {
    width: 254px;
    padding: 22px 4px;
    margin-top: 1px;
    opacity: 1;
}

.menuDrop_flip {
    left: auto;
    right: 0;
}

.menuDrop_bright {
    background: #0071bb url(../images/diaglines-darkerblue.png) 0 0 repeat;
    background-color: rgba(0, 113, 187, .9);
}

.menuDrop_fat:hover,
.navSection:hover + .menuDrop_fat {
    padding: 22px;
    width: 266px;
    margin-top: 0;
    border: 3px solid #0071bb; /* makes a faux padding effect */
    border-color: rgba(0, 113, 187, .9);
}

/* ----- Drop menu content ----- */
.menuDrop-col + .menuDrop-col {
    color: #ffffff;
}

.menuDrop-col a {
    color: #ffffff;
}

/* ----- Tiny language drop menu ----- */
.tinyDrop {
    width: 0;
    border: 0;
    padding: 0;
    position: absolute;
    left: 8px;
    top: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 4;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
    opacity: 0;
}

.tinyDrop:hover,
.toggleDrop:hover + .tinyDrop  {
    padding: 8px 5px 5px;
    width: 100px;
    opacity: 1;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .25)
}

/* ---------------------------------------------------------------------
 Forms
------------------------------------------------------------------------ */
.inpt {
    display: inline-block;
    padding: 11px;
    border: 1px solid #c2c2c2;
    background-color: #ffffff;
    font-size: 14px;
    color: #002c40;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inpt_inset {
    border: 2px groove #bebebe;
    border-width: 2px 1px 1px 2px;
    border-bottom-style: solid;
    border-right-style: solid;
}

.rgba.boxshadow .inpt_inset {
    border: 0;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .38);
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .38);
    -ms-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .38);
    -o-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .38);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .38);
}

.inpt_magnify {
    padding-left: 40px;
    background: transparent url(../images/icon-sprite.png) 12px 10px no-repeat;
}

.inpt_bubble {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image:    -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image:      -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image:         linear-gradient(to bottom, #ffffff, #f4f4f4);
    -webkit-box-shadow: inset 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 1px #ffffff;
    -ms-box-shadow: inset 0 0 1px #ffffff;
    -o-box-shadow: inset 0 0 1px #ffffff;
    box-shadow: inset 0 0 1px #ffffff;
}

/* ----- Widths ----- */
.inpt_lrg  { width: 228px; }
.inpt_lrgr { width: 300px; }
.inpt_huge { width: 420px; }


/* ----- Specific form areas ----- */
.searchMain {
    margin: 18px 20px 0 0;
    padding-bottom: 5px;   
}
.searchForm { margin-right: 180px; }
.searchLogo { float: right; }


/* ----- iOS style radio button toggle ----- */
.rdioToggle {
    font-size: 0;
}

.rdioToggle_overlaid {
    margin: -37px 4px 5px;
}

.rdioToggle > * {
    display: inline-block;
    font-size: 11px;
}

.rdioToggle-radio {
    /*display: block;*/
    display: none; /* not setting this to none didnt hide it in Windows Firefox */
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}

.rdioToggle-label {
    min-width: 51px;
    padding: 10px 0;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f4f4f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4);
    background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4);
    background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4);
    background-image: linear-gradient(to bottom, #f9f9f9, #f4f4f4);
    text-transform: uppercase;
    text-align: center;
    color: #0071bb;
    cursor: pointer;

    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transition-delay: -125ms;
    -moz-transition-delay: -125ms;
    -ms-transition-delay: -125ms;
    -o-transition-delay: -125ms;
    transition-delay: -125ms;
}
.rdioToggle-radio.checked + .rdioToggle-label, /*For IE 8*/
.rdioToggle-radio:checked + .rdioToggle-label {
    background-image: none;
    background-color: #0071bb;
    color: #ffffff;
    -webkit-box-shadow: inset 4px 4px 4px rgba(0, 69, 117, .6);
    -moz-box-shadow: inset 4px 4px 4px rgba(0, 69, 117, .6);
    -ms-box-shadow: inset 4px 4px 4px rgba(0, 69, 117, .6);
    -o-box-shadow: inset 4px 4px 4px rgba(0, 69, 117, .6);
    box-shadow: inset 4px 4px 4px rgba(0, 69, 117, .6);
}


/* ---------------------------------------------------------------------
 Typography
------------------------------------------------------------------------ */
.txt_miniscule { font-size: 11px; }
.txt_reduce    { font-size: 12px; }
.txt_enlarge   { font-size: 16px; }
.txt_larger    { font-size: 18px; }

.txt_caps    { text-transform: uppercase; }
.txt_oblique { font-style: italic; }


/* ----- User-generated content areas ----- */
.userContent {
    line-height: 1.5;
    overflow: hidden;
}

.userContent > *:first-child { margin-top: 0; }
.userContent > *:last-child  { margin-bottom: 0; }

.userContent p,
.userContent ul,
.userContent ol {
    margin: 0 0 1em;
}

.userContent ul { list-style-type: square; }
.userContent ol { list-style-type: decimal; }

.userContent li {
    margin: 0 0 .5em 22px;
}

.userContent h1,
.userContent h2,
.userContent h3,
.userContent h4,
.userContent h5,
.userContent h6 { font-weight: bold; }

.userContent h1 { font-size: 26px; }
.userContent h2 { font-size: 22px; }
.userContent h3 { font-size: 16px; }
.userContent h4 { font-size: 14px; }
.userContent h5 { font-size: 14px; }
.userContent h6 { font-size: 14px; }

/* hide empty CMS-generated weirdo elements */
.userContent p:empty,
.userContent li:empty {
    display: none;
}

.userContent img {
    display: block;
}

.userContent strong { font-weight: bold; }
.userContent em { font-style: italic; }

.userContent sup {
    font-size: .5em;
    line-height: 1;
    position: relative;
    top: -.75em;
}

.mix-userContent_center { text-align: center; }

/* ----- Compact userContent sizes ----- */
.userContent_compact {
    line-height: 1.35;
}

.userContent_compact p,
.userContent_compact ul,
.userContent_compact ol {
    margin-bottom: .7em;
}

.userContent_compact li {
    margin-bottom: 0;
}

/* ----- Aside, for floated images in .userContent ----- */
.aside {
    float: left;
    margin: -2px 20px 20px 0;
}

.asideRight {
    float: right;
    margin: -2px 0 20px 20px;
}

/* ---------------------------------------------------------------------
 Headings
------------------------------------------------------------------------ */
.hdg {
    line-height: 1.3;
    color: #053044;
}

/* ----- Sizes ----- */
.hdg_h1 { font-size: 26px; }
.hdg_h2 { font-size: 22px; }
.hdg_h3 { font-size: 16px; }
.hdg_h4 { font-size: 14px; }
.hdg_h5 { font-size: 14px; }
.hdg_h6 { font-size: 14px; }

/* ----- Families ----- */
.hdg_fancy { font-family: Museo, Palatino Linotype, Book Antiqua, Palatino, serif }

/* ----- Colors ----- */
.mix-hdg_light { color: #ffffff; }
.mix-hdg_dark  { color: #002c40; }
.mix-hdg_alert { color: #ec1c24; }
.mix-hdg_brand { color: #0071bb; }
.mix-hdg_saucy { color: #961b1e; }

/* ----- Misc ----- */
.mix-hdg_inset   { text-shadow: 0 -1px 0 rgba(0, 44, 64, .75); }
.mix-hdg_oblique { font-style: italic; }
.mix-hdg_caps    { text-transform: uppercase; }
.mix-hdg_thick   { font-weight: bold; }
.mix-hdg_stretch { line-height: 1.25; }

/* ---------------------------------------------------------------------
 Headers (contain .hdg)
------------------------------------------------------------------------ */
.hdr {
    margin: 15px 0;
}

.hdr_sml { margin: 5px 0; }
.hdr_med { margin: 10px 0; }

.hdr_min { margin: 0; }

.hdr_indent { padding: 0 0 0 6px; }

.hdr_leading {
    margin-top: 0;
}

.hdr_divide {
    position: relative;
    border-bottom: 1px solid #d0d2d3;
    padding-bottom: 10px;
}

/* makes white-ish double border */
.hdr_divide:before {
    content: '';
    position: absolute;
    height: -2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ffffff;
    opacity: .75;
}

.mix-hdr_center { text-align: center; }
.mix-hdr_right  { text-align: right; }


/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */
.btn {
    padding: 6px 3px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e2e2e2;
    color: #0071bb;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
}

.btn:hover {
    text-decoration: none;
}

.btn_solid {
    min-width: 125px;
    white-space: nowrap;
    border: 1px solid #ffffff;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dedede));
    background-image: -webkit-linear-gradient(top, #e9e9e9, #dedede);
    background-image:    -moz-linear-gradient(top, #e9e9e9, #dedede);
    background-image:      -o-linear-gradient(top, #e9e9e9, #dedede);
    background-image:         linear-gradient(to bottom, #e9e9e9, #dedede);
}

.btn_cta {
    padding: 16px 24px;
    background-color: #ec1c24;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #961b1e;
}

.btn_blue {
    padding: 16px 24px;
    background-color: #0071bb;
    color: #ffffff;
    font-size:15px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #1e1b96;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* ---------------------------------------------------------------------
 Button sets, or groupings
------------------------------------------------------------------------ */
.btnSet {
    margin: 20px 0;
}

.btnSet_leading { margin-top: 0; }
.btnSet_trailing { margin-bottom: 0; }

.btnSet_min {
    margin: 0;
}

.mix-btnSet_right { text-align: right; }


/* ---------------------------------------------------------------------
 Boxes
------------------------------------------------------------------------ */
.box {

}

.box_skinny { width: 385px; }
.box_narrow { width: 440px; }

.box_offset {
    position: relative;
    left: 188px;
}

.box_offset_sml {
    left: 75px;
}

.box_emphasis { margin: 20px 0; }
.box_emphasisLrg { margin: 30px 0; }

.box_shadow {
    -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
}

/* ----- Header ----- */
.box-hd {
    padding: 5px 0;
}

.box-hd_min { padding: 0; }
.box-hd_sml { padding: 5px 0; }
.box-hd_med { padding: 10px 0; }
.box-hd_lrg { padding: 16px 0; }
.box-hd_xl  { padding: 25px 0; }
.box-hd_xxl { /*padding: 52px 0 3px;*/ }

.mix-box-hd_left  { text-align: left; }
.mix-box-hd_right { text-align: right; }

/* ----- Body ----- */
.box-bd {
    padding: 10px 0;
    line-height: 1.25;
}

.mix-box-bd_readable {
    line-height: 1.66667;
}

.box-bd_min { padding: 0; }
.box-bd_sml { padding: 5px 0; }
.box-bd_med { padding: 10px 0; }
.box-bd_lrg { padding: 20px 0; }
.box-bd_xl { padding: 25px 35px; }

/* ----- Footer ----- */
.box-ft_xsm { padding: 5px 0 0; }
.box-ft_sml { padding: 0 5px 5px; }
.box-ft_med { padding: 10px; }
.box-ft_lrg { padding: 15px; }
.box-ft_xxl { padding: 15px 60px 36px; }
.box-ft_hero { padding: 15px 0 36px; }

.mix-box-ft_left  { text-align: left; }
.mix-box-ft_right { text-align: right; }


/* ---------------------------------------------------------------------
 Feed Listings
------------------------------------------------------------------------ */
.feedListing {
    position: relative;
    margin-bottom: 20px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    -ms-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    -o-box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
}

/* this covers up the shadow on the bottom  */
.feedListing:after {
    content: '';
    position: absolute;
    bottom: -20px;
    height: 20px;
    width: 100%;
    background-color: #ffffff;
}

.feedListing_overlap {
    margin-top: -120px;
	z-index: 101;
}
.feed-hd {/* DaveC 2014/01 - CSS gradients better than buggy header-bgs.png graphic */
    padding: 16px 17px 15px;
    /* background: #e71c24 url(../images/header-bgs.png) 0 0 no-repeat; */
/* www.colorzilla.com/gradient-editor/#961b1e+0,ec1c24+100;Red */
    background: #961b1e;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2MWIxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYzFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #961b1e 0%, #ec1c24 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#961b1e), color-stop(100%,#ec1c24));
    background: -webkit-linear-gradient(left, #961b1e 0%,#ec1c24 100%);
    background: -o-linear-gradient(left, #961b1e 0%,#ec1c24 100%);
    background: -ms-linear-gradient(left, #961b1e 0%,#ec1c24 100%);
    background: linear-gradient(to right, #961b1e 0%,#ec1c24 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#961b1e', endColorstr='#ec1c24',GradientType=1 );	
}

.feed-hd_alt {
/*    background-color: #0070ba; */
/*    background-position: 0 -48px; */
/* http://www.colorzilla.com/gradient-editor/#004575+0,0071bb+100;Blue-Gradient */
    background: #004575;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDU3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDcxYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #004575 0%, #0071bb 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#004575), color-stop(100%,#0071bb));
    background: -webkit-linear-gradient(left, #004575 0%,#0071bb 100%);
    background: -o-linear-gradient(left, #004575 0%,#0071bb 100%);
    background: -ms-linear-gradient(left, #004575 0%,#0071bb 100%);
    background: linear-gradient(to right, #004575 0%,#0071bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004575', endColorstr='#0071bb',GradientType=1 );
}


.feed-bd {
    padding: 25px 20px 25px 25px;
}

.feed-bd .hdg {
    line-height: 1.2;
}

.feed-ft {
    margin: -8px 0 20px;
    padding: 0 17px;
}


/* ---------------------------------------------------------------------
 Media Object and Image sizes
------------------------------------------------------------------------ */
.media,
.media-bd {
    overflow: hidden;
    position: relative;
}

.media_feat {
    margin-bottom: 18px;
}

.media-bd {
    line-height: 1.25;
}

.media-bd_readable {
    line-height: 1.66667;
}

.media_overflowy {
    overflow: visible;
}

.media-ele {
    float: left;
    margin: 0 15px 0 0;
}

.media-ele_space { margin-right: 20px; }
.media-ele_spaceLrg { margin-right: 24px; }
.media-ele_spaceXlg { margin-right: 40px; }

.media-ele > * {
    display: block;
}

/* ---------------------------------------------------------------------
 Article and story listings
------------------------------------------------------------------------ */
.article {
    line-height: 1.5;
}

.article > p {
    margin-bottom: 1em;
}

.article_indent {
    padding-left: 10px;
    padding-right: 10px;
}

.fixedHeight .media {
    height: 175px;
}

/* ---------------------------------------------------------------------
 Slider element
------------------------------------------------------------------------ */
.slider {
    margin: 3px 0 28px;
    padding: 30px 50px 30px;
    position: relative;
    background: #f7f7f7 url(../images/diaglines-gray.png) 0 0 repeat;
}

.slider_compact {
    padding: 18px 50px;
}

.slider_withHeadline {
    padding-top: 12px;
}

.slider-hd {
    margin-bottom: 12px;
    margin-left: -30px;
}

/* ----- Pager ----- */
.slider-pager {
    position: absolute;
    top: 16px;
    right: 17px;
	z-index: 100;
}

.slider-pager > * {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer;
    background-color: #c2c2c2;
    text-indent: -100%;
    overflow: hidden;
    font-size: 0;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.slider-pager > * + * {
    margin-left: 6px;
}

.slider-pager > .cycle-pager-active { /* this class generated by the plugin */
    background-color: #898989;
}

/* ----- Controls ----- */
.sliderControl {
    width: 22px;
    position: absolute;
    top: 43%;
    z-index: 5;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    color: #0071bb;
    font-size: 32px;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    text-align: center;
}

.sliderControl:hover {
    text-decoration: none;
}

.sliderControl_prev {
    left: 10px;
}

.sliderControl {
    right: 10px;
}

/* ---------------------------------------------------------------------
 Related products area
------------------------------------------------------------------------ */
.related {
    margin: 38px 0 0;
}

/* ---------------------------------------------------------------------
 Pager element
------------------------------------------------------------------------ */
.pager {
    margin: 20px 0;
}

.pager_divide {
    margin-top: 2px;
    padding-top: 20px;
    border-top: 1px solid #d0d2d3;
}

#HeroContainer .pager {/* DaveC 2014/01 - styling applied to homepage hero slider 'cycle2' plugin */
    margin: 10px 0;
    border-top: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1000;

}

#HeroContainer .pager span{
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: black;
    color: black;
    font-size: 0;
    opacity: .5;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}
#HeroContainer .pager span:hover{
    background-color: white;
    color: white;
    opacity: .6;
}
#HeroContainer .pager span.cycle-pager-active{
    background-color: white;
    color: white;
    opacity: .3;
}


.pager-pages {
    display: inline-block;
}

.pager-pages > * {
    min-width: 15px;
    padding: 0 2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
}

/* ----- Controls ----- */
.pagerControl {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
}

.generatedcontent .pagerControl-label {
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: hidden;
    display: block;
    line-height: 0;
}

.generatedcontent .pagerControl:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-right: 8px solid #0071bb;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.generatedcontent .pagerControl-next:after {
    border-right: 0;
    border-left: 8px solid #0071bb;
}

.pagerControl-prev { margin-right: 15px; }
.pagerControl-next { margin-left: 15px; }


/* ---------------------------------------------------------------------
 Revealer (hover and reveal more content)
------------------------------------------------------------------------ */
.reveal {
    height: 250px;
    width: 250px;
    overflow: hidden;
    display: block;
    color: #ffffff;
    text-decoration: none;
    line-height: 1.25;
}

.reveal:hover {
    text-decoration: none;
}

.reveal:hover .reveal-face_front,
.reveal:active .reveal-face_front {
    margin-top: -250px;
}

.reveal-face {
    height: 250px;
    position: relative;
    background: #e1e1e1 url(../images/cta-solutions.png) -502px -251px no-repeat;


    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.reveal-face_back {
    background-color: #006aae;
    background-position: -502px -753px;
}

.reveal-hd {
    text-align: center;
    padding: 40px 22px 0;
}

.reveal-hd_standalone {
    padding-top: 105px;
}

.reveal-bd {
    padding: 22px 22px 0;
}

.reveal-ft {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-decoration: underline;
}

.reveal-ft {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-decoration: underline;
}

/* ----- Icon face variations ----- */
.reveal-face_people { background-position: 0px 0px; }
.reveal-face_peopleDark { background-position: 0px -502px; }

.reveal-face_bullhorn { background-position: -251px 0px; }
.reveal-face_bullhornDark { background-position: -251px -502px; }

.reveal-face_chart { background-position: -502px 0 }
.reveal-face_chartDark { background-position: -502px -502px; }

.reveal-face_flask { background-position: 0 -251px; }
.reveal-face_flaskDark { background-position: 0 -753px; }

.reveal-face_city { background-position: -251px -251px; }
.reveal-face_cityDark { background-position: -251px -753px; }


/* ---------------------------------------------------------------------
 Map of offices
------------------------------------------------------------------------ */
.map {
    position: relative;
}

/* ----- Map background ----- */
.map-stage {
    height: 444px;
    position: relative;
}

.map-stage-world {
    position: absolute;
}

.map-stage-grid,
.map-stage-captions {
    width: 940px;
    height: 421px;
    position: absolute;
    top: 22px;
    left: 10px;
}

/* ----- Map dots ----- */
.mapDot {
    height: 9px;
    width: 9px;
    position: absolute;
    border-radius: 5px;
    background-color: #002c40;
    cursor: pointer;
}

.mapDot:hover,
.mapDot.isActive {
    background-color: #ec1c24;
}

/* ----- Map caption ----- */
.mapCaption {
    width: 200px;
    padding: 12px;
    position: absolute;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, .8);
    z-index: 1;
}

.mapCaption-hd {
    margin-bottom: 8px;
}

.mapCaption-ft {
    margin-top: 10px;
}

/* ----- Link listing ----- */
.map-links {
    margin-top: 30px;
}

/* ---------------------------------------------------------------------
 Pull quote
------------------------------------------------------------------------ */
.pullQuote {
    padding: 15px;
    background: #f7f7f7 url(../images/diaglines-gray.png) 0 0 repeat;
}

.pullQuote-quote {
    font-size: 14px;
    line-height: 1.25;
}

.pullQuote-more {
    padding-top: 12px;
    text-align: right;
    text-transform: uppercase;
    font-weight: bold;
}

/* ---------------------------------------------------------------------
 CTA boxes (links on Contact page)
------------------------------------------------------------------------ */
.cta {
    width: 100%;
    display: table;
    padding: 23px 85px 23px 23px;
    margin: 10px 0 0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent url(../images/cta-sprite.png) 0 0 no-repeat;
}

.cta:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 8px;
    right: 10px;
    border-bottom: 28px solid #0071bb;
    border-left: 28px solid transparent;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}

.cta:hover:after {
    bottom: 6px;
    right: 8px;
}

.cta_info  { background-position: -249px 0; }
.cta_shake { background-position: -497px 0; }
.cta_chat  { background-position: -745px 0; }

.cta-content {
    display: table-cell;
    vertical-align: middle;
    height: 48px;
}

/* ---------------------------------------------------------------------
 Region Sections (for Distribute page)
------------------------------------------------------------------------ */
.rgn {
    margin: 0 -65px 0 -90px;
    padding: 12px 65px 10px 90px;
    position: relative;
}
.rgn-small {
    padding: 12px 0 10px 0;
    position: relative;
}
.rgn-small.js-toggle {
    padding: 12px 25px 10px 25px;
}

.rgn-small .rgnSub {
    padding-top: 0;
    padding-bottom: 0;
}

/* arrow before each region */
.rgn-arrow {
    width: 0;
    height: 0;
    position: absolute;
    left: 56px;
    top: 15px;
    border-top: 6px solid transparent;
    border-left: 10px solid #0071bb;
    border-bottom: 6px solid transparent;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
}
.rgn-small .rgn-arrow { left: 10px; }
.rgn-small .grid-col_sectionType { width: 250px; }
.rgn-small .grid-col_region {
    width: 266px; 
    margin-left: 30px; 
}

/* top border on each region */
.rgn-small:after 
{
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top: 1px solid #d0d2d3;
    border-bottom: 1px solid rgba(255, 255, 255, .75);
    
}
.rgn:after {
    content: '';
    width: 810px;
    position: absolute;
    left: 90px;
    top: 0;
    border-top: 1px solid #d0d2d3;
    border-bottom: 1px solid rgba(255, 255, 255, .75);
}

.rgn_isActive {
    background-color: #f1f1f1;
    background-color: rgba(241, 241, 241, .75);
}

.rgn_isActive .rgn-arrow {
    top: 17px;
    border: 0;
    border-left: 6px solid transparent;
    border-top: 10px solid #002c40;
    border-right: 6px solid transparent;
}

.js-toggle-header { cursor: pointer; /* strictly to indicate interactivity */ }

.rgnSub {
    padding: 12px 0 12px 21px;
}

.rgnSub + .rgnSub {
    padding-top: 0;
    padding-bottom: 0;
}

.rgnSub + .rgnSub > .grid_divide {
    border-top: 1px solid #d0d2d3;
    padding-top: 12px;
    margin-top: 12px;
}

/* ---------------------------------------------------------------------
 Described Items (for Distribute page)
------------------------------------------------------------------------ */
.desc {
    overflow: hidden;
}

.desc + .desc {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #d0d2d3;
}

.desc-title,
.desc-desc {
    float: left;
}

.desc-title {
    width: 240px;
}

.desc-desc {
    width: 154px;
}


/* ---------------------------------------------------------------------
 Form content wrapper used by client in their templates
------------------------------------------------------------------------ */
.formContent label {
	text-align: right;
	display: inline-block;
	width:30% !important;
	min-width:250px;
	font-weight: bold;
	vertical-align: top;
	margin-top: 10px;
	padding-right: 20px;
}

.formContent select,
.formContent input[type=text] {
    display: inline-block;
	width:60%;
	max-width:300px;
	padding: 5px;
    border: 2px groove #bebebe;
    border-width: 2px 1px 1px 2px;
    border-bottom-style: solid;
    border-right-style: solid;
    background-color: #ffffff;
    color: #002c40;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formContent select {
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
    background-image:    -moz-linear-gradient(top, #ffffff, #f4f4f4);
    background-image:      -o-linear-gradient(top, #ffffff, #f4f4f4);
    background-image:         linear-gradient(to bottom, #ffffff, #f4f4f4);
    -webkit-box-shadow: inset 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 1px #ffffff;
    -ms-box-shadow: inset 0 0 1px #ffffff;
    -o-box-shadow: inset 0 0 1px #ffffff;
    box-shadow: inset 0 0 1px #ffffff;
}

.formContent input[type=button],
.formContent input[type=reset],
.formContent input[type=submit] {
    padding: 6px 3px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e2e2e2;
    text-decoration: none;
    text-align: center;
    font-size: 10px;
    min-width: 120px;
    white-space: nowrap;
    border: 1px solid #ffffff;
    background-color: #e9e9e9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#dedede));
    background-image: -webkit-linear-gradient(top, #e9e9e9, #dedede);
    background-image:    -moz-linear-gradient(top, #e9e9e9, #dedede);
    background-image:      -o-linear-gradient(top, #e9e9e9, #dedede);
    background-image:         linear-gradient(to bottom, #e9e9e9, #dedede);
    padding: 16px 24px;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #1e1b96;
}

.formContent input[type=submit] {
	background-color: #0071bb;
	background-image: none;
	color: #ffffff;
}

/* Overwriting existing markup to simulate styles */
.formContent .mktFormReq label { 
    background: url('//info.marketwire.com/images/forms/backRequiredGray.gif') no-repeat right 0px;
}

.formContent .mktField {
    margin-bottom: 5px;
}


/* Force sub items to infinitely indent on the sub menu */
.subMenuItem ul {
    margin-left:22px;
    font-size: 12px;
	line-height:1.25;
	margin-top:-4px;
	margin-bottom:16px;
}

.subMenuItem li {
    margin-top: 10px;
	margin-bottom:-4px;
}

.subMenuItem-oneLevel {
    font-size: 13px;
    line-height: 1.1;
}
.subMenuItem-oneLevel li {
    margin-top: 8px;
}

.threeLines {
	max-height: 4.6em;
	overflow: hidden;
}

.mdl {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 120;
}

.mdl-bk {
    background-color: #004575;
    background-color: rgba(0, 69, 117, .85);
    width: 100%;
    height: 100%;
    padding-top: 10%;
    z-index: 120;
    text-align: center;
}

.mdl-wrap {
    padding: 10px;
    margin: auto;
    max-height: 75%;
    max-width: 75%;
    background-color: #ffffff;
    z-index: 121;
    overflow: auto;
    display: inline-block;
}

.mdl-hd {
    height: 15px;
    text-transform: uppercase;
    text-align: right;
    font-size: .8em;
}

.browserWarning {
    position: absolute;
    top: 0;
    right: 0;
    padding:5px;
    color: #bb4444;
    background: #eedddd;
    display: none;
}

.skip a 
{
    position: absolute; 
    left: -10000px; 
    top: auto; 
    width: 1px; 
    height: 1px; 
    overflow: hidden;

}

.skip a:focus 
{ 
    position: static;
    width: auto; 
    height: auto;  
}

/* Nasdaq */
.header-inner {
    background-image: url("http://www.marketwired.com/images/mw-nasdaq.svg");
    background-repeat: no-repeat;
}
.header-inner.header-inner-fr {
    background-image: url("http://www.marketwired.com/images/mw-nasdaq-fr.svg");
}

a.logo {
    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
    width: 310px;
}
.searchForm { margin-right: 0px !important; }

.socialList_sml > * + *:before, .hList_pipe > * + *:before {
    background-color: white !important;
}
.hList_padMed > * { padding: 0 18px 1px !important; }
.skip {background-color: white;}
.socialIcon {
    background: transparent url(//www.marketwired.com/images/social_icons.svg) 0 0 no-repeat !important;
    height: 22px !important;
    width: 22px !important;
}
.socialIcon_fb {
    background-position: 0 0;

}
.socialIcon_tw {
    background-position: -29px 0 !important;
}
.socialIcon_yt {
    background-position: -58px 0 !important;
}
.socialIcon_li {
    background-position: -88px 0 !important;
}
.socialIcon_gp {
    background-position: -116px 0 !important;
}
#nasdaq-logo {
    text-align: right;
    margin-top: 65px;

}
#part_nasdaq {
    text-align: left;
    clear: both;
    font-size: 18px;
    font-weight: bold;
    font-family: "DIN OT Condensed Bold", "Arial Narrow", Arial, sans-serif;
    color: #0071bb;
    font-stretch: condensed;
    padding: 0 0 10px 0;
}

@font-face {
  font-family: "DIN OT Condensed Bold";
  src: url("/App_Themes/Marketwire/fonts/DINOT-CondBold.otf"); 
}