@charset "UTF-8";
/*
Desktop: > 1280px
Tablet: 960px - 1280px
Mobile: < 960px
*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import "//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css";
@font-face {
  font-family: "AmbleLight";
  src: url("fonts/Amble-Light-webfont.eot?") format("eot"), url("fonts/Amble-Light-webfont.woff") format("woff"), url("fonts/Amble-Light-webfont.ttf") format("truetype"), url("fonts/Amble-Light-webfont.svg#AmbleLight") format("svg");
}
@font-face {
  font-family: "AmbleRegular";
  src: url("fonts/Amble-Regular-webfont.eot?") format("eot"), url("fonts/Amble-Regular-webfont.woff") format("woff"), url("fonts/Amble-Regular-webfont.ttf") format("truetype"), url("fonts/Amble-Regular-webfont.svg#AmbleRegular") format("svg");
}
@font-face {
  font-family: "AmbleBold";
  src: url("fonts/Amble-Bold-webfont.eot?") format("eot"), url("fonts/Amble-Bold-webfont.woff") format("woff"), url("fonts/Amble-Bold-webfont.ttf") format("truetype"), url("fonts/Amble-Bold-webfont.svg#AmbleBold") format("svg");
}
/*! normalize.css v2.1.1 | 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. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  background: #fff; /* 1 */
  color: #000; /* 2 */
  font-family: sans-serif; /* 3 */
  -ms-text-size-adjust: 100%; /* 4 */
  -webkit-text-size-adjust: 100%; /* 4 */
}

/**
 * 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,
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: "“" "”" "‘" "’";
}

/**
 * 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;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.652px;
  line-height: 2.2652rem;
  color: #4d4f53;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}

h1 {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 27.342px;
  font-size: 2.7342rem;
  line-height: 44.239356px;
  line-height: 4.4239356rem;
}

h2 {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 21.882px;
  font-size: 2.1882rem;
  line-height: 35.405076px;
  line-height: 3.5405076rem;
  color: #4d4f53;
}

h3 {
  font-size: 17.5px;
  font-size: 1.75rem;
  line-height: 28.315px;
  line-height: 2.8315rem;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 400;
  color: #4d4f53;
}

h4 {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.652px;
  line-height: 2.2652rem;
}

h5 {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  font-weight: 100;
  font-size: 11.844px;
  font-size: 1.1844rem;
  line-height: 19.163592px;
  line-height: 1.9163592rem;
  color: #0b838e;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

a {
  color: #0b838e;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.active {
  color: #d95e00;
}

.RadGrid_Default .rgMasterTable,
.RadGrid_Default .rgRow,
.RadGrid_Default .rgAltRow {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.652px;
  line-height: 2.2652rem;
}

.RadGrid_Default .rgRow a,
.RadGrid_Default .rgAltRow a {
  color: #0b838e;
}

.RadTreeView_subsiteMegaMenu .rtLI,
.RadTreeView_subsiteMegaMenu .rtIn {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}

.main-content {
  width: 960px;
  margin: 0 auto;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content {
    width: auto;
    padding: 0 2%;
  }
}

.clearfix {
  clear: both;
}

.clearleft {
  clear: left;
}

.left {
  float: left;
}

.right {
  float: right;
}

.main-content {
  clear: both;
}

.arrow {
  position: relative;
  bottom: 2px;
}

.hide {
  display: none;
}

.column-header {
  border-bottom: solid 1px #4D4F53;
  padding-bottom: 5px;
  padding-top: 20px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.main-content .sf_colsOut h4 {
  margin: 10px 0 0;
}
.main-content .sf_colsOut ul, .main-content .sf_colsOut ol {
  margin: 0;
  padding: 0;
}
.main-content .sf_colsOut li {
  list-style: none;
  margin-top: 10px;
}
.main-content .sf_colsOut li a {
  font-size: 14px;
  font-size: 1.4rem;
}
.main-content .sf_colsOut li p {
  margin: 0;
}
.main-content .sf_colsOut li:first-child {
  margin-top: 0;
}
.main-content .sf_colsOut .sf_3cols_1_33 li,
.main-content .sf_colsOut .sf_3cols_2_34 li,
.main-content .sf_colsOut .sf_3cols_3_33 li {
  margin-top: 20px;
}
.main-content .bullet {
  list-style: disc !important;
  margin-left: 20px !important;
}
.main-content .bullet li {
  list-style: disc !important;
  margin-top: 5px !important;
}
.main-content .bullet ul {
  list-style: circle !important;
  margin-left: 20px !important;
}
.main-content .bullet ul li {
  list-style: circle !important;
}
.main-content .bullet ul ul {
  list-style: square !important;
}
.main-content .bullet ul ul li {
  list-style: square !important;
}
.main-content .number {
  list-style: decimal !important;
  margin-left: 20px !important;
}
.main-content .number li {
  list-style: decimal !important;
  margin-top: 5px !important;
}
.main-content .number ol {
  list-style: upper-roman !important;
  margin-left: 20px !important;
}
.main-content .number ol li {
  list-style: upper-roman !important;
}
.main-content .number ol ol {
  list-style: lower-roman !important;
}
.main-content .number ol ol li {
  list-style: lower-roman !important;
}
.main-content .content-header h3 {
  margin: 35px 0;
}
.main-content .footerLink {
  margin-top: 15px;
  font-size: 11.844px;
  font-size: 1.1844rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .sf_3cols_3_25 {
    padding-top: 20px;
    margin-top: 0;
    border-top: 1px solid #d7d7d7;
  }
}
.main-content .RadTabStripVertical .rtsLast .rtsLink {
  border-bottom: none;
}
.main-content .RadTabStripVertical .rtsLink {
  text-align: left;
}
.main-content .pnf-links {
  margin-bottom: 30px;
}
.main-content .pnf-links .link-header {
  color: #ffffff;
  background: #4d4f53;
  margin: 0 0 10px;
  padding: 15px 10px;
  font-size: 21.882px;
  font-size: 2.1882rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .pnf-links .link-header {
    padding: 10px;
  }
}
.main-content .pnf-links ul {
  margin-left: 10px;
}
.main-content .pnf-links li {
  margin-top: 5px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .pnf-links li {
    margin-top: 10px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .pnf-links .sf_colsOut {
    margin-top: 30px;
  }
  .main-content .pnf-links .sf_colsOut:first-child {
    margin-top: 0;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1024px) {
  .main-content .pnf-links .sf_colsOut {
    margin-top: 0;
  }
}
.main-content .dlist-container {
  margin-bottom: 30px;
}
.main-content .dlist-container h3 {
  margin-bottom: 0;
}
.main-content .dlist-container p {
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.main-content table {
  width: 100%;
}
.main-content table th {
  text-align: left;
  padding: 5px 10px;
  background-color: #f0f0f0;
  border: 1px solid #d7d7d7;
  /*
  &:first-child {
  	padding-left: 0;
  }
  */
}
.main-content table td {
  vertical-align: top;
  padding: 5px 10px;
  border: 1px solid #d7d7d7;
  /*
  &:first-child {
  	padding-left: 0;
  }
  */
}
.main-content table.tableNoBorders th {
  border: 0px;
}
.main-content table.tableNoBorders td {
  border: 0px;
}
.main-content .sf_3cols_2_50 .gridItem {
  width: 30%;
  margin-left: 22px;
}
.main-content .sf_3cols_2_50 .gridItem img {
  width: 100%;
}
.main-content .sf_3cols_2_50 .gridItem.col-3 {
  margin-left: 0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .sf_3cols_2_50 .gridItem {
    width: 48%;
  }
}
.main-content .tree-menu.root {
  padding-bottom: 10px;
}
.main-content .tree-menu li {
  margin-top: 0;
}
.main-content .tree-menu .active {
  background: #ffffff;
}
.main-content .tree-menu .active .menu-wrap a {
  color: #d95e00;
}
.main-content .tree-menu .active li {
  display: list-item;
}
.main-content .tree-menu a {
  padding: 5px 10px;
  display: block;
}
.main-content .tree-menu .menu-wrap {
  position: relative;
}
.main-content .tree-menu .menu-wrap .open-tree {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 20px;
  height: 20px;
  font-weight: bold;
  font-size: 34.174px;
  font-size: 3.4174rem;
}
.main-content .tree-menu ul li {
  display: none;
}
.main-content .tree-menu ul li.open {
  display: list-item;
}
.main-content .tree-menu ul li.active {
  display: list-item;
}
.main-content .tree-menu ul li a {
  padding-left: 20px;
}
.main-content .tree-menu ul li ul li a {
  padding-left: 30px;
}
.main-content .tree-menu ul li ul li ul li a {
  padding-left: 40px;
}
.main-content .tree-menu ul li ul li ul li ul li a {
  padding-left: 50px;
}
.main-content .sf_3cols_1_25 h3 {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
}
.main-content .grid-container-3,
.main-content .grid-container-4 {
  overflow: hidden;
}
.main-content .indexSection {
  margin-bottom: 10px;
  overflow: hidden;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .indexSection {
    margin-bottom: 10px;
  }
}
.main-content .indexSection h3 {
  margin-bottom: 10px;
  line-height: 25.888px;
  line-height: 2.5888rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .indexSection h3 {
    margin-bottom: 5px;
  }
}
.main-content .indexSection .description {
  margin-top: 0;
}
.main-content .indexSection .indexMenu ul li {
  width: 46%;
  margin-right: 4%;
  float: left;
  margin-top: 0;
  margin-bottom: 10px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .indexSection .indexMenu ul li {
    width: 100%;
    margin: 0;
    clear: left;
  }
}
.main-content .indexSection .indexMenu a {
  line-height: 1.5;
}
.main-content .sf_3cols_2_50 img {
  padding: 10px;
}

.main-content .sf_3cols_2_50 .sfContentBlock {
  margin-top: 15px;
}
.main-content .sf_2cols_2_25 .sfContentBlock ol,
.main-content .sf_3cols_3_25 .sfContentBlock ol,
.main-content .sf_3cols_1_33 .sfContentBlock ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-content .sf_2cols_2_25 .sfContentBlock ol li,
.main-content .sf_3cols_3_25 .sfContentBlock ol li,
.main-content .sf_3cols_1_33 .sfContentBlock ol li {
  list-style: none;
}
.main-content .sf_2cols_2_25 .sfContentBlock ul,
.main-content .sf_3cols_3_25 .sfContentBlock ul,
.main-content .sf_3cols_1_33 .sfContentBlock ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-content .sf_2cols_2_25 .sfContentBlock ul li,
.main-content .sf_3cols_3_25 .sfContentBlock ul li,
.main-content .sf_3cols_1_33 .sfContentBlock ul li {
  list-style: none;
}
.main-content .sfContentBlock ol {
  margin: 20px 0 20px 20px;
  list-style: decimal;
  padding-left: 0;
}
.main-content .sfContentBlock ol li {
  list-style: decimal;
}
.main-content .sfContentBlock ul {
  margin: 20px 0 20px 20px;
  list-style: disc;
}
.main-content .sfContentBlock ul li {
  list-style: disc;
}
.main-content .sfContentBlock ul li.sfdownloadFile.sfpdf {
  list-style: none;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .sfContentBlock img {
    max-width: 180px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .sfContentBlock img.noResize {
    max-width: 10000px;
  }
}

/* Small text box */
.sfFormBox.sfTxtBoxSmall .sfTxt {
  width: 120px;
}

/* Medium text box */
.sfFormBox.sfTxtBoxMedium .sfTxt {
  width: 300px;
}

/* Large text box */
.sfFormBox.sfTxtBoxLarge .sfTxt {
  width: 400px;
}

/* Small paragraph box */
.sfFormBlock.sfTxtBlockSmall .sfTxt {
  width: 300px;
  height: 60px;
}

/* Medium paragraph box */
.sfFormBlock.sfTxtBlockMedium .sfTxt {
  width: 300px;
  height: 100px;
}

/* Large paragraph box */
.sfFormBlock.sfTxtBlockLarge .sfTxt {
  width: 420px;
  height: 260px;
}

/* Small select */
.sfFormDropdown.sfDdlSmall select {
  width: 120px;
}

/* Medium select */
.sfFormDropdown.sfDdlMedium select {
  width: 300px;
}

/* Large select */
.sfFormDropdown.sfDdlLarge select {
  width: 420px;
}

/* Small text box */
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .sfFormBox.sfTxtBoxSmall .sfTxt,
  .sfFormBox.sfTxtBoxMedium .sfTxt,
  .sfFormBox.sfTxtBoxLarge .sfTxt,
  .sfFormBlock.sfTxtBlockSmall .sfTxt,
  .sfFormBlock.sfTxtBlockMedium .sfTxt,
  .sfFormBlock.sfTxtBlockLarge .sfTxt,
  .sfFormDropdown.sfDdlSmall select,
  .sfFormDropdown.sfDdlMedium select,
  .sfFormDropdown.sfDdlLarge select {
    width: 96%;
  }
}

.sfFormBox,
.sfFormRadiolist,
.sfFormCheckboxlist,
.sfFormDropdown,
.sfFormBlock,
.sfFormInstructions,
.sfFormSubmit,
.RadPicker {
  margin-bottom: 20px;
}

.sfError {
  color: #f32b1b;
}

.sfTxtLbl {
  display: block;
  margin-bottom: 5px;
}
.field-required .sfTxtLbl:after {
  content: " *";
  color: #f32b1b;
}

.sfFormRadiolist .sfRadioList input, .sfFormRadiolist .sfRadioList label,
.sfFormCheckboxlist .sfCheckListBox input,
.sfFormCheckboxlist .sfCheckListBox label {
  vertical-align: middle;
}
.sfFormRadiolist .sfRadioList label,
.sfFormCheckboxlist .sfCheckListBox label {
  margin-left: 3px;
  padding-left: 2px;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
textarea {
  background-color: #edeeee !important;
  border: 1px solid #767676 !important;
  color: #898989 !important;
  outline: none;
  padding: 7px 7px 6px 7px;
  -moz-transition: border-color 0.2s linear 0s;
  -o-transition: border-color 0.2s linear 0s;
  -webkit-transition: border-color 0.2s linear;
  -webkit-transition-delay: 0s;
  transition: border-color 0.2s linear 0s;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  input[type=text],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=tel],
  textarea {
    padding: 7px 2% 6px 2%;
  }
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
textarea:focus {
  border-color: 2px #21828C !important;
  border-width: 2px !important;
  background-color: #FFFFFF !important;
}
.sfErrorWrp input[type=text],
.sfErrorWrp input[type=email],
.sfErrorWrp input[type=number],
.sfErrorWrp input[type=password],
.sfErrorWrp input[type=tel],
.sfErrorWrp textarea {
  border-color: #f32b1b;
}

textarea {
  resize: none;
}

/*	wrapper divs */
.custom-checkbox, .custom-radio {
  position: relative;
  display: inline-block;
}

/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
  position: absolute;
  left: 2px;
  top: 2px;
  margin: 0;
}

.sfFormRadiolist .sfRadioList .custom-checkbox label,
.sfFormRadiolist .sfRadioList .custom-radio label,
.sfFormCheckboxlist .sfCheckListBox .custom-checkbox label,
.sfFormCheckboxlist .sfCheckListBox .custom-radio label {
  display: block;
  position: relative;
  padding-right: 1em;
  line-height: 1;
  padding: 0.5em 0 0.5em 30px;
  margin: 0;
  cursor: pointer;
}

/* states */
.custom-checkbox label {
  background: url(../Images/checkbox.gif) no-repeat;
}

.custom-radio label {
  background: url(../Images/radiobutton.gif) no-repeat;
}

.custom-checkbox label,
.custom-radio label {
  background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
  background-position: -10px -114px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
  background-position: -10px -214px;
}

.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
  background-position: -10px -314px;
}

.selectmenu {
  position: relative;
  border: 1px solid #767676;
  background: #ffffff;
  overflow: hidden;
  width: 300px;
  /* Small select */
  /* Medium select */
  /* Large select */
  -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5);
}
.sfFormDropdown.sfDdlSmall .selectmenu {
  width: 120px;
}
.sfFormDropdown.sfDdlMedium .selectmenu {
  width: 300px;
}
.sfFormDropdown.sfDdlLarge .selectmenu {
  width: 420px;
}
.selectmenu select {
  z-index: 10;
  position: relative;
  border: none;
  background: none;
  outline: none;
  opacity: 0;
  height: 28px;
  -webkit-appearance: none;
  filter: alpha(opacity=0);
  width: 100%;
}
.selectmenu .selectmenu-text {
  z-index: 9;
  position: absolute;
  left: 5px;
  background: transparent;
  color: #898989;
}
.selectmenu .selectmenu-button {
  background: url(../Images/selectmenu-dropdown.png) no-repeat;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .RadUpload {
    width: 100%;
  }
}

html body .riSingle .riTextBox,
html body .riSingle .riTextBox[type=text] {
  background-color: #EDEEEE;
  border: 1px solid #EDEEEE;
  color: #898989;
  outline: none;
  -webkit-transition: border-color 0.2s linear;
  -webkit-transition-delay: 0s;
  -moz-transition: border-color 0.2s linear 0s;
  -o-transition: border-color 0.2s linear 0s;
  transition: border-color 0.2s linear 0s;
}

.sfFormsEditor .sfFormSubmit {
  clear: both;
}

.multi-row {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
}
.multi-row .add-row {
  clear: both;
  float: right;
  margin-top: 10px;
}

.main-content .sf_3cols_2_50 .sfContentBlock.sfFormInstructions {
  margin-top: 0;
}

.rcInvalid span {
  color: #f32b1b;
}

.main-content table.more-table {
  margin-bottom: 20px;
}
.main-content table.more-table .remove-btn {
  text-align: right;
  padding: 5px 0;
  border: none;
}
.main-content table.more-table th, .main-content table.more-table td {
  border: solid 1px #D1D1D1;
}
.main-content table.more-table th:first-child, .main-content table.more-table td:first-child {
  padding-left: 10px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content table.more-table thead {
    display: none;
  }
  .main-content table.more-table tbody .rp-table td {
    display: block;
    padding-left: 50%;
    width: auto;
    position: relative;
  }
  .main-content table.more-table tbody .rp-table td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  .main-content table.more-table tbody .first-name:before {
    content: "First name: ";
  }
  .main-content table.more-table tbody .last-name:before {
    content: "Last name: ";
  }
  .main-content table.more-table tbody .program:before {
    content: "Program: ";
  }
  .main-content table.more-table tbody .barcode:before {
    content: "Barcode: ";
  }
}

