@charset "UTF-8";
/*------------------------------------*\
    GRANGE-AGENT.SCSS
\*------------------------------------*/
/**
 * Load Functions
 */
/*------------------------------------*\
    Functions
\*------------------------------------*/
/**
 * Convert px to em or rem
 */
/**
 * Variables & Objects
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/**
 * Base Stuff
 */
/**
 * Framework
 */
/**
 * Base font-families
 */
/**
 * Shorthand base font
 */
/*------------------------------------*\
    $COLORS
\*------------------------------------*/
/**
 * Scaffolding
 */
/**
 * Spectrum
 */
/**
 * Colors
 */
/**
 * Links
 */
/**
 * Placeholder
 */
/*------------------------------------*\
    $UI
\*------------------------------------*/
/*------------------------------------*\
    $COMPONENT SIZING
\*------------------------------------*/
/*------------------------------------*\
    $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    GRANGE AGENT / VARIABLES
\*------------------------------------*/
/**
 * Styles
 */
/*------------------------------------*\
    FOUNDATION.SCSS
\*------------------------------------*/
/**
 * Generic utility styles etc.
 */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active {
  outline: 0; }

.touch a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * Vendor Prefixes
 */
/**
 * Queries
 */
/**
 * Font Face
 */
/*------------------------------------*\
    $RESET
\*------------------------------------*/
/**
 * Global Box Border
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * The usual...
 */
h1, h2, h3, .form-header, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title], dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
ins {
  text-decoration: none; }

/**
 * Apply faux underline via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/**
 * So that `alt` text is visually offset if images donÆt load.
 */
img {
  font-style: italic; }

/*------------------------------------*\
    $CLEARFIX
\*------------------------------------*/
.form:after,
[class^="form--"]:after, .form__section:after,
[class^="form__section--"]:after, .inline:after, .nav:after, .input-list:after, .AspNet-RadioButtonList ul:after,
[class^="input-list--"]:after, .breadcrumb:after,
[class^="breadcrumb--"]:after, .btn-group:after, .btn-group--stacked:after, .panel__header-controls:after, [class^="page-nav"]:after, .pagination ul:after,
[class^="pagination--"] ul:after, .progress-pager:after, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu:after, .side-nav:after,
[class^="side-nav--"]:after, .key-legend:after, .tag-list:after, .footer-nav:after,
[class*="nav--"]:after, .panel:after,
[class^="panel--"]:after, .panel__body:after, .options__copy:after, .options__item:after, .well:after, .form__panel:after,
[class*="well--"]:after, .island:after, .co-op-benefit-features__item:after,
[class*="island--"]:after, .icon-group:after, .media:after, .modal:after, .page-header:after, .pagination:after,
[class^="pagination--"]:after, .popup:after, .popup__body:after, .row:after, .l-wrapper:after, .product-lobby:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*\
    $SPACING
\*------------------------------------*/
/**
 * Base elements
 */
h1, h2, h3, .form-header, h4, h5, h6, hgroup,
ul, ol, dl,
hr,
blockquote, p, .p, address,
table,
fieldset, figure,
pre,
.media, [class^="media--"],
.panel, [class^="panel--"],
.well,
.form__panel, [class^="well--"],
.alert-box, [class^="alert-box--"],
.msg-box, [class^="msg-box--"],
.form, [class^="form--"],
.progress-pager, [class^="progress-pager--"] {
  margin-bottom: 18px; }

/**
 * Indent certain elements by a consistent amount.
 */
ul, ol, dd {
  margin-left: 18px; }

/**
 * Base styles; unclassed HTML elements etc.
 */
/*------------------------------------*\
    $FORMS VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $FORMS STYLES
\*------------------------------------*/
/**
 * Input Styles
 */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