.multi-row .form-wrapper .inputWrapper {
  float: left;
  margin-left: 1%;
  width: 24%;
}
.multi-row .form-wrapper .inputWrapper .riSingle {
  width: 100% !important;
}
.multi-row .form-wrapper .inputWrapper:first-child {
  margin-left: 0;
}
.multi-row .form-wrapper .inputWrapper label {
  font-weight: bold;
  display: block;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .multi-row .form-wrapper .inputWrapper {
    width: 100%;
    margin-left: 0;
  }
  .multi-row .form-wrapper .riSingle {
    width: 100% !important;
  }
}

.formsInfo, .formsSuccess, .formsWarning, .formsError {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}

li.formsInfo, li.formsSuccess, li.formsWarning, li.formsError {
  margin-top: 10px !important;
}

.formsInfo {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}

.formsSuccess {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}

.formsWarning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}

.formsError {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}
.formsError ul {
  margin: 0;
  padding: 0;
  list-style: square;
}

.formsErrorBorder {
  border: 1px solid red;
}

/*! jQuery UI - v1.10.3 - 2013-08-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-accordion {
  clear: both;
}
.ui-accordion .panel {
  background: #ffffff;
  margin-top: 2px;
  border-top: 1px solid #d1d1d1;
  font-size: 14px;
  font-size: 1.4rem;
}
.ui-accordion .panel .ui-accordion-header {
  margin-bottom: 0;
  margin-top: 2px;
  padding: 5px 25px;
  display: block;
  color: #000000;
  background: url("../../CRD/Images/collapsiblePanel.png") left 5px top 14px no-repeat !important;
  font-size: 14px;
  font-size: 1.4rem;
}
.ui-accordion .panel .ui-accordion-header.ui-state-active {
  background-position: left -1984px top 14px !important;
}
.ui-accordion .panel .ui-accordion-header .ui-accordion-header-icon {
  left: -1984px;
}
.ui-accordion .panel:last-child {
  border-bottom: 1px solid #d1d1d1;
}
.ui-accordion .ui-accordion-content {
  display: none;
  padding: 10px;
  /* - Ryan implemented for Seaterra, but we can't recall if there was a specific reason why. It conflicts with ordered lists within accordions, so commenting out
  li
  {
  	list-style: disc !important;
  }
  */
}

#content {
  background-color: #ffffff;
}

div.homepageAlertsAndNoticesList ul {
  list-style: none;
}
div.homepageAlertsAndNoticesList ul li.alertsItem {
  padding: 2px 0;
}
div.homepageAlertsAndNoticesList ul li.alertsItem span.alertsDate {
  font-weight: bold;
  margin-right: 0.5rem;
}
div.homepageAlertsAndNoticesList ul li.alertsItem span.alertsTitle a {
  text-decoration: none;
}
div.homepageAlertsAndNoticesList ul li.alertsItem span.alertsTitle a:hover {
  color: #0b838e;
  text-decoration: underline;
}

.main-content div.alertsAndNoticesContentPageList {
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #fafafa;
  border: 1px solid #4d4f53;
  padding: 0px 10px 10px 10px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content div.alertsAndNoticesContentPageList {
    display: none;
    visibility: hidden;
  }
}
.main-content div.alertsAndNoticesContentPageList i.alertsIcon {
  color: #FFB938;
  padding-right: 5px;
}
.main-content div.alertsAndNoticesContentPageList span.alertsTitle {
  font-weight: bold;
}
.main-content div.alertsAndNoticesContentPageList ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-content div.alertsAndNoticesContentPageList ul li {
  list-style: none;
}

/*
.main-content .sf_colsIn .sf_2cols_2in_33 div.alertsAndNoticesContentPageList, .main-content .sf_colsIn .sf_3cols_3in_25 div.alertsAndNoticesContentPageList {
    background-color: $lightergrey;
    border: 1px solid $mainBg;
    padding: 0px 10px 10px 10px;
}*/
.main-content div.alertsAndNoticesContentPageListMobile {
  display: none;
  visibility: hidden;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content div.alertsAndNoticesContentPageListMobile {
    display: block;
    visibility: visible;
    background-color: #fafafa;
    border: 1px solid #4d4f53;
    padding: 0px 10px 10px 10px;
    margin-top: 20px;
  }
  .main-content div.alertsAndNoticesContentPageListMobile i.alertsIcon {
    color: #FFB938;
    padding-right: 5px;
  }
  .main-content div.alertsAndNoticesContentPageListMobile h2 {
    margin-bottom: 0;
  }
  .main-content div.alertsAndNoticesContentPageListMobile ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .main-content div.alertsAndNoticesContentPageListMobile ul li {
    list-style: none;
  }
  .main-content div.alertsAndNoticesContentPageListMobile ul li h4 {
    margin: 10px 0;
  }
}

.main-content div.alertsAndNoticesSummaryPageList ul {
  margin-left: 0;
  padding-left: 0;
}
.main-content div.alertsAndNoticesSummaryPageList ul li.alertsItem {
  list-style-type: none;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 0;
}
.main-content div.alertsAndNoticesSummaryPageList ul li.alertsItem div.alertsSummaryHeading h3 {
  margin: 0;
}
.main-content div.alertsAndNoticesSummaryPageList ul li.alertsItem div.alertsSummaryHeading h4 {
  margin: 1rem 0;
}

.alertsAndNoticesMobileAdminContainer {
  padding: 10px 5px 10px 5px;
}
.alertsAndNoticesMobileAdminContainer textarea {
  width: 100%;
  height: 100px;
}
.alertsAndNoticesMobileAdminContainer .main-content {
  /* MOVED TO _validation.scss partial - JL 2019/10 */
  /*.Visible {
      display: block;
      visibility: visible;
  }

  .Hidden {
      display: none;
      visibility: hidden;
  }
  .required label:before {
      content: "* ";
      color: red;
  }*/
}
.alertsAndNoticesMobileAdminContainer .main-content .alertsDetailsContainer {
  margin-top: 15px;
  margin-bottom: 15px;
}
.alertsAndNoticesMobileAdminContainer .info, .alertsAndNoticesMobileAdminContainer .success, .alertsAndNoticesMobileAdminContainer .warning, .alertsAndNoticesMobileAdminContainer .error, .alertsAndNoticesMobileAdminContainer .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.alertsAndNoticesMobileAdminContainer li.info, .alertsAndNoticesMobileAdminContainer li.success, .alertsAndNoticesMobileAdminContainer li.warning, .alertsAndNoticesMobileAdminContainer li.error, .alertsAndNoticesMobileAdminContainer li.validation {
  margin-top: 10px !important;
}
.alertsAndNoticesMobileAdminContainer .info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}
.alertsAndNoticesMobileAdminContainer .success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
.alertsAndNoticesMobileAdminContainer .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}
.alertsAndNoticesMobileAdminContainer .error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}

.alertsAndNoticesMobileAdminContainer.button a, .sfFormSubmit input.alertsAndNoticesMobileAdminContainer[type=submit] a, .alertsAndNoticesMobileAdminContainer.button a:hover {
  color: #fff;
  text-decoration: none !important;
}
.alertsAndNoticesMobileAdminContainer.button .sfFieldWrp input, .sfFormSubmit input.alertsAndNoticesMobileAdminContainer[type=submit] .sfFieldWrp input {
  font-size: 14px !important;
  color: black;
  border-color: #c5c5c5;
}

.alertsDetailsContainer {
  margin-bottom: 15px;
}
.alertsDetailsContainer li {
  list-style: disc !important;
  margin-top: 5px !important;
}
.alertsDetailsContainer ul {
  list-style: circle !important;
  margin-left: 20px !important;
}
.alertsDetailsContainer ul li {
  list-style: circle !important;
}
.alertsDetailsContainer ul ul {
  list-style: square !important;
}
.alertsDetailsContainer ul ul li {
  list-style: square !important;
}
.alertsDetailsContainer .alertsSummaryBody {
  border-left: 10px solid #0b838e;
  background-color: #f0f0f0;
  padding: 10px;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  font-size: 17.5px;
  font-size: 1.75rem;
  color: #4d4f53;
}

/*
    NB: This stylesheet is used in both CRD main and subsite themes.
*/
.announcements222 {
  width: 960px;
  margin: 0 auto;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 {
    width: 100%;
  }
}
.announcements222 .alertsPanel, .announcements222 .urgent {
  font-size: 17.5px;
  font-size: 1.75rem;
  background-color: #FFB938;
  border: 3px solid #f79600;
  margin: 0;
  padding: 16px 0;
  text-align: center;
  position: relative;
  color: #ffffff;
}
.announcements222 .alertsPanel .close a, .announcements222 .urgent .close a {
  position: absolute;
  width: 14px;
  height: 14px;
  right: 20px;
  top: 17px;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  z-index: 100;
  display: block;
  text-indent: -9999px;
  background: url("../../../../../WebsiteTemplates/CRD/App_Themes/CRD/Images/close-btn.png") top left no-repeat;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 .alertsPanel .close a, .announcements222 .urgent .close a {
    top: 15px;
    right: 15px;
  }
}
.announcements222 .alertsPanel .close a:hover, .announcements222 .urgent .close a:hover {
  text-decoration: none;
}
.announcements222 .alertsPanel a, .announcements222 .urgent a {
  color: #ffffff;
  text-decoration: underline;
}
.announcements222 .alertsPanel a:hover, .announcements222 .urgent a:hover {
  text-decoration: none;
  color: #000000;
}
.announcements222 .alertsPanel ul, .announcements222 .urgent ul {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.announcements222 .alertsPanel ul li, .announcements222 .urgent ul li {
  list-style: none;
  padding: 0 10px;
  margin: 0 auto;
  background-color: transparent !important;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 .alertsPanel ul li, .announcements222 .urgent ul li {
    padding: 0 70px 0 40px;
  }
}
.announcements222 .alertsPanel .an-wrapper, .announcements222 .urgent .an-wrapper {
  padding: 0 40px 0 20px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 .alertsPanel .an-wrapper, .announcements222 .urgent .an-wrapper {
    padding: 0;
  }
}
.announcements222 .alertsPanel .an-wrapper .alertTitle, .announcements222 .urgent .an-wrapper .alertTitle {
  font-weight: bold;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 .alertsPanel .an-wrapper .alertBody, .announcements222 .urgent .an-wrapper .alertBody {
    display: none;
  }
}
.announcements222 .urgent {
  background-color: #f32b1b;
  border: 3px solid #d01a0b;
}
.announcements222 .urgent .wrap {
  background: url("../../../../../WebsiteTemplates/CRD/App_Themes/CRD/Images/warning-sign.png") no-repeat;
}
.announcements222 .urgent .wrap.inner {
  background-position: 50px center;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 .urgent .wrap.inner {
    background-position: 0 center;
  }
}
.announcements222 .urgent .wrap.core {
  background-position: 855px center;
  padding: 10px 100px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222 .urgent .wrap.core {
    padding: 10px 35px;
    background-position: 100% center;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .announcements222 .urgent .wrap.core {
    background-position: 95% center;
  }
}
.announcements222 .urgent .close a {
  color: #ffffff;
}
.announcements222.MediumMultiple {
  display: none;
}
.announcements222.MediumMultiple .arrow-btn {
  width: 15px;
  height: 23px;
  text-align: left;
  text-indent: -9999px;
  position: absolute;
  top: 15px;
  cursor: pointer;
  z-index: 10;
}
.announcements222.MediumMultiple .prv {
  background: url("../../../../../WebsiteTemplates/CRD/App_Themes/CRD/Images/warn-arrow-left-orange.png") top left no-repeat;
  left: 50px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222.MediumMultiple .prv {
    left: 10px;
  }
}
.announcements222.MediumMultiple .nxt {
  background: url("../../../../../WebsiteTemplates/CRD/App_Themes/CRD/Images/warn-arrow-right-orange.png") top left no-repeat;
  right: 50px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcements222.MediumMultiple .nxt {
    right: 50px;
  }
}

.announcementsWrapper {
  width: 1280px;
  margin: 0 auto;
  color: #ffffff;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  .announcementsWrapper {
    width: 960px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper {
    width: 100%;
  }
}
.announcementsWrapper.MediumMultiple .alertsPanel, .announcementsWrapper.MediumMultiple .announcements222 .urgent, .announcements222 .announcementsWrapper.MediumMultiple .urgent, .announcementsWrapper.MediumSingle .alertsPanel, .announcementsWrapper.MediumSingle .announcements222 .urgent, .announcements222 .announcementsWrapper.MediumSingle .urgent {
  display: none;
}
.announcementsWrapper.MediumMultiple .alertsPanel, .announcementsWrapper.MediumMultiple .announcements222 .urgent, .announcements222 .announcementsWrapper.MediumMultiple .urgent, .announcementsWrapper.MediumSingle .alertsPanel, .announcementsWrapper.MediumSingle .announcements222 .urgent, .announcements222 .announcementsWrapper.MediumSingle .urgent {
  background-color: #f9f1c6;
  border: 3px solid #f79600;
}
.announcementsWrapper.MediumMultiple .alertsPanel .alertWrapper .alertTitle, .announcementsWrapper.MediumMultiple .announcements222 .urgent .alertWrapper .alertTitle, .announcements222 .announcementsWrapper.MediumMultiple .urgent .alertWrapper .alertTitle, .announcementsWrapper.MediumSingle .alertsPanel .alertWrapper .alertTitle, .announcementsWrapper.MediumSingle .announcements222 .urgent .alertWrapper .alertTitle, .announcements222 .announcementsWrapper.MediumSingle .urgent .alertWrapper .alertTitle {
  color: #363636;
  text-decoration: underline;
}
.announcementsWrapper.MediumMultiple .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper.MediumMultiple .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper.MediumMultiple .urgent .alertWrapper .alertTitle a, .announcementsWrapper.MediumSingle .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper.MediumSingle .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper.MediumSingle .urgent .alertWrapper .alertTitle a {
  color: #363636;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper.MediumMultiple .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper.MediumMultiple .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper.MediumMultiple .urgent .alertWrapper .alertTitle a, .announcementsWrapper.MediumSingle .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper.MediumSingle .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper.MediumSingle .urgent .alertWrapper .alertTitle a {
    text-decoration: underline;
  }
}
.announcementsWrapper.MediumMultiple .alertsPanel .alertWrapper .alertBody, .announcementsWrapper.MediumMultiple .announcements222 .urgent .alertWrapper .alertBody, .announcements222 .announcementsWrapper.MediumMultiple .urgent .alertWrapper .alertBody, .announcementsWrapper.MediumSingle .alertsPanel .alertWrapper .alertBody, .announcementsWrapper.MediumSingle .announcements222 .urgent .alertWrapper .alertBody, .announcements222 .announcementsWrapper.MediumSingle .urgent .alertWrapper .alertBody {
  color: #363636;
}
.announcementsWrapper.HighSingle .alertsPanel, .announcementsWrapper.HighSingle .announcements222 .urgent, .announcements222 .announcementsWrapper.HighSingle .urgent {
  background-color: #f2dede;
  border: 3px solid #d01a0b;
}
.announcementsWrapper.HighSingle .alertsPanel .alertWrapper .alertTitle, .announcementsWrapper.HighSingle .announcements222 .urgent .alertWrapper .alertTitle, .announcements222 .announcementsWrapper.HighSingle .urgent .alertWrapper .alertTitle {
  color: #363636;
  text-decoration: underline;
  font-size: 21.882px;
  font-size: 2.1882rem;
  line-height: 35.405076px;
  line-height: 3.5405076rem;
}
.announcementsWrapper.HighSingle .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper.HighSingle .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper.HighSingle .urgent .alertWrapper .alertTitle a {
  color: #363636;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper.HighSingle .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper.HighSingle .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper.HighSingle .urgent .alertWrapper .alertTitle a {
    text-decoration: underline;
  }
}
.announcementsWrapper .alertsPanel, .announcementsWrapper .announcements222 .urgent, .announcements222 .announcementsWrapper .urgent {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  position: relative;
  padding: 10px;
  max-height: 70px;
  min-height: 70px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper .alertsPanel, .announcementsWrapper .announcements222 .urgent, .announcements222 .announcementsWrapper .urgent {
    max-height: 70px;
    min-height: 70px;
  }
}
.announcementsWrapper .alertsPanel .alertsIcon, .announcementsWrapper .announcements222 .urgent .alertsIcon, .announcements222 .announcementsWrapper .urgent .alertsIcon {
  display: none;
  z-index: 100;
  position: absolute;
  top: 30px;
  font-size: 27.342px;
  font-size: 2.7342rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper .alertsPanel .alertsIcon, .announcementsWrapper .announcements222 .urgent .alertsIcon, .announcements222 .announcementsWrapper .urgent .alertsIcon {
    top: 20px;
  }
}
.announcementsWrapper .alertsPanel .alertsPrev, .announcementsWrapper .announcements222 .urgent .alertsPrev, .announcements222 .announcementsWrapper .urgent .alertsPrev {
  left: 10px;
}
.announcementsWrapper .alertsPanel .alertsNext, .announcementsWrapper .announcements222 .urgent .alertsNext, .announcements222 .announcementsWrapper .urgent .alertsNext {
  right: 40px;
}
.announcementsWrapper .alertsPanel .alertsClose, .announcementsWrapper .announcements222 .urgent .alertsClose, .announcements222 .announcementsWrapper .urgent .alertsClose {
  right: 10px;
}
.announcementsWrapper .alertsPanel ul, .announcementsWrapper .announcements222 .urgent ul, .announcements222 .announcementsWrapper .urgent ul {
  top: 10px;
  margin: 0;
  padding: 0;
}
.announcementsWrapper .alertsPanel ul li, .announcementsWrapper .announcements222 .urgent ul li, .announcements222 .announcementsWrapper .urgent ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: transparent !important;
}
.announcementsWrapper .alertsPanel .alertWrapper, .announcementsWrapper .announcements222 .urgent .alertWrapper, .announcements222 .announcementsWrapper .urgent .alertWrapper {
  margin-left: 40px;
  margin-right: 60px;
}
.announcementsWrapper .alertsPanel .alertWrapper .alertTitle, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertTitle, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertTitle {
  font-size: 17.5px;
  font-size: 1.75rem;
  font-weight: bold;
  color: #363636;
  text-decoration: underline;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper .alertsPanel .alertWrapper .alertTitle, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertTitle, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertTitle {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.announcementsWrapper .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertTitle a {
  color: #ffffff;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper .alertsPanel .alertWrapper .alertTitle a, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertTitle a, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertTitle a {
    text-decoration: underline;
  }
}
.announcementsWrapper .alertsPanel .alertWrapper .alertBody, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertBody, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertBody {
  color: #363636;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper .alertsPanel .alertWrapper .alertBody, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertBody, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertBody {
    display: none;
  }
}
.announcementsWrapper .alertsPanel .alertWrapper .alertBody a, .announcementsWrapper .announcements222 .urgent .alertWrapper .alertBody a, .announcements222 .announcementsWrapper .urgent .alertWrapper .alertBody a {
  color: #363636;
  text-decoration: underline;
}
.announcementsWrapper .openWrapper {
  display: none;
  background-color: #f9f1c6;
  border: 3px solid #f79600;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: 0;
  text-align: center;
  position: absolute;
  z-index: 100;
  left: 47%;
  font-size: 21.882px;
  font-size: 2.1882rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .announcementsWrapper .openWrapper {
    left: 43%;
  }
}
.announcementsWrapper .openWrapper .alertsOpen {
  padding: 0 20px 4px 20px;
}
.announcementsWrapper .openSpacer {
  display: none;
  height: 20px;
}

#bannerWrapper {
  line-height: 0;
}
#bannerWrapper .inner {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .inner {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  #bannerWrapper .inner {
    width: 100%;
  }
}
#bannerWrapper .banner-image img {
  max-width: 100%;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .banner-image img {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  #bannerWrapper .banner-image img {
    width: 100%;
  }
}
#bannerWrapper .captionWrapper {
  width: 940px;
  position: absolute;
  bottom: 0;
  left: 160px;
  /*
        @include respondTo(narrow) {
            position: static;
            margin: 0 auto;
            .bannerCaption {
                position: absolute;
                width: 940px;
                bottom: 0;
                max-width: 100%;
            }
            .inner-wrapper {
                width: 74.5%;
                .inner {
                    margin: 0;
                    width: auto;
                }
            }
        }
        @include respondTo(ipad) {
            .inner-wrapper {
                margin-left: 2.2%;
                width: 78%;
            }
        }
  */
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #bannerWrapper .captionWrapper {
    left: 0;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .captionWrapper {
    width: 100%;
    position: static;
  }
}
#bannerWrapper .bannerCaption {
  position: relative;
  color: white;
  max-width: 720px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .bannerCaption {
    max-width: 100%;
  }
}
#bannerWrapper .bannerCaption h1, #bannerWrapper .bannerCaption h5 {
  position: relative;
  z-index: 10;
}
#bannerWrapper .bannerCaption h1 {
  font-size: 21.882px;
  font-size: 2.1882rem;
  float: left;
  margin-bottom: 0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .bannerCaption h1 {
    width: 100%;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 21.882px;
    font-size: 2.1882rem;
  }
}
#bannerWrapper .bannerCaption h5 {
  display: block;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 0 34%;
  max-width: 700px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .bannerCaption h5 {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
}
#bannerWrapper .bannerCaption.black-box {
  padding: 0;
}
#bannerWrapper .bannerCaption .inner {
  padding: 20px 15px;
  width: inherit;
  overflow: hidden;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .bannerCaption .inner {
    padding: 10px;
  }
}

.boardMember {
  overflow: auto;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
}
.boardMember img {
  float: left;
  padding: 20px;
}
.boardMember .memberDetails .alternate {
  margin: 10px 0;
}
.boardMember h3 {
  margin-bottom: 0px;
}
.boardMember .contactWrapper .mailingAddress {
  float: left;
  width: 300px;
}
.boardMember .contactWrapper .contactInfo {
  float: left;
  margin-right: 40px;
}

.crdBreadcrumbWrp {
  background-color: #f0f0f0;
  padding: 10px 15px;
}
.crdBreadcrumbWrp ul li {
  display: inline;
}
.crdBreadcrumbWrp ul li.breadcrumbLast a {
  color: #d95e00;
}
.crdBreadcrumbWrp ul li a {
  color: inherit;
  font-size: 11.844px !important;
  font-size: 1.1844rem !important;
}
.crdBreadcrumbWrp ul li span {
  padding: 0 10px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.businessOpportunitiesWrapper {
  /*begin required to style the Login link button in login widget*/
  /*.sfSubmitBtn, input[type="submit"] {
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
      -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
      font-size: 14px;
      font-size: 1.4rem;
      background-color: #006d84;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #088f98), color-stop(100%, #006d84));
      background-image: -webkit-linear-gradient(#088f98 0%, #006d84 100%);
      background-image: -moz-linear-gradient(#088f98 0%, #006d84 100%);
      background-image: -o-linear-gradient(#088f98 0%, #006d84 100%);
      background-image: linear-gradient(#088f98 0%, #006d84 100%);
      filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#088f98', EndColorStr='#006d84'), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color='#4d4f53');
      border: 0;
      color: white;
      font-family: "ff-dax-web-pro", Arial, sans-serif;
      padding: 6px 20px 4px;
      display: inline-block;
  }*/
  /*end required to style the Login link button in login widget*/
  /*need to override backend default style as data in grid is forcing grid to push out*/
}
.businessOpportunitiesWrapper .subsectionWrapper {
  border-top: 1px solid #c0c0c0;
  margin-top: 20px;
}
.businessOpportunitiesWrapper .Visible {
  display: block;
  visibility: visible;
}
.businessOpportunitiesWrapper .Hidden {
  display: none;
  visibility: hidden;
}
.businessOpportunitiesWrapper #content table#SingleOpportunityTable {
  width: 100%;
  border: 0;
  margin: 1.2em 0 0 0;
  text-align: left;
  border-collapse: collapse;
}
.businessOpportunitiesWrapper #content table#SingleOpportunityTable tr {
  margin: 0px;
  border-bottom: solid 1px gray;
}
.businessOpportunitiesWrapper #content table#SingleOpportunityTable tr td {
  padding: 4px 8px;
  margin: 0px;
  vertical-align: top;
}
.businessOpportunitiesWrapper #content table#SingleOpportunityTable th {
  border: 0;
  background-color: #edfee4;
  color: #000000;
  font-weight: normal;
  border: solid 1px gray;
}
.businessOpportunitiesWrapper #content table#SingleOpportunityTable td {
  /*RS removed, conflicted with raComboBox*/
  /*border: solid 1px #ceb;*/
  border: solid 1px gray;
}
.businessOpportunitiesWrapper .SendToAFriendContent {
  background-image: none;
  margin: 0;
  padding: 0;
}
.businessOpportunitiesWrapper .SendToAFriendContent li {
  list-style: none !important;
}
.businessOpportunitiesWrapper .right {
  float: right;
  width: 50%;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .businessOpportunitiesWrapper .right {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
}
.businessOpportunitiesWrapper .left {
  float: left;
  width: 50%;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .businessOpportunitiesWrapper .left {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
}
.businessOpportunitiesWrapper .clearer {
  clear: both;
  height: 0;
  padding-bottom: 5px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .businessOpportunitiesWrapper input[type=text], .businessOpportunitiesWrapper input[type=email], .businessOpportunitiesWrapper input[type=password], .businessOpportunitiesWrapper textarea {
    width: 95%;
  }
}
.businessOpportunitiesWrapper .LeftNavSearchFieldset {
  border: none;
  position: relative;
  width: 100%;
  display: inline;
}
.businessOpportunitiesWrapper .smallItalics {
  font-size: small;
  font-style: italic;
}
.businessOpportunitiesWrapper .sfitemFieldLbl {
  font-weight: bold;
}
.businessOpportunitiesWrapper .businessOpportunitiesSideSearchBox .sfsearchBox {
  left: -18px;
}
.businessOpportunitiesWrapper a.sfSubmitBtn, .businessOpportunitiesWrapper a.sfSubmitBtn:hover, .businessOpportunitiesWrapper a.sfSubmitBtn:focus, .businessOpportunitiesWrapper a.sfSubmitBtn:visited {
  color: white;
  text-decoration: none;
  margin: 20px 0;
}
.businessOpportunitiesWrapper div.custom-checkbox input {
  position: relative;
  margin: 5px;
}
.businessOpportunitiesWrapper div.custom-checkbox label {
  background: none;
}
.businessOpportunitiesWrapper div.RadComboBox, .businessOpportunitiesWrapper div.RadComboBox_Default {
  border: 1px solid #767676 !important;
}
.businessOpportunitiesWrapper div.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput {
  border: 2px solid #21828C !important;
  background-color: #FFFFFF !important;
}
.businessOpportunitiesWrapper div.RadComboBox .rcbInput {
  padding-left: 8px;
  border: none !important;
}
.businessOpportunitiesWrapper .RadGrid_Sitefinity {
  border: 0;
  background: #fff;
  color: #000;
  width: auto !important;
  overflow: auto !important;
}
.businessOpportunitiesWrapper .smallItalics {
  font-size: 11px;
  font-style: italic;
}
.businessOpportunitiesWrapper .content {
  position: relative;
  width: 100%;
}
.businessOpportunitiesWrapper .updateprogresswrapper {
  text-align: center;
  position: relative;
  opacity: 0.5;
  vertical-align: middle;
  z-index: 1000;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
  background-color: gray;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.businessOpportunitiesWrapper .updateprogressindicator {
  top: 20%;
  position: relative;
}
.businessOpportunitiesWrapper .no-border, .businessOpportunitiesWrapper .no-border td {
  border: none !important;
}
.businessOpportunitiesWrapper .asterisk::before {
  content: "* ";
  color: red;
}
.businessOpportunitiesWrapper .valFailure, .businessOpportunitiesWrapper #sfLoginWidgetWrp .sfError {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}
.businessOpportunitiesWrapper div.info, .businessOpportunitiesWrapper div.success, .businessOpportunitiesWrapper div.warning, .businessOpportunitiesWrapper div.error, .businessOpportunitiesWrapper div.validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.businessOpportunitiesWrapper div.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}
.businessOpportunitiesWrapper div.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
.businessOpportunitiesWrapper div.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}
.businessOpportunitiesWrapper div.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}

#sfLoginWidgetWrp label::before {
  content: "* ";
  color: red;
}
#sfLoginWidgetWrp .custom-checkbox label::before {
  content: "";
}

.businessOpportunitiesLoginLink {
  /**delete*/
}

.BusinessOpportunitiesLoginLinkStyled {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 1px;
}

.BusinessOpportunitiesLoginLinkStyled a, .BusinessOpportunitiesLoginLinkStyled a:link, .BusinessOpportunitiesLoginLinkStyled a:visited, .BusinessOpportunitiesLoginLinkStyled a:hover, .BusinessOpportunitiesLoginLinkStyled a:active {
  text-decoration: none;
  color: white;
}

div.businessOpportunitiesMain div.custom-checkbox input {
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  margin: 0 !important;
}
div.businessOpportunitiesMain div.custom-checkbox label {
  background: none !important;
  padding-left: 20px !important;
  cursor: pointer !important;
}

#sfLoginWidgetWrp a.sfSubmitBtn, .button, .sfFormSubmit input[type=submit], .sf-button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.652px;
  line-height: 2.2652rem;
  background-color: #006d84;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4OGY5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmQ4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #088f98), color-stop(100%, #006d84));
  background-image: -moz-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: -webkit-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: linear-gradient(#088f98 0%, #006d84 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#088f98", EndColorStr="#006d84"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
  border: 0;
  color: #ffffff;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  padding: 6px 20px 4px;
  display: inline-block;
}
#sfLoginWidgetWrp a.sfSubmitBtn:hover, #sfLoginWidgetWrp a.sfSubmitBtn:focus, #sfLoginWidgetWrp a.sfSubmitBtn:visited, .button:hover, .sfFormSubmit input[type=submit]:hover, .button:focus, .sfFormSubmit input[type=submit]:focus, .button:visited, .sfFormSubmit input[type=submit]:visited, .sf-button:hover, .sf-button:focus, .sf-button:visited {
  color: #ffffff;
  text-decoration: none;
}
#sfLoginWidgetWrp a.sfSubmitBtn.button-large, .button.button-large, .sfFormSubmit input.button-large[type=submit], .sf-button.button-large {
  font-size: 17.5px;
  font-size: 1.75rem;
  padding: 10px 30px;
}
#sfLoginWidgetWrp a.sfSubmitBtn.button-secondary, .button.button-secondary, .sfFormSubmit input.button-secondary[type=submit], .sf-button.button-secondary {
  background: #ffffff;
  color: #0b838e;
  border: 1px solid #0b838e;
  padding: 5px 19px 3px;
}
#sfLoginWidgetWrp a.sfSubmitBtn.orange, .button.orange, .sfFormSubmit input.orange[type=submit], .sf-button.orange {
  background-color: #d73d00;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4OGY5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmQ4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d95e00), color-stop(100%, #d73d00));
  background-image: -moz-linear-gradient(#d95e00 0%, #d73d00 100%);
  background-image: -webkit-linear-gradient(#d95e00 0%, #d73d00 100%);
  background-image: linear-gradient(#d95e00 0%, #d73d00 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#d95e00", EndColorStr="#d73d00"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
}
#sfLoginWidgetWrp a.sfSubmitBtn.grey, .button.grey, .sfFormSubmit input.grey[type=submit], .sf-button.grey {
  background-color: #767676;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4OGY5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmQ4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #767676), color-stop(100%, #767676));
  background-image: -moz-linear-gradient(#767676 0%, #767676 100%);
  background-image: -webkit-linear-gradient(#767676 0%, #767676 100%);
  background-image: linear-gradient(#767676 0%, #767676 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#767676", EndColorStr="#767676"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
}
#sfLoginWidgetWrp a.sfSubmitBtn.minor, .button.minor, .sfFormSubmit input.minor[type=submit], .sf-button.minor {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 4px 10px;
}
#sfLoginWidgetWrp a.sfSubmitBtn.appendedButton, #sfLoginWidgetWrp a.sfSubmitBtn.prependedButton, .button.appendedButton, .sfFormSubmit input.appendedButton[type=submit], .button.prependedButton, .sfFormSubmit input.prependedButton[type=submit], .sf-button.appendedButton, .sf-button.prependedButton {
  background-color: #015465;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4OGY5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmQ4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #047f8f), color-stop(100%, #015465));
  background-image: -moz-linear-gradient(#047f8f 0%, #015465 100%);
  background-image: -webkit-linear-gradient(#047f8f 0%, #015465 100%);
  background-image: linear-gradient(#047f8f 0%, #015465 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#047f8f", EndColorStr="#015465"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
  padding: 5px 10px;
}
#sfLoginWidgetWrp a.sfSubmitBtn.appendedButton, .button.appendedButton, .sfFormSubmit input.appendedButton[type=submit], .sf-button.appendedButton {
  margin-left: -4px !important;
  border-left: 1px solid #0b838e;
}
#sfLoginWidgetWrp a.sfSubmitBtn.prependedButton, .button.prependedButton, .sfFormSubmit input.prependedButton[type=submit], .sf-button.prependedButton {
  margin-right: -4px !important;
  border-right: 1px solid #0b838e;
  position: relative;
}

.next-page-btn {
  display: inline-block;
  border: solid 1px #0b838e;
  background: #ffffff;
  padding: 5px 20px;
  color: #0b838e;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  cursor: pointer;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-size: 1.4rem;
}
.next-page-btn * {
  color: #0b838e;
}
.next-page-btn .arrow {
  bottom: 0;
}

.sfClearBtn {
  margin-bottom: 20px;
}

.rwCapitalProjects a.rwIcon {
  background-image: none !important;
  display: none !important;
}

.capitalProjectsContainer {
  /*.capitalProjectsInfoWindow td .capitalProjectsInfoWindowTDLeft {
      padding-right: 5px;
  }*/
  /*
  .required:before {
      color: red;
      content: '* ';
  }*/
}
.capitalProjectsContainer #map_wrapper {
  /*height: 400px;*/
  height: 100%;
}
.capitalProjectsContainer #map_canvas {
  width: 100%;
  height: 100%;
}
.capitalProjectsContainer table.capitalProjectsInfoWindow {
  border: none !important;
  padding: 0px !important;
  font-size: 11.844px;
  font-size: 1.1844rem;
}
.capitalProjectsContainer table.capitalProjectsInfoWindow td {
  border: none !important;
  padding: 5px !important;
  vertical-align: middle;
}
.capitalProjectsContainer table.capitalProjectsInfoWindow td img {
  display: block;
  margin-bottom: 5px;
}
.capitalProjectsContainer table.capitalProjectsInfoWindow td .capitalProjectsInfoWindowProjectTitle {
  font-size: 14px;
  font-size: 1.4rem;
}
.capitalProjectsContainer .MapVisible {
  visibility: visible;
  display: block;
  height: 400px;
}
.capitalProjectsContainer div.customAddressField {
  padding-bottom: 1.5rem;
}
.capitalProjectsContainer #map_canvas_read {
  width: 100% !important;
  height: 100%;
}
.capitalProjectsContainer span.CapProjLastModified {
  font-size: 11.844px;
  font-size: 1.1844rem;
  margin-top: -1rem;
  display: block;
}
.capitalProjectsContainer div.CapProjSubscribe {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.capitalProjectsContainer div.CapProjSubscribe a {
  margin-top: 1rem;
}
.capitalProjectsContainer #content-container {
  border-left: none !important;
}
.capitalProjectsContainer .RadCaptcha_Default label {
  display: none; /*hide the default label of the rad captcha*/
}
.capitalProjectsContainer .tableSubscribe td {
  vertical-align: top;
  padding: 2px;
  border: 0px !important;
}
.capitalProjectsContainer .Hidden {
  visibility: hidden;
  display: none;
}
.capitalProjectsContainer .Visible {
  visibility: visible;
  display: block;
}
.capitalProjectsContainer .right {
  text-align: right;
  padding: 10px 0px 10px 0px;
}
.capitalProjectsContainer .sfPublicWrapper {
  padding: 5px;
  margin: 0px;
}
.capitalProjectsContainer .analyticsContainer {
  text-align: center;
  overflow: hidden;
}

@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #bannerWrapper .inner {
    width: 960px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #bannerWrapper .inner {
    width: 100%;
  }
}

.carousel-wrapper {
  height: 250px !important;
  /*width:100%;*/
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  left: 0px;
}
.carousel-wrapper .carousel-images {
  width: 100%;
  position: relative;
}
.carousel-wrapper h2 a {
  text-decoration: none;
  color: inherit;
}
.carousel-wrapper h2 a:hover {
  text-decoration: underline;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .carousel-wrapper {
    display: none;
  }
}
.carousel-wrapper .activeSlide {
  background-color: #FFF !important;
}