.file--overlay,
select,
textarea {
  display: inline-block;
  float: left;
  padding: 6px;
  margin: 0;
  width: 100%;
  height: 30px;
  font-size: 12px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-top: 1px solid #c0c1c2;
  transition: border-color ease-in-out 0.15s, background ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="date"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  input[type="month"]:hover,
  input[type="week"]:hover,
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="time"]:hover,
  input[type="url"]:hover,
  .file--overlay:hover,
  select:hover,
  textarea:hover {
    border: 1px solid #c0c1c2; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  .file--overlay:focus,
  select:focus,
  textarea:focus {
    border-color: #00a9e0;
    outline: none;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
  input[type="text"][disabled], input[type="text"][readonly],
  input[type="password"][disabled],
  input[type="password"][readonly],
  input[type="date"][disabled],
  input[type="date"][readonly],
  input[type="datetime"][disabled],
  input[type="datetime"][readonly],
  input[type="datetime-local"][disabled],
  input[type="datetime-local"][readonly],
  input[type="month"][disabled],
  input[type="month"][readonly],
  input[type="week"][disabled],
  input[type="week"][readonly],
  input[type="email"][disabled],
  input[type="email"][readonly],
  input[type="number"][disabled],
  input[type="number"][readonly],
  input[type="search"][disabled],
  input[type="search"][readonly],
  input[type="tel"][disabled],
  input[type="tel"][readonly],
  input[type="time"][disabled],
  input[type="time"][readonly],
  input[type="url"][disabled],
  input[type="url"][readonly],
  .file--overlay[disabled],
  .file--overlay[readonly],
  select[disabled],
  select[readonly],
  textarea[disabled],
  textarea[readonly] {
    background: #f4f4f4; }
    input[type="text"][disabled]:hover, input[type="text"][readonly]:hover,
    input[type="password"][disabled]:hover,
    input[type="password"][readonly]:hover,
    input[type="date"][disabled]:hover,
    input[type="date"][readonly]:hover,
    input[type="datetime"][disabled]:hover,
    input[type="datetime"][readonly]:hover,
    input[type="datetime-local"][disabled]:hover,
    input[type="datetime-local"][readonly]:hover,
    input[type="month"][disabled]:hover,
    input[type="month"][readonly]:hover,
    input[type="week"][disabled]:hover,
    input[type="week"][readonly]:hover,
    input[type="email"][disabled]:hover,
    input[type="email"][readonly]:hover,
    input[type="number"][disabled]:hover,
    input[type="number"][readonly]:hover,
    input[type="search"][disabled]:hover,
    input[type="search"][readonly]:hover,
    input[type="tel"][disabled]:hover,
    input[type="tel"][readonly]:hover,
    input[type="time"][disabled]:hover,
    input[type="time"][readonly]:hover,
    input[type="url"][disabled]:hover,
    input[type="url"][readonly]:hover,
    .file--overlay[disabled]:hover,
    .file--overlay[readonly]:hover,
    select[disabled]:hover,
    select[readonly]:hover,
    textarea[disabled]:hover,
    textarea[readonly]:hover {
      cursor: not-allowed;
      border: 1px solid #ddd;
      border-top: 1px solid #c0c1c2; }

/**
 * Input/Label widths
 */
.form__input--mini, .form__label--mini,
.input--mini,
.table__input--mini {
  width: 68px !important; }

.form__input--xsmall, .form__label--xsmall,
.input--xsmall,
.table__input--xsmall {
  width: 94px !important; }

.form__input--small, .form__label--small,
.input--small,
.table__input--small {
  width: 145px !important; }

.form__input--large, .form__label--large,
.input--large,
.table__input-- large {
  width: 196px !important; }

.form__input--xlarge, .form__label--xlarge,
.input--xlarge,
.table__input--xlarge {
  width: 222px !important; }

.form__input--kilo {
  width: 400px !important; }

.form__input--mega {
  width: 502px !important; }

.form__input--giga {
  width: 604px !important; }

.form__input--full, .form__label--full,
.input--full,
.table__input-- full {
  width: 100% !important; }

.form__input--half, .form__label--half,
.input--half,
.table__input--half {
  width: 50% !important; }

.form__input--prefix {
  width: 94px !important; }

.form__input--suffix {
  width: 94px !important; }

.form__input--first-name {
  width: 196px !important; }

.form__input--middle-name {
  width: 94px !important; }

.form__input--last-name {
  width: 298px !important; }

.form__input--address {
  width: 298px !important; }

.form__input--city {
  width: 298px !important; }

.form__input--state {
  width: 94px !important; }

.form__input--zip {
  width: 196px !important; }

.form__input--country {
  width: 298px !important; }

.form__input--county {
  width: 298px !important; }

.form__input--date, .input--date,
.table__input--date {
  width: 134px !important; }

.form__input--phone {
  width: 196px !important; }

.form__input--ext {
  width: 94px !important; }

.form__input--auto, .form__label--auto,
.input--auto,
.table__input--auto {
  width: auto !important; }

/**
 * Placeholder Text
 */
.placeholder {
  width: auto !important;
  height: auto;
  top: 1px !important;
  right: 1px !important;
  bottom: 1px !important;
  left: 1px !important; }

.placeholder {
  color: #aaaaaa; }

::-webkit-input-placeholder {
  color: #aaaaaa; }

:-moz-placeholder {
  color: #aaaaaa;
  opacity: 1; }

::-moz-placeholder {
  color: #aaaaaa;
  opacity: 1; }

:-ms-input-placeholder {
  color: #aaaaaa; }

/**
 * File upload
 *
 * Styles to be applied to ASP.NET FileUpload control. This is easier to use
 * than the alternative custom FileUpload JS solution within the ISG.
 * Note, the ISG solution also has type="file" but has additional styles applied
 * by the customer class '.file--overlay' (see above).
 */
input[type="file"] {
  display: inline-block;
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 30px;
  font-size: 12px;
  vertical-align: middle; }
  input[type="file"]::-webkit-file-upload-button {
    padding: 0 10px;
    background: #999;
    line-height: 30px;
    font-family: proximanova-semi;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 4px;
    white-space: nowrap;
    vertical-align: middle; }

/**
 * Textarea
 */
textarea {
  height: auto; }

/**
 * Normalize file input width
 */
input[type="file"] {
  width: 100%; }

/**
 * Radios & Checkboxes
 */
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle; }
  input[type="checkbox"][disabled]:hover, input[type="checkbox"][readonly]:hover,
  input[type="radio"][disabled]:hover,
  input[type="radio"][readonly]:hover {
    cursor: not-allowed; }

/**
 * The .ShowHideCheckbox is a .NET control that wraps a checkbox in a span 
 * with this class.  Additionally since the  * asp:label control spits  out 
 * a span, we must provide a way to target this element through a class (.label)
 */
input[type="radio"] + label,
input[type="checkbox"] + label,
input[type="radio"] + .label,
input[type="checkbox"] + .label,
.ShowHideCheckbox + span,
.ShowHideCheckbox ~ .label {
  vertical-align: middle;
  margin-left: 4px;
  white-space: normal; }

/**
 * Radio & Checkbox Lists
 */
.input-list, .AspNet-RadioButtonList ul,
[class^="input-list--"] {
  margin: 5px 0 0;
  display: inline-block;
  vertical-align: top; }
  .input-list li + li, .AspNet-RadioButtonList ul li + li,
  .input-list .input-list__item + .input-list__item,
  .AspNet-RadioButtonList ul .input-list__item + .input-list__item,
  .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item,
  .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .input-list__item,
  .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .input-list__item,
  .input-list .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item,
  .AspNet-RadioButtonList .input-list .input-list__item + .AspNet-RadioButtonList-Item,
  .AspNet-RadioButtonList ul .input-list__item + .AspNet-RadioButtonList-Item,
  .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item,
  .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item,
  .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item,
  [class^="input-list--"] li + li,
  [class^="input-list--"] .input-list__item + .input-list__item,
  [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item,
  .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .input-list__item,
  [class^="input-list--"] .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item,
  .AspNet-RadioButtonList [class^="input-list--"] .input-list__item + .AspNet-RadioButtonList-Item,
  [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item,
  .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item {
    margin-left: 16px; }
    .input-list li + li li, .AspNet-RadioButtonList ul li + li li,
    .input-list li + li .input-list__item,
    .AspNet-RadioButtonList ul li + li .input-list__item,
    .input-list li + li .AspNet-RadioButtonList .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList .input-list li + li .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList ul li + li .AspNet-RadioButtonList-Item,
    .input-list .input-list__item + .input-list__item li,
    .AspNet-RadioButtonList ul .input-list__item + .input-list__item li,
    .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item li,
    .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .input-list__item li,
    .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .input-list__item li,
    .input-list .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item li,
    .AspNet-RadioButtonList .input-list .input-list__item + .AspNet-RadioButtonList-Item li,
    .AspNet-RadioButtonList ul .input-list__item + .AspNet-RadioButtonList-Item li,
    .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item li,
    .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item li,
    .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item li,
    .input-list .input-list__item + .input-list__item .input-list__item,
    .AspNet-RadioButtonList ul .input-list__item + .input-list__item .input-list__item,
    .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item .input-list__item,
    .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .input-list__item .input-list__item,
    .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .input-list__item .input-list__item,
    .input-list .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item .input-list__item,
    .AspNet-RadioButtonList .input-list .input-list__item + .AspNet-RadioButtonList-Item .input-list__item,
    .AspNet-RadioButtonList ul .input-list__item + .AspNet-RadioButtonList-Item .input-list__item,
    .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .input-list__item,
    .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .input-list__item,
    .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .input-list__item,
    .input-list .input-list__item + .input-list__item .AspNet-RadioButtonList .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList .input-list .input-list__item + .input-list__item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList ul .input-list__item + .input-list__item .AspNet-RadioButtonList-Item,
    .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .input-list__item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .input-list__item .AspNet-RadioButtonList-Item,
    .input-list .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList .input-list .input-list__item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList ul .input-list__item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .input-list .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList .input-list .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList ul .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    [class^="input-list--"] li + li li,
    [class^="input-list--"] li + li .input-list__item,
    [class^="input-list--"] li + li .AspNet-RadioButtonList .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList [class^="input-list--"] li + li .AspNet-RadioButtonList-Item,
    [class^="input-list--"] .input-list__item + .input-list__item li,
    [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item li,
    .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .input-list__item li,
    [class^="input-list--"] .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item li,
    .AspNet-RadioButtonList [class^="input-list--"] .input-list__item + .AspNet-RadioButtonList-Item li,
    [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item li,
    .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item li,
    [class^="input-list--"] .input-list__item + .input-list__item .input-list__item,
    [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item .input-list__item,
    .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .input-list__item .input-list__item,
    [class^="input-list--"] .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item .input-list__item,
    .AspNet-RadioButtonList [class^="input-list--"] .input-list__item + .AspNet-RadioButtonList-Item .input-list__item,
    [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .input-list__item,
    .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .input-list__item,
    [class^="input-list--"] .input-list__item + .input-list__item .AspNet-RadioButtonList .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList [class^="input-list--"] .input-list__item + .input-list__item .AspNet-RadioButtonList-Item,
    [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .input-list__item .AspNet-RadioButtonList-Item,
    [class^="input-list--"] .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList [class^="input-list--"] .input-list__item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    [class^="input-list--"] .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item,
    .AspNet-RadioButtonList [class^="input-list--"] .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item .AspNet-RadioButtonList-Item {
      list-style: none; }

/**
 * Created in response to GCB-2328, this is a .NET control that spits out
 * a radio button list as a table.
 */
table.input-list td,
table[class^="input-list--"] td {
  padding-right: 16px; }

.input-list--stacked ul {
  padding-top: 8px; }
.input-list--stacked li + li,
.input-list--stacked .input-list__item + .input-list__item,
.input-list--stacked .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .input-list__item,
.AspNet-RadioButtonList .input-list--stacked .AspNet-RadioButtonList-Item + .input-list__item,
.input-list--stacked .AspNet-RadioButtonList .input-list__item + .AspNet-RadioButtonList-Item,
.AspNet-RadioButtonList .input-list--stacked .input-list__item + .AspNet-RadioButtonList-Item,
.input-list--stacked .AspNet-RadioButtonList .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item,
.AspNet-RadioButtonList .input-list--stacked .AspNet-RadioButtonList-Item + .AspNet-RadioButtonList-Item {
  display: list-item;
  margin-left: 0; }
.input-list--stacked > .AspNet-RadioButtonList > ul {
  margin: 0; }
  .input-list--stacked > .AspNet-RadioButtonList > ul > li,
  .input-list--stacked > .AspNet-RadioButtonList > ul > .input-list__item,
  .input-list--stacked > .AspNet-RadioButtonList > ul > .AspNet-RadioButtonList-Item {
    display: list-item; }

/**
 * .NET Radio Control
 */
/**
 * Pre filled inputs 
 *
 * Data that typically gets pre-filled from comparitive raters or
 * agency management systems. The pre-fill styles should disappear
 * if the original pre-filled data is changed by the user.
 */
.pre-filled {
  position: relative; }

.pre-filled:before {
  position: absolute;
  top: 7px;
  right: 28px;
  font-size: 11px;
  font-weight: bold;
  color: #87b8dd;
  content: "Pre-filled";
  background: #ddedf9;
  padding-left: 12px; }

.pre-filled input[type=text],
.pre-filled select {
  background: #ddedf9; }

/**
 * Forms
 */
.form > :last-child,
[class^="form--"] > :last-child {
  margin-bottom: 0; }

/**
 * Section groups
 */
.form__section-group .form__section,
.form__section-group [class^="form__section--"] {
  display: inline-block;
  margin-right: 12px; }
.form__section-group .form__label {
  float: left; }
  .form__section-group .form__label + [class^="form__input"] {
    clear: left; }

/**
 * Form sections
 */
.form__section,
[class^="form__section--"] {
  margin-bottom: 4px;
  white-space: nowrap; }

.form__section--no-label {
  padding-left: 180px; }

.form__section--stacked > .form__label {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left; }

.form__section--split {
  display: table;
  width: 100%;
  white-space: normal; }
  .form__section--split > .form__label {
    display: table-cell;
    float: none;
    width: auto;
    text-align: left;
    vertical-align: top;
    padding: 6px 0; }
  .form__section--split > .form__input,
  .form__section--split > [class^="form__input--"] {
    display: table-cell;
    float: right;
    vertical-align: top; }
    .form__section--split > .form__input > *,
    .form__section--split > [class^="form__input--"] > * {
      float: right; }
  .form__section--split > .form__input-group {
    display: table-cell;
    float: right;
    vertical-align: top; }

/**
 * Labels, inputs and copy
 */
.form__label,
[class^="form__label--"],
.form__input,
[class^="form__input--"] {
  position: relative;
  display: inline-block;
  float: left; }

.form__label,
[class^="form__label--"] {
  margin-bottom: 8px;
  padding: 6px 12px 0 0;
  width: 180px;
  text-align: right;
  white-space: normal;
  -ms-word-break: break-word;
  word-break: break-word; }

/**
 * Required Fields
 */
.form__label.required,
[class^="form__label--"].required,
.label.required,
label.required {
  font-weight: bold;
  color: #222; }

.form__input,
[class^="form__input--"] {
  width: 298px;
  margin-bottom: 8px;
  vertical-align: middle; }
  .form__input.has-icon input[type="text"],
  .form__input.has-icon input[type="password"],
  .form__input.has-icon input[type="file"],
  .form__input.has-icon select,
  .form__input.has-icon textarea,
  .form__input.has-icon .input-list,
  .form__input.has-icon .AspNet-RadioButtonList ul,
  .AspNet-RadioButtonList .form__input.has-icon ul,
  [class^="form__input--"].has-icon input[type="text"],
  [class^="form__input--"].has-icon input[type="password"],
  [class^="form__input--"].has-icon input[type="file"],
  [class^="form__input--"].has-icon select,
  [class^="form__input--"].has-icon textarea,
  [class^="form__input--"].has-icon .input-list,
  [class^="form__input--"].has-icon .AspNet-RadioButtonList ul,
  .AspNet-RadioButtonList [class^="form__input--"].has-icon ul {
    margin-right: 4px; }
  .form__input.has-icon > [class^="icon-"],
  .form__input.has-icon > .popup-container > [class^="icon-"],
  .form__input.has-icon > .calendar-container > [class^="icon-"],
  [class^="form__input--"].has-icon > [class^="icon-"],
  [class^="form__input--"].has-icon > .popup-container > [class^="icon-"],
  [class^="form__input--"].has-icon > .calendar-container > [class^="icon-"] {
    margin-top: 5px; }
  .form__input.has-btn input[type="text"],
  .form__input.has-btn select,
  .form__input.has-btn textarea,
  [class^="form__input--"].has-btn input[type="text"],
  [class^="form__input--"].has-btn select,
  [class^="form__input--"].has-btn textarea {
    margin-right: 4px; }
  .form__input.has-btn .btn-group,
  [class^="form__input--"].has-btn .btn-group {
    margin-bottom: 0; }
  .form__input > .label-data,
  [class^="form__input--"] > .label-data {
    margin-top: 6px; }

.form__copy,
[class^="form__copy--"] {
  width: 298px;
  margin: 6px 0 12px;
  display: inline-block;
  float: left; }
  .form__copy > *,
  [class^="form__copy--"] > * {
    white-space: normal;
    margin-bottom: 12px; }
  .form__copy > :last-child,
  [class^="form__copy--"] > :last-child {
    margin-bottom: 0; }

/**
 * Input groups
 */
.form_input-group,
[class^="form__input-group"] {
  display: inline-block; }
  .form_input-group .form__input,
  .form_input-group [class^="form__input--"],
  [class^="form__input-group"] .form__input,
  [class^="form__input-group"] [class^="form__input--"] {
    margin-right: 8px; }
    .form_input-group .form__input:last-child,
    .form_input-group [class^="form__input--"]:last-child,
    [class^="form__input-group"] .form__input:last-child,
    [class^="form__input-group"] [class^="form__input--"]:last-child {
      margin-right: 0; }
    .form_input-group .form__input.has-icon,
    .form_input-group [class^="form__input--"].has-icon,
    [class^="form__input-group"] .form__input.has-icon,
    [class^="form__input-group"] [class^="form__input--"].has-icon {
      margin-right: 30px; }
  .form_input-group .input-helper,
  [class^="form__input-group"] .input-helper {
    margin-right: 8px;
    margin-left: 0px; }
    .form_input-group .input-helper:last-child,
    [class^="form__input-group"] .input-helper:last-child {
      margin-right: 0; }
  .form_input-group .new-row,
  [class^="form__input-group"] .new-row {
    clear: left; }

/**
 * Stacked form
 */
.form--stacked .form__section--no-label {
  padding-left: 0;
  padding-top: 18px; }
.form--stacked [class^="form__section--"] > .form__label,
.form--stacked .form__section > .form__label {
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: left; }
.form--stacked .form__input-group {
  display: block;
  clear: both; }
.form--stacked .input-list, .form--stacked .AspNet-RadioButtonList ul, .AspNet-RadioButtonList .form--stacked ul,
.form--stacked [class^="input-list--"] {
  margin-top: 0;
  display: block !important; }
.form--stacked .form__panel > [class*="form__section"] label {
  display: inline-block; }
.form--stacked .panel--fieldset .form__controls {
  margin-left: 0; }

/**
 * Form panels
 */
.form__panel {
  margin-bottom: 12px; }
  .form__panel > *:last-child {
    margin-bottom: 0; }
  .form__panel > [class*="form__section"] > .form__input,
  .form__panel > [class*="form__section"] > [class*="form__input--"] {
    margin-bottom: 0;
    white-space: normal; }
  .form__panel [class*="form__panel"] {
    padding: 0 0 0 20px;
    border: 0; }
  .form__panel > [class*="form__panel"] {
    padding-top: 10px; }
  .form__panel > :last-child {
    margin: 0; }
  .form__panel > [class*="icon-collapse"],
  .form__panel > [class*="icon-collapsible"],
  .form__panel > [class*="icon-close"] {
    position: absolute;
    top: 12px;
    right: 10px; }

/**
 * Controls and buttons
 */
.form__controls {
  text-align: right;
  margin-bottom: 12px; }
  .form__controls > :last-child {
    margin-bottom: 0; }

.form .form__controls {
  margin-left: 180px;
  text-align: left; }

.form--stacked .form__controls {
  margin-left: 0;
  text-align: left; }

/**
 * Validation
 * 
 * 1. By having this it caused IE8 wrapping issues with input-list and also causes icons to drop down below inputs
 */
.validation-message, .field-validation-error {
  display: none;
  color: #e31837;
  font-size: 11px;
  font-style: normal;
  width: 100%;
  white-space: normal; }

.validation-group .reset-list {
  display: inline; }

/**
 * Form Errors
 */
.has-error input,
.has-error select,
.has-error textarea {
  border-color: #e31837; }
.has-error input[type="radio"] + label,
.has-error input[type="checkbox"] + label {
  color: #e31837; }
.has-error .validation-message, .has-error .field-validation-error {
  display: block; }

/**
 * MVC Styles
 * 
 * 1. This name is hard-coded in the (Microsoft-supplied) framework. C.f. 
 *    jquery.validate.unobtrusive.js  in the MVC source code. So the class names 
 *    are not easily changed. 
 */
.field-validation-error {
  /* 1 */
  display: block; }

.input-validation-error,
input.input-validation-error {
  /* 1 */
  border-color: #e31837; }

/**
 * File upload
 */
.file-uploader {
  position: relative; }
  .file-uploader .file--overlay {
    position: absolute;
    top: 0;
    left: 0; }
    .file-uploader .file--overlay input {
      line-height: 30px;
      width: 100%;
      padding: 0 4px;
      border: 0;
      position: absolute;
      top: 0;
      left: 0; }
  .file-uploader input[type="file"] {
    position: relative;
    z-index: 2;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/**
 * Fieldset panel
 */
.panel--fieldset .form__label {
  width: 160px; }
.panel--fieldset .form__controls {
  margin-left: 160px; }
.panel--fieldset .form__section--no-label {
  padding-left: 160px; }
.panel--fieldset .form__section--split > .form__label {
  width: auto; }

/**
 * Form helpers
 */
.label-helper {
  font-size: 11px;
  display: block;
  color: #555;
  white-space: normal;
  clear: left; }

.input-helper {
  display: inline-block;
  float: left;
  margin-left: 8px;
  line-height: 30px;
  color: #555;
  vertical-align: middle; }

.label-data {
  display: inline-block;
  padding: 0 !important;
  height: auto !important;
  color: #111111;
  background: none repeat scroll 0 0 transparent !important;
  border: medium none !important; }
  .label-data:hover, .label-data:active, .label-data:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: default; }

.form .is-editable input,
[class^="form--"] .is-editable input {
  display: none; }
.form .is-disabled label,
.form .is-disabled .form__label,
[class^="form--"] .is-disabled label,
[class^="form--"] .is-disabled .form__label {
  color: #c0c1c2; }

/*------------------------------------*\
    $IMAGES
\*------------------------------------*/
/**
 * Fluid images.
 */
img {
  max-width: 100%; }

/**
 * Non-fluid images if you specify `width` and/or `height` attributes.
 */
img[width],
img[height] {
  max-width: none; }

/**
 * Rounded images.
 */
.img--round {
  border-radius: 8px; }

.img--circle {
  -webkit-border-radius: 999em;
  -moz-border-radius: 999em;
  -ms-border-radius: 999em;
  -o-border-radius: 999em;
  border-radius: 999em; }

/**
 * Image placement variations.
 */
.img--right {
  float: right;
  margin-bottom: 18px;
  margin-left: 18px; }

.img--left {
  float: left;
  margin-right: 18px;
  margin-bottom: 18px; }

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 18px;
  margin-left: auto; }

/**
 * Images in `figure` elements.
 */
figure > img {
  display: block; }

/*------------------------------------*\
    $LISTS VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $LISTS
\*------------------------------------*/
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 18px; }

dl dt {
  font-weight: bold; }

.list--alpha {
  list-style-type: lower-alpha; }

.list--numbered {
  list-style-type: decimal; }

.list--square {
  list-style-type: square; }

.list--circle {
  list-style-type: circle; }

.list--disc {
  list-style-type: disc; }

.list--no-bullet {
  list-style: none; }

.list--reset,
.reset-list {
  list-style: none;
  margin-left: 0; }

.list--alpha ul,
.list--numbered ul,
.list--square ul,
.list--circle ul,
.list--disc ul,
.list--reset ul,
.reset-list ul,
.list--no-bullet ul,
.no-bullet {
  list-style: inherit; }

.list--arrow {
  margin-left: 0; }
  .list--arrow li {
    list-style: none; }
    .list--arrow li:before {
      font-family: "grange-icons";
      content: "f";
      padding-right: 4px;
      font-size: 12px; }

.list--icon {
  margin-left: 0; }
  .list--icon li {
    list-style: none;
    position: relative;
    padding-left: 36px; }
    .list--icon li [class*="icon-"] {
      position: absolute;
      left: 0;
      text-align: center;
      width: 36px; }

/**
 * Inline
 */
.inline, .nav, .input-list, .AspNet-RadioButtonList ul,
[class^="input-list--"], .breadcrumb,
[class^="breadcrumb--"], .btn-group, .btn-group--stacked, .panel__header-controls, [class^="page-nav"], .pagination ul,
[class^="pagination--"] ul, .progress-pager, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu, .side-nav,
[class^="side-nav--"], .key-legend, .tag-list, .footer-nav,
[class*="nav--"] {
  list-style: none;
  margin-left: 0; }
  .inline > li, .nav > li, .input-list > li, .AspNet-RadioButtonList ul > li,
  [class^="input-list--"] > li, .breadcrumb > li,
  [class^="breadcrumb--"] > li, .btn-group > li, .btn-group--stacked > li, .panel__header-controls > li, [class^="page-nav"] > li, .pagination ul > li,
  [class^="pagination--"] ul > li, .progress-pager > li, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu > li, .side-nav > li,
  [class^="side-nav--"] > li, .key-legend > li, .tag-list > li, .footer-nav > li,
  [class*="nav--"] > li,
  .inline > li > a,
  .nav > li > a,
  .input-list > li > a,
  .AspNet-RadioButtonList ul > li > a,
  [class^="input-list--"] > li > a,
  .breadcrumb > li > a,
  [class^="breadcrumb--"] > li > a,
  .btn-group > li > a,
  .btn-group--stacked > li > a,
  .panel__header-controls > li > a,
  [class^="page-nav"] > li > a,
  .pagination ul > li > a,
  [class^="pagination--"] ul > li > a,
  .progress-pager > li > a,
  .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu > li > a,
  .side-nav > li > a,
  [class^="side-nav--"] > li > a,
  .key-legend > li > a,
  .tag-list > li > a,
  .footer-nav > li > a,
  [class*="nav--"] > li > a {
    display: inline-block; }

/**
 * Horizontal Definition List
 *
 * Fixes issue with not needing to defined hard widths for DD
 */
.data--horizontal dt, .data-summary dt,
[class*="data-summary--"] dt {
  float: left;
  clear: left; }
.data--horizontal dd, .data-summary dd,
[class*="data-summary--"] dd {
  margin-bottom: 9px; }
.data--horizontal dd:before, .data-summary dd:before,
[class*="data-summary--"] dd:before,
.data--horizontal dd:after,
.data-summary dd:after,
[class*="data-summary--"] dd:after {
  display: table;
  content: ""; }
.data--horizontal dd:after, .data-summary dd:after,
[class*="data-summary--"] dd:after {
  clear: both; }
.data--horizontal dt:last-of-type, .data-summary dt:last-of-type,
[class*="data-summary--"] dt:last-of-type, .data--horizontal dd:last-of-type, .data-summary dd:last-of-type,
[class*="data-summary--"] dd:last-of-type {
  margin-bottom: 0; }

.data--horizontal dt {
  width: 60px; }
.data--horizontal dd {
  margin-left: 70px; }

/**
 * Data Summary
 */
.data-summary dt,
[class*="data-summary--"] dt {
  width: 100px; }
.data-summary dd,
[class*="data-summary--"] dd {
  margin-left: 112px; }
.data-summary dt,
[class*="data-summary--"] dt {
  font-weight: bold; }
.data-summary .is-editable input,
[class*="data-summary--"] .is-editable input {
  display: none; }
.data-summary dt:last-of-type, .data-summary dd:last-of-type,
[class*="data-summary--"] dt:last-of-type,
[class*="data-summary--"] dd:last-of-type {
  margin-bottom: 0; }
.data-summary dd ul,
[class*="data-summary--"] dd ul {
  margin-bottom: 12px; }
  .data-summary dd ul:last-child,
  [class*="data-summary--"] dd ul:last-child {
    margin-bottom: 0; }
.data-summary span,
[class*="data-summary--"] span {
  white-space: normal; }

/**
 * Data Summary label width variances
 */
.data-summary--mini dt {
  width: 35px; }
.data-summary--mini dd {
  margin-left: 47px; }

.data-summary--xsmall dt {
  width: 60px; }
.data-summary--xsmall dd {
  margin-left: 72px; }

.data-summary--small dt {
  width: 75px; }
.data-summary--small dd {
  margin-left: 87px; }

.data-summary--medium dt {
  width: 150px; }
.data-summary--medium dd {
  margin-left: 162px; }

.data-summary--large dt {
  width: 200px; }
.data-summary--large dd {
  margin-left: 212px; }

.data-summary--xlarge dt {
  width: 250px; }
.data-summary--xlarge dd {
  margin-left: 262px; }

/*------------------------------------*\
    $MAIN
\*------------------------------------*/
html {
  min-height: 100%;
  font-size: 100%; }

body {
  background: white;
  position: relative; }

/*------------------------------------*\
    $RULES VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $RULES STYLES
\*------------------------------------*/
hr,
.rule {
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #d0d1d1;
  margin-bottom: 1.41667rem;
  clear: both; }

.rule--dotted {
  border-bottom-style: dotted; }

.rule--dashed {
  border-bottom-style: dashed; }

.rule--thick {
  border-bottom-width: 5px; }

/*------------------------------------*\
    $TYPOGRAPHY STYLES
\*------------------------------------*/
/**
 * @font-face Setup
 */
@font-face {
  font-family: "vistasans-book";
  src: url("../fonts/vistasans/vistasans-book.eot");
  src: url("../fonts/vistasans/vistasans-book.eot?#iefix") format("embedded-opentype"), url("../fonts/vistasans/vistasans-book.woff") format("woff"), url("../fonts/vistasans/vistasans-book.ttf") format("truetype"), url("../fonts/vistasans/vistasans-book.svg#../fonts/vistasans/vistasans-book") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "vistasans-med";
  src: url("../fonts/vistasans/vistasans-med.eot");
  src: url("../fonts/vistasans/vistasans-med.eot?#iefix") format("embedded-opentype"), url("../fonts/vistasans/vistasans-med.woff") format("woff"), url("../fonts/vistasans/vistasans-med.ttf") format("truetype"), url("../fonts/vistasans/vistasans-med.svg#../fonts/vistasans/vistasans-med") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "proximanova-semi";
  src: url("../fonts/proximanova/proximanova-semi.eot");
  src: url("../fonts/proximanova/proximanova-semi.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-semi.woff") format("woff"), url("../fonts/proximanova/proximanova-semi.ttf") format("truetype"), url("../fonts/proximanova/proximanova-semi.svg#../fonts/proximanova/proximanova-semi") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "proximanova-bold";
  src: url("../fonts/proximanova/proximanova-bold.eot");
  src: url("../fonts/proximanova/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova/proximanova-bold.woff") format("woff"), url("../fonts/proximanova/proximanova-bold.ttf") format("truetype"), url("../fonts/proximanova/proximanova-bold.svg#../fonts/proximanova/proximanova-bold") format("svg");
  font-weight: normal;
  font-style: normal; }
/**
 * Base stuff
 */
html {
  font-size: 0.75em;
  line-height: 1.5;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  color: #111111; }

/**
 * Links
 */
a {
  color: #02a75e;
  text-decoration: underline;
  cursor: pointer; }
  a:hover, a:active {
    color: #015b33;
    text-decoration: none;
    outline: none; }
  a[disabled], a.is-disabled {
    color: #c0c1c2;
    text-decoration: none; }
    a[disabled]:hover, a.is-disabled:hover {
      color: #c0c1c2;
      cursor: not-allowed; }

/**
 * paragraph
 */
p,
.p {
  font-size: 12px; }

.lead {
  font-size: 18px; }

/**
 * Headers
 */
h1, h2, h3, .form-header, h4, h5, h6 {
  font-weight: normal;
  color: #111111; }
  h1 small, h2 small, h3 small, .form-header small, h4 small, h5 small, h6 small {
    font-size: 80%;
    color: #5e5e5e;
    line-height: 0; }

.p, .h1, .h2, .h3, .h4, .h5, .h6 {
  display: block;
  white-space: normal; }

h1, .h1 {
  line-height: 4.3333rem;
  font-size: 30px;
  font-family: vistasans-book;
  letter-spacing: -0.035em;
  margin-bottom: 15px; }

h2, .h2 {
  line-height: 3.3333rem;
  font-size: 24px;
  font-family: vistasans-book;
  letter-spacing: -0.035em;
  margin-bottom: 10px; }

h3, .form-header, .h3 {
  line-height: 2.16667rem;
  font-size: 18px;
  font-family: vistasans-med;
  letter-spacing: -0.025em;
  margin-bottom: 8px; }

h4, .h4 {
  line-height: 1.5rem;
  font-size: 14px;
  font-family: proximanova-bold;
  margin-bottom: 8px; }

h5, .h5 {
  line-height: 1.5rem;
  font-size: 12px;
  font-family: proximanova-bold;
  margin-bottom: 6px; }

h6, .h6 {
  line-height: 1.5rem;
  font-size: 10px;
  font-family: proximanova-bold;
  margin-bottom: 4px; }

.intro {
  font-size: 20px;
  font-family: vistasans-book;
  letter-spacing: -0.025em; }

/**
 * Small Print
 */
small {
  font-size: 80%;
  line-height: inherit; }

/**
 * Colors
 */
.text--static {
  color: #808083; }

.text--info {
  color: #9ec3df; }

.text--positive {
  color: #6ca334; }

.text--warning {
  color: #df9803; }

.text--negative {
  color: #e31837; }

.text--white {
  color: #fff; }

a.text--static:hover {
  color: #676769; }

a.text--info:hover {
  color: #78abd2; }

a.text--positive:hover {
  color: #5f902e; }

a.text--warning:hover {
  color: #c68703; }

a.text--negative:hover {
  color: #b5132c; }

a.text--white:hover {
  color: #e6e6e6; }

/*------------------------------------*\
    $TABLES VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $TABLES STYLES
\*------------------------------------*/
/**
 * Basic table
 */
.table,
[class*="table--"] {
  width: 100%;
  background: transparent;
  border: 1px solid transparent;
  border-collapse: separate; }
  .table > thead > tr > th,
  .table > tbody > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > .th,
  .table > tfoot > tr > td,
  .table > tr > td,
  [class*="table--"] > thead > tr > th,
  [class*="table--"] > tbody > tr > td,
  [class*="table--"] > tbody > tr > th,
  [class*="table--"] > tbody > tr > .th,
  [class*="table--"] > tfoot > tr > td,
  [class*="table--"] > tr > td {
    padding: 3px 10px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #d0d1d1; }
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tbody > tr > .th,
  [class*="table--"] > thead > tr > th,
  [class*="table--"] > tbody > tr > th,
  [class*="table--"] > tbody > tr > .th {
    color: #333;
    font-weight: bold;
    border-bottom-width: 2px;
    text-align: center; }
    .table > thead > tr > th > a,
    .table > tbody > tr > th > a,
    .table > tbody > tr > .th > a,
    [class*="table--"] > thead > tr > th > a,
    [class*="table--"] > tbody > tr > th > a,
    [class*="table--"] > tbody > tr > .th > a {
      color: #333;
      text-decoration: none; }
    .table > thead > tr > th [class*="icon-arrow"],
    .table > tbody > tr > th [class*="icon-arrow"],
    .table > tbody > tr > .th [class*="icon-arrow"],
    [class*="table--"] > thead > tr > th [class*="icon-arrow"],
    [class*="table--"] > tbody > tr > th [class*="icon-arrow"],
    [class*="table--"] > tbody > tr > .th [class*="icon-arrow"] {
      margin-left: 5px;
      color: #85c446;
      font-size: 8px;
      cursor: pointer; }
  .table > tfoot > tr:first-child > td,
  [class*="table--"] > tfoot > tr:first-child > td {
    border-top: 1px solid #d0d1d1; }
  .table table,
  [class*="table--"] table {
    margin-bottom: 0; }
  .table .is-selected > td,
  [class*="table--"] .is-selected > td {
    color: #fff;
    background: #fcb319 !important; }
    .table .is-selected > td [class*="icon-"],
    [class*="table--"] .is-selected > td [class*="icon-"] {
      color: #fff; }

/**
 * Bordered tables
 */
.table--bordered > tbody > tr > td, .table--simple > tbody > tr > td,
.table--primary > tbody > tr > td,
.table--secondary > tbody > tr > td,
.table--tertiary > tbody > tr > td,
.table--bordered > tfoot > tr > td,
.table--simple > tfoot > tr > td,
.table--primary > tfoot > tr > td,
.table--secondary > tfoot > tr > td,
.table--tertiary > tfoot > tr > td,
.table--bordered > tr > td,
.table--simple > tr > td,
.table--primary > tr > td,
.table--secondary > tr > td,
.table--tertiary > tr > td {
  border: 1px solid #d0d1d1;
  border-top: 0; }
  .table--bordered > tbody > tr > td + td, .table--simple > tbody > tr > td + td,
  .table--primary > tbody > tr > td + td,
  .table--secondary > tbody > tr > td + td,
  .table--tertiary > tbody > tr > td + td,
  .table--bordered > tfoot > tr > td + td,
  .table--simple > tfoot > tr > td + td,
  .table--primary > tfoot > tr > td + td,
  .table--secondary > tfoot > tr > td + td,
  .table--tertiary > tfoot > tr > td + td,
  .table--bordered > tr > td + td,
  .table--simple > tr > td + td,
  .table--primary > tr > td + td,
  .table--secondary > tr > td + td,
  .table--tertiary > tr > td + td {
    border-left: 0; }

/**
 * Table with no borders
 */
.table--noborders > thead > tr > th,
.table--noborders > tbody > tr > td,
.table--noborders > tfoot > tr > td,
.table--noborders > tr > td {
  border: 0; }

/**
 * Zebra
 */
.table--zebra > tbody > tr:nth-of-type(odd) > td, .table--simple > tbody > tr:nth-of-type(odd) > td,
.table--primary > tbody > tr:nth-of-type(odd) > td,
.table--secondary > tbody > tr:nth-of-type(odd) > td,
.table--tertiary > tbody > tr:nth-of-type(odd) > td {
  background: white; }

/**
 * Hover
 */
.table--hover > tbody > tr:hover > td {
  background: #fee5b0;
  cursor: pointer; }

/**
 * Prevent breaking layout
 */
.table--break-word {
  word-wrap: break-word;
  table-layout: fixed;
  white-space: normal; }

/**
 * Data
 */
.table--data > thead > tr > th,
.table--data > tbody > tr > td,
.table--data > tbody > tr > th,
.table--data > tbody > tr > .th,
.table--data > tr > td {
  padding: 2px; }

/**
 * Fat
 */
.table--fat > thead > tr > th,
.table--fat > tbody > tr > td,
.table--fat > tbody > tr > th,
.table--fat > tbody > tr > .th,
.table--fat > tr > td {
  padding-top: 8px;
  padding-bottom: 8px; }

/**
 * Table Reset (see GCB-1014 for example)
 */
.table--reset > tbody > tr > td,
.table--reset > tr > td {
  padding: 0; }

/**
 * Table types
 */
.table--simple > thead > tr > th,
.table--simple > tbody > tr > th,
.table--simple > tbody > tr > .th,
.table--primary > thead > tr > th,
.table--primary > tbody > tr > th,
.table--primary > tbody > tr > .th,
.table--secondary > thead > tr > th,
.table--secondary > tbody > tr > th,
.table--secondary > tbody > tr > .th,
.table--tertiary > thead > tr > th,
.table--tertiary > tbody > tr > th,
.table--tertiary > tbody > tr > .th {
  border-left: transparent;
  border-right: transparent;
  border-top: transparent; }
.table--simple > tbody > tr > td,
.table--simple > tr > td,
.table--primary > tbody > tr > td,
.table--primary > tr > td,
.table--secondary > tbody > tr > td,
.table--secondary > tr > td,
.table--tertiary > tbody > tr > td,
.table--tertiary > tr > td {
  background: #f9f9f9; }
.table--simple > thead > tr:first-child > th:first-child,
.table--simple > thead > tr:first-child > .th:first-child,
.table--simple > tbody > tr:first-child > th:first-child,
.table--simple > tbody > tr:first-child > .th:first-child,
.table--simple > tr:first-child > th:first-child,
.table--simple > tr:first-child > .th:first-child,
.table--primary > thead > tr:first-child > th:first-child,
.table--primary > thead > tr:first-child > .th:first-child,
.table--primary > tbody > tr:first-child > th:first-child,
.table--primary > tbody > tr:first-child > .th:first-child,
.table--primary > tr:first-child > th:first-child,
.table--primary > tr:first-child > .th:first-child,
.table--secondary > thead > tr:first-child > th:first-child,
.table--secondary > thead > tr:first-child > .th:first-child,
.table--secondary > tbody > tr:first-child > th:first-child,
.table--secondary > tbody > tr:first-child > .th:first-child,
.table--secondary > tr:first-child > th:first-child,
.table--secondary > tr:first-child > .th:first-child,
.table--tertiary > thead > tr:first-child > th:first-child,
.table--tertiary > thead > tr:first-child > .th:first-child,
.table--tertiary > tbody > tr:first-child > th:first-child,
.table--tertiary > tbody > tr:first-child > .th:first-child,
.table--tertiary > tr:first-child > th:first-child,
.table--tertiary > tr:first-child > .th:first-child {
  border-top-left-radius: 4px; }
.table--simple > thead > tr:first-child > th:last-child,
.table--simple > thead > tr:first-child > .th:last-child,
.table--simple > tbody > tr:first-child > th:last-child,
.table--simple > tbody > tr:first-child > .th:last-child,
.table--simple > tr:first-child > th:last-child,
.table--simple > tr:first-child > .th:last-child,
.table--primary > thead > tr:first-child > th:last-child,
.table--primary > thead > tr:first-child > .th:last-child,
.table--primary > tbody > tr:first-child > th:last-child,
.table--primary > tbody > tr:first-child > .th:last-child,
.table--primary > tr:first-child > th:last-child,
.table--primary > tr:first-child > .th:last-child,
.table--secondary > thead > tr:first-child > th:last-child,
.table--secondary > thead > tr:first-child > .th:last-child,
.table--secondary > tbody > tr:first-child > th:last-child,
.table--secondary > tbody > tr:first-child > .th:last-child,
.table--secondary > tr:first-child > th:last-child,
.table--secondary > tr:first-child > .th:last-child,
.table--tertiary > thead > tr:first-child > th:last-child,
.table--tertiary > thead > tr:first-child > .th:last-child,
.table--tertiary > tbody > tr:first-child > th:last-child,
.table--tertiary > tbody > tr:first-child > .th:last-child,
.table--tertiary > tr:first-child > th:last-child,
.table--tertiary > tr:first-child > .th:last-child {
  border-top-right-radius: 4px; }
.table--simple > tfoot > tr:first-child > td,
.table--primary > tfoot > tr:first-child > td,
.table--secondary > tfoot > tr:first-child > td,
.table--tertiary > tfoot > tr:first-child > td {
  border-top: 1px solid #d0d1d1; }
.table--simple > tfoot > tr:last-child > td,
.table--primary > tfoot > tr:last-child > td,
.table--secondary > tfoot > tr:last-child > td,
.table--tertiary > tfoot > tr:last-child > td {
  border-bottom-width: 1px; }
  .table--simple > tfoot > tr:last-child > td:first-child,
  .table--primary > tfoot > tr:last-child > td:first-child,
  .table--secondary > tfoot > tr:last-child > td:first-child,
  .table--tertiary > tfoot > tr:last-child > td:first-child {
    border-bottom-left-radius: 4px; }
  .table--simple > tfoot > tr:last-child > td:last-child,
  .table--primary > tfoot > tr:last-child > td:last-child,
  .table--secondary > tfoot > tr:last-child > td:last-child,
  .table--tertiary > tfoot > tr:last-child > td:last-child {
    border-bottom-right-radius: 4px; }
.table--simple > tfoot > tr.last-child > td,
.table--primary > tfoot > tr.last-child > td,
.table--secondary > tfoot > tr.last-child > td,
.table--tertiary > tfoot > tr.last-child > td {
  border-bottom-width: 1px; }
.table--simple > tfoot > tr > td,
.table--primary > tfoot > tr > td,
.table--secondary > tfoot > tr > td,
.table--tertiary > tfoot > tr > td {
  background: transparent;
  border-width: 0; }
  .table--simple > tfoot > tr > td:first-child,
  .table--primary > tfoot > tr > td:first-child,
  .table--secondary > tfoot > tr > td:first-child,
  .table--tertiary > tfoot > tr > td:first-child {
    border-left-width: 1px; }
  .table--simple > tfoot > tr > td:last-child,
  .table--primary > tfoot > tr > td:last-child,
  .table--secondary > tfoot > tr > td:last-child,
  .table--tertiary > tfoot > tr > td:last-child {
    border-right-width: 1px; }
  .table--simple > tfoot > tr > td.last-child,
  .table--primary > tfoot > tr > td.last-child,
  .table--secondary > tfoot > tr > td.last-child,
  .table--tertiary > tfoot > tr > td.last-child {
    border-right-width: 1px; }

/**
 * Primary table
 */
.table--primary > thead > tr > th,
.table--primary > tbody > tr > th,
.table--primary > tbody > tr > .th {
  background: #eee !important;
  border: 1px solid #c0c1c2;
  border-bottom-width: 2px; }
  .table--primary > thead > tr > th + th, .table--primary > thead > tr > th + .th,
  .table--primary > tbody > tr > th + th,
  .table--primary > tbody > tr > th + .th,
  .table--primary > tbody > tr > .th + th,
  .table--primary > tbody > tr > .th + .th {
    border-left: 0; }

/**
 * Secondary table
 */
.table--secondary > thead > tr > th,
.table--secondary > tbody > tr > th,
.table--secondary > tbody > tr > .th {
  border-bottom-color: transparent; }
  .table--secondary > thead > tr > th,
  .table--secondary > thead > tr > th a,
  .table--secondary > thead > tr > th [class*="icon"],
  .table--secondary > tbody > tr > th,
  .table--secondary > tbody > tr > th a,
  .table--secondary > tbody > tr > th [class*="icon"],
  .table--secondary > tbody > tr > .th,
  .table--secondary > tbody > tr > .th a,
  .table--secondary > tbody > tr > .th [class*="icon"] {
    background: #85c446 !important;
    color: #fff; }
.table--secondary > tfoot > tr > td {
  background: #eee; }

/**
 * Tertiary table
 */
.table--tertiary > thead > tr > th,
.table--tertiary > tbody > tr > th,
.table--tertiary > tbody > tr > .th {
  border-bottom-color: transparent; }
  .table--tertiary > thead > tr > th,
  .table--tertiary > thead > tr > th a,
  .table--tertiary > thead > tr > th [class*="icon"],
  .table--tertiary > tbody > tr > th,
  .table--tertiary > tbody > tr > th a,
  .table--tertiary > tbody > tr > th [class*="icon"],
  .table--tertiary > tbody > tr > .th,
  .table--tertiary > tbody > tr > .th a,
  .table--tertiary > tbody > tr > .th [class*="icon"] {
    background: #999 !important;
    color: #fff; }

/**
 * Simple table
 */
.table--simple > thead > tr > th,
.table--simple > tbody > tr > th,
.table--simple > tbody > tr > .th {
  background: transparent !important; }
.table--simple > tfoot > tr > td {
  border-color: transparent; }

/**
 * Form table
 */
.table--form {
  width: auto; }
  .table--form > thead > tr > th,
  .table--form > tbody > tr > td,
  .table--form > tbody > tr > th,
  .table--form > tbody > tr > .th,
  .table--form > tr > td {
    border: transparent;
    vertical-align: top; }
  .table--form > tbody > tr > td {
    padding: 0 8px 12px 0; }
    .table--form > tbody > tr > td:first-child {
      padding-top: 5px;
      padding-right: 12px;
      width: 180px;
      text-align: right; }
    .table--form > tbody > tr > td input[type="text"],
    .table--form > tbody > tr > td select,
    .table--form > tbody > tr > td textarea {
      float: none; }
    .table--form > tbody > tr > td [class^="icon-"],
    .table--form > tbody > tr > td .popup-container > [class^="icon-"],
    .table--form > tbody > tr > td .calendar-container > [class^="icon-"] {
      vertical-align: middle; }
    .table--form > tbody > tr > td > .checkbox,
    .table--form > tbody > tr > td > .radio,
    .table--form > tbody > tr > td > .checkbox-list,
    .table--form > tbody > tr > td > .radio-list {
      display: inline-block;
      margin-top: 4px; }

/**
 * Table with descriptor column
 */
.table--topics > thead > tr > th,
.table--topics > tbody > tr > th,
.table--topics > tbody > tr > .th {
  border-bottom-color: #d0d1d1; }
.table--topics > thead > tr > td:first-child,
.table--topics > tr > td:first-child {
  font-size: 11px;
  font-weight: bold;
  color: #333;
  text-align: right; }
.table--topics > thead > tr > th:first-child,
.table--topics > tbody > tr > th:first-child,
.table--topics > tbody > tr > .th:first-child {
  background: transparent !important;
  border-left: transparent;
  border-top: transparent; }
  .table--topics > thead > tr > th:first-child + th, .table--topics > thead > tr > th:first-child + .th,
  .table--topics > tbody > tr > th:first-child + th,
  .table--topics > tbody > tr > th:first-child + .th,
  .table--topics > tbody > tr > .th:first-child + th,
  .table--topics > tbody > tr > .th:first-child + .th {
    border-top-left-radius: 4px; }

/**
 * .NET Data Grid
 */
[class*="table--data-grid"] > tbody > tr:nth-of-type(even) > td {
  background: white; }
[class*="table--data-grid"] > tbody > tr:nth-of-type(odd) > td {
  background: #f9f9f9; }
[class*="table--data-grid"] > tbody > tr:nth-of-type(odd) > th,
[class*="table--data-grid"] > tbody > tr:nth-of-type(odd) > .th {
  background: transparent; }
[class*="table--data-grid"][class*="--pagination"] tr:last-child > td {
  background: #eee;
  border-top: 1px solid #d0d1d1; }
  [class*="table--data-grid"][class*="--pagination"] tr:last-child > td:first-child {
    border-bottom-left-radius: 4px; }
  [class*="table--data-grid"][class*="--pagination"] tr:last-child > td:last-child {
    border-bottom-right-radius: 4px; }

/**
 * Progress table (Specific to claims)
 */
.table--progress > tbody > tr > td,
.table--progress > tr > td {
  background: #ddd;
  border-bottom-color: transparent; }
  .table--progress > tbody > tr > td.complete, .table--progress > tbody > tr > td.is-complete,
  .table--progress > tr > td.complete,
  .table--progress > tr > td.is-complete {
    position: relative;
    color: #fff;
    background: #fcb319;
    border-bottom: 5px solid #fdd47e; }
    .table--progress > tbody > tr > td.complete:after, .table--progress > tbody > tr > td.is-complete:after,
    .table--progress > tr > td.complete:after,
    .table--progress > tr > td.is-complete:after {
      font-family: "grange-icons";
      content: "R";
      margin-left: 5px;
      font-size: 13px;
      position: absolute;
      top: 2px;
      right: 5px; }

/**
 * Table inputs with icons
 */
.table__input input[type="text"]
select,
.table__input textarea,
[class^="table__input--"] input[type="text"]
select,
[class^="table__input--"] textarea {
  margin-right: 4px; }
.table__input.has-icon,
[class^="table__input--"].has-icon {
  display: inline-block;
  white-space: nowrap;
  padding-right: 30px; }
  .table__input.has-icon input[type="text"],
  [class^="table__input--"].has-icon input[type="text"] {
    margin-right: 4px; }

/*------------------------------------*\
    $CONTROLS STYLES
\*------------------------------------*/
/*-- conMan Style Elements -------------------------------------------------------------------------*/
/*-- NOTE: Please do not modify without first discussing with Eric Keller. --*/
/*-- conMan Callouts Syle Elements -------------------------------------------------------------------------*/
.conManCallout_Search_Table_shadow {
  float: left;
  width: 220px;
  background: url(/images/2009/shadow.gif) no-repeat bottom right !important;
  background: url(/images/2009/shadow.gif) no-repeat bottom right;
  margin: 10px 10 0 10px !important;
  margin: 10px 10 0 10px; }

.conManCallout_Search_Table_offset {
  background: none !important;
  background: url(/images/2009/shadow2.gif) no-repeat left top;
  padding: 0px !important;
  padding: 0px 6px 6px 0; }

.conManCallout_Search_Table_content {
  border: 0px solid #fff;
  margin: -6px 6px 6px -6px !important;
  margin: 0; }

.conManCallout_Search_Table_headercontent {
  padding: 10px 6px 6px 10px;
  background-color: #77b800;
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #fff;
  _width: 208px; }

/*-- conMan WYSIWYG Syle Elements -------------------------------------------------------------------------*/
.xlargeHeadline {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 12px;
  color: #000;
  font-style: normal;
  font-weight: bold; }

.largeHeadline {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 10px;
  color: #000;
  font-style: normal;
  font-weight: bold; }

.normalHeadline {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 9px;
  color: #000;
  font-style: normal;
  font-weight: bold; }

/*
.smallHeadline
{
	font-family: Arial, Helvetica,  Sans-serif;
	font-size: 10pt;
	color: #000;
	font-style: normal;
	font-weight: bold;
}
*/
.xlargeText {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 12px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

.largeText {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 10px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

.normalText {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 12px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

.smallText {
  font-family: Arial, Helvetica,  Sans-serif;
  font-size: 8px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

.normalTextFixed {
  font-family: 'Courier New' , Monospace;
  font-size: 9px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

.smallTextFixed {
  font-family: 'Courier New' , Monospace;
  font-size: 8px;
  color: #000;
  font-style: normal;
  font-weight: normal;
  text-decoration: none; }

.imageFlowTextRight {
  position: relative;
  float: left;
  margin-left: 0px;
  margin-right: 4px; }

.imageFlowTextLeft {
  position: relative;
  float: right;
  margin-left: 4px;
  margin-right: 0px; }

.conManPrimaryContent_smheadline {
  font-family: Arial, Helvetica,  Sans-serif;
  font-weight: bold;
  font-style: normal;
  border-bottom: #CCC 1px dotted;
  margin-bottom: 5px;
  display: block;
  margin-left: 0px;
  font-size: 11pt;
  color: #009A49;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px; }

/*-- conManCallout Style Elements -------------------------------------------------------------------------*/
.conManCalloutsideCell {
  background-image: url(/Images/border_left_right.gif);
  background-repeat: repeat-y; }

.conManCalloutseparatorCell {
  background-image: url(/Images/border_bottom1.gif);
  background-repeat: no-repeat; }

.conManCalloutContentContainer {
  font-size: 10pt;
  color: #000;
  font-family: Arial, Helvetica,  Sans-serif;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 4px;
  text-align: left;
  vertical-align: top; }

.conManCalloutTitle {
  font-size: 11pt;
  font-family: Arial, Helvetica,  Sans-serif;
  font-weight: bold;
  font-style: normal; }

/*-- conManGeneric Style Elements -------------------------------------------------------------------------*/
.conManGeneric_contentContainer {
  font-size: 10pt;
  color: #000;
  font-family: Arial, Helvetica,  Sans-serif;
  padding-left: 4px;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-right: 4px;
  text-align: left;
  vertical-align: top; }

.conManGeneric_contentTitle {
  color: #009A49;
  font-style: normal;
  font-weight: bold;
  padding-bottom: 2px;
  font-size: 10pt; }

.conManGeneric_contentTitle_Rebrand {
  font-size: 11pt;
  font-weight: bold;
  color: #000;
  display: block;
  margin-left: 0px; }

/*-- conManNotice Style Elements -------------------------------------------------------------------------*/
.conManNotice_Content {
  font-size: 12px;
  color: #000;
  font-family: Arial, Helvetica,  Sans-serif;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: left; }

.conManPrimaryContent_smheadline {
  font-size: 11pt;
  font-weight: bold;
  color: #616265;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
  margin-bottom: 10px;
  display: block;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px; }

.conManNoticeHeaderRebrand {
  color: #fff;
  background-color: #ff0000;
  background-repeat: no-repeat;
  background-position: left;
  padding-right: 5px;
  padding-left: 10px;
  height: 28px;
  font-size: 14px;
  font-weight: bolder;
  line-height: 28px; }

.conManNoticeContentRebrand {
  padding: 15px;
  background-color: #eeeeee; }

.conManPrimaryContent_smheadline_Rebrand {
  font-size: 11pt;
  font-weight: bold;
  color: #009A49;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
  margin-bottom: 10px;
  display: block;
  margin-left: 0px; }

.conManPrimaryContent_smheadline {
  font-size: 11pt;
  font-weight: bold;
  color: #616265;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCC;
  margin-bottom: 10px;
  display: block;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px; }

.conManPrimaryContentPanelXBrowser {
  text-align: left;
  width: 100%; }

.conManCalloutSeparatorCellXBrowser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #009A49;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
  display: block; }

.conManCalloutCellXBrowser {
  font-size: 10pt;
  color: #000000;
  font-family: Arial, Helvetica,  Sans-serif;
  padding-left: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 3px;
  text-align: left;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
  display: inline-block; }

.conManCalloutCellFooterXBrowser {
  text-align: right; }

/**
 * GAINWeb Life Classes
 */
.infoTextHeading {
  margin-bottom: 9px;
  font-size: 16px;
  font-weight: 600;
  color: #02a75e; }

/**
 * Objects and abstractions
 */
/*------------------------------------*\
    $ACCORDION STYLES
\*------------------------------------*/
.accordion > ul > li > a,
[class^="accordion--"] > ul > li > a {
  height: 26px; }
.accordion > ul > li > ul,
[class^="accordion--"] > ul > li > ul {
  display: block; }
.accordion > ul > li.is-active a, .accordion > ul > li.is-active a:hover,
[class^="accordion--"] > ul > li.is-active a,
[class^="accordion--"] > ul > li.is-active a:hover {
  background: #fcb319;
  color: #fff; }
.accordion > ul > li:hover > ul,
[class^="accordion--"] > ul > li:hover > ul {
  display: block; }

/*------------------------------------*\
    $ALERTS STYLES
\*------------------------------------*/
/**
 * Base alert stuff
 */
.alert-box,
[class^="alert-box--"] {
  position: relative;
  display: block;
  padding: 9px;
  background: #fff;
  border: 1px solid #d0d1d1;
  border-radius: 4px; }
  .alert-box > :last-child,
  [class^="alert-box--"] > :last-child {
    margin-bottom: 0; }

/**
 * Alert box colors
 */
.alert-box--info {
  color: #649fcc;
  border-color: #9ec3df; }

.alert-box--success {
  color: #6ca334;
  border-color: #85c446; }

.alert-box--warning {
  color: #df9803;
  border-color: #fcb319; }

.alert-box--error {
  color: #e31837;
  border-color: #e31837; }

/**
 * Dismissable message boxes
 */
.alert-box .close {
  position: relative;
  top: -1px;
  right: 0px;
  float: right;
  margin-left: 10px;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  font-weight: bold;
  color: #808083;
  background: none;
  border: 0;
  cursor: pointer; }

/*------------------------------------*\
   $MESSAGE BOX STYLES
\*------------------------------------*/
/**
 * Base message box stuff
 */
.msg-box,
[class^="msg-box--"] {
  position: relative;
  display: block;
  padding: 9px;
  font-size: 13px;
  background: #fff;
  border: 1px solid #d0d1d1;
  border-left-width: 3px; }
  .msg-box > p,
  [class^="msg-box--"] > p {
    font-size: 13px; }
  .msg-box > :last-child,
  [class^="msg-box--"] > :last-child {
    margin-bottom: 0; }
  .msg-box.has-icon,
  [class^="msg-box--"].has-icon {
    padding-left: 40px; }
    .msg-box.has-icon > [class*="icon-"],
    [class^="msg-box--"].has-icon > [class*="icon-"] {
      position: absolute;
      left: 12px; }

/**
 * Message box colors
 */
.msg-box--info {
  border-left-color: #9ec3df; }
  .msg-box--info > h3, .msg-box--info > .form-header,
  .msg-box--info > [class*="icon-"] {
    color: #9ec3df; }

.msg-box--positive {
  border-left-color: #85c446; }
  .msg-box--positive > h3, .msg-box--positive > .form-header,
  .msg-box--positive > [class*="icon-"] {
    color: #85c446; }

.msg-box--warning {
  border-left-color: #fcb319; }
  .msg-box--warning > h3, .msg-box--warning > .form-header,
  .msg-box--warning > [class*="icon-"] {
    color: #fcb319; }

.msg-box--danger {
  border-left-color: #e31837; }
  .msg-box--danger > h3, .msg-box--danger > .form-header,
  .msg-box--danger > [class*="icon-"] {
    color: #e31837; }

/**
 * Dismissable alert boxes
 */
.msg-box .close {
  position: relative;
  top: -1px;
  right: 0px;
  float: right;
  margin-left: 10px;
  padding: 0;
  line-height: 1;
  font-size: 20px;
  font-weight: bold;
  color: #808083;
  background: none;
  border: 0;
  cursor: pointer; }

/*------------------------------------*\
    $BADGES STYLES
\*------------------------------------*/
.badge,
[class^="badge--"] {
  display: inline-block;
  padding: 2px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #808083;
  border: 1px dashed #5a5a5c;
  border-radius: 4px; }
  .badge:empty,
  [class^="badge--"]:empty {
    display: none; }
  .badge:focus,
  [class^="badge--"]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }

.badge--positive, .badge--positive[href] {
  background-color: #85c446;
  border-color: #5f902e; }

.badge--warning, .badge--warning[href] {
  background-color: #fcb319;
  border-color: #c68703; }

.badge--negative, .badge--negative[href] {
  background-color: #e31837;
  border-color: #9e1126; }

/*------------------------------------*\
    $BREADCRUMB VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $BREADCRUMB STYLES
\*------------------------------------*/
/**
 * Default styles
 */
.breadcrumb > li + li:before {
  content: "\203A" "\00A0";
  font-size: 14px; }

/**
 * Root of the tree.
 */
.breadcrumb__root {
  font-weight: bold; }

/*------------------------------------*\
    $BUTTONS VARIABLES
\*------------------------------------*/
/**
 * Solution for asp:LinkButton  GCB-2245
 */
/*------------------------------------*\
    $BUTTONS STYLES
\*------------------------------------*/
/**
 * Base button stuff
 */
.btn,
[class^="btn--"] {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  text-overflow: ellipsis;
  font-size: inherit;
  font-weight: normal;
  font-family: proximanova-semi;
  border: 0;
  border-radius: 4px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer; }
  .btn [class*="icon-"],
  [class^="btn--"] [class*="icon-"] {
    font-size: inherit; }

.btn,
[class^="btn--"] {
  color: white;
  background-color: #85c446;
  text-decoration: none; }
  .btn:hover,
  [class^="btn--"]:hover {
    color: #fff;
    background: #71ab36; }
  .btn:active,
  [class^="btn--"]:active {
    background: #5f902e;
    outline: none; }
  .btn[disabled], .btn.is-disabled, .btn.is-disabled:hover, .btn.is-disabled:active, .btn.is-disabled:focus,
  [class^="btn--"][disabled],
  [class^="btn--"].is-disabled,
  [class^="btn--"].is-disabled:hover,
  [class^="btn--"].is-disabled:active,
  [class^="btn--"].is-disabled:focus {
    opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: not-allowed; }
  .btn [class^="icon-"],
  [class^="btn--"] [class^="icon-"] {
    margin-left: 5px;
    vertical-align: middle; }
  .btn [class^="icon-back"],
  [class^="btn--"] [class^="icon-back"] {
    margin-left: 0px;
    margin-right: 5px; }

/**
 * Button Types
 */
.btn--secondary {
  background-color: #999999; }
  .btn--secondary:hover {
    background: #858585; }
  .btn--secondary:active {
    background: #737373; }

.btn--success {
  background-color: #85c446; }
  .btn--success:hover {
    background: #71ab36; }
  .btn--success:active {
    background: #5f902e; }

.btn--warning {
  background-color: #fcb319; }
  .btn--warning:hover {
    background: #e99f03; }
  .btn--warning:active {
    background: #c68703; }

.btn--danger {
  background-color: #e31837; }
  .btn--danger:hover {
    background: #be142e; }
  .btn--danger:active {
    background: #9e1126; }

.btn--outline {
  color: #02a75e;
  background: transparent;
  border: 1px solid #02a75e; }
  .btn--outline:hover {
    color: #fff;
    background: #02a75e; }

.btn--link, .btn--clear {
  color: #02a75e;
  background-color: transparent;
  text-transform: none;
  text-decoration: underline; }
  .btn--link, .btn--clear, .btn--link:hover, .btn--clear:hover, .btn--link:focus, .btn--clear:focus, .btn--link:active, .btn--clear:active {
    border-color: transparent;
    box-shadow: none; }
  .btn--link:hover, .btn--clear:hover, .btn--link:focus, .btn--clear:focus {
    color: #015b33;
    background-color: transparent;
    text-decoration: none; }

[class^="btn--icon"] {
  background: none;
  border: 2px solid #85c446;
  line-height: initial;
  height: 40px;
  padding: 0px 6px; }
  [class^="btn--icon"] [class^="icon-"] {
    font-size: 24px;
    color: #85c446;
    margin: auto;
    line-height: 36px; }
  [class^="btn--icon"].btn--small {
    height: 36px; }
    [class^="btn--icon"].btn--small [class^="icon-"] {
      line-height: 30px;
      font-size: 20px; }
  [class^="btn--icon"]:hover {
    background: #71ab36;
    border-color: #71ab36; }
  [class^="btn--icon"]:active {
    background: #5f902e;
    border-color: #5f902e; }
  [class^="btn--icon"]:hover [class^="icon-"], [class^="btn--icon"]:active [class^="icon-"] {
    color: #fff; }

.btn--icon--static {
  border-color: #808083; }
  .btn--icon--static [class^="icon-"] {
    color: #808083; }
  .btn--icon--static:hover {
    background: #6c6c6e;
    border-color: #6c6c6e; }
  .btn--icon--static:active {
    background: #5a5a5c;
    border-color: #5a5a5c; }

.btn--icon--positive {
  border-color: #85c446; }
  .btn--icon--positive [class^="icon-"] {
    color: #85c446; }
  .btn--icon--positive:hover {
    background: #71ab36;
    border-color: #71ab36; }
  .btn--icon--positive:active {
    background: #5f902e;
    border-color: #5f902e; }

.btn--icon--warning {
  border-color: #fcb319; }
  .btn--icon--warning [class^="icon-"] {
    color: #fcb319; }
  .btn--icon--warning:hover {
    background: #e99f03;
    border-color: #e99f03; }
  .btn--icon--warning:active {
    background: #c68703;
    border-color: #c68703; }

.btn--icon--negative {
  border-color: #e31837; }
  .btn--icon--negative [class^="icon-"] {
    color: #e31837; }
  .btn--icon--negative:hover {
    background: #be142e;
    border-color: #be142e; }
  .btn--icon--negative:active {
    background: #9e1126;
    border-color: #9e1126; }

/**
* Button Sizes
*/
.btn--small {
  font-size: 12px;
  height: 24px;
  line-height: 24px; }

.btn--full {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  text-align: center; }

/**
 * Button Groups
 */
.btn-group > li {
  position: relative;
  padding-right: 6px; }
  .btn-group > li:first-child {
    padding-left: 0; }
  .btn-group > li:last-child {
    padding-right: 0; }

.btn-group--stacked > li {
  margin-bottom: 6px; }
  .btn-group--stacked > li:last-child {
    margin-bottom: 0; }

/**
 * .NET Buttons with icons
 */
[class*="btn--"][class*=next] {
  padding: 0; }
  [class*="btn--"][class*=next] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=next]:after, [class*="btn--"][class*=next]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=next] input {
    padding-right: 28px; }
  [class*="btn--"][class*=next]:after {
    right: 10px;
    content: "f"; }

[class*="btn--"][class*=previous] {
  padding: 0; }
  [class*="btn--"][class*=previous] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=previous]:after, [class*="btn--"][class*=previous]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=previous] input {
    padding-left: 28px; }
  [class*="btn--"][class*=previous]:before {
    left: 10px;
    content: "c"; }

[class*="btn--"][class*=delete] {
  padding: 0; }
  [class*="btn--"][class*=delete] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=delete]:after, [class*="btn--"][class*=delete]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=delete] input {
    padding-right: 28px; }
  [class*="btn--"][class*=delete]:after {
    right: 10px;
    content: "k"; }

[class*="btn--"][class*=export] {
  padding: 0; }
  [class*="btn--"][class*=export] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=export]:after, [class*="btn--"][class*=export]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=export] input {
    padding-right: 28px; }
  [class*="btn--"][class*=export]:after {
    right: 10px;
    content: "p"; }

[class*="btn--"][class*=download] {
  padding: 0; }
  [class*="btn--"][class*=download] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=download]:after, [class*="btn--"][class*=download]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=download] input {
    padding-right: 28px; }
  [class*="btn--"][class*=download]:after {
    right: 10px;
    content: "p"; }

[class*="btn--"][class*=save] {
  padding: 0; }
  [class*="btn--"][class*=save] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=save]:after, [class*="btn--"][class*=save]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=save] input {
    padding-right: 28px; }
  [class*="btn--"][class*=save]:after {
    right: 10px;
    content: "n"; }

[class*="btn--"][class*=add] {
  padding: 0; }
  [class*="btn--"][class*=add] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=add]:after, [class*="btn--"][class*=add]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=add] input {
    padding-right: 28px; }
  [class*="btn--"][class*=add]:after {
    right: 10px;
    content: "w"; }

[class*="btn--"][class*=print] {
  padding: 0; }
  [class*="btn--"][class*=print] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=print]:after, [class*="btn--"][class*=print]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=print] input {
    padding-right: 28px; }
  [class*="btn--"][class*=print]:after {
    right: 10px;
    content: "A"; }

[class*="btn--"][class*=edit] {
  padding: 0; }
  [class*="btn--"][class*=edit] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=edit]:after, [class*="btn--"][class*=edit]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=edit] input {
    padding-right: 28px; }
  [class*="btn--"][class*=edit]:after {
    right: 10px;
    content: "l"; }

[class*="btn--"][class*=back-to-top] {
  padding: 0; }
  [class*="btn--"][class*=back-to-top] input {
    background: none;
    border: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    line-height: inherit;
    text-transform: uppercase; }
  [class*="btn--"][class*=back-to-top]:after, [class*="btn--"][class*=back-to-top]:before {
    position: absolute;
    top: 0;
    font-size: inherit;
    font-family: "grange-icons";
    text-transform: none; }
  [class*="btn--"][class*=back-to-top] input {
    padding-right: 28px; }
  [class*="btn--"][class*=back-to-top]:after {
    right: 10px;
    content: "e"; }

/*------------------------------------*\
    $CALENDAR VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    CALENDAR STYLES
\*------------------------------------*/
.calendar-container {
  position: relative;
  display: inline-block; }
  .calendar-container input ~ .label-helper {
    float: left; }

.calendar {
  display: none;
  position: absolute;
  z-index: 100;
  height: 166px;
  width: 160px;
  background: transparent;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.calendar__header {
  margin-bottom: 0;
  padding: 0 8px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: normal;
  font-family: proximanova-semi;
  text-transform: uppercase;
  color: #fff;
  background: #85c446;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  .calendar__header > [class*="icon-close"] {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 8px;
    color: #fff;
    cursor: pointer; }

.calendar__body {
  background: #fff;
  padding: 8px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }
  .calendar__body > :last-child {
    margin-bottom: 0; }

/*------------------------------------*\
    JQUERY UI CALENDAR STYLES
\*------------------------------------*/
.ui-datepicker span, .ui-datepicker a {
  font-size: 10px; }
.ui-datepicker a {
  color: #333333;
  text-decoration: none; }
.ui-datepicker table {
  margin-bottom: 0;
  width: 100%; }
  .ui-datepicker table th {
    color: #333333;
    font-size: 10px;
    padding: 0 0 0 5px;
    text-shadow: 1px 0px 0px #111111; }
  .ui-datepicker table tr {
    line-height: 14px; }
  .ui-datepicker table tbody td {
    padding: 2px;
    text-align: center; }
    .ui-datepicker table tbody td:last-child {
      border-right: 0px; }

/**
 * Calendar header elements
 */
.ui-datepicker-title {
  color: #333333;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
  width: 105px;
  height: 21px;
  margin-left: 20px; }

.ui-datepicker-prev, .ui-datepicker-next {
  cursor: pointer;
  display: inline-block;
  line-height: 800%;
  overflow: hidden;
  text-align: center;
  color: #fff; }

.ui-datepicker-prev {
  background: url("../images/sprite_sheet.png") repeat scroll 44px 52px transparent;
  height: 19px;
  width: 19px;
  position: absolute;
  top: 33px;
  left: 7px; }

.ui-datepicker-next {
  background: url("../images/sprite_sheet.png") repeat scroll 6px 39px transparent;
  height: 19px;
  width: 19px;
  position: absolute;
  top: 33px;
  right: 7px; }

/**
 * Default state of days
 */
.ui-datepicker-unselectable .ui-state-default {
  color: #c0c1c2; }

.ui-datepicker-month, .ui-datepicker-year, .ui-datepicker-week-end span, .ui-datepicker-calendar th span {
  font-size: 10px;
  font-weight: normal;
  text-shadow: none; }

.ui-datepicker-week-end {
  padding: 0;
  text-align: center; }

/**
 * Highlight/Select state of days
 */
.ui-datepicker-calendar td:hover {
  background-color: #e1efce; }

.ui-datepicker-calendar .ui-datepicker-current-day {
  background: #fcb319; }
  .ui-datepicker-calendar .ui-datepicker-current-day span, .ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #ffffff;
    margin: -1px;
    position: relative; }

/*------------------------------------*\
    $COLLAPSE STYLES
\*------------------------------------*/
.collapse {
  display: none; }

.collapse.is-active {
  display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height 0.35s ease; }

/*------------------------------------*\
    $PANEL VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $PANEL STYLES
\*------------------------------------*/
/**
 * Panel base stuff
 */
.panel,
[class^="panel--"] {
  position: relative;
  display: block;
  border-radius: 8px; }

.panel__header {
  position: relative;
  margin: 0;
  color: #fff;
  font-weight: normal;
  font-family: proximanova-semi;
  text-transform: uppercase;
  line-height: 1.5;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; }
  .panel__header a,
  .panel__header > [class^="icon-"],
  .panel__header > .popup-container > [class^="icon-"] {
    color: #fff;
    text-transform: none; }
  .panel__header > [class*="icon-collapse"],
  .panel__header > [class*="icon-collapsible"] {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }

.panel__header-controls {
  margin: 0;
  padding-right: 16px;
  float: right;
  border-right: 1px solid #fff; }
  .panel__header-controls li + li {
    padding-left: 10px; }

.panel__body {
  position: relative;
  width: 100%;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }
  .panel__body > :first-child {
    margin-top: 0; }
  .panel__body > :last-child {
    margin-bottom: 0; }

/**
 * Panel location
 */
.l-aside .panel__header,
.l-complementary .panel__header {
  padding: 9px 10px 8px 10px;
  font-size: 12px;
  background: #aaaaaa; }
.l-aside .panel__body,
.l-complementary .panel__body {
  padding: 10px; }

.l-main .panel__header {
  padding: 8px 40px 5px 20px;
  font-size: 15px; }
.l-main .panel__body {
  padding: 18px; }
  .l-main .panel__body .panel__header {
    padding: 7px 40px 7px 20px;
    font-size: 12px; }
  .l-main .panel__body .panel__body {
    padding: 20px; }

/**
 * Panel types
 */
.panel__header {
  background: #85c446; }

.panel__body {
  background: #f9f9f9;
  border: 1px solid #d0d1d1;
  border-top: 0; }

.panel--secondary .panel__header {
  background: #aaaaaa; }

.panel--tertiary .panel__header, .panel--fieldset .panel__header {
  background: #999999; }

.panel--nav .panel__header {
  background: #02a75e; }
.panel--nav .panel__body {
  padding: 0; }

.panel--nav-aux .panel__header {
  background: #777777; }
.panel--nav-aux .panel__body {
  padding: 0; }

.panel--negative .panel__header {
  background: #e31837; }

/**
 * Panel states
 */
[class^="panel"].is-complete .panel__header {
  background: #85C446; }
  [class^="panel"].is-complete .panel__header:after {
    content: "complete";
    border-right: 1px solid #fff;
    padding-right: 30px;
    float: right;
    text-transform: none; }
  [class^="panel"].is-complete .panel__header:before {
    position: absolute;
    right: 52px;
    font-family: "grange-icons";
    content: "R"; }

[class^="panel"].is-incomplete .panel__header {
  background: #e31837; }
  [class^="panel"].is-incomplete .panel__header:after {
    content: "incomplete";
    border-right: 1px solid #fff;
    padding-right: 30px;
    float: right;
    text-transform: none; }
  [class^="panel"].is-incomplete .panel__header:before {
    position: absolute;
    right: 52px;
    font-family: "grange-icons";
    content: "z";
    text-transform: none; }

[class^="panel"].js-collapsible .panel__header {
  cursor: pointer; }

/* --------------------------------------------------------------------------
   Options
   -------------------------------------------------------------------------- */
/**
 * The container of all the options a user can change to update the cost of
 * the quote
 */
.options {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ccc; }

.options__title,
.options__header {
  position: relative;
  margin-bottom: 0;
  line-height: 40px;
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  background-color: #eee;
  border-bottom: 1px solid #ccc; }
  .options__title + .options__item,
  .options__header + .options__item {
    border-top: 0; }
  .options__title > [class*="icon-collapse"],
  .options__title > [class*="icon-collapsible"],
  .options__header > [class*="icon-collapse"],
  .options__header > [class*="icon-collapsible"] {
    position: absolute;
    top: 10px;
    right: 26px;
    cursor: pointer; }

.options__header {
  line-height: 30px;
  border-top: 1px solid #ccc; }

.options__copy {
  margin: 0 16px;
  padding: 16px 0; }
  .options__copy p {
    font-size: 14px; }
  .options__copy > :last-child {
    margin-bottom: 0; }

.options__item {
  margin: 0 16px;
  padding: 16px 0;
  border-top: 1px solid #e5e5e5; }
  .options__item:first-child {
    border-width: 0; }
  .options__item > :last-child {
    margin-bottom: 0; }

/*------------------------------------*\
    WELL VARIABLES
\*------------------------------------*/
.well, .form__panel,
[class*="well--"] {
  position: relative;
  padding: 10px;
  border: 1px solid #c0c1c2;
  border-radius: 4px; }
  .well > :last-child, .form__panel > :last-child,
  [class*="well--"] > :last-child {
    margin: 0; }
  .well > [class*="icon-collapse"], .form__panel > [class*="icon-collapse"],
  .well > [class*="icon-collapsible"],
  .form__panel > [class*="icon-collapsible"],
  .well > [class*="icon-close"],
  .form__panel > [class*="icon-close"],
  [class*="well--"] > [class*="icon-collapse"],
  [class*="well--"] > [class*="icon-collapsible"],
  [class*="well--"] > [class*="icon-close"] {
    position: absolute;
    right: 10px; }
  .well.is-collapsible, .is-collapsible.form__panel,
  [class*="well--"].is-collapsible {
    padding-right: 40px; }

/*------------------------------------*\
    $ISLAND VARIABLES
\*------------------------------------*/
.island, .co-op-benefit-features__item,
[class*="island--"] {
  position: relative;
  padding: 18px; }
  .island > :last-child, .co-op-benefit-features__item > :last-child,
  [class*="island--"] > :last-child {
    margin: 0; }

.island--condensed {
  padding: 9px; }

/*------------------------------------*\
    $DROPDOWN  VARIABLES
\*------------------------------------*/
/*endif*/
/*------------------------------------*\
    $ICON VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $ICON MIXINS
\*------------------------------------*/
/*------------------------------------*\
    $ICON STYLES
\*------------------------------------*/
@font-face {
  font-family: "grange-icons";
  src: url("../fonts/grange-icons/grange-icons.eot");
  src: url("../fonts/grange-icons/grange-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/grange-icons/grange-icons.woff") format("woff"), url("../fonts/grange-icons/grange-icons.ttf") format("truetype"), url("../fonts/grange-icons/grange-icons.svg#../fonts/grange-icons/grange-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
/**
 * Base Icon Styles
 */
[class*="icon-"] {
  position: relative;
  display: inline-block;
  zoom: 1;
  font-family: "grange-icons";
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  color: inherit;
  text-transform: none !important; }
  [class*="icon-"][disabled], [class*="icon-"].is-disabled, [class*="icon-"].is-disabled:hover, [class*="icon-"].is-disabled:active, [class*="icon-"].is-disabled:focus {
    opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: not-allowed; }

/**
 * Icons 
 */
[class*="icon-"][class*=beginning]:before {
  content: "g"; }

[class*="icon-"][class*=arrow-left]:before {
  content: "c"; }

[class*="icon-"][class*=back]:before {
  content: "c"; }

[class*="icon-"][class*=save]:before {
  content: "n"; }

[class*="icon-"][class*=question]:before {
  content: "o"; }

[class*="icon-"][class*=preferences]:before {
  content: "q"; }

[class*="icon-"][class*=loading]:before {
  content: "s"; }

[class*="icon-"][class*=info]:before {
  content: "t"; }

[class*="icon-"][class*=edit]:before {
  content: "l"; }

[class*="icon-"][class*=delete]:before {
  content: "k"; }

[class*="icon-"][class*=arrow-down]:before {
  content: "b"; }

[class*="icon-"][class*=collapse]:before {
  content: "d"; }

[class*="icon-"][class*=collapsible]:before {
  content: "b"; }

[class*="icon-"][class*=arrow-up]:before {
  content: "d"; }

[class*="icon-"][class*=sortable]:before {
  content: "d"; }

[class*="icon-"][class*=sorted]:before {
  content: "f"; }

[class*="icon-"][class*=close]:before {
  content: "j"; }

[class*="icon-"][class*=checkmark]:before {
  content: "R"; }

[class*="icon-"][class*=calendar]:before {
  content: "h"; }

[class*="icon-"][class*=next]:before {
  content: "f"; }

[class*="icon-"][class*=arrow-right]:before {
  content: "f"; }

[class^="icon-end"]:before {
  content: "a"; }

[class*="icon-"][class*=download]:before {
  content: "p"; }

[class*="icon-"][class*=checkmark-plain]:before {
  content: "Q"; }

[class*="icon-"][class*=back-to-top]:before {
  content: "e"; }

[class*="icon-"][class*=add-new]:before {
  content: "w"; }

[class*="icon-"][class*=lock]:before {
  content: "x"; }

[class*="icon-"][class*=print]:before {
  content: "A"; }

[class*="icon-"][class*=error]:before {
  content: "z"; }

[class*="icon-"][class*=duplicate]:before {
  content: "u"; }

[class*="icon-"][class*=star]:before {
  content: "B"; }

[class*="icon-"][class*=money]:before {
  content: "r"; }

[class*="icon-"][class*=disk]:before {
  content: "C"; }

[class*="icon-"][class*=close-circle]:before {
  content: "v"; }

[class*="icon-"][class*=push-pin]:before {
  content: "D"; }

[class*="icon-"][class*=reinsurance]:before {
  content: "G"; }

[class*="icon-"][class*=admin]:before {
  content: "y"; }

[class*="icon-"][class*=app]:before {
  content: "F"; }

[class*="icon-"][class*=form]:before {
  content: "H"; }

[class*="icon-"][class*=guide]:before {
  content: "O"; }

[class*="icon-"][class*=pdf]:before {
  content: "o"; }

[class*="icon-"][class*=policy]:before {
  content: "K"; }

[class*="icon-"][class*=principal]:before {
  content: "M"; }

[class*="icon-"][class*=report]:before {
  content: "E"; }

[class*="icon-"][class*=service-admin]:before {
  content: "N"; }

[class*="icon-"][class*=sound]:before {
  content: "L"; }

[class*="icon-"][class*=thumb]:before {
  content: "J"; }

[class*="icon-"][class*=video]:before {
  content: "I"; }

[class*="icon-"][class*=camera]:before {
  content: "'"; }

[class*="icon-"][class*=search]:before {
  content: "i"; }

/**
 * Icon Links 
 */
a[class*="icon-"] {
  text-decoration: none;
  color: #85c446; }
  a[class*="icon-"]:hover {
    color: #6ca334; }

/**
 * Icon Sizes 
 */
[class*="icon"][class*="--xsmall"] {
  font-size: 12px; }

[class*="icon"][class*="--small"] {
  font-size: 14px; }

[class*="icon"][class*="--medium"] {
  font-size: 16px; }

[class*="icon"][class*="--large"] {
  font-size: 20px; }

[class*="icon"][class*="--xlarge"] {
  font-size: 22px; }

/**
* Icon Group
* 
* 1. Margin applied to icon and not list so that when li are empty there isn't a gap 
*/
.icon-group {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0; }
  .icon-group > li {
    float: left; }
  .icon-group > li [class*="icon-"] {
    /* 1 */
    margin-right: 4px; }

/**
 * Colors
 */
[class*="icon-"][class*="--static"] {
  color: #808083; }

[class*="icon-"][class*="--positive"] {
  color: #85c446; }

[class*="icon-"][class*="--warning"] {
  color: #fcb319; }

[class*="icon-"][class*="--negative"] {
  color: #e31837; }

/*endif*/
/*------------------------------------*\
    $LIST GROUP VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $MEDIA STYLES
\*------------------------------------*/
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 18px; }

.media__img--rev {
  float: right;
  margin-left: 18px; }

.media__img img,
.media__img--rev img {
  display: block; }

.media__body {
  overflow: hidden; }

.media__body,
.media__body > :last-child {
  margin-bottom: 0; }

/*------------------------------------*\
    $MODAL VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $MODAL STYLES
\*------------------------------------*/
.modal {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  margin: auto;
  width: 400px;
  overflow: auto;
  border-radius: 8px; }
  .modal iframe {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    border: none; }

.modal__header {
  z-index: 12;
  position: relative;
  margin: 0;
  padding: 5px 40px 5px 20px;
  min-height: 32px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: normal;
  font-family: proximanova-semi;
  text-transform: uppercase;
  color: #fff;
  background: #90c3ea;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px; }
  .modal__header [class*="icon-close"] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #fff;
    cursor: pointer; }

.modal__body {
  z-index: 11;
  position: relative;
  padding: 20px;
  width: 100%;
  background: white;
  border: none;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }
  .modal__body > :first-child {
    margin-top: 0; }
  .modal__body > :last-child {
    margin-bottom: 0; }

.modal__footer {
  margin-top: -6px;
  padding: 21px 20px 16px 20px;
  text-align: right;
  width: 100%;
  background: white;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }
  .modal__footer > .btn {
    margin-left: 4px; }

/*------------------------------------*\
    $NAV VARIABLES
\*------------------------------------*/
/**
 * Base nav stuff
 */
/*------------------------------------*\
    $NAV STYLES
\*------------------------------------*/
.nav ul, .input-list ul, .AspNet-RadioButtonList ul ul,
[class^="input-list--"] ul, .breadcrumb ul,
[class^="breadcrumb--"] ul, .btn-group ul, .btn-group--stacked ul, .panel__header-controls ul, [class^="page-nav"] ul, .pagination ul ul,
[class^="pagination--"] ul ul, .progress-pager ul, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu ul, .side-nav ul,
[class^="side-nav--"] ul, .key-legend ul, .tag-list ul, .footer-nav ul,
[class*="nav--"] ul {
  list-style: none; }
.nav > li.is-disabled > a, .input-list > li.is-disabled > a, .AspNet-RadioButtonList ul > li.is-disabled > a,
[class^="input-list--"] > li.is-disabled > a, .breadcrumb > li.is-disabled > a,
[class^="breadcrumb--"] > li.is-disabled > a, .btn-group > li.is-disabled > a, .btn-group--stacked > li.is-disabled > a, .panel__header-controls > li.is-disabled > a, [class^="page-nav"] > li.is-disabled > a, .pagination ul > li.is-disabled > a,
[class^="pagination--"] ul > li.is-disabled > a, .progress-pager > li.is-disabled > a, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu > li.is-disabled > a, .side-nav > li.is-disabled > a,
[class^="side-nav--"] > li.is-disabled > a, .key-legend > li.is-disabled > a, .tag-list > li.is-disabled > a, .footer-nav > li.is-disabled > a,
[class*="nav--"] > li.is-disabled > a {
  color: #c0c1c2; }
  .nav > li.is-disabled > a:hover, .input-list > li.is-disabled > a:hover, .AspNet-RadioButtonList ul > li.is-disabled > a:hover,
  [class^="input-list--"] > li.is-disabled > a:hover, .breadcrumb > li.is-disabled > a:hover,
  [class^="breadcrumb--"] > li.is-disabled > a:hover, .btn-group > li.is-disabled > a:hover, .btn-group--stacked > li.is-disabled > a:hover, .panel__header-controls > li.is-disabled > a:hover, [class^="page-nav"] > li.is-disabled > a:hover, .pagination ul > li.is-disabled > a:hover,
  [class^="pagination--"] ul > li.is-disabled > a:hover, .progress-pager > li.is-disabled > a:hover, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu > li.is-disabled > a:hover, .side-nav > li.is-disabled > a:hover,
  [class^="side-nav--"] > li.is-disabled > a:hover, .key-legend > li.is-disabled > a:hover, .tag-list > li.is-disabled > a:hover, .footer-nav > li.is-disabled > a:hover, .nav > li.is-disabled > a:active, .input-list > li.is-disabled > a:active, .AspNet-RadioButtonList ul > li.is-disabled > a:active,
  [class^="input-list--"] > li.is-disabled > a:active, .breadcrumb > li.is-disabled > a:active,
  [class^="breadcrumb--"] > li.is-disabled > a:active, .btn-group > li.is-disabled > a:active, .btn-group--stacked > li.is-disabled > a:active, .panel__header-controls > li.is-disabled > a:active, [class^="page-nav"] > li.is-disabled > a:active, .pagination ul > li.is-disabled > a:active,
  [class^="pagination--"] ul > li.is-disabled > a:active, .progress-pager > li.is-disabled > a:active, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu > li.is-disabled > a:active, .side-nav > li.is-disabled > a:active,
  [class^="side-nav--"] > li.is-disabled > a:active, .key-legend > li.is-disabled > a:active, .tag-list > li.is-disabled > a:active, .footer-nav > li.is-disabled > a:active,
  [class*="nav--"] > li.is-disabled > a:hover,
  [class*="nav--"] > li.is-disabled > a:active {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent; }

/**
 * Divide navigation into separate areas
 */
.nav__divider {
  height: 25px;
  background-color: #eee;
  overflow: hidden; }

/**
* throws the list into vertical mode
*/
.nav--stacked > li, .input-list--stacked > li, .btn-group--stacked > li, .side-nav > li,
[class^="side-nav--"] > li {
  display: list-item; }

/**
* Puts dividers between the hyperlinks
*/
.nav--divided li + li:before {
  content: "\007C" "\00A0";
  color: #d0d1d1; }

/**
 * centres the list
 */
.nav--center {
  text-align: center; }

/**	
 * Pads the list
 */
.nav--padded li {
  margin-left: 9px; }
.nav--padded li:first-child {
  margin-left: 0; }
.nav--padded.nav--stacked li, .nav--padded.input-list--stacked li, .nav--padded.btn-group--stacked li, .nav--padded.side-nav li,
.nav--padded[class^="side-nav--"] li {
  margin-top: 9px;
  margin-left: 0; }
.nav--padded.nav--stacked li:first-child, .nav--padded.input-list--stacked li:first-child, .nav--padded.btn-group--stacked li:first-child, .nav--padded.side-nav li:first-child,
.nav--padded[class^="side-nav--"] li:first-child {
  margin-top: 0; }

/**
 * Give nav links a big, blocky hit area
 */
.nav--pill {
  line-height: 1; }
  .nav--pill > li {
    letter-spacing: normal;
    word-spacing: normal; }
    .nav--pill > li > a {
      padding: 9px;
      border-radius: 4px; }
      .nav--pill > li > a:hover {
        background: #f9f9f9;
        text-decoration: none; }
      .nav--pill > li > a:active {
        color: white;
        background: #02a75e;
        text-decoration: none; }
    .nav--pill > li.is-active > a, .nav--pill > li.is-active > a:hover, .nav--pill > li.is-active > a:active {
      color: white;
      background: #02a75e; }
  .nav--pill .nav__divider {
    margin: 9px 0; }

/**
 * Link-group nav, used for displaying related options.
 */
.nav--group > li {
  float: left; }
  .nav--group > li > a {
    border-radius: 0; }
  .nav--group > li:first-child > a {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px; }
  .nav--group > li:last-child a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px; }

/**
 * Force a nav to occupy 100% of the available width of its parent.
 */
.nav--fit {
  display: table;
  width: 100%; }
  .nav--fit > li {
    float: none;
    display: table-cell; }
    .nav--fit > li > a {
      display: block;
      text-align: center; }

/**
 * Create columns out of the nav
 * If we don't use the float, the inline creates a gap which takes up some of the %
 */
.nav--one-col li {
  float: left;
  width: 100%; }

.nav--two-col li {
  float: left;
  width: 50%; }

.nav--three-col li {
  float: left;
  width: 33.3333%; }

.nav--four-col li {
  float: left;
  width: 25%; }

/*------------------------------------*\
    $CONTROLS STYLES
\*------------------------------------*/
/**
 * Page Controls
 */
.page-controls .breadcrumb {
  display: block;
  padding: 0 20px;
  margin-bottom: 20px;
  font-size: 11px; }
  .page-controls .breadcrumb li {
    margin-right: 0; }

/**
 * Page Header
 */
.page-header {
  position: relative; }

[class^="page-nav"] li {
  padding: 0 20px 0 0;
  float: left; }
  [class^="page-nav"] li:before {
    margin-right: 4px;
    color: #85C446;
    content: "\25a0"; }

.page-nav--one-col li {
  width: 100%; }

.page-nav--two-col li {
  width: 50%; }

.page-nav--three-col li {
  width: 33.3333%; }

.page-nav--four-col li {
  width: 25%; }

.page-nav--aux {
  position: absolute;
  top: 26px;
  right: 0; }
  .page-nav--aux li {
    padding: 0 0 0 20px; }
    .page-nav--aux li:before {
      margin: 0;
      content: ""; }

/*------------------------------------*\
    $OVERLAY VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $OVERLAY STYLES
\*------------------------------------*/
.overlay {
  display: none;
  z-index: 4000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/opaque-black-50.png) repeat; }

.overlay__pane,
[class^="overlay__pane--"] {
  z-index: 9999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  width: 300px;
  height: 150px;
  background: #fff;
  border-radius: 8px; }

.overlay__pane--loading {
  padding-top: 76px;
  width: 280px;
  height: 125px;
  font-size: 16px;
  text-align: center;
  background: white url("../images/loader.gif") no-repeat 50% 30%; }

/*------------------------------------*\
    $PAGINATION
\*------------------------------------*/
.pagination,
[class^="pagination--"] {
  float: right; }
  .pagination ul,
  [class^="pagination--"] ul {
    position: relative;
    margin-bottom: 0; }
    .pagination ul > li,
    [class^="pagination--"] ul > li {
      position: relative;
      display: block;
      float: left;
      margin: 0 5px;
      line-height: 30px; }
      .pagination ul > li [class*="icon-"],
      [class^="pagination--"] ul > li [class*="icon-"] {
        line-height: inherit; }
      .pagination ul > li:last-child,
      [class^="pagination--"] ul > li:last-child {
        margin-right: 0; }
      .pagination ul > li > a,
      [class^="pagination--"] ul > li > a {
        margin: 0 5px;
        text-decoration: none; }
        .pagination ul > li > a[disabled],
        [class^="pagination--"] ul > li > a[disabled] {
          color: #c0c1c2; }
  .pagination input,
  [class^="pagination--"] input {
    width: 50px; }

/*------------------------------------*\
    $POPUP VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $POPUP STYLES
\*------------------------------------*/
.popup-container {
  position: relative;
  display: inline-block; }

.popup {
  position: relative;
  border-radius: 8px;
  text-align: left;
  display: none;
  position: absolute;
  z-index: 100;
  margin: 0;
  width: 250px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.popup__header {
  position: relative;
  margin: 0;
  padding: 4px 20px 2px 10px;
  min-height: 25px;
  font-weight: normal;
  font-size: 12px;
  font-family: proximanova-semi;
  line-height: 1.5;
  text-transform: uppercase;
  color: #fff;
  white-space: normal;
  background: #85c446;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }
  .popup__header > [class*="icon-close"] {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 8px;
    color: #fff;
    cursor: pointer; }

.popup__body {
  position: relative;
  width: 100%;
  padding: 4px 10px;
  line-height: 1.5;
  font: normal normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #111111;
  text-transform: none;
  background: #fff;
  white-space: normal;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }
  .popup__body a {
    color: #02a75e; }
  .popup__body > :first-child {
    margin-top: 0; }
  .popup__body > :last-child {
    margin-bottom: 0; }

.popup--preferences .popup__body {
  padding-top: 16px;
  padding-bottom: 16px; }
.popup--preferences h3, .popup--preferences .form-header {
  margin-bottom: 16px;
  width: 100%;
  font-size: 16px;
  font-family: Arial;
  font-weight: normal;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }
.popup--preferences button,
.popup--preferences input[type="submit"],
.popup--preferences input[type="button"] {
  margin-bottom: 8px;
  padding: 0;
  border: 0;
  background: none;
  color: green;
  text-decoration: underline; }

/*------------------------------------*\
    $PROGRESS VARIABLES
\*------------------------------------*/
/**
 * Meter base stuff
 */
/**
 * Meter colors
 */
/*------------------------------------*\
    $PROGRESS METER STYLES
\*------------------------------------*/
.progress {
  background-color: #f9f9f9;
  height: 18px;
  border: 0px solid #d0d1d1;
  padding: 2px;
  border-radius: 8px; }

.progress__meter,
[class^="progress__meter--"] {
  height: 100%;
  display: block;
  background: #808083;
  border-radius: 8px; }

.progress__meter--info {
  background: #9ec3df; }

.progress__meter--success {
  background: #85c446; }

.progress__meter--warning {
  background: #fcb319; }

.progress__meter--danger {
  background: #e31837; }

/*------------------------------------*\
    $PROGRESS PAGER STYLES
\*------------------------------------*/
.progress-pager__step, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf {
  color: #808083;
  line-height: 20px; }
  .progress-pager__step a, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf a {
    text-decoration: none; }
  .progress-pager__step + li:before, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf + li:before {
    content: "\007C" "\00A0";
    color: #d0d1d1; }
  .progress-pager__step.is-complete a:after, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .is-complete.AspNet-Menu-Leaf a:after {
    margin-left: 5px;
    font-family: "grange-icons";
    color: #85c446;
    content: "R"; }
  .progress-pager__step.is-incomplete, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .is-incomplete.AspNet-Menu-Leaf {
    color: #808083; }

/**
 * .NET
 */
.progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf {
  float: none !important; }
  .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf .AspNet-Menu-Link, .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf .AspNet-Menu-NonLink {
    display: inline-block !important;
    margin-right: 3px; }
  .progress-pager .AspNet-Menu-Horizontal .AspNet-Menu .AspNet-Menu-Leaf .AspNet-Menu-Link:after {
    font-family: "grange-icons";
    content: "R";
    margin-left: 5px; }

/*------------------------------------*\
    $SIDE NAV VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $SIDE NAV STYLES
\*------------------------------------*/
.side-nav,
[class^="side-nav--"] {
  margin: 0; }
  .side-nav > li,
  [class^="side-nav--"] > li {
    border-top: 1px solid #d0d1d1; }
    .side-nav > li:first-child,
    [class^="side-nav--"] > li:first-child {
      border: 0; }
    .side-nav > li:last-child > a,
    [class^="side-nav--"] > li:last-child > a {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
    .side-nav > li:hover > a,
    [class^="side-nav--"] > li:hover > a {
      background: #fee5b0;
      text-decoration: none; }
    .side-nav > li.is-active > a, .side-nav > li.is-active > a:hover,
    [class^="side-nav--"] > li.is-active > a,
    [class^="side-nav--"] > li.is-active > a:hover {
      font-weight: bold;
      color: #fcb319; }
    .side-nav > li a,
    [class^="side-nav--"] > li a {
      display: block;
      padding: 4px 10px;
      color: #111111;
      text-decoration: none;
      background: #fff; }
      .side-nav > li a [class*="icon-"],
      [class^="side-nav--"] > li a [class*="icon-"] {
        float: right;
        font-size: 15px;
        padding-top: 1px; }
      .side-nav > li a [class^="icon-arrow-right"],
      [class^="side-nav--"] > li a [class^="icon-arrow-right"] {
        position: absolute;
        right: 0px;
        top: 6px;
        font-size: 8px; }
    .side-nav > li ul,
    .side-nav > li ul ul,
    [class^="side-nav--"] > li ul,
    [class^="side-nav--"] > li ul ul {
      margin: 0;
      list-style: none;
      border-bottom: 1px solid #d0d1d1; }
      .side-nav > li ul li,
      .side-nav > li ul ul li,
      [class^="side-nav--"] > li ul li,
      [class^="side-nav--"] > li ul ul li {
        border-top: 1px solid #d0d1d1; }
        .side-nav > li ul li:hover a, .side-nav > li ul li:active a,
        .side-nav > li ul ul li:hover a,
        .side-nav > li ul ul li:active a,
        [class^="side-nav--"] > li ul li:hover a,
        [class^="side-nav--"] > li ul li:active a,
        [class^="side-nav--"] > li ul ul li:hover a,
        [class^="side-nav--"] > li ul ul li:active a {
          background: #fee5b0; }
        .side-nav > li ul li a,
        .side-nav > li ul ul li a,
        [class^="side-nav--"] > li ul li a,
        [class^="side-nav--"] > li ul ul li a {
          display: block;
          background: #f9f9f9; }
    .side-nav > li ul ul > li:hover a, .side-nav > li ul ul > li:active a,
    [class^="side-nav--"] > li ul ul > li:hover a,
    [class^="side-nav--"] > li ul ul > li:active a {
      background: #fee5b0; }

.side-nav__header {
  padding: 4px 10px;
  font-family: proximanova-semi;
  text-transform: uppercase;
  color: #fff;
  background: #02a75e;
  border-top: 0;
  cursor: pointer; }

.side-nav__copy {
  padding: 4px 10px;
  color: #111111;
  background: #fff; }

/*endif*/
/*------------------------------------*\
    FLYOUT MENU STYLES
\*------------------------------------*/
.flyout .has-flyout {
  position: relative; }
  .flyout .has-flyout ul {
    position: absolute;
    top: -1px;
    left: 100%;
    z-index: 398;
    visibility: hidden;
    width: 200px; }
  .flyout .has-flyout.is-active, .flyout .has-flyout:hover > ul {
    visibility: visible; }

/*
.flyout {
	
	> ul {

		> li {
		
			a {
              height: 26px;
            }

			&:hover > a {
				background: $sidenav_hover_bg;
			}

			&.is-active,
			&:hover > ul {
				visibility: visible;
			}
		}
	}

    .js-flyout {

        > ul {
          position: absolute;
          top: -1px;
          left: 100%;
          z-index: 398;
          visibility: hidden;
          width: 200px;
        }

    }
}
*/
/*------------------------------------*\
    $SPLIT
\*------------------------------------*/
.split {
  text-align: right;
  list-style: none;
  margin-left: 0; }

.split__title {
  text-align: left;
  float: left;
  clear: left; }

.split__desc {
  display: block; }

/*------------------------------------*\
    $SPRITE VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $TABS STYLES
\*------------------------------------*/
.nav--tabs {
  position: relative;
  z-index: 2;
  margin: 0; }
  .nav--tabs > li > a {
    color: #808083;
    text-decoration: none;
    font-size: 14px;
    line-height: 21px;
    border-radius: 8px 8px 0 0;
    padding: 6px 20px;
    background: #eee;
    outline: none;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #d0d1d1; }
  .nav--tabs > li.is-active a {
    color: #111111;
    background: transparent;
    border-bottom: 1px solid white; }

.tabs-content {
  z-index: 1;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #d0d1d1;
  margin-top: -1px; }

.tabs-content__pane {
  display: none; }
  .tabs-content__pane:first-child {
    display: block; }

/**
 * Tabs inside of panels
 */
.panel__body .nav--tabs > li.is-active a {
  border-bottom: 1px solid #f9f9f9; }
.panel__body .tabs-content {
  padding: 20px;
  margin-right: -18px;
  margin-left: -18px; }

/*------------------------------------*\
    $TOOLTIP VARIABLES
\*------------------------------------*/
.tooltip-container {
  position: relative; }

.tooltip,
[class^="tooltip--"] {
  display: none;
  position: absolute;
  left: 10px;
  top: -120px;
  z-index: 10;
  white-space: normal;
  width: 216px;
  background: #fff;
  color: #808083;
  text-align: left;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#b3b3b3')";
  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color='#b3b3b3'); }
  .tooltip:before,
  [class^="tooltip--"]:before {
    border: solid;
    border-color: #000000 transparent transparent transparent;
    border-width: 8px 8px 0 0;
    bottom: -8px;
    content: " ";
    display: block;
    height: 4px;
    left: 20px;
    position: absolute;
    width: 0px; }
  .tooltip:after,
  [class^="tooltip--"]:after {
    border: solid;
    border-color: #ffffff transparent transparent transparent;
    border-width: 8px 8px 0 0;
    bottom: -8px;
    content: " ";
    display: block;
    height: 4px;
    position: absolute;
    width: 0px;
    left: 20px; }

.tooltip__header {
  padding: 10px 10px 5px 10px;
  color: #333;
  font-weight: bold; }
  .tooltip__header .icon-close {
    display: none; }

.tooltip__body {
  padding: 0 10px 10px; }
  .tooltip__body > :last-child {
    margin-bottom: 0; }
  .tooltip__body > .last-child {
    margin-bottom: 0; }
  .tooltip__body p {
    font-size: 12px; }

/**
* Tooltip left
*/
.tooltip--left:before, .tooltip--left:after {
  left: 173px; }

.tooltip--top-left:before, .tooltip--top-left:after {
  left: 155px; }

/**
* Tooltip top
*/
.tooltip--top:after, .tooltip--top::before {
  bottom: 100%;
  border: solid transparent;
  border-width: 0 0 21px 21px;
  content: " ";
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 20px;
  width: 0; }
.tooltip--top::after {
  border-bottom-color: #fff; }
.tooltip--top:before {
  border-bottom-color: #000; }

/*------------------------------------*\
    $SYMBOLS STYLES
\*------------------------------------*/
/**
 * Color symbols
 */
[class^="color-symbol--"] {
  display: inline-block;
  margin-right: 4px;
  width: 12px;
  height: 8px;
  line-height: 1;
  border-radius: 8px; }

.color-symbol--dark-green {
  background: #85c446; }

.color-symbol--light-green {
  background: #02a75e; }

.color-symbol--blue {
  background: #9ec3df; }

.color-symbol--orange {
  background: #fcb319; }

.color-symbol--red {
  background: #e31837; }

.color-symbol--dark-gray {
  background: #808083; }

/*------------------------------------*\
    $KEY LEGEND STYLES
\*------------------------------------*/
/**
 * Key/Legend
 *
 * <ul class="key-legend">
 */
.key-legend > li + li {
  padding-left: 10px; }

.key-legend__root {
  font-weight: bold; }

/*------------------------------------*\
    $CONTENT BOX VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $TAG STYLES
\*------------------------------------*/
.tag-list__item {
  position: relative;
  background: #dddddd;
  float: left;
  padding: 2px 4px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin: 0 18px 6px 0;
  font-size: 11px; }
  .tag-list__item:after {
    position: absolute;
    top: 0;
    right: -20px;
    height: 0;
    width: 0;
    border: 10px solid;
    border-color: transparent transparent transparent #dddddd;
    content: ""; }
  .tag-list__item:before {
    background: #f9f9f9;
    width: 5px;
    height: 5px;
    content: "";
    float: left;
    border-radius: 20px;
    margin: 5px 5px 0 0; }

/**
 * Style trumps; helper and brand classes
 */
/*------------------------------------*\
    $BRAND VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $BRAND STYLES
\*------------------------------------*/
/**
 * Brand fonts
 */
.brand-font--primary {
  font-family: vistasans-book; }

.brand-font--secondary {
  font-family: proximanova-semi; }

/**
 * Brand colors
 */
.brand-color--primary {
  color: #85c446; }

.brand-color--secondary {
  color: #02a75e; }

.brand-color--tertiary {
  color: #fcb319; }

.brand-color--gray {
  color: #808083; }

/*------------------------------------*\
    $GRID VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    $GRID STYLES
\*------------------------------------*/
/**
 * Grid Setup
 */
.g--1 {
  width: 8.33333%; }

.offset--1 {
  margin-left: 8.33333%; }

.g--2 {
  width: 16.66667%; }

.offset--2 {
  margin-left: 16.66667%; }

.g--3, .product-lobby .product {
  width: 25%; }

.offset--3 {
  margin-left: 25%; }

.g--4 {
  width: 33.33333%; }

.offset--4 {
  margin-left: 33.33333%; }

.g--5 {
  width: 41.66667%; }

.offset--5 {
  margin-left: 41.66667%; }

.g--6 {
  width: 50%; }

.offset--6 {
  margin-left: 50%; }

.g--7 {
  width: 58.33333%; }

.offset--7 {
  margin-left: 58.33333%; }

.g--8 {
  width: 66.66667%; }

.offset--8 {
  margin-left: 66.66667%; }

.g--9 {
  width: 75%; }

.offset--9 {
  margin-left: 75%; }

.g--10 {
  width: 83.33333%; }

.offset--10 {
  margin-left: 83.33333%; }

.g--11 {
  width: 91.66667%; }

.offset--11 {
  margin-left: 91.66667%; }

.g--12 {
  width: 100%; }

.offset--12 {
  margin-left: 100%; }

/**
 * Rows and columns
 */
.row, .l-wrapper, .product-lobby {
  width: 100%;
  margin: 0 auto; }
  .row .row, .l-wrapper .row, .product-lobby .row, .row .l-wrapper, .l-wrapper .l-wrapper, .product-lobby .l-wrapper, .row .product-lobby, .l-wrapper .product-lobby, .product-lobby .product-lobby {
    width: auto;
    max-width: none;
    margin: 0 -10px; }

.g--1, .g--2, .g--3, .product-lobby .product, .g--4, .g--5, .g--6, .g--7, .g--8, .g--9, .g--10, .g--11, .g--12 {
  float: left;
  position: relative;
  padding: 0 10px;
  vertical-align: top; }

/**
 * Layout Setup
 */
.l-wrapper {
  min-width: 1200px;
  max-width: 1200px; }

.l-main {
  position: relative;
  display: table-cell;
  width: 10000px;
  vertical-align: top;
  padding: 0 10px; }

.l-aside {
  float: left;
  width: 220px;
  padding: 0 10px; }

.l-complementary {
  float: right;
  width: 240px;
  padding: 0 10px; }

/*------------------------------------*\
    $HEADER STYLES
\*------------------------------------*/
.site-header {
  padding: 12px 0 22px;
  margin-bottom: 20px;
  background: #f2f2f2 url(../images/candy-cane.png) center bottom repeat-x; }

.site-logo {
  width: 220px;
  float: left;
  padding: 0 10px; }
  .site-logo img {
    float: right;
    display: block;
    height: 68px; }

.site-name {
  display: inline-block;
  float: left;
  padding: 34px 10px 0;
  font-size: 1.33333em;
  font-weight: bold;
  color: #c0c1c2; }
  .site-name em {
    font-style: normal;
    color: #808083; }
  .site-name a {
    text-decoration: none;
    border-bottom: 1px solid #02a75e; }
    .site-name a:hover {
      border-bottom: none; }

.account-controls {
  padding: 0 10px;
  float: right;
  text-align: right; }

.account-controls__info {
  margin-bottom: 6px; }
  .account-controls__info li {
    display: inline;
    padding-right: 5px; }
    .account-controls__info li + li {
      border-left: 1px solid #808083;
      padding-left: 8px; }

.account-controls__info--impersonate {
  color: #e31837;
  position: relative; }
  .account-controls__info--impersonate:before {
    font-family: "grange-icons";
    content: "z";
    font-size: 18px;
    position: absolute;
    top: -6px;
    left: -24px; }

.account-controls__filter + .account-controls__filter {
  margin-top: 6px; }
.account-controls__filter label,
.account-controls__filter select,
.account-controls__filter input {
  display: inline-block;
  float: none; }
.account-controls__filter label {
  margin-right: 4px; }
.account-controls__filter input[type="text"],
.account-controls__filter select {
  padding: 4px 6px;
  width: 220px;
  height: 26px; }
.account-controls__filter input[type="text"] {
  width: 154px; }
.account-controls__filter .btn {
  height: 26px;
  line-height: 26px;
  margin-left: -4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/**
 * This is for GAINWeb Life
 */
.account-controls__agency-selection-panel {
  margin-top: 6px; }
  .account-controls__agency-selection-panel select {
    width: 300px; }

/*------------------------------------*\
    $FOOTER STYLES
\*------------------------------------*/
.site-footer {
  margin-top: 20px;
  padding-top: 18px;
  text-align: center;
  border-top: 1px solid #c0c1c2; }

.footer-nav li a {
  padding: 0 10px; }

/*------------------------------------*\
    $HELPERS
\*------------------------------------*/
/**
 * Add/remove floats
 */
.float--right {
  float: right !important; }

.float--left {
  float: left !important; }

.float--none {
  float: none !important; }

/**
 * Text alignment
 */
.align--left {
  text-align: left !important; }

.align--center {
  text-align: center !important; }

.align--right {
  text-align: right !important; }

/**
 * Font weights
 */
.weight--light {
  font-weight: 300 !important; }

.weight--normal {
  font-weight: 400 !important; }

.weight--semibold {
  font-weight: 600 !important; }

.weight--bold {
  font-weight: 700 !important; }

/**
 * Add/remove margins
 */
.flush {
  margin: 0 !important; }

.flush--top {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/**
 * Add/remove paddings
 */
.soft {
  padding: 18px !important; }

.soft--top {
  padding-top: 18px !important; }

.soft--right {
  padding-right: 18px !important; }

.soft--bottom {
  padding-bottom: 18px !important; }

.soft--left {
  padding-left: 18px !important; }

.soft--ends {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

.soft--sides {
  padding-right: 18px !important;
  padding-left: 18px !important; }

.soft-half {
  padding: 9px !important; }

.soft-half--top {
  padding-top: 9px !important; }

.soft-half--right {
  padding-right: 9px !important; }

.soft-half--bottom {
  padding-bottom: 9px !important; }

.soft-half--left {
  padding-left: 9px !important; }

.soft-half--ends {
  padding-top: 9px !important;
  padding-bottom: 9px !important; }

.soft-half--sides {
  padding-right: 9px !important;
  padding-left: 9px !important; }

.hard {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/**
 * Vertical alignment
 */
.valign--top, .valign--top td {
  vertical-align: top !important; }

.valign--middle, .valign--middle td {
  vertical-align: middle !important; }

.valign--bottom, .valign--bottom td {
  vertical-align: bottom !important; }

/**
 * Add scrollbars
 */
.scrollable {
  overflow: auto; }

.scrollable--y {
  overflow-x: hidden;
  overflow-y: auto; }

.scrollable--x {
  overflow-y: hidden;
  overflow-x: auto; }

.scrollable--none {
  overflow: hidden; }

/**
 * Display properties
 */
.display--none {
  display: none; }

.display--block {
  display: block; }

.display--inline {
  display: inline; }

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

/**
 * Width properties
 */
.width--auto {
  width: auto !important; }

/**
 * Resize properties
 */
.resize--none {
  resize: none !important; }

/**
 * Cursor properties
 */
.cursor--pointer {
  cursor: pointer !important; }

/**
 * Fill properties
 */
.fill--white {
  background: #fff !important; }

.fill--static {
  background: #808083 !important; }

.fill--positive {
  background: #85c446 !important; }

.fill--warning {
  background: #fcb319 !important; }

.fill--negative {
  background: #e31837 !important; }

.fill--static-light {
  background: #eeeeee !important; }

.fill--positive-light {
  background: #e2f1cf !important; }

.fill--warning-light {
  background: #fee7bd !important; }

.fill--negative-light {
  background: #fff0f0 !important; }

.fill--burnt-orange {
  background: #cf7a30 !important; }

.fill--navy {
  background: #216265 !important; }

/**
 * Toggles the visibility of elements
 */
.hidden {
  display: none !important; }

/**
 * Allows us to wrap text if necessary, cropped up specifically in response to GCB-1918
 */
.wrap-text {
  white-space: normal; }

/**
 * Shame Backlog
 */
.has-error input[type="radio"] + label, .has-error input[type="checkbox"] + label {
  color: #e31837; }

.show--block {
  display: block; }

.show--inline {
  display: inline; }

.show--inline-block {
  display: inline-block; }

.hide {
  display: none; }

table .btn, table [class^="btn--"] {
  font-style: normal; }
  table .btn:hover, table [class^="btn--"]:hover {
    text-decoration: none;
    color: white; }

/*------------------------------------*\
    GRANGE AGENT / STYLES.SCSS
\*------------------------------------*/
/**
 * Begin styling
 */
/*------------------------------------*\
    $AGENCY BENEFITS PROGRAM
\*------------------------------------*/
.product-lobby .product {
  margin-bottom: 40px; }
.product-lobby .product__name {
  margin-bottom: 9px;
  font-weight: bold; }
.product-lobby .product__media {
  margin-bottom: 9px; }

.side-nav--filter > li > ul {
  padding: 10px; }
  .side-nav--filter > li > ul > li {
    border-top: 0;
    margin-bottom: 6px; }
    .side-nav--filter > li > ul > li:last-child {
      margin-bottom: 0; }

.co-op-benefits-header {
  text-align: center; }

.co-op-benefit-features {
  padding: 18px; }

.co-op-benefit-features__item {
  background: #f6f6f6;
  border: 1px solid #eeeeee;
  border-bottom: 2px solid #ddd; }
  .co-op-benefit-features__item li {
    margin-bottom: 9px;
    font-size: 13px; }
  .co-op-benefit-features__item h3, .co-op-benefit-features__item .form-header {
    margin-bottom: 18px; }

/*------------------------------------*\
    $LOGIN PANEL
\*------------------------------------*/
.login-panel {
  margin: 40px auto 0;
  width: 320px; }

/*------------------------------------*\
    $TREEVIEW
\*------------------------------------*/
.treeview table, [class^="sitemap--"] table {
  margin: 0 0 4px; }
  .treeview table td, [class^="sitemap--"] table td {
    padding: 2px; }
    .treeview table td img, [class^="sitemap--"] table td img {
      margin-right: 4px; }

.treeview {
  font-size: 14px;
  font-weight: bold; }
  .treeview > div {
    margin-left: 10px; }
    .treeview > div > div {
      font-size: 12px;
      font-weight: normal; }

/*------------------------------------*\
    $SHOPPING CART
\*------------------------------------*/
/**
 * Shopping cart that appears on the top right of the Marketing\Co-op\Default.aspx page
 */
.shopping-cart {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  background-color: #85c446;
  border-radius: 4px;
  text-align: right; }
  .shopping-cart a {
    color: #fff;
    text-decoration: none; }