.carousel-image-container {
  height: auto !important;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .carousel-image-container > div:first-child {
    height: inherit;
    overflow: hidden;
  }
}
.carousel-image-container .info-wrapper {
  position: absolute;
  left: 170px;
  z-index: 6;
  bottom: 0;
  width: 705px;
  /*was performed dynamically in carousel.js*/
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  .carousel-image-container .info-wrapper {
    left: 0px;
  }
}
.carousel-image-container .title {
  display: none;
}
.carousel-image-container h2, .carousel-image-container h4 {
  position: relative;
  z-index: 5;
  color: #ffffff;
}
.carousel-image-container h2 a, .carousel-image-container h4 a {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
}
.carousel-image-container h2 {
  font-size: 21.882px;
  font-size: 2.1882rem;
}
.carousel-image-container h4 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  margin: 0px;
}
.carousel-image-container img {
  width: 100%;
}
.carousel-image-container ul {
  margin: 0;
}

.carouselImageHeight {
  position: relative;
  height: 250px;
}

.flex-nav-container {
  position: absolute;
  width: 100%;
  left: 80%;
  bottom: 30px;
  z-index: 6;
}
.flex-nav-container a {
  border: 2px solid #fff !important;
  display: inline-block;
  color: #FFF;
  content: "";
  background-color: transparent;
  border-radius: 30px;
  margin: 0 10px 0 0;
  width: 30px;
  height: 30px;
}
.flex-nav-container .pager {
  padding: 0px;
  background-color: transparent;
}

.no-touch .flex-nav-container a {
  border-radius: 15px;
  width: 15px;
  height: 15px;
  margin: 0 5px 0 0;
}

.carousel-pager {
  position: absolute;
  bottom: 10px;
}

.carousel-prev-container {
  cursor: pointer;
  background: transparent url("../../CRD/Images/spacer.gif") 0 0 repeat;
  opacity: 0.5;
  height: 250px !important; /*set in carousel.js*/
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  z-index: 5;
  transition: opacity 500ms ease-out;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
}

.carousel-next-container {
  cursor: pointer;
  background: transparent url("../../CRD/Images/spacer.gif") 0 0 repeat;
  opacity: 0.5;
  height: 250px !important; /*set in carousel.js*/
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  z-index: 6;
  transition: opacity 500ms ease-out;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
}

.no-touch .carousel-prev-container:hover,
.no-touch .carousel-next-container:hover {
  background-color: #FFF;
  opacity: 0.5;
}

.carousel-pagerField {
  border: 2px solid #fff;
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  color: #FFF;
}

.carousel-pagerField-current {
  border: 2px solid #fff;
  border-radius: 10px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px 0 0;
  color: #FFF;
  background-color: #FFF;
}

.carousel-btn {
  top: 40% !important;
  transition: opacity 500ms ease-out;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  position: absolute;
  z-index: 100;
  width: 50px;
  height: 50px;
  background: url("../../CRD/Images/btn-carousel-sprite.png") no-repeat;
  text-indent: -9999px;
  z-index: 10;
}
.carousel-btn.carousel-prev {
  left: 0;
  margin-left: 20px;
  background-position: top left;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .carousel-btn.carousel-prev {
    display: none;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .carousel-btn.carousel-prev {
    display: none;
  }
}
.carousel-btn.carousel-next {
  right: 0;
  margin-right: 20px;
  background-position: top right;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .carousel-btn.carousel-next {
    display: none;
  }
}
.carousel-btn#carousel-prev:hover {
  opacity: 0.5;
}
.carousel-btn#carousel-next:hover {
  opacity: 0.5;
}

.hoverClass {
  opacity: 0.5;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

#cboxTopLeft {
  width: 14px;
  height: 14px;
  background: url(../Images/controls.png) no-repeat 0 0;
}

#cboxTopCenter {
  height: 14px;
  background: url(../Images/border.png) repeat-x top left;
}

#cboxTopRight {
  width: 14px;
  height: 14px;
  background: url(../Images/controls.png) no-repeat -36px 0;
}

#cboxBottomLeft {
  width: 14px;
  height: 43px;
  background: url(../Images/controls.png) no-repeat 0 -32px;
}

#cboxBottomCenter {
  height: 43px;
  background: url(../Images/border.png) repeat-x bottom left;
}

#cboxBottomRight {
  width: 14px;
  height: 43px;
  background: url(../Images/controls.png) no-repeat -36px -32px;
}

#cboxMiddleLeft {
  width: 14px;
  background: url(../Images/controls.png) repeat-y -175px 0;
}

#cboxMiddleRight {
  width: 14px;
  background: url(../Images/controls.png) repeat-y -211px 0;
}

#cboxContent {
  background: #fff;
  overflow: visible;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 5px;
}

#cboxLoadingOverlay {
  background: url(../Images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(../Images/loading.gif) no-repeat center center;
}

#cboxTitle {
  position: absolute;
  bottom: -25px;
  left: 0;
  text-align: center;
  width: 100%;
  font-weight: bold;
  color: #7C7C7C;
}

#cboxCurrent {
  color: #E6E5E5;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  background: url(../Images/controls.png) no-repeat 0px 0px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}

#cboxPrevious:hover {
  background-position: -51px 0px;
}

#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}

#cboxNext:hover {
  background-position: -75px 0px;
}

#cboxClose {
  right: 0;
  background-position: -100px -25px;
}

#cboxClose:hover {
  background-position: -100px 0px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}

div.customAddressField .sfitemAddressTxtWrp {
  display: inline-block;
  width: 100%;
}
div.customAddressField .sfitemAddressTxt {
  float: left;
  width: 60%;
}
div.customAddressField .sfitemViewMapLnk {
  float: right;
  width: 35%;
  text-align: right;
  font-size: 11.844px;
  font-size: 1.1844rem;
}

/* Custom Envoke Styles
----------------------------------*/
div.nvkContent {
  font-size: 14;
  line-height: 20px;
  color: #4d4f53;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}
div.nvkContent .block-inner {
  padding-top: 0px !important;
}
div.nvkContent h2 {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 400;
  font-size: 21.882px !important;
  font-size: 2.1882rem !important;
  line-height: 35.40508px;
  line-height: 3.54051rem;
  color: #4d4f53;
}
div.nvkContent h3 {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
}
div.nvkContent input.nvkValidationError {
  background-color: #FFF !important;
  border: 1px solid !important;
  border-color: #D8000C !important;
}
div.nvkContent div.nvkValidationMessage p {
  border: 1px solid;
  color: #D8000C;
  background-color: #FFBABA;
}
div.nvkContent .nvkSubmitButton button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22.652px;
  line-height: 2.2652rem;
  background-color: #006d84;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA4OGY5OCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNmQ4NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #088f98), color-stop(100%, #006d84));
  background-image: -moz-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: -webkit-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: linear-gradient(#088f98 0%, #006d84 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#088f98", EndColorStr="#006d84"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
  border: 0;
  color: #ffffff;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  padding: 6px 20px 4px;
  display: inline-block;
}
div.nvkContent .nvkSubmitButton button:hover, div.nvkContent .nvkSubmitButton button:focus, div.nvkContent .nvkSubmitButton button:visited {
  color: #ffffff;
  text-decoration: none;
}
div.nvkContent .nvkForm {
  /*	wrapper divs */
  /* input, label positioning */
  /* states */
}
div.nvkContent .nvkForm span {
  font-size: 14 !important;
}
div.nvkContent .nvkForm .custom-checkbox, div.nvkContent .nvkForm .custom-radio {
  position: relative;
  display: inline-block;
}
div.nvkContent .nvkForm .custom-checkbox input,
div.nvkContent .nvkForm .custom-radio input {
  position: absolute;
  left: 2px;
  top: 2px;
  margin: 0;
}
div.nvkContent .nvkForm .sfFormRadiolist .sfRadioList .custom-checkbox label,
div.nvkContent .nvkForm .sfFormRadiolist .sfRadioList .custom-radio label,
div.nvkContent .nvkForm .sfFormCheckboxlist .sfCheckListBox .custom-checkbox label,
div.nvkContent .nvkForm .sfFormCheckboxlist .sfCheckListBox .custom-radio label {
  display: block;
  position: relative;
  padding-right: 1em;
  line-height: 1;
  padding: 0.5em 0 0.5em 30px;
  margin: 0;
  cursor: pointer;
}
div.nvkContent .nvkForm .custom-checkbox label {
  background: url(../Images/checkbox.gif) no-repeat !important;
  z-index: 999;
}
div.nvkContent .nvkForm .custom-radio label {
  background: url(../Images/radiobutton.gif) no-repeat !important;
  z-index: 999;
}
div.nvkContent .nvkForm .custom-checkbox label,
div.nvkContent .nvkForm .custom-radio label {
  background-position: -15px -19px !important;
}
div.nvkContent .nvkForm .custom-checkbox label.hover,
div.nvkContent .nvkForm .custom-checkbox label.focus,
div.nvkContent .nvkForm .custom-radio label.hover,
div.nvkContent .nvkForm .custom-radio label.focus {
  background-position: -10px -114px;
}
div.nvkContent .nvkForm .custom-checkbox label.checked,
div.nvkContent .nvkForm .custom-radio label.checked {
  background-position: -10px -214px;
}
div.nvkContent .nvkForm .custom-checkbox label.checkedHover,
div.nvkContent .nvkForm .custom-checkbox label.checkedFocus {
  background-position: -10px -314px;
}

div.esri-view .esri-view-root {
  border: 1px solid #d7d7d7;
}
div.esri-view .esri-view-root div.esri-popup .esri-popup__feature-buttons {
  display: none;
}
div.esri-view .esri-view-root div.esri-popup h2.esri-popup__header-title {
  padding: 5px 15px;
}

div.homepageEventList ul li.eventItem {
  padding: 2px 0;
}
div.homepageEventList ul li.eventItem div.eventDate {
  font-weight: bold;
  margin-right: 0.5rem;
}

#contentWrapper div.main-content .event-detail .left-sidebar {
  background: #f0f0f0;
}
#contentWrapper div.main-content .event-detail .left-sidebar .sfContentBlock {
  padding: 10px;
}
#contentWrapper div.main-content .event-detail .left-sidebar h3 {
  margin: 0 5px;
}
#contentWrapper div.main-content .event-detail .left-sidebar h3 .arrow {
  bottom: 0;
  color: #0b838e;
}
#contentWrapper div.main-content .event-detail .event-detail {
  margin-top: 20px;
}
#contentWrapper div.main-content .event-detail .location-detail span {
  display: block;
  margin-top: 5px;
}
#contentWrapper div.main-content .leftNavigation.eventsCategoryFilter {
  /*background-color: $sidebarNavBg;

  .narrow-search {
      display: block;
      padding: 10px 10px 0;
      margin: 0;
  }

  .show-events {
      display: block;
      padding: 0 10px;
      margin: 10px 0 15px;
  }

  .all-events-side {
      display: block;
      padding: 0 10px;
      margin: 10px 0;
  }*/
}
#contentWrapper div.main-content .leftNavigation.eventsCategoryFilter ul.navigation li.root a.clearEvents {
  color: #0b838e;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  line-height: 22.652px;
  line-height: 2.2652rem;
}
#contentWrapper div.main-content .event-calendar {
  overflow: hidden;
  /*table {
  	width: 97%;
  	margin-left: 3%;
  	td {
  		a {
  			font-weight: bold;
  		}
  	}
  	td:first-child {
  		width: 25%;
  		margin-right: 5%;
  	}
  }*/
}
#contentWrapper div.main-content .event-calendar h2 {
  font-size: 27.342px;
  font-size: 2.7342rem;
}
#contentWrapper div.main-content .event-calendar h4 {
  font-size: 21.882px;
  font-size: 2.1882rem;
}
#contentWrapper div.main-content .event-calendar h5 {
  font-size: 11.844px;
  font-size: 1.1844rem;
  color: #d95e00;
  clear: both;
  margin: 0 0 15px;
}
#contentWrapper div.main-content .event-calendar .sfeventListItem {
  margin-left: 1rem;
}
#contentWrapper div.main-content .event-calendar li.monthYear h3 {
  color: #d95e00;
}
#contentWrapper div.main-content .event-calendar .sfeventListItem {
  overflow: hidden;
  margin-bottom: 15px;
  clear: both;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
}
#contentWrapper div.main-content .event-calendar .sfeventTitle {
  margin-top: 0;
  margin-bottom: 3px;
}
#contentWrapper div.main-content .event-calendar .sfeventTitle a {
  font-size: 17.5px;
  font-size: 1.75rem;
  line-height: 28.315px;
  line-height: 2.8315rem;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 400;
}
#contentWrapper div.main-content .event-calendar .summary.placeholder {
  display: none;
}
#contentWrapper div.main-content .event-calendar.featured {
  margin-bottom: 20px;
}
#contentWrapper div.main-content .activeDateFilter {
  margin-bottom: 20px;
}
#contentWrapper div.main-content .activeDateFilter h3 {
  margin: 0;
}
#contentWrapper div.main-content .event-detail-wrapper .event-header {
  overflow: hidden;
  margin-bottom: 30px;
  margin-top: 20px;
}
#contentWrapper div.main-content .event-detail-wrapper .event-header h2 {
  margin-bottom: 5px;
  margin-top: 0;
}
#contentWrapper div.main-content .event-detail-wrapper .event-header img {
  float: right;
  max-width: 180px;
}
#contentWrapper div.main-content .event-detail-wrapper .event-header span {
  display: block;
}
#contentWrapper div.main-content .event-detail-wrapper .event-info {
  margin-bottom: 30px;
}
#contentWrapper div.main-content .event-detail-wrapper .event-info h3 {
  margin-bottom: 10px;
}
#contentWrapper div.main-content .event-detail-wrapper .org-info {
  margin-bottom: 30px;
}
#contentWrapper div.main-content .event-detail-wrapper .org-info h3 {
  margin-bottom: 10px;
}
#contentWrapper div.main-content .event-detail-wrapper .contact-info {
  margin-bottom: 30px;
}
#contentWrapper div.main-content .event-detail-wrapper .contact-info h3 {
  margin-bottom: 10px;
}
#contentWrapper div.main-content .sfeventDetails {
  margin-top: 15px;
}
#contentWrapper div.main-content .sfeventDetails .organizerName {
  clear: left;
}
#contentWrapper div.main-content .sfeventDetails .sfeventTitle {
  float: left;
}
#contentWrapper div.main-content .sfeventDetails .event-image {
  float: right;
}
#contentWrapper div.main-content .sfeventDetails .event-detail {
  clear: both;
}
#contentWrapper div.main-content .sfeventDetails .eventDate {
  clear: left;
}
#contentWrapper div.main-content .sfeventDetails .event-detail,
#contentWrapper div.main-content .sfeventDetails .organiser-info,
#contentWrapper div.main-content .sfeventDetails .contact-info {
  margin-top: 20px;
}
#contentWrapper div.main-content .sfeventDetails .event-detail h3,
#contentWrapper div.main-content .sfeventDetails .organiser-info h3,
#contentWrapper div.main-content .sfeventDetails .contact-info h3 {
  margin: 0 0 10px;
}
#contentWrapper div.main-content .sfeventDetails .addToCalendar {
  margin: 20px 0;
}
#contentWrapper div.main-content .sfeventDetails .addToCalendar span.sfoutlook {
  padding: 0 10px;
}

.RadCalendar .rcTitlebar {
  background: #ffffff;
  border: none;
}
.RadCalendar .rcTitlebar th, .RadCalendar .rcTitlebar td {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}
.RadCalendar .rcTitlebar .rcTitle {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}
.RadCalendar .rcTitlebar .rcFastPrev {
  display: none;
}
.RadCalendar .rcTitlebar .rcFastNext {
  display: none;
}
.RadCalendar .rcMain {
  border: none;
}
.RadCalendar .rcMain .rcWeek th {
  border: none;
  text-align: center;
  padding: 5px;
  font-size: 11.844px;
  font-size: 1.1844rem;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}
.RadCalendar .rcMain .rcWeek .rcViewSel {
  background: #ffffff;
}
.RadCalendar .rcMain .rcRow th {
  background: #ffffff;
}
.RadCalendar .rcMain .rcRow a {
  text-align: center;
  padding: 5px;
  color: #4d4f53;
}
.RadCalendar .rcMain .rcRow .hasAnEvent a {
  color: #0b838e;
  font-weight: bold;
}
.RadCalendar .rcMain .rcRow .rcHover, .RadCalendar .rcMain .rcRow .rcSelected {
  background-image: none;
  background-color: #fafafa;
}
.RadCalendar .rcMain .rcRow .rcHover a, .RadCalendar .rcMain .rcRow .rcSelected a {
  color: #4d4f53 !important;
}
.RadCalendar .rcMain .rcRow .rcToday {
  border: none;
  background-color: #d7d7d7;
}
.RadCalendar .rcMain .rcRow td {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
}
.RadCalendar .rcMain .rcMainTable {
  font-size: 11.844px;
  font-size: 1.1844rem;
}

div.RadScheduler table td,
div.RadScheduler table th {
  padding: 0;
}

div.RadScheduler div.rsHeader li {
  margin-top: 0px;
}

div.RadScheduler div.rsHeader {
  z-index: 10;
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.featuredTopics h3.column-header {
    clear: both;
  }
  div.featuredTopics img {
    max-width: 150px;
    float: left;
    padding-right: 20px;
  }
}

div.featuredTopicsOFFLINE {
  margin-top: 3rem;
  text-align: center;
}
div.featuredTopicsOFFLINE a {
  color: white;
  background-color: #4d4f53;
  margin-bottom: 2rem;
  display: inline-block;
}
div.featuredTopicsOFFLINE a:hover {
  text-decoration: underline;
  background-color: #088f98;
}
div.featuredTopicsOFFLINE a:hover img {
  opacity: 0.85;
}
div.featuredTopicsOFFLINE a img {
  display: block;
}
div.featuredTopicsOFFLINE a div {
  padding: 1rem 0;
}
div.featuredTopicsOFFLINE a div h3 {
  font-size: 1.75rem;
  width: 300px;
  margin: 0;
  padding: 0;
  color: white;
  text-shadow: 1px 1px 3px #4d4f53;
}

#footerWrapper {
  width: 100%;
  margin-top: 40px;
  background: #0b838e url("../Images/bg-footer.png") top center no-repeat;
  color: #ffffff;
  overflow: auto;
  font-size: 14px;
  font-size: 1.4rem;
}
#footerWrapper ul {
  padding: 0;
  list-style: none;
}
#footerWrapper a {
  color: #ffffff;
}
#footerWrapper .inner {
  width: 940px;
  margin: 0 auto;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #footerWrapper .inner {
    width: auto;
    padding: 0 2%;
  }
}
#footerWrapper div.sfContentBlock {
  padding-right: 20px;
}
#footerWrapper #copyC {
  float: left;
  padding: 0;
  margin: 20px 0 20px 20px;
  font-size: 14px;
  font-size: 1.4rem;
}
#footerWrapper h4 {
  color: #fdebeb;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: solid 1px #80c3c8;
}
#footerWrapper .twitter {
  padding: 10px 0 10px 30px;
  background: url("../Images/icon-twitter.png") center left no-repeat;
}
#footerWrapper .facebook {
  padding: 10px 0 10px 30px;
  background: url("../Images/icon-fb.png") center left no-repeat;
}
#footerWrapper .arrow {
  position: relative;
  bottom: 1px;
}

#footerNav {
  clear: left;
  float: left;
  padding: 0;
  margin: 20px 0;
  width: 100%;
  text-align: center;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #footerNav {
    margin-left: 10px;
  }
}
#footerNav li {
  display: inline-block;
  padding-left: 10px;
  margin-right: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}
#footerNav li:first-child {
  border-left: none;
  padding-left: 0;
}
#footerNav li strong {
  color: #ffffff;
}
#footerNav li div li, #footerNav li div li:first-child {
  display: list-item;
  border: none;
  padding-left: 20px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #footerNav li {
    padding: 0 0 0 0;
    margin-right: 0;
    display: inline-block;
  }
}

.sf_4cols_1_25 .crdImageGallery {
  margin-right: 12px;
}

.crdImageGallery > div {
  position: relative;
}
.crdImageGallery ul.sfimagesList {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 5px;
}
.crdImageGallery ul.sfimagesList li.sfimageListItem {
  list-style: none;
  width: 100%;
  margin-top: 0 !important;
  text-align: center;
  background-color: transparent !important;
}
.crdImageGallery ul.sfimagesList li.sfimageListItem span.verticalMiddleHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.crdImageGallery ul.sfimagesList li.sfimageListItem a {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.crdImageGallery ul.sfimagesList li.sfimageListItem img {
  padding: 0;
  /*width: 100%;
  height: 100%;*/
}
.crdImageGallery ul.sfimagesList li.sfimageListItem .imageGalleryItemCaption {
  display: none;
  visibility: hidden;
}
.crdImageGallery .imageGalleryCaption {
  text-align: center;
}
.crdImageGallery .pager-wrapper {
  text-align: center;
  display: block;
  margin-top: 5px;
}
.crdImageGallery .pager-wrapper .pager {
  display: inline-block;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  border: 1px solid #d7d7d7;
  background: #f0f0f0;
  margin: 0 5px;
}
.crdImageGallery .pager-wrapper .pager.activeSlide {
  background: #0b838e;
  border: 1px solid #4d4f53;
}
.crdImageGallery .galleryBtnWrapper {
  position: relative;
}
.crdImageGallery .galleryBtnWrapper a.gallery-btn {
  width: 50px;
  height: 50px;
  display: none;
  text-indent: -9999px;
  z-index: 100;
}
.crdImageGallery .galleryBtnWrapper .carousel-prev {
  display: none;
  position: absolute;
  left: 0;
  float: left;
  background: url("../../CRD/Images/btn-carousel-sprite.png") no-repeat top left;
  margin-left: 10px;
}
.crdImageGallery .galleryBtnWrapper .carousel-prev:hover {
  background-position: left -122px;
}
.crdImageGallery .galleryBtnWrapper .carousel-next {
  display: none;
  position: absolute;
  right: 0;
  float: right;
  background: url("../../CRD/Images/btn-carousel-sprite.png") no-repeat top right;
  margin-right: 10px;
}
.crdImageGallery .galleryBtnWrapper .carousel-next:hover {
  background-position: right -121px;
}

.gmapInfoWindow {
  border: none !important;
  padding: 0px !important;
  font-size: 11.844px;
  font-size: 1.1844rem;
  max-width: 350px;
}
.gmapInfoWindow td {
  border: none !important;
  padding: 5px !important;
  vertical-align: middle;
}
.gmapInfoWindow td img {
  display: block;
  margin-bottom: 5px;
}
.gmapInfoWindow td label.infoWindowTitle {
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .gridAndCards tr.gridAndCardsHeader {
    display: none;
  }
}
.gridAndCards tr.listCard {
  display: none;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .gridAndCards tr.listCard {
    display: table-row;
  }
}
.gridAndCards tr.listCard ul {
  margin: 14px;
}
.gridAndCards tr.listCard ul li {
  list-style: disc;
  margin-left: 20px;
  margin-top: 0px;
}
.gridAndCards tr.listCard ol {
  margin: 14px;
}
.gridAndCards tr.listCard ol li {
  list-style: decimal;
  margin-left: 20px;
  margin-top: 0px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .gridAndCards tr.listGrid {
    display: none;
  }
}
.gridAndCards tr.listGrid ul {
  margin: 14px;
}
.gridAndCards tr.listGrid ul li {
  list-style: disc;
  margin-left: 20px;
  margin-top: 0px;
}
.gridAndCards tr.listGrid ol {
  margin: 14px;
}
.gridAndCards tr.listGrid ol li {
  list-style: decimal;
  margin-left: 20px;
  margin-top: 0px;
}
.gridAndCards div.cardWrapper img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}

.fixedNavMenu {
  z-index: 9999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.fixedNavBanner {
  margin-top: 48px;
}

#header .inner {
  width: 1280px;
  padding: 0;
  margin: 0 auto;
  background: url("../Images/header-wave.png") top right no-repeat;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #header .inner {
    width: 960px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #header .inner {
    width: 100%;
    background: none;
    background-color: white;
  }
}
#header .narrow {
  width: 940px;
  margin: 0 auto;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #header .narrow {
    width: auto;
    padding: 0 20px;
  }
}

#superNavWrapper {
  float: left;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #superNavWrapper {
    display: none;
    float: none;
  }
}
#superNavWrapper ul {
  margin: 0;
  padding: 1rem 0;
  list-style: none;
}
#superNavWrapper ul li {
  font-size: 11.844px;
  font-size: 1.1844rem;
  display: inline;
  border-right: 0px;
  padding: 0;
}
#superNavWrapper ul li a {
  color: #4d4f53;
  text-decoration: none;
}
#superNavWrapper ul li a:hover {
  text-decoration: underline;
}
#superNavWrapper ul > li:after {
  content: "|";
  top: 5px;
  right: 0px;
  height: 50px;
  font-size: 1rem;
  padding: 0 10px;
}
#superNavWrapper ul > li:last-child:after {
  border-right: 0px;
  content: "";
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #dtopHeaderWrapper {
    display: none;
  }
}
#dtopHeaderWrapper .crdLogo {
  float: left;
  clear: left;
  margin: 20px 0 0 0;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #dtopHeaderWrapper .crdLogo {
    margin-left: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #dtopHeaderWrapper .crdLogo {
    float: none;
    text-align: center;
    margin-left: 0;
  }
}
#dtopHeaderWrapper .crdWordmark {
  float: right;
  clear: right;
  margin: 20px 0 10px 0;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #dtopHeaderWrapper .crdWordmark {
    margin-right: 20px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #dtopHeaderWrapper .crdWordmark {
    display: none;
  }
}
#dtopHeaderWrapper .crdWordmark h2 {
  font-size: 21.882px;
  font-size: 2.1882rem;
}
#dtopHeaderWrapper .crdWordmark h1 { /* TEMPORARY 50th Anniversary wordmark - 02/2016 - jl*/
  /* 50 years wordmark top right */
  /*
  background-image: url('/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Images/50years.png');
  margin-top: 5px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  width: 150px;
  height: 75px;
  color: transparent;
  */
}

#mblHeaderWrapper {
  display: none;
  padding: 20px 0;
  overflow: auto;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #mblHeaderWrapper {
    display: block;
  }
}
#mblHeaderWrapper span.fa {
  font-size: 34.174px;
  font-size: 3.4174rem;
}
#mblHeaderWrapper .crdLogo {
  float: left;
}
#mblHeaderWrapper .crdLogo .logo {
  display: inline-block;
  text-indent: -9999px;
  background: url("/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Images/crd-logo-text.png") top left no-repeat;
  width: 172px;
  height: 59px;
  /*margin-left: 5px;
      line-height: 16px;*/
}
#mblHeaderWrapper .searchToggle {
  /*float: right;
  position: relative;*/
  position: absolute;
  right: 80px;
}
#mblHeaderWrapper .hamburger {
  /*float: right;*/
  position: absolute;
  right: 10px;
  text-align: center;
}
#mblHeaderWrapper .hamburger .hamburgerLabel {
  display: block;
  font-size: 17.5px;
  font-size: 1.75rem;
}
#mblHeaderWrapper.fixedNavMenu {
  color: #FFFFFF;
  background-color: #0b838e;
  padding: 10px;
}
#mblHeaderWrapper.fixedNavMenu span.fa {
  font-size: 21.882px;
  font-size: 2.1882rem;
}
#mblHeaderWrapper.fixedNavMenu .crdLogo .logo {
  background: url("../../../../Subsite/App_Themes/Subsite_Base/Images/crd-logo-small.png") top left no-repeat;
  width: 60px;
  height: 15px;
  margin-top: 10px;
  /*margin-left: 5px;
  line-height: 16px;*/
}
#mblHeaderWrapper.fixedNavMenu .hamburger {
  right: 30px;
}
#mblHeaderWrapper.fixedNavMenu .hamburger .hamburgerLabel {
  font-size: 11.844px;
  font-size: 1.1844rem;
  line-height: 19.163592px;
  line-height: 1.9163592rem;
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #mainMenuWrapper {
    display: none;
  }
}

.housingFirstContainer #map_wrapper {
  /*height: 400px;*/
  height: 100%;
}
.housingFirstContainer #map_canvas {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  .housingFirstContainer #map_canvas_read {
    width: 100% !important;
    height: 100%;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .housingFirstContainer #map_canvas_read {
    width: 100% !important;
    height: 100%;
  }
}
.housingFirstContainer div.customAddressField {
  width: 100% !important;
  padding-bottom: 1.5rem;
}
.housingFirstContainer .panel {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.housingFirstContainer .panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.housingFirstContainer .panel-default {
  border-color: #ddd;
}
.housingFirstContainer .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.housingFirstContainer .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.housingFirstContainer .panel-body {
  padding: 15px;
}
.housingFirstContainer .housingFirstInfoWindow table {
  border: none !important;
  padding: 0px !important;
  font-size: 11.844px;
  font-size: 1.1844rem;
}
.housingFirstContainer .housingFirstInfoWindow table td {
  border: none !important;
  padding: 5px !important;
  vertical-align: middle;
}
.housingFirstContainer .housingFirstInfoWindow table td img {
  display: block;
  margin-bottom: 5px;
}
.housingFirstContainer .housingFirstInfoWindow table td .infoWindowLabel {
  font-weight: bold;
}
.housingFirstContainer .housingFirstInfoWindow table td .housingFirstInfoWindowProjectTitle {
  font-size: 14px;
  font-size: 1.4rem;
}
.housingFirstContainer .tableBottom {
  margin-bottom: 10px;
}

.sf_3cols_2_50 .sf_3cols_2in_50,
.sf_3cols_3_25 .sf_3cols_3in_25,
.sf_2cols_2_75 .sf_2cols_2in_75 {
  margin-top: 0;
  margin-left: 0;
  padding-top: 1rem;
  padding-left: 2rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .sf_3cols_2_50 .sf_3cols_2in_50,
  .sf_3cols_3_25 .sf_3cols_3in_25,
  .sf_2cols_2_75 .sf_2cols_2in_75 {
    padding-top: 0;
    padding-left: 0;
  }
}
.sf_3cols_2_50 .sf_3cols_2in_50 .sf_2cols_2_33 .sf_2cols_2in_33,
.sf_3cols_3_25 .sf_3cols_3in_25 .sf_2cols_2_33 .sf_2cols_2in_33,
.sf_2cols_2_75 .sf_2cols_2in_75 .sf_2cols_2_33 .sf_2cols_2in_33 {
  margin-left: 0;
  padding-left: 2rem;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .sf_3cols_2_50 .sf_3cols_2in_50 .sf_2cols_2_33 .sf_2cols_2in_33,
  .sf_3cols_3_25 .sf_3cols_3in_25 .sf_2cols_2_33 .sf_2cols_2in_33,
  .sf_2cols_2_75 .sf_2cols_2in_75 .sf_2cols_2_33 .sf_2cols_2in_33 {
    padding-top: 0;
    padding-left: 0;
  }
}

.subscribeToMailingList .panelForm {
  border: 1px solid #e1e1e1;
  padding: 10px;
  background-color: #fafafa;
  margin-top: 10px;
}

#megaMenu {
  width: 1280px;
  margin: 0 auto;
  padding: 0;
  background: #0b838e;
  list-style: none;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu {
    width: 960px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #megaMenu {
    display: none;
  }
}
#megaMenu .megaMenuHeader {
  width: 960px;
  text-align: center;
  margin: 0 auto;
}
#megaMenu .megaMenuHeader ul {
  padding: 0;
  margin: 0;
}
#megaMenu .megaMenuHeader li {
  display: inline-block;
  margin: 0;
  text-align: center;
}
#megaMenu .megaMenuHeader h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0;
}
#megaMenu .megaMenuHeader h3 a {
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  color: #ffffff;
  padding: 10px 20px;
  text-shadow: 1px 1px 3px #4d4f53;
  text-decoration: none;
  display: block;
}
#megaMenu .megaMenuHeader h3.active {
  background: #ffffff;
}
#megaMenu .megaMenuHeader h3.active a {
  color: #0b838e;
  text-shadow: 1px 1px 3px #d7d7d7;
}
#megaMenu .megaContentsWrapper {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 100;
}
#megaMenu .megaContentsWrapper .megaContents {
  position: relative;
  margin: 0 auto;
  width: 1280px;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu .megaContentsWrapper .megaContents {
    width: 960px;
  }
}

#megaMenu .megaContent {
  position: absolute;
  left: -9999px;
  height: 400px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #ffffff;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  padding: 0;
  width: 1278px;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu .megaContent {
    width: 958px;
  }
}
#megaMenu .megaContent h3 {
  font-size: 21.882px;
  font-size: 2.1882rem;
  line-height: 1;
  border-bottom: 1px solid #4d4f53;
  padding: 0 0 10px 0;
  margin: 20px 180px;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu .megaContent h3 {
    margin: 20px;
  }
}
#megaMenu .megaContent h4 {
  font-size: 17.5px;
  font-size: 1.75rem;
  line-height: 1;
  color: #4d4f53;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 400;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0;
  border-top: 1px solid #4d4f53;
}
#megaMenu .megaContent h4:first-child {
  border-top: 0;
  padding: 0;
  margin: 0;
}
#megaMenu .megaContent ul {
  margin: 0;
  padding: 0;
}
#megaMenu .megaContent ul li {
  font-size: 14px;
  font-size: 1.4rem;
  list-style: none;
  margin-top: 0px;
}
#megaMenu .megaContent ul li:first-child {
  margin-top: 0;
}
#megaMenu .megaContent .megaContentCol1,
#megaMenu .megaContent .megaContentCol2,
#megaMenu .megaContent .megaContentCol3,
#megaMenu .megaContent .megaContentCol4 {
  float: left;
  width: 213px;
  min-height: 200px;
  padding: 0;
  margin: 20px 0 0 20px;
}
#megaMenu .megaContent .megaContentCol1 {
  margin-left: 180px;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu .megaContent .megaContentCol1 {
    margin-left: 20px;
  }
}
#megaMenu .megaContent .megaContentCol4 {
  margin: 20px 20px 0 20px;
}

#megaMenu .megaContent.alternate-True {
  background-position: bottom left;
}
#megaMenu .megaContent.alternate-True h3 {
  font-size: 27.342px;
  font-size: 2.7342rem;
  margin-left: 413px;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu .megaContent.alternate-True h3 {
    margin-left: 253px;
  }
}
#megaMenu .megaContent.alternate-True h4 {
  font-size: 21.882px;
  font-size: 2.1882rem;
  border-top: 0;
}
#megaMenu .megaContent.alternate-True ul {
  padding-top: 5px;
}
#megaMenu .megaContent.alternate-True .allServices {
  position: absolute;
  bottom: 40px;
  width: 213px;
  border-top: 1px solid #4d4f53;
  padding-top: 10px;
  left: 879px;
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
  #megaMenu .megaContent.alternate-True .allServices {
    left: 719px;
  }
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  body {
    background-color: #f0f0f0;
  }
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #content-container {
    height: 100%;
    background-color: #ffffff;
  }
}

#drawer-trigger-close {
  display: none;
}

#mobileNavWrapper {
  /*begin RS 12.2 added for android and ios11*/
  width: 100%;
  /*end RS 12.2 added for android and ios11*/
  text-align: right;
  padding: 0;
  background-color: #f0f0f0;
}
#mobileNavWrapper .km-scroll-container {
  height: 90vh !important;
}
#mobileNavWrapper #menuDrawerMenu {
  overflow: scroll !important;
}
#mobileNavWrapper h2 {
  margin: 0;
  padding: 10px;
  padding-right: 20px;
  background-color: #414246;
  color: #FFFFFF;
  font-size: 27.342px;
  font-size: 2.7342rem;
}
#mobileNavWrapper h2#drawer-trigger-close span.fa {
  padding-left: 10px;
}
#mobileNavWrapper h3, #mobileNavWrapper h3 a {
  color: #0b838e;
  font-size: 21.882px;
  font-size: 2.1882rem;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  padding: 0;
}
#mobileNavWrapper h3:hover, #mobileNavWrapper h3 a:hover {
  text-decoration: none;
}
#mobileNavWrapper h3 a.crdHome {
  padding-right: 20px;
}

#menuDrawerMenu h4 {
  color: #0b838e;
  font-size: 17.5px;
  font-size: 1.75rem;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-weight: 300;
  margin: 0;
}
#menuDrawerMenu ul {
  padding: 10px;
}
#menuDrawerMenu ul.navigation {
  list-style-type: none;
  padding-bottom: 1rem !important;
  background: none;
  padding-left: 0;
}
#menuDrawerMenu ul.navigation span.accordionIcon {
  padding: 0 10px;
}
#menuDrawerMenu ul.navigation li {
  padding: 10px 0;
}
#menuDrawerMenu ul.navigation li.root a {
  color: #4d4f53;
  padding: 0px 15px 10px 15px;
  display: block;
  font-size: 17.5px;
  font-size: 1.75rem;
  text-decoration: none;
}
#menuDrawerMenu ul.navigation li.root a:hover {
  text-decoration: underline;
}
#menuDrawerMenu ul.navigation li.root > a {
  color: #4d4f53;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-size: 21.882px;
  font-size: 2.1882rem;
  padding-top: 15px;
  padding-bottom: 10px;
}
#menuDrawerMenu ul.navigation li.root ul {
  list-style-type: none;
  padding-left: 0;
}
#menuDrawerMenu ul.navigation li.root ul li .active {
  color: #0b838e;
}
#menuDrawerMenu ul.navigation li.root ul li ul {
  list-style-type: none;
  padding: 0;
  margin-left: 40px;
}
#menuDrawerMenu ul.navigation li.root ul li ul li {
  color: #4d4f53;
}
#menuDrawerMenu ul.navigation li.root ul li ul li a {
  padding-left: 0px;
  padding-bottom: 0;
}
#menuDrawerMenu ul.navigation li.root ul li ul li.active {
  color: #0b838e;
}
#menuDrawerMenu ul.superNav {
  border-top: 1px solid #414246;
  list-style-type: none;
  background: none;
  padding-left: 0;
  padding-top: 1rem;
}
#menuDrawerMenu ul.superNav li {
  padding: 5px;
}
#menuDrawerMenu ul.superNav li a {
  color: #4d4f53;
  text-decoration: none;
  font-size: 17.5px;
  font-size: 1.75rem;
  padding: 0px 15px 10px 15px;
}
#menuDrawerMenu ul.superNav li a:hover {
  text-decoration: underline;
}

div.searchBoxWrapper div.myrecyclopediaSearchBox {
  display: inline-block;
  width: 100%;
}
div.searchBoxWrapper div.myrecyclopediaSearchBox fieldset.sfsearchBox {
  width: 100%;
}
div.searchBoxWrapper div.myrecyclopediaSearchBox fieldset.sfsearchBox span.k-widget {
  width: 350px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.searchBoxWrapper div.myrecyclopediaSearchBox fieldset.sfsearchBox span.k-widget {
    width: 60%;
  }
}

.MyRecyclopedia fieldset.sfsearchBox {
  position: relative;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
  float: none;
}
.MyRecyclopedia fieldset.sfsearchBox input[type=text].sfsearchTxt {
  padding: 10px;
  width: 350px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .MyRecyclopedia fieldset.sfsearchBox input[type=text].sfsearchTxt {
    width: 60%;
  }
}
.MyRecyclopedia fieldset.sfsearchBox input[type=submit].sfsearchSubmit {
  background: url("../Images/myRecyclopediaSearchGo.png") no-repeat;
  width: 67px;
  height: 68px;
  left: 5px;
  top: 0px;
  border: none;
  padding: 0;
  position: relative;
  display: inline;
  text-indent: -9999px;
  cursor: pointer;
}

.twoColList_even, .twoColList_odd {
  padding: 0.7em;
  list-style: none;
  margin-left: 20px;
}

ul.FacilityList li.twoColList_odd,
ul.ItemList li.twoColList_odd {
  background: #fafafa;
  border-top: solid #f0f0f0 1px;
  border-bottom: solid #f0f0f0 1px;
}

ul.FacilityList li.alphaIndex,
ul.ItemList li.alphaIndex,
.alphaIndex a {
  color: #d95e00 !important;
  background: #FFFFFF;
  font-size: 27.342px !important;
  font-size: 2.7342rem !important;
  line-height: 44.239356px;
  line-height: 4.4239356rem;
  text-decoration: none;
  border-top: 0px;
  border-bottom: 0px;
  margin-top: 10px;
}

ul.ItemList {
  float: left;
  width: 50%;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  ul.ItemList {
    width: 95%;
  }
}

div.MyRecyclopediaProductDesc h2 {
  margin-bottom: 0;
}
div.MyRecyclopediaProductDesc div.MyRecyclopediaProductKeywords {
  font-size: 11.844px;
  font-size: 1.1844rem;
  line-height: 19.163592px;
  line-height: 1.9163592rem;
  padding: 10px 0;
}

div.MyRecyclopediaProductDetails {
  margin-bottom: 20px;
}
div.MyRecyclopediaProductDetails .MyRecyclopediaProductDetailsIcon {
  padding-right: 5px;
}

.MyRecyclopediaProductImage {
  float: right;
  margin: 0 0 20px 20px;
}

/*
div.ProductDetailsContainer {
    width: 100%;
}

div.ProductDetailsLeftColumn {
    float: left;
    width: 72%;
    padding-right: 10px;
    border-right: 1px dashed #B4C8D2;
}

div.ProductDetailsRightColumn {
    float: right;
    width: 23%;
    padding-right: 10px;
}

@media(max-width:400px) {
    div.ProductDetailsLeftColumn {
        float: none;
        display: block;
        position: relative;
        padding-right: 0px;
        border-right: none;
    }

    div.ProductDetailsRightColumn {
        float: none;
        display: block;
        position: relative;
        padding-right: 0px;
    }
}

.MyRecyclopediaLeftContentBlockBorder {
    border-right: 1px solid black;
}

ul.ProductFacilityDetails {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

ul.ProductFacilityDetails li.ProductFacilityDetailsCategory {
    padding-top: 20px;
    padding-bottom: 5px;
}*/
/* ****************************** */
/*        Facility List        */
/* ****************************** */
/*ul.FacilityList {
    float: left;
    width: 50%;
}*/
/*
.MyRecyclopediaLandingMessage {
    margin-top: 45px;
}


.MyRecyclopediaLandingColumn1 .sfContentBlock {
    margin-right: 10px;
}

.MyRecyclopediaLandingColumn2 .sfContentBlock {
    margin-left: 10px;
}

.MyRecyclopediaMessages {
    position: relative;
    margin: 20px;
    margin-top: 40px;
}

.cellborder {
    border-bottom: 1px solid #edefee;
}

.columnHeader {
    font-weight: bold;
    text-align: right;
}

.MyRecyclopediaProductImage {
    float: left;
    width: 30%;
}

.MyRecyclopediaProductDesc {
    float: right;
    width: 70%;
}*/
div.homepageNewsList ul {
  list-style: none;
}
div.homepageNewsList ul li.newsItem {
  padding: 2px 0;
}
div.homepageNewsList ul li.newsItem span.newsDate {
  font-weight: bold;
  margin-right: 0.5rem;
}
div.homepageNewsList ul li.newsItem span.newsTitle a {
  text-decoration: none;
}
div.homepageNewsList ul li.newsItem span.newsTitle a:hover {
  color: #0b838e;
  text-decoration: underline;
}

div.newsMasterWrapper {
  /*//?????
  .newsSummary {
      margin-top: 10px;
  }
  // News Landing page
  .sfnewsListItem {
      h2 {
          margin-bottom: 5px;

          a {
              font-size: inherit;
          }
      }
  }*/
}
div.newsMasterWrapper li.sfnewsListItem {
  list-style-type: none;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 15px;
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content div.mediaRoomCategories {
    display: none;
  }
}

div.sf_pagerNumeric {
  margin-top: 3rem;
  display: inline-block;
}
div.sf_pagerNumeric a {
  padding: 11px 12px;
}

div.RadGrid div.rgNumPart a {
  padding: 8px 12px;
}

div.RadGrid div.rgInfoPart {
  font-size: 11.844px;
  font-size: 1.1844rem;
  line-height: 35.405076px;
  line-height: 3.5405076rem;
}

div.listViewPager {
  padding: 20px 0;
}
div.listViewPager a,
div.listViewPager span.listViewPagerCurrentPage {
  padding: 10px !important;
}

div.sf_pagerNumeric a,
div.RadGrid div.rgNumPart a,
div.radListView div.listViewPager a,
div.listViewPager a {
  text-decoration: none;
  background-image: none;
  color: #0b838e;
}
div.sf_pagerNumeric a.sf_PagerCurrent,
div.sf_pagerNumeric a.rgCurrentPage,
div.sf_pagerNumeric span.listViewPagerCurrentPage,
div.RadGrid div.rgNumPart a.sf_PagerCurrent,
div.RadGrid div.rgNumPart a.rgCurrentPage,
div.RadGrid div.rgNumPart span.listViewPagerCurrentPage,
div.radListView div.listViewPager a.sf_PagerCurrent,
div.radListView div.listViewPager a.rgCurrentPage,
div.radListView div.listViewPager span.listViewPagerCurrentPage,
div.listViewPager a.sf_PagerCurrent,
div.listViewPager a.rgCurrentPage,
div.listViewPager span.listViewPagerCurrentPage {
  background-color: #0b838e;
  color: #ffffff;
  background-image: none;
}
div.sf_pagerNumeric a.sf_PagerCurrent span,
div.sf_pagerNumeric a.rgCurrentPage span,
div.sf_pagerNumeric span.listViewPagerCurrentPage span,
div.RadGrid div.rgNumPart a.sf_PagerCurrent span,
div.RadGrid div.rgNumPart a.rgCurrentPage span,
div.RadGrid div.rgNumPart span.listViewPagerCurrentPage span,
div.radListView div.listViewPager a.sf_PagerCurrent span,
div.radListView div.listViewPager a.rgCurrentPage span,
div.radListView div.listViewPager span.listViewPagerCurrentPage span,
div.listViewPager a.sf_PagerCurrent span,
div.listViewPager a.rgCurrentPage span,
div.listViewPager span.listViewPagerCurrentPage span {
  background-image: none;
}
div.sf_pagerNumeric a.rgCurrentPage:hover,
div.sf_pagerNumeric a.sf_PagerCurrent:hover,
div.RadGrid div.rgNumPart a.rgCurrentPage:hover,
div.RadGrid div.rgNumPart a.sf_PagerCurrent:hover,
div.radListView div.listViewPager a.rgCurrentPage:hover,
div.radListView div.listViewPager a.sf_PagerCurrent:hover,
div.listViewPager a.rgCurrentPage:hover,
div.listViewPager a.sf_PagerCurrent:hover {
  color: #ffffff;
}
div.sf_pagerNumeric a:hover,
div.RadGrid div.rgNumPart a:hover,
div.radListView div.listViewPager a:hover,
div.listViewPager a:hover {
  text-decoration: underline;
  background-image: none;
  color: #0b838e;
}
div.sf_pagerNumeric a:hover span,
div.RadGrid div.rgNumPart a:hover span,
div.radListView div.listViewPager a:hover span,
div.listViewPager a:hover span {
  background-image: none;
  text-decoration: underline;
}
div.sf_pagerNumeric span,
div.RadGrid div.rgNumPart span,
div.radListView div.listViewPager span,
div.listViewPager span {
  padding: 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.RadGrid_Default tr.rgPager {
  background-color: white;
}
.RadGrid_Default tr.rgPager table {
  border: 2px solid white;
}
.RadGrid_Default tr.rgPager table td.rgPagerCell {
  padding: 0;
}

.main-content table.palsTable {
  border: 1px #d7d7d7;
}
.main-content table.palsTable th {
  background: #f0f0f0;
  padding: 5px;
}
.main-content table.palsTable th:first-child {
  padding-left: 5px;
}
.main-content table.palsTable td {
  padding: 5px;
  text-align: right;
}
.main-content table.palsTable td:first-child {
  padding-left: 5px;
  text-align: left;
}

p.palsNote {
  text-align: right;
  font-size: 0.9em;
}

/***************************
    VARIOUS MISCELLANEOUS STYLE PARTS

    IN THIS FILE:
    - Badges and Icons
    - Twitter timeline iFrame
    - Update panel progress
    - other, unorganized things

****************************/
.terms-conds {
  color: #0b838e;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  min-width: 150px;
  font-size: 17.5px;
  font-size: 1.75rem;
}
.terms-conds .arrow {
  bottom: 0;
}

.black-box {
  padding: 20px;
}
.black-box .bg {
  background: #000000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.black-box h1 {
  margin: 0 0 10px;
  line-height: 1;
  color: #ffffff;
}
.black-box h2 {
  margin: 0 0 10px;
  line-height: 1;
  color: #ffffff;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .black-box {
    padding: 10px;
  }
  .black-box h1 {
    font-size: 21.882px;
    font-size: 2.1882rem;
  }
  .black-box h2 {
    font-size: 17.5px;
    font-size: 1.75rem;
  }
  .black-box h3 {
    font-size: 17.5px;
    font-size: 1.75rem;
  }
  .black-box h4 {
    font-size: 17.5px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
  .black-box h1 {
    font-size: 21.882px;
    font-size: 2.1882rem;
  }
  .black-box h2 {
    font-size: 21.882px;
    font-size: 2.1882rem;
  }
  .black-box h3 {
    font-size: 17.5px;
    font-size: 1.75rem;
  }
  .black-box h4 {
    font-size: 17.5px;
    font-size: 1.75rem;
  }
}

/************************
  BADGES AND ICONS
*************************/
span.badge-new {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #d95e00;
  color: #ffffff;
  text-align: center;
  margin-right: 5px;
}
span.badge-new:before {
  content: "new";
}

span.badge-wrap {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #0b838e;
  background-color: #ffffff;
  color: #0b838e;
  text-align: center;
  text-decoration: none;
  margin-right: 5px;
}

span.badge-inactive {
  border: 1px solid #aaaaaa;
  color: #aaaaaa;
}

span.badge-Agenda:after,
span.badge-Minutes:after,
span.badge-Report:after {
  content: "\f0f6";
  font-family: FontAwesome;
}

span.badge-Agenda:before {
  content: "A ";
}

span.badge-Minutes:before {
  content: "M ";
}

span.badge-Report:before {
  content: "R ";
}

span.badge-Video:after {
  content: "\f03d";
  font-family: FontAwesome;
}

span.badge-Empty {
  border: none;
}

span.badge-Empty:after {
  content: " ";
  font-family: FontAwesome;
}

/************************
 END BADGES AND ICONS
*************************/
/************************
  TWITTER TIMELINE IFRAME
*************************/
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  iframe[id*=twitter] {
    display: none !important;
  }
}

/************************
  END TWITTER TIMELINE IFRAME
*************************/
/************************
  UPDATE PANEL PROGRESS
*************************/
div.updateWrapper {
  position: relative;
}
div.updateWrapper div.updateOverlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 999;
  background: #fff url(/Custom/Images/telerikLoading.gif) no-repeat 50% 50%;
}
div.updateWrapper div.updateOverlayTop {
  background: #fff url(/Custom/Images/telerikLoading.gif) no-repeat 50% 40px !important;
}

/************************
  END UPDATE PANEL PROGRESS
*************************/
.clearfix {
  clear: both;
}

.sf_3cols_3in_25 .sfContentBlock {
  margin-bottom: 40px;
}
.sf_3cols_3in_25 .sfContentBlock h3 {
  line-height: 1.3;
  margin-bottom: 5px;
}
.sf_3cols_3in_25 .sfContentBlock p {
  margin-top: 0;
  margin-bottom: 10px;
}

.main-content div.RadGrid_Default {
  border: none;
}
.main-content div.RadGrid_Default .rgHeaderWrapper .rgHeaderDiv {
  border-right: 1px solid #d7d7d7;
}
.main-content div.RadGrid_Default .rgHeader,
.main-content div.RadGrid_Default th.rgResizeCol,
.main-content div.RadGrid_Default .rgHeaderWrapper {
  background: none;
  background-color: #f0f0f0;
  border: 1px solid #d7d7d7;
}
.main-content div.RadGrid_Default .rgFilterRow {
  background-color: transparent;
}
.main-content div.RadGrid_Default .rgHeader {
  color: #4d4f53;
}
.main-content div.RadGrid_Default .rgHeader a {
  color: #0b838e;
}
.main-content div.RadGrid_Default .rgAltRow .rgSorted,
.main-content div.RadGrid_Default .rgRow .rgSorted {
  background-color: transparent;
  border: 1px solid #d7d7d7;
}
.main-content div.RadGrid_Default .rgDataDiv table.rgClipCells {
  border-left: 1px solid #d7d7d7;
}
.main-content .RadGrid {
  margin-top: 15px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .RadGrid .hideInMobile {
    display: none;
  }
}
.main-content .RadGrid table {
  border-collapse: collapse;
}
.main-content .RadGrid th {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: bold;
  border: 1px solid #d7d7d7;
  padding-top: 10px;
  padding-bottom: 10px;
}
.main-content .RadGrid th.rgHeader {
  text-transform: capitalize;
  background-color: #f0f0f0;
}
.main-content .RadGrid td {
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  vertical-align: top;
  padding: 5px;
  border: 1px solid #d7d7d7;
}
.main-content .RadGrid .rgAltRow {
  background: #fafafa;
}
.main-content .RadGrid.park-grid .rgFilterRow td {
  padding: 10px 10px 10px 5px;
}
.main-content .RadGrid.park-grid div.selectmenu {
  width: 160px;
  /*@include respondTo(mobile) {
      width: 90px;
  }*/
}
.main-content .RadGrid.park-grid img {
  float: right;
}

.two-columns {
  overflow: hidden;
}
.two-columns .custom-checkbox,
.two-columns .custom-radio {
  display: block;
  float: left;
  width: 50%;
  margin-bottom: 5px;
}
.two-columns br {
  clear: both;
}

.three-columns {
  overflow: hidden;
}
.three-columns .custom-checkbox,
.three-columns .custom-radio {
  display: block;
  float: left;
  width: 33%;
  margin-bottom: 5px;
}
.three-columns br {
  clear: both;
}

.main-content .RadSiteMap {
  margin-top: 20px;
}
.main-content .RadSiteMap ul.rsmManyLevels {
  margin-left: 0;
}
.main-content .RadSiteMap .rmsLink {
  margin-bottom: 0px;
}
.main-content .RadSiteMap .rsmList {
  margin-left: 10px;
}
.main-content .RadSiteMap .rsmList .rsmItem {
  margin-top: 0;
}
.main-content .RadSiteMap .rsmList .rsmItem a {
  color: #0b838e;
  font-size: 21.882px;
  font-size: 2.1882rem;
  font-weight: bold;
  margin-bottom: 0px;
}
.main-content .RadSiteMap .rsmList .rsmItem a:hover {
  color: #34B233;
}
.main-content .RadSiteMap .rsmLevel1 {
  padding-left: 10px;
  list-style: disc;
}
.main-content .RadSiteMap .rsmLevel1 .rsmItem {
  list-style: disc;
}
.main-content .RadSiteMap .rsmLevel1 .rsmItem a {
  font-size: 14px;
  font-size: 1.4rem;
}
.main-content .RadSiteMap .rsmLevel2 {
  list-style: circle;
}
.main-content .RadSiteMap .rsmLevel2 .rsmItem {
  list-style: circle;
}
.main-content .RadSiteMap .rsmLevel2 .rsmItem a {
  font-weight: normal;
}
.main-content .RadSiteMap .rsmLevel3 {
  list-style: square;
}
.main-content .RadSiteMap .rsmLevel3 .rsmItem {
  list-style: square;
}
.main-content .RadSiteMap .rsmLevel4 {
  list-style: circle;
}
.main-content .RadSiteMap .rsmLevel4 .rsmItem {
  list-style: circle;
  margin-top: 0;
}
.main-content .RadSiteMap .rsmLevel4 .rsmItem a {
  font-weight: normal;
}
.main-content .RadSiteMap .rsmLevel5 {
  list-style: disc;
}
.main-content .RadSiteMap .rsmLevel5 .rsmItem {
  list-style: disc;
}

#bookMe4Widget object {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh !important;
}

#mblHeaderWrapper .searchToggle .close {
  display: none;
}

#mblHeaderWrapper .searchBoxWrapper {
  display: none;
  clear: both;
}
#mblHeaderWrapper .searchBoxWrapper input[type=text] {
  font-size: 21.882px;
  font-size: 2.1882rem;
  line-height: 35.405076px;
  line-height: 3.5405076rem;
  height: 35.405076px;
  height: 3.5405076rem;
}

#searchResultsWrapper dt.pdf a {
  padding-right: 25px;
  margin-right: 25px;
  background: url("../Images/icon-pdf.png") right 1px no-repeat;
}
#searchResultsWrapper .searchBannersWrapper {
  clear: both;
  padding: 20px 0 0 0;
}
#searchResultsWrapper.search-results .search-pager {
  text-align: center;
}
#searchResultsWrapper.search-results .sfsearchBox {
  float: left;
  margin-top: 20px;
  padding-left: 12px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #searchResultsWrapper.search-results .sfsearchBox {
    padding-left: 0;
  }
}
#searchResultsWrapper.search-results .sfsearchBox input[type=text] {
  width: 409px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #searchResultsWrapper.search-results .sfsearchBox input[type=text] {
    width: 96%;
    padding-right: 2%;
  }
}
#searchResultsWrapper.search-results .sfsearchResultStatistics {
  padding-left: 12px;
  clear: left;
  font-size: 21.882px;
  font-size: 2.1882rem;
  padding-top: 20px;
}
#searchResultsWrapper.search-results dl {
  padding-left: 12px;
}
#searchResultsWrapper.search-results .searchResult {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 20px;
}
#searchResultsWrapper.search-results .searchResult .sfsearchResultTitle {
  font-size: 17.5px;
  font-size: 1.75rem;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  margin-top: 30px;
  margin-bottom: 5px;
  display: block;
}
#searchResultsWrapper.search-results .searchResult .sfsearchResultUrl {
  margin-left: 10px;
  padding-left: 15px;
  background: url("../Images/icon-src-result.png") top left no-repeat;
}
#searchResultsWrapper.search-results .searchResult .sfsearchResultHighLighter {
  margin-left: 10px;
}
#searchResultsWrapper .search-pager {
  font-size: 1.6rem;
  border-top: solid 1px #d1d1d1;
  padding-top: 20px;
  margin-top: 40px;
}
#searchResultsWrapper .search-pager .searchPrevious {
  float: left;
  padding-left: 2em;
}
#searchResultsWrapper .search-pager .searchNext {
  float: right;
  padding-right: 2em;
}

div.searchBoxWrapper .sfsearchBox {
  border: none;
  margin: 5px 0 0 20px;
  padding: 0;
  float: right;
  position: relative;
  width: 250px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.searchBoxWrapper .sfsearchBox {
    float: none;
    position: relative;
    right: 0;
    width: 85%;
    margin: 0 auto;
    padding-top: 20px;
  }
}
div.searchBoxWrapper .sfsearchBox span.k-widget {
  width: 100%;
  border: 0;
}
div.searchBoxWrapper .sfsearchBox input[type=text] {
  width: 100%;
  height: 40px;
  background: white !important;
  padding: 7px 30px 7px 7px;
  border: solid 1px #d1d1d1 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.searchBoxWrapper .sfsearchBox input[type=text] {
    width: 87%;
    padding-right: 10%;
  }
}
div.searchBoxWrapper .sfsearchBox input[type=text]:focus {
  border: solid 1px #21828C;
}
div.searchBoxWrapper .sfsearchBox input[type=submit] {
  width: 20px;
  height: 20px;
  top: 10px;
  right: 25px;
  padding: 10px;
  position: absolute;
  border: none;
  background: url("../../../../CRD/App_Themes/CRD/Images/icon-search.png") top left no-repeat;
  text-indent: -9999px;
  display: block;
  cursor: pointer;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.searchBoxWrapper .sfsearchBox input[type=submit] {
    top: 28px;
    right: 65px;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.searchBoxWrapper .sfsearchBox .k-autocomplete > .k-clear-value {
    color: #898989;
    right: calc(4em - 8px);
  }
}

div.searchBoxWrapper div.fullWidthSearchBox {
  display: inline-block;
  width: 100%;
  max-width: 500px;
}
div.searchBoxWrapper div.fullWidthSearchBox fieldset.sfsearchBox {
  width: 100%;
}

.k-popup {
  border: 1px solid #aaaaaa;
  background: white;
  font-size: 17.5px !important;
  font-size: 1.75rem !important;
  line-height: 28.315px;
  line-height: 2.8315rem;
  padding: 0;
}
.k-popup ul.k-list-ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}
.k-popup ul.k-list-ul li.k-list-item {
  padding: 5px 7px;
  text-decoration: underline;
  color: #0b838e;
}
.k-popup ul.k-list-ul li.k-list-item.k-focus {
  background-color: #f0f0f0;
  color: #0b838e;
  text-decoration-color: #0b838e;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
}

.main-content .gridItem {
  width: 220px;
  float: left;
  margin-top: 20px;
  margin-left: 20px;
  line-height: 0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .gridItem {
    clear: none !important;
  }
  .main-content .gridItem img {
    width: 100%;
  }
  .main-content .gridItem.i-break {
    clear: left !important;
    margin-left: 0 !important;
  }
  .main-content .gridItem.land-break {
    margin-left: 0 !important;
    clear: left !important;
  }
}
@media only screen and (max-width: 480px) {
  .main-content .gridItem {
    width: 48%;
    margin: 20px 0 0 4% !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 959px) {
  .main-content .gridItem {
    width: 32%;
    margin: 20px 0 0 2% !important;
  }
}
.main-content .gridItem a {
  display: block;
  line-height: 0;
}
.main-content .gridItem .title {
  line-height: 20px;
  display: block;
  background-color: #4d4f53;
  margin: 0;
  padding: 15px 10px;
  color: white;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .main-content .gridItem .title {
    padding: 10px;
  }
}
.main-content .gridItem p {
  padding: 0 10px;
  margin-bottom: 0;
  line-height: 20px;
}
.main-content .gridItem a:hover {
  cursor: pointer;
  text-decoration: none;
}
.main-content .gridItem a:hover .title {
  background-color: #0b838e;
  text-decoration: none;
}
.main-content .grid-container-3 .col-3 {
  clear: left;
  margin-left: 0;
}
.main-content .grid-container-4 .col-4 {
  clear: left;
  margin-left: 0;
}
.main-content .grid-content {
  overflow: hidden;
  margin-bottom: 20px;
}
.main-content .grid-content h3 a {
  color: #4d4f53;
}
.main-content .grid-content p {
  font-size: 14px;
  font-size: 1.4rem;
}
.main-content .grid-content .menu ul li {
  margin-top: 5px;
}
.main-content .grid-content .menu ul li a {
  font-size: 11.844px;
  font-size: 1.1844rem;
}
.main-content .grid-content .menu h4 {
  margin-bottom: 5px;
  font-size: 11.844px;
  font-size: 1.1844rem;
  font-family: "Source Sans Pro", "HelveticaNeueW02-55Roma", Arial, sans-serif;
  margin: 0;
  color: #4d4f53;
}
.main-content .grid-content .single ul li {
  width: 45%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .main-content .grid-content .single ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
}
.main-content .grid-content .multiple .col {
  width: 45%;
  margin-right: 5%;
  float: left;
}
@media only screen and (max-width: 480px) {
  .main-content .grid-content .multiple .col {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
.main-content .grid-content .multiple .menu {
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .main-content .grid-content .multiple ul li {
    margin-top: 10px;
  }
  .main-content .grid-content .multiple ul li:first-child {
    margin-top: 0;
  }
}

#ServiceAuthorityProfilesContainer .mapHolder {
  border: 1px solid #d7d7d7;
}
#ServiceAuthorityProfilesContainer .toolbar {
  text-align: right;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.crdShareThis {
  padding-top: 10px;
}
.crdShareThis .st-custom-button[data-network=twitter] {
  background: url("/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Images/icons/twitter_16.png");
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Scripts/backgroundsize.min.htc);
  padding-left: 20px;
  padding-right: 0;
  white-space: nowrap;
  font-family: Helvetica, sans-serif;
  font-size: 10px;
  display: inline-block;
  height: 16px;
  width: auto;
  line-height: 16px;
  cursor: pointer;
}
.crdShareThis .st-custom-button[data-network=facebook] {
  background: url("/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Images/icons/facebook_16.png");
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Scripts/backgroundsize.min.htc);
  padding-left: 20px;
  padding-right: 0;
  white-space: nowrap;
  font-family: Helvetica, sans-serif;
  font-size: 10px;
  display: inline-block;
  height: 16px;
  width: auto;
  line-height: 16px;
  cursor: pointer;
}
.crdShareThis .st-custom-button[data-network=email] {
  background: url("/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Images/icons/email_16.png");
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Scripts/backgroundsize.min.htc);
  padding-left: 20px;
  padding-right: 0;
  white-space: nowrap;
  font-family: Helvetica, sans-serif;
  font-size: 10px;
  display: inline-block;
  height: 16px;
  width: auto;
  line-height: 16px;
  cursor: pointer;
}
.crdShareThis .st-custom-button[data-network=sharethis] {
  background: url("/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Images/icons/sharethis_16.png");
  background-repeat: no-repeat;
  background-size: contain;
  -ms-behavior: url(/Sitefinity/WebsiteTemplates/CRD/App_Themes/CRD/Scripts/backgroundsize.min.htc);
  padding-left: 20px;
  padding-right: 0;
  white-space: nowrap;
  font-family: Helvetica, sans-serif;
  font-size: 10px;
  display: inline-block;
  height: 16px;
  width: auto;
  line-height: 16px;
  cursor: pointer;
}

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #contentWrapper div.leftNavigation {
    display: none;
  }
}

#contentWrapper div.leftNavigation.mobilized {
  display: block;
}
#contentWrapper div.leftNavigation.mobilized div.trigger {
  font-size: 17.5px;
  font-size: 1.75rem;
  border: 1px solid #aaaaaa;
  text-align: center;
  margin-top: 20px;
  overflow: auto;
}
#contentWrapper div.leftNavigation.mobilized div.trigger div.label {
  padding-top: 20px;
  padding-left: 20px;
  float: left;
}
#contentWrapper div.leftNavigation.mobilized div.trigger div.icon {
  float: right;
  border-left: 1px solid #aaaaaa;
  background-color: #aaaaaa;
  padding: 20px;
}
#contentWrapper div.leftNavigation.mobilized div.trigger div.icon span {
  color: #ffffff;
}
#contentWrapper div.leftNavigation.mobilized ul.navigation {
  display: none;
  padding-bottom: 0px !important;
}
#contentWrapper div.leftNavigation.mobilized ul.navigation li.root a {
  border: 1px solid #aaaaaa;
  border-top: 0px;
  font-size: 17.5px;
  font-size: 1.75rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

#contentWrapper ul.navigation {
  list-style-type: none;
  padding-bottom: 1rem !important;
  background: #f0f0f0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #contentWrapper ul.navigation li.root {
    width: 100%;
  }
}
#contentWrapper ul.navigation li.root a {
  color: #0b838e;
  padding: 5px 15px 5px 15px;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
}
#contentWrapper ul.navigation li.root a:hover {
  text-decoration: underline;
}
#contentWrapper ul.navigation li.root > a {
  color: #d95e00;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-size: 17.5px;
  font-size: 1.75rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
#contentWrapper ul.navigation li.root li {
  margin: 0;
}
#contentWrapper ul.navigation li.root ul {
  list-style-type: none;
}
#contentWrapper ul.navigation li.root ul li .active {
  background: #fafafa;
  color: #d95e00;
}
#contentWrapper ul.navigation li.root ul li ul {
  padding: 0;
  margin: 0;
}
#contentWrapper ul.navigation li.root ul li ul li {
  color: #0b838e;
}
#contentWrapper ul.navigation li.root ul li ul li a {
  padding-left: 30px;
  background: #fafafa;
}
#contentWrapper ul.navigation li.root ul li ul li.active {
  color: #d95e00;
}

div.sortFilterWrapper {
  display: inline-block;
  width: 100%;
}
div.sortFilterWrapper h3.button {
  margin: 10px 0;
}
div.sortFilterWrapper div.sortWrapper, div.sortFilterWrapper div.filterWrapper {
  float: left;
  margin-right: 20px;
}
div.sortFilterWrapper div.sortOptionsMobileWrapper {
  display: none;
}
@media only screen and (min-width: 240px) and (max-width: 440px) {
  div.sortFilterWrapper div.sortOptionsMobileWrapper {
    display: block;
  }
}
div.sortFilterWrapper div.sortFilterOptionsWrapper,
div.sortFilterWrapper div.sortOptionsMobileWrapper {
  clear: both;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.sortRadioWrapper,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.sortRadioWrapper {
  display: inline-block;
  margin-right: 20px;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper, div.sortFilterWrapper div.sortFilterOptionsWrapper div.sortItemsWrapper,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.sortItemsWrapper {
  padding: 10px;
  border: 1px solid #d7d7d7;
  margin-bottom: 20px;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup {
  float: left;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(4),
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(4) {
  width: 100%;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(5), div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(5) ~ div.filterGroup,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(5),
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(5) ~ div.filterGroup {
  width: 48%;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(6), div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(6) ~ div.filterGroup,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(6),
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup:first-child:nth-last-child(6) ~ div.filterGroup {
  width: 32%;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup,
  div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup {
    width: 100% !important;
  }
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup h4.ui-accordion-header,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup h4.ui-accordion-header {
  margin: 0;
  padding: 0;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup.ui-accordion,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup.ui-accordion {
  clear: none;
}
div.sortFilterWrapper div.sortFilterOptionsWrapper div.filterItemsWrapper div.filterGroup span.accordionIcon,
div.sortFilterWrapper div.sortOptionsMobileWrapper div.filterItemsWrapper div.filterGroup span.accordionIcon {
  margin-right: 20px;
}
div.sortFilterWrapper div.sortWrapper.sfFormCheckboxlist {
  margin-bottom: 0;
}
div.sortFilterWrapper div.sortWrapper .button.prependedButton.setSortOrder, div.sortFilterWrapper div.sortWrapper .sfFormSubmit input.prependedButton.setSortOrder[type=submit], .sfFormSubmit div.sortFilterWrapper div.sortWrapper input.prependedButton.setSortOrder[type=submit] {
  padding: 2px;
}
div.sortFilterWrapper div.sortWrapper .inactive {
  color: darkgrey;
}

.ob-no-scroll {
  overflow: hidden;
}

#surveyInviteModalWindow {
  text-align: center;
  background-color: #FFF;
  padding-top: 0px;
}
#surveyInviteModalWindow h2 {
  margin-top: 0px;
}

.k-window {
  background-color: #FFF !important;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .k-window {
    top: 10% !important;
    width: 90% !important;
    z-index: 99999 !important;
  }
}
.k-window .k-header {
  border-style: hidden !important;
}
.k-window .k-window-actions {
  color: #0b838e !important;
}

/*! jQuery UI - v1.10.3 - 2013-05-27
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.tabs.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
}

.ui-front {
  z-index: 100;
}

#tabs {
  margin: 20px 0;
}
#tabs .ui-tabs-nav {
  margin: 0;
}
#tabs .ui-tabs-nav .tab-title {
  float: left;
  margin-top: 10px;
  outline: none;
  list-style: none;
}
#tabs .ui-tabs-nav .tab-title a {
  outline: none;
  padding: 10px;
  text-align: center;
  display: block;
  border-top: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
  border-bottom: solid 1px #d7d7d7;
  color: #4d4f53;
  background: #f0f0f0;
  font-size: 11.844px;
  font-size: 1.1844rem;
}
#tabs .ui-tabs-nav .tab-title.ui-state-active {
  margin-top: 0px;
}
#tabs .ui-tabs-nav .tab-title.ui-state-active a {
  color: #4d4f53;
  background: white;
  padding-top: 20px;
  border-color: #d1d1d1;
  border-left: solid 1px #d7d7d7;
  border-bottom: none;
}
#tabs .ui-tabs-nav .tab-title:first-child a {
  border-left: solid 1px #d7d7d7;
}
#tabs .ui-tabs-nav .tab-title.prevTab a {
  border-right: none;
}
#tabs .tab-nav {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}
#tabs .tab-nav .next-tab {
  float: right;
}
#tabs .tab-nav .prev-wrapper {
  float: left;
  font-weight: bold;
  margin-top: 6px;
}
#tabs .tab-nav .prev-wrapper .arrow {
  color: #0b838e;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #tabs .tab-nav {
    display: none;
  }
}
#tabs .tab-title .tab-container h3 {
  margin-bottom: 0;
  margin-top: 25px;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #tabs .tab-title .tab-container h3 {
    margin-top: 5px;
  }
}
#tabs .tab-title .tab-container p {
  margin: 10px 0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #tabs .tab-title:last-child {
    border-bottom: 1px solid #d1d1d1;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  #tabs .tab-title {
    background: #ffffff;
    margin-top: 2px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #tabs .tab-title > a {
    line-height: 22.652px;
    line-height: 2.2652rem;
    font-family: "ff-dax-web-pro", Arial, sans-serif;
    text-decoration: none;
    padding: 5px 25px;
    display: block;
    color: #4d4f53;
    background: url("../../CRD/Images/collapsiblePanel.png") left 5px top 14px no-repeat !important;
    border-top: 1px solid #d1d1d1;
  }
  #tabs .tab-title > a.open {
    background-position: left -1984px top 14px !important;
  }
  #tabs .tab-title .tab-container {
    display: none;
    background: #ffffff;
    padding: 10px;
  }
  #tabs .tab-title .tab-container a {
    /*padding: 5px 10px;
    display: block;
    color: green;
    background: none;*/
  }
}
#tabs .tab-container {
  padding-top: 20px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(33%, #ffffff), color-stop(100%, #f5f5f5));
  background-image: -moz-linear-gradient(#ffffff 33%, #f5f5f5 100%);
  background-image: -webkit-linear-gradient(#ffffff 33%, #f5f5f5 100%);
  background-image: linear-gradient(#ffffff 33%, #f5f5f5 100%);
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#FFFFFFFF", endColorstr="#FFF5F5F5");
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.utilityBillingWrapper {
  /*pseudo styles for required field display in standard sitefinity registration widget*/
  /*end required to style the Login link button in login widget*/
  /*need to override backend default style as data in grid is forcing grid to push out*/
  /* Clear floats after the columns */
}
.utilityBillingWrapper .sfregisterFormWrp label::before {
  content: "* ";
  color: red;
}
.utilityBillingWrapper .asterisk::before {
  content: "* ";
  color: red;
}
.utilityBillingWrapper table td {
  border: none;
  padding: 0px;
}
.utilityBillingWrapper .subsectionWrapper {
  border-top: 1px solid #c0c0c0;
  margin-top: 20px;
}
.utilityBillingWrapper .Visible {
  display: block;
  visibility: visible;
}
.utilityBillingWrapper .Hidden {
  display: none;
  visibility: hidden;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .utilityBillingWrapper input[type=text], .utilityBillingWrapper input[type=email], .utilityBillingWrapper input[type=password], .utilityBillingWrapper textarea {
    width: 95%;
  }
}
.utilityBillingWrapper a, .utilityBillingWrapper a:link, .utilityBillingWrapper a:visited, .utilityBillingWrapper a:hover, .utilityBillingWrapper a:active {
  text-decoration: none;
}
.utilityBillingWrapper .sfregisterLnkWrp input[type=submit] {
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  line-height: 22.652px;
  line-height: 2.2652rem;
  background-color: #006d84;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #088f98), color-stop(100%, #006d84));
  background-image: -moz-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: -webkit-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: linear-gradient(#088f98 0%, #006d84 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#088f98", EndColorStr="#006d84"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
  border: 0;
  color: #ffffff;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  padding: 6px 20px 4px;
  display: inline-block;
}
.utilityBillingWrapper a.sfSubmitBtn, .utilityBillingWrapper a.sfSubmitBtn:hover, .utilityBillingWrapper a.sfSubmitBtn:focus, .utilityBillingWrapper a.sfSubmitBtn:visited {
  color: white;
  text-decoration: none;
  margin: 20px 0;
}
.utilityBillingWrapper div.custom-checkbox input {
  position: relative;
  margin: 5px;
}
.utilityBillingWrapper div.custom-checkbox label {
  background: none;
}
.utilityBillingWrapper div.RadComboBox .rcbInput {
  padding-left: 8px;
}
.utilityBillingWrapper .RadGrid_Sitefinity {
  border: 0;
  background: #fff;
  color: #000;
  width: auto !important;
  overflow: auto !important;
}
.utilityBillingWrapper .smallItalics {
  font-size: 11px;
  font-style: italic;
}
.utilityBillingWrapper .content {
  position: relative;
  width: 100%;
}
.utilityBillingWrapper .updateprogresswrapper {
  text-align: center;
  position: relative;
  opacity: 0.5;
  vertical-align: middle;
  z-index: 1000;
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
  background-color: gray;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.utilityBillingWrapper .updateprogressindicator {
  top: 20%;
  position: relative;
}
.utilityBillingWrapper .no-border, .utilityBillingWrapper .no-border td {
  border: none !important;
}
.utilityBillingWrapper .utilityBillingLoginLinkStyled a, .utilityBillingWrapper .utilityBillingLoginLinkStyled a:link, .utilityBillingWrapper .utilityBillingLoginLinkStyled a:visited, .utilityBillingWrapper .utilityBillingLoginLinkStyled a:hover, .utilityBillingWrapper .utilityBillingLoginLinkStyled a:active {
  text-decoration: none;
  color: white;
}
.utilityBillingWrapper .utilityBillingLoginLinkStyled + a, .utilityBillingWrapper .utilityBillingLoginLinkStyled + a:link, .utilityBillingWrapper .utilityBillingLoginLinkStyled + a:visited, .utilityBillingWrapper .utilityBillingLoginLinkStyled + a:hover, .utilityBillingWrapper .utilityBillingLoginLinkStyled + a:active {
  text-decoration: none;
  color: white;
}
.utilityBillingWrapper .utilityBillImage {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .utilityBillingWrapper .utilityBillImage {
    width: 320px;
  }
}
.utilityBillingWrapper .RadMultiPage {
  padding: 15px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.utilityBillingWrapper .info, .utilityBillingWrapper .success, .utilityBillingWrapper .warning, .utilityBillingWrapper .error, .utilityBillingWrapper .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.utilityBillingWrapper li.info, .utilityBillingWrapper li.success, .utilityBillingWrapper li.warning, .utilityBillingWrapper li.error, .utilityBillingWrapper li.validation {
  margin-top: 10px !important;
}
.utilityBillingWrapper .info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}
.utilityBillingWrapper .success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
.utilityBillingWrapper .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}
.utilityBillingWrapper .error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}
.utilityBillingWrapper .required label:before {
  content: "* ";
  color: red;
}
.utilityBillingWrapper .sfFormBox, .utilityBillingWrapper .sfFormRadiolist, .utilityBillingWrapper .sfFormCheckboxlist, .utilityBillingWrapper .sfFormDropdown, .utilityBillingWrapper .sfFormBlock, .utilityBillingWrapper .sfFormInstructions, .utilityBillingWrapper .sfFormSubmit, .utilityBillingWrapper .RadPicker {
  margin-bottom: 0;
}
.utilityBillingWrapper .noborder td, .utilityBillingWrapper .noborder tr {
  border: none !important;
}
.utilityBillingWrapper .button, .utilityBillingWrapper .sfFormSubmit input[type=submit], .sfFormSubmit .utilityBillingWrapper input[type=submit] {
  color: #fff !important;
}
.utilityBillingWrapper .button a, .utilityBillingWrapper .sfFormSubmit input[type=submit] a, .sfFormSubmit .utilityBillingWrapper input[type=submit] a {
  color: #fff !important;
}
.utilityBillingWrapper .formTemplate {
  background-color: #fff;
  padding: 5px;
}
.utilityBillingWrapper .rgEditRow + tr td.rgGroupCol + td {
  background-color: #d7d7d7;
}
.utilityBillingWrapper .sfSubmitBtnWrp {
  padding: 10px 0px 0px 0px;
}
.utilityBillingWrapper #sfLoginWidgetWrp .sfSubmitBtnWrp {
  padding: 0px;
}
.utilityBillingWrapper #sfLoginWidgetWrp div[id$=_ErrorMessageLabel] {
  white-space: normal;
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
  display: block;
}
.utilityBillingWrapper fieldset.sfregisterFormWrp {
  border: none;
}
.utilityBillingWrapper .RadCaptcha_Default label {
  display: none;
}
.utilityBillingWrapper .confirmationMessage ul {
  padding-bottom: 10px !important;
}
.utilityBillingWrapper .confirmationMessage ul li {
  list-style: disc !important;
  margin: 0px !important;
  margin-left: 20px !important;
}
.utilityBillingWrapper .sfErrorSummary > span:not(:empty) {
  white-space: normal;
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
  display: block;
}
.utilityBillingWrapper .sfregisterLnkWrp {
  padding-top: 10px;
}
.utilityBillingWrapper .RadGrid td {
  border: none;
}
.utilityBillingWrapper .RadGrid_Default .rgFooter a, .utilityBillingWrapper .RadGrid_Default .rgEditForm a, .utilityBillingWrapper .RadGrid_Default tr.rgEditRow a {
  color: #fff !important;
}
.utilityBillingWrapper .RadGrid_Default .rgEditForm:not(.rgEditPopup) {
  border-bottom: none;
}
.utilityBillingWrapper .RadButton_Default .rbToggleCheckbox, .utilityBillingWrapper .RadButton_Default .rbToggleCheckboxChecked, .utilityBillingWrapper .RadButton_Default .rbToggleCheckboxFilled, .utilityBillingWrapper .RadButton_Default .rbToggleRadio, .utilityBillingWrapper .RadButton_Default .rbToggleRadioChecked {
  background-image: none;
}
.utilityBillingWrapper .RadButton_Default.rbSkinnedButton, .utilityBillingWrapper .RadButton_Default.rbVerticalButton, .utilityBillingWrapper .RadButton_Default .rbDecorated, .utilityBillingWrapper .RadButton_Default .rbSplitRight, .utilityBillingWrapper .RadButton_Default .rbSplitLeft {
  background-image: none;
  color: #fff;
  height: inherit;
  text-align: center;
  width: 100%;
}
.utilityBillingWrapper .RadButton_Default.rbLinkButton, .utilityBillingWrapper .RadButton_Default.rbLinkButton.rbDisabled, .utilityBillingWrapper .RadButton_Default.rbLinkButton.rbDisabled:hover, .utilityBillingWrapper .RadButton_Default.rbLinkButton.rbDisabled:active, .utilityBillingWrapper .RadButton_Default.rbLinkButton.rbDisabled:focus {
  /*background-image: none;
  color: #fff;
  height: inherit;
  text-align: center;
      */
  vertical-align: middle;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  background-color: #006d84;
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #088f98), color-stop(100%, #006d84));
  background-image: -moz-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: -webkit-linear-gradient(#088f98 0%, #006d84 100%);
  background-image: linear-gradient(#088f98 0%, #006d84 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#088f98", EndColorStr="#006d84"), progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=140, Color="#4d4f53");
  border: 0;
  color: #fff;
  font-family: "ff-dax-web-pro", Arial, sans-serif;
  font-size: 1.4rem;
  padding: 6px 20px 4px;
  display: inline-block;
}
.utilityBillingWrapper .RadRadioButton.RadButton .rbText, .utilityBillingWrapper .RadCheckBox.RadButton .rbText {
  padding: 0px;
}
.utilityBillingWrapper .updateprogresswrapper {
  position: relative;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000000;
  opacity: 0.7;
}
.utilityBillingWrapper .updateprogressindicator {
  padding: 10px;
  position: fixed;
  top: 45%;
  left: 50%;
}
.utilityBillingWrapper .column {
  float: left;
}
.utilityBillingWrapper .columnR {
  float: left;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-width: 240px) and (max-width: 320px), only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-width: 480px) and (max-width: 979px) {
  .utilityBillingWrapper .columnR {
    width: 100%;
  }
}
.utilityBillingWrapper .row img {
  margin-top: 15px;
}
.utilityBillingWrapper .row:after {
  content: "";
  display: table;
  clear: both;
}

div.utilityBillingWrapper.button.Right {
  float: right;
  clear: right;
}
div.utilityBillingWrapper.button.Right a {
  color: #fff !important;
}

div.utilityBillingWrapper.success div {
  border: 1px solid;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
div.utilityBillingWrapper.success div a {
  color: #4F8A10;
  text-decoration: underline;
}

.main-content div.info, .main-content div.success, .main-content div.warning, .main-content div.error, .main-content div.validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.main-content div.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}
.main-content div.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
.main-content div.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}
.main-content div.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}
.main-content .alertsDetailsContainer {
  margin-top: 15px;
}
.main-content .Visible {
  display: block;
  visibility: visible;
}
.main-content .Hidden {
  display: none;
  visibility: hidden;
}
.main-content label.info, .main-content label.success, .main-content label.warning, .main-content label.error, .main-content label.validation {
  display: inline-block;
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.main-content label.info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}
.main-content label.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
.main-content label.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}
.main-content label.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}
.main-content li.info, .main-content li.success, .main-content li.warning, .main-content li.error, .main-content li.validation {
  margin-top: 10px !important;
}
.main-content .required label:before {
  content: "* ";
  color: red;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.webReportsWrapper .info, .webReportsWrapper .success, .webReportsWrapper .warning, .webReportsWrapper .error, .webReportsWrapper .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.webReportsWrapper li.info, .webReportsWrapper li.success, .webReportsWrapper li.warning, .webReportsWrapper li.error, .webReportsWrapper li.validation {
  margin-top: 10px !important;
}
.webReportsWrapper .info {
  color: #00529B;
  background-color: #BDE5F8;
  background-image: url("../Images/info.png");
}
.webReportsWrapper .success {
  color: #4F8A10;
  background-color: #DFF2BF;
  background-image: url("../Images/success.png");
}
.webReportsWrapper .warning {
  color: #9F6000;
  background-color: #FEEFB3;
  background-image: url("../Images/warning.png");
}
.webReportsWrapper .error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url("../Images/error.png");
}
.webReportsWrapper .required label:before {
  content: "* ";
  color: red;
}
.webReportsWrapper .updateprogresswrapper {
  position: relative;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000000;
  opacity: 0.7;
}
.webReportsWrapper .updateprogressindicator {
  padding: 10px;
  position: fixed;
  top: 45%;
  left: 50%;
}

.waterServiceOutageMobileAdminContainer {
  /* kendo drop down styling */
}
.waterServiceOutageMobileAdminContainer .main-content {
  padding: 0;
}
.waterServiceOutageMobileAdminContainer .formFieldsWrapper {
  padding: 0 1rem;
  margin: 0 auto 2rem auto;
  max-width: 800px;
}
.waterServiceOutageMobileAdminContainer .sfFormBox {
  padding: 10px 0 20px 0;
  border-bottom: 1px solid #DDD;
  margin-bottom: 0;
}
.waterServiceOutageMobileAdminContainer input[type=text] {
  background-color: inherit;
  color: inherit;
  padding: unset !important;
  border: unset !important;
}
.waterServiceOutageMobileAdminContainer .k-list-container.k-popup li.k-item {
  text-decoration: none;
  border-color: #bbb;
  font-size: 1.65rem;
  color: #333;
}
.waterServiceOutageMobileAdminContainer .editButton {
  width: 50px;
}
.waterServiceOutageMobileAdminContainer td.letterContainer {
  padding-right: 0;
}
.waterServiceOutageMobileAdminContainer .letterCircle {
  display: block;
  border-radius: 50%;
  /*behavior: url(PIE.htc);*/ /* remove if you don't care about IE8 */
  width: 2rem;
  height: 2rem;
  padding: 4px;
  color: #FFF;
  text-align: center;
}
.waterServiceOutageMobileAdminContainer .letterCircle.letterCirclePlanned {
  background: #0584d8;
}
.waterServiceOutageMobileAdminContainer .letterCircle.letterCircleActive {
  background: #d95e00;
}
.waterServiceOutageMobileAdminContainer .outageTitle {
  font-size: 1.2rem;
}
.waterServiceOutageMobileAdminContainer .btnFullWidthContainer {
  margin: 2rem 0;
}
.waterServiceOutageMobileAdminContainer .btnFullWidthContainer a {
  width: 100%;
  text-align: center;
  padding-right: 0;
  padding-left: 0;
}
.waterServiceOutageMobileAdminContainer .btnFullWidthContainer a.button span.fa {
  margin-right: 1rem;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-wizard-pager,
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-stepper,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-wizard-pager,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-stepper {
  display: none !important;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-widget.k-wizard,
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-widget-step,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-widget.k-wizard,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-widget-step {
  padding: 0;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-wizard-steps,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-wizard-steps {
  margin-left: 0;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-checkbox,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-checkbox {
  color: #0b838e !important;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-checkbox:focus,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-checkbox:focus {
  border-color: #0b838e !important;
  box-shadow: unset !important;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-button-solid-primary[data-wizard-next],
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-button-solid-primary[data-wizard-done],
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-button-solid-primary[data-wizard-next],
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-button-solid-primary[data-wizard-done] {
  border: none;
  background-color: #0b838e;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm .k-button:focus,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm .k-button:focus {
  box-shadow: none;
}
.waterServiceOutageMobileAdminContainer #waterServiceOutageEditForm input.control-label.k-input-inner,
.waterServiceOutageMobileAdminContainer #waterServiceOutageCreateForm input.control-label.k-input-inner {
  padding-left: 1ch !important;
}

div.youTubeVideoControlContainer {
  position: relative;
  margin-bottom: 10px;
}
div.youTubeVideoControlContainer div.youtubeVideoTop {
  overflow: hidden;
}
div.youTubeVideoControlContainer div.youtubeVideoTop a.popup-youtube img {
  padding: 0;
}
div.youTubeVideoControlContainer div.youtubeVideoBottom {
  background-color: #0b838e;
  padding: 10px;
}
div.youTubeVideoControlContainer .youTubeVideoTitle {
  color: white;
}
div.youTubeVideoControlContainer .playImage {
  opacity: 0.8;
  height: 88px;
  width: 88px;
  margin-left: -44px;
  margin-top: -44px; /* half of size of play arrow */
  position: absolute;
  background: url(../Images/icon_youtubePlayButton.png) center center no-repeat;
}
div.youTubeVideoControlContainer .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
div.youTubeVideoControlContainer .embed-responsive .embed-responsive-item,
div.youTubeVideoControlContainer .embed-responsive iframe,
div.youTubeVideoControlContainer .embed-responsive embed,
div.youTubeVideoControlContainer .embed-responsive object,
div.youTubeVideoControlContainer .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
div.youTubeVideoControlContainer .embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
div.youTubeVideoControlContainer .embed-responsive-4by3 {
  padding-bottom: 75%;
}

.mobileMinimum .custom-checkbox input {
  position: static;
}

.mobileMinimum .custom-checkbox label {
  background: none;
  padding-left: 5px;
}