/**
 * UltraWave base styles for iMIS
 *
 * This document contains the base styles required to properly render iMIS.
 * DO NOT EDIT THIS DOCUMENT DIRECTLY. Your changes WILL be lost when you upgrade.
 * Instead, create a new style sheet to override the styles that you want to change.
 *
 **/
/* ==========================================================================
   NORMALIZE
   ========================================================================== */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

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

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* Base
   ========================================================================== */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

/* Links
   ========================================================================== */
a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

/* Typography
   ========================================================================== */
h1 {
  font-size: 200%;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 100%;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* Figures
   ========================================================================== */
figure {
  margin: 0;
}

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

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

/* Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   SCAFFOLDING
   ========================================================================== */
/* From Bootstrap 3.0.2 */
/* Reset the box-sizing
 * See http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Body reset */
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
}

/**
 * Standard container sizing.
 * These are required to ensure popup windows size correctly,
 * and for the sticky footer.
 */
html, body, form {
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Reset fonts for relevant elements */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Images */
img {
  vertical-align: middle;
}

/* Horizontal rules */
hr {
  margin-top: 1.428571429em;
  margin-bottom: 1.428571429em;
  border: 0;
  border-top: 1px solid #ddd;
}

/* disabled links */
a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited {
  color: #999999;
  text-decoration: none;
  cursor: default;
}

/* ==========================================================================
   YUI GRIDS
   ========================================================================== */
/*** NOTE: This grid system is now obsolete. Please use Bootstrap-style grids instead. ***/
#ft {
  clear: both;
}

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
  margin: auto;
  text-align: left;
  width: 57.69em;
  *width: 56.301em;
  min-width: 750px;
}

#doc2 {
  width: 73.074em;
  *width: 71.313em;
}

#doc3 {
  margin: auto 10px;
  width: auto;
}

#doc4 {
  width: 74.923em;
  *width: 73.117em;
}

.yui-b {
  position: relative;
}

.yui-b {
  _position: static;
}

#yui-main .yui-b {
  position: static;
}

#yui-main {
  width: 100%;
}

.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
  float: right;
  margin-left: -25em;
}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
  float: left;
  margin-right: -25em;
}

.yui-t1 .yui-b {
  float: left;
  width: 12.3207em;
  *width: 12.0106em;
}

.yui-t1 #yui-main .yui-b {
  margin-left: 13.3207em;
  *margin-left: 13.0106em;
}

.yui-t2 .yui-b {
  float: left;
  width: 13.8456em;
  *width: 13.512em;
}

.yui-t2 #yui-main .yui-b {
  margin-left: 14.8456em;
  *margin-left: 14.512em;
}

.yui-t3 .yui-b {
  float: left;
  width: 23.0759em;
  *width: 22.52em;
}

.yui-t3 #yui-main .yui-b {
  margin-left: 24.0759em;
  *margin-left: 23.52em;
}

.yui-t4 .yui-b {
  float: right;
  width: 13.8456em;
  *width: 13.512em;
}

.yui-t4 #yui-main .yui-b {
  margin-right: 14.8456em;
  *margin-right: 14.512em;
}

.yui-t5 .yui-b {
  float: right;
  width: 18.4608em;
  *width: 18.016em;
}

.yui-t5 #yui-main .yui-b {
  margin-right: 19.4608em;
  *margin-right: 19.016em;
}

.yui-t6 .yui-b {
  float: right;
  width: 23.0759em;
  *width: 22.52em;
}

.yui-t6 #yui-main .yui-b {
  margin-right: 24.0759em;
  *margin-right: 23.52em;
}

.yui-t7 #yui-main .yui-b {
  display: block;
  margin: 0 0 1em 0;
}

#yui-main .yui-b {
  float: none;
  width: auto;
}

.yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gb .yui-u, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
  float: left;
  margin-left: 2%;
  width: 32%;
}

.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
  *margin-left: 1.8%;
  _margin-left: 4%;
}

.yui-g .yui-gb .yui-u {
  _margin-left: .8%;
}

.yui-gb .yui-u {
  float: right;
}

.yui-gb div.first {
  margin-left: 0;
  float: left;
}

.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {
  *margin-right: 0;
  *width: 32%;
  _width: 31.7%;
}

.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
  *margin-right: 0;
}

.yui-gb .yui-gd .yui-u {
  *width: 66%;
  _width: 61.2%;
}

.yui-gb .yui-gd div.first {
  *width: 31%;
  _width: 29.5%;
}

.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
  width: 32%;
  _float: right;
  margin-right: 0;
  _margin-left: 0;
}

.yui-gb .yui-gc div.first {
  width: 66%;
  *float: left;
  *margin-left: 0;
}

.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
  margin: 0;
}

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
  float: right;
}

.yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-g div.first, .yui-gc div.first, .yui-gc div.first div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first {
  float: left;
}

.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
  width: 49%;
  *width: 48.1%;
  *margin-left: 0;
}

.yui-g .yui-g div.first {
  *margin: 0;
}

.yui-gb .yui-g div.first {
  *margin-right: 4%;
  _margin-right: 1.3%;
}

.yui-gb .yui-gb .yui-u {
  _margin-left: .7%;
}

.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
  *margin-left: 0;
}

.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
  *width: 48.1%;
  *margin-left: 0;
}

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
  width: 49.1%;
}

.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
  margin-left: 0;
}

.yui-g .yui-gc div.first, .yui-gc div.first, .yui-gd .yui-g, .yui-gd .yui-u {
  width: 66%;
}

.yui-gd div.first, .yui-gb .yui-gd div.first {
  width: 32%;
}

.yui-g .yui-gd div.first {
  _width: 29.9%;
}

.yui-ge .yui-u, .yui-ge .yui-g, .yui-gf div.first {
  width: 24%;
}

.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
  float: right;
}

.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
  float: left;
}

.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u {
  width: 74.2%;
}

.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
  *width: 24%;
  _width: 20%;
}

.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
  *width: 73.5%;
  _width: 65.5%;
}

#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
  zoom: 1;
}

.yui-gb .yui-u {
  float: left;
}

/**
 * Reduce the margins between the yui grid containers by overriding the following classes 
 */
.yui-gb .yui-u {
  margin-left: 1.9%;
}

.yui-gd .yui-u {
  width: 67%;
  margin-left: 0.9%;
  float: left;
}

.yui-g .yui-u {
  width: 49.9%;
  float: right;
}

.yui-gc .yui-u {
  width: 33%;
  margin-left: 0;
  float: left;
}

.yui-gf .yui-ge .yui-u {
  width: 18%;
}

/* Left column on account layouts */
.yui-gf div.first {
  width: 24% !important;
}

/* Middle column on account layouts */
/* IE7 Specific class */
* + html .yui-gf .yui-ge DIV.first {
  width: 78% !important;
}

/* All other browsers */
.yui-gf .yui-ge DIV.first {
  width: 54% !important;
}

/* Right column on account layouts */
.yui-gf .yui-ge .yui-u {
  width: 22% !important;
}

/* Issue: 12188, 12264 BEGIN */
/* Styles below are special overrides of the YUI styles in order to properly display content 
within a Content Collection Organizer (CCO) control. These styles should be updated whenever 
a new Content Layout is added that will be used within a CCO. Content Collection Organizer 
always adds a DIV with ID: ContentWizardDisplay_Wrapper and style: ContentWizardDisplay */
.ContentWizardDisplay .yui-ge .yui-u,
.ContentWizardDisplay .yui-ge .yui-g,
.ContentWizardDisplay .yui-gf div.first {
  width: 24% !important;
}

.ContentWizardDisplay .yui-ge .yui-u.first {
  width: 74.2% !important;
}

.ContentWizardDisplay .yui-g .yui-gc div.first,
.ContentWizardDisplay .yui-g .yui-ge div.first,
.ContentWizardDisplay .yui-g div.first,
.ContentWizardDisplay .yui-gc div.first,
.ContentWizardDisplay .yui-gc div.first div.first,
.ContentWizardDisplay .yui-gd div.first,
.ContentWizardDisplay .yui-ge div.first,
.ContentWizardDisplay .yui-gf div.first {
  float: left;
}

.yui-g .ContentWizardDisplay .yui-u,
.yui-g .ContentWizardDisplay .yui-g,
.yui-g .ContentWizardDisplay .yui-gb,
.yui-g .ContentWizardDisplay .yui-gc,
.yui-g .ContentWizardDisplay .yui-gd,
.yui-g .ContentWizardDisplay .yui-ge,
.yui-g .ContentWizardDisplay .yui-gf {
  width: 100%;
}

.yui-g .ContentWizardDisplay .yui-u,
.yui-g .ContentWizardDisplay .yui-g,
.yui-g .ContentWizardDisplay .yui-gb,
.yui-g .ContentWizardDisplay .yui-gc,
.yui-g .ContentWizardDisplay .yui-gd,
.yui-g .ContentWizardDisplay .yui-ge,
.yui-g .ContentWizardDisplay .yui-gf,
.yui-gc .ContentWizardDisplay .yui-u,
.yui-gd .ContentWizardDisplay .yui-g,
.yui-g .ContentWizardDisplay .yui-gc .yui-u,
.yui-ge .ContentWizardDisplay .yui-u,
.yui-ge .ContentWizardDisplay .yui-g,
.yui-gf .ContentWizardDisplay .yui-g,
.yui-gf .ContentWizardDisplay .yui-u {
  float: none;
}

/* Center column */
.ContentWizardDisplay .yui-gf .yui-ge div.first {
  margin-left: 0.8em !important;
  width: 55.7% !important;
  *width: 80.1% !important;
}

/* Right column */
.ContentWizardDisplay .yui-gf .yui-ge .yui-u {
  margin-left: 0.8em !important;
  width: 18% !important;
  float: left;
}

.ContentWizardDisplay .yui-g .yui-u,
.ContentWizardDisplay .yui-g .yui-g,
.ContentWizardDisplay .yui-g .yui-gb,
.ContentWizardDisplay .yui-g .yui-gc,
.ContentWizardDisplay .yui-g .yui-gd,
.ContentWizardDisplay .yui-g .yui-ge,
.ContentWizardDisplay .yui-g .yui-gf,
.ContentWizardDisplay .yui-gc .yui-u,
.ContentWizardDisplay .yui-gd .yui-g,
.ContentWizardDisplay .yui-g .yui-gc .yui-u,
.ContentWizardDisplay .yui-ge .yui-u,
.ContentWizardDisplay .yui-ge .yui-g,
.ContentWizardDisplay .yui-gf .yui-g,
.ContentWizardDisplay .yui-gf .yui-u {
  float: right;
}

.ContentWizardDisplay .yui-g .yui-u {
  float: right;
  width: 49.9% !important;
}

.ContentWizardDisplay .yui-g .yui-u,
.ContentWizardDisplay .yui-g .yui-g,
.ContentWizardDisplay .yui-g .yui-gb,
.ContentWizardDisplay .yui-g .yui-gc,
.ContentWizardDisplay .yui-g .yui-gd,
.ContentWizardDisplay .yui-g .yui-ge,
.ContentWizardDisplay .yui-g .yui-gf {
  width: 49.1% !important;
}

/* Left column */
.ContentWizardDisplay .yui-g .yui-u,
.ContentWizardDisplay .yui-g .yui-g,
.ContentWizardDisplay .yui-g .yui-gb,
.ContentWizardDisplay .yui-g .yui-gc,
.ContentWizardDisplay .yui-g .yui-gd,
.ContentWizardDisplay .yui-g .yui-ge,
.ContentWizardDisplay .yui-g .yui-gf,
.ContentWizardDisplay .yui-gc .yui-u,
.ContentWizardDisplay .yui-gd .yui-g,
.ContentWizardDisplay .yui-g .yui-gc
.ContentWizardDisplay .yui-u,
.ContentWizardDisplay .yui-ge .yui-u,
.ContentWizardDisplay .yui-ge .yui-g,
.ContentWizardDisplay .yui-gf .yui-g,
.ContentWizardDisplay .yui-gf .yui-u {
  float: right;
}

/* Styles to properly display single column layout */
.ContentWizardDisplay .yui-g {
  width: 100%;
}

/* If multiple CCO iParts are on a single content record this class */
/* is needed to handle the height correctly */
#ContentWizardDisplay_Wrapper #ContentWizardDisplay_Wrapper,
#ContentWizardDisplay_Wrapper #ContentWizardDisplay_Wrapper #ContentWizardDisplay_Wrapper {
  height: 100%;
  overflow: hidden;
  zoom: 1;
}

/* Fix for 3 over 1 layout in Dashboard CCO */
.ContentWizardDisplay .yui-gb .yui-u {
  width: 32.6% !important;
  float: left !important;
  margin-left: 0;
}

/* Fix for 33/66 layout in CCO */
.ContentWizardDisplay .yui-gd .yui-u {
  margin-left: 0.8em;
  width: 65.6% !important;
  float: right !important;
}

.ContentWizardDisplay .yui-gd .yui-u.first {
  width: 32.6% !important;
  float: left !important;
  margin-left: 0;
}

.ContentWizardDisplay .yui-gb .yui-u {
  width: 32.6% !important;
  float: left !important;
  margin-left: 0;
}

/* To avoid doubling up the margins if ContentItemContainers are nested inside of another */
.ContentWizardDisplay .ContentItemContainer .ContentItemContainer {
  margin-top: 0;
}

/* Styles to properly display nested CCO iParts */
.ContentWizardDisplay .yui-g .yui-g {
  width: 100% !important;
  float: left !important;
}

/* ==========================================================================
   BOOTSTRAP GRIDS
   ========================================================================== */
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.EmptyMasterContentPanel > div > .row {
  /* remove the negative margins in pop-ups */
  margin-left: 0;
  margin-right: 0;
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: 0%;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: 0%;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

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

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

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

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

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

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

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

@media (min-width: 768px) {
  .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    float: left;
  }

  .col-sm-1 {
    width: 8.3333333333%;
  }

  .col-sm-2 {
    width: 16.6666666667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.3333333333%;
  }

  .col-sm-5 {
    width: 41.6666666667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.3333333333%;
  }

  .col-sm-8 {
    width: 66.6666666667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.3333333333%;
  }

  .col-sm-11 {
    width: 91.6666666667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: 0%;
  }

  .col-sm-pull-1 {
    right: 8.3333333333%;
  }

  .col-sm-pull-2 {
    right: 16.6666666667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.3333333333%;
  }

  .col-sm-pull-5 {
    right: 41.6666666667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.3333333333%;
  }

  .col-sm-pull-8 {
    right: 66.6666666667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.3333333333%;
  }

  .col-sm-pull-11 {
    right: 91.6666666667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: 0%;
  }

  .col-sm-push-1 {
    left: 8.3333333333%;
  }

  .col-sm-push-2 {
    left: 16.6666666667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.3333333333%;
  }

  .col-sm-push-5 {
    left: 41.6666666667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.3333333333%;
  }

  .col-sm-push-8 {
    left: 66.6666666667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.3333333333%;
  }

  .col-sm-push-11 {
    left: 91.6666666667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
.no-mqs .col-sm-12, .no-mqs .col-sm-11, .no-mqs .col-sm-10, .no-mqs .col-sm-9, .no-mqs .col-sm-8, .no-mqs .col-sm-7, .no-mqs .col-sm-6, .no-mqs .col-sm-5, .no-mqs .col-sm-4, .no-mqs .col-sm-3, .no-mqs .col-sm-2, .no-mqs .col-sm-1 {
  float: left;
}
.no-mqs .col-sm-1 {
  width: 8.3333333333%;
}
.no-mqs .col-sm-2 {
  width: 16.6666666667%;
}
.no-mqs .col-sm-3 {
  width: 25%;
}
.no-mqs .col-sm-4 {
  width: 33.3333333333%;
}
.no-mqs .col-sm-5 {
  width: 41.6666666667%;
}
.no-mqs .col-sm-6 {
  width: 50%;
}
.no-mqs .col-sm-7 {
  width: 58.3333333333%;
}
.no-mqs .col-sm-8 {
  width: 66.6666666667%;
}
.no-mqs .col-sm-9 {
  width: 75%;
}
.no-mqs .col-sm-10 {
  width: 83.3333333333%;
}
.no-mqs .col-sm-11 {
  width: 91.6666666667%;
}
.no-mqs .col-sm-12 {
  width: 100%;
}
.no-mqs .col-sm-pull-0 {
  right: 0%;
}
.no-mqs .col-sm-pull-1 {
  right: 8.3333333333%;
}
.no-mqs .col-sm-pull-2 {
  right: 16.6666666667%;
}
.no-mqs .col-sm-pull-3 {
  right: 25%;
}
.no-mqs .col-sm-pull-4 {
  right: 33.3333333333%;
}
.no-mqs .col-sm-pull-5 {
  right: 41.6666666667%;
}
.no-mqs .col-sm-pull-6 {
  right: 50%;
}
.no-mqs .col-sm-pull-7 {
  right: 58.3333333333%;
}
.no-mqs .col-sm-pull-8 {
  right: 66.6666666667%;
}
.no-mqs .col-sm-pull-9 {
  right: 75%;
}
.no-mqs .col-sm-pull-10 {
  right: 83.3333333333%;
}
.no-mqs .col-sm-pull-11 {
  right: 91.6666666667%;
}
.no-mqs .col-sm-pull-12 {
  right: 100%;
}
.no-mqs .col-sm-push-0 {
  left: 0%;
}
.no-mqs .col-sm-push-1 {
  left: 8.3333333333%;
}
.no-mqs .col-sm-push-2 {
  left: 16.6666666667%;
}
.no-mqs .col-sm-push-3 {
  left: 25%;
}
.no-mqs .col-sm-push-4 {
  left: 33.3333333333%;
}
.no-mqs .col-sm-push-5 {
  left: 41.6666666667%;
}
.no-mqs .col-sm-push-6 {
  left: 50%;
}
.no-mqs .col-sm-push-7 {
  left: 58.3333333333%;
}
.no-mqs .col-sm-push-8 {
  left: 66.6666666667%;
}
.no-mqs .col-sm-push-9 {
  left: 75%;
}
.no-mqs .col-sm-push-10 {
  left: 83.3333333333%;
}
.no-mqs .col-sm-push-11 {
  left: 91.6666666667%;
}
.no-mqs .col-sm-push-12 {
  left: 100%;
}
.no-mqs .col-sm-offset-0 {
  margin-left: 0%;
}
.no-mqs .col-sm-offset-1 {
  margin-left: 8.3333333333%;
}
.no-mqs .col-sm-offset-2 {
  margin-left: 16.6666666667%;
}
.no-mqs .col-sm-offset-3 {
  margin-left: 25%;
}
.no-mqs .col-sm-offset-4 {
  margin-left: 33.3333333333%;
}
.no-mqs .col-sm-offset-5 {
  margin-left: 41.6666666667%;
}
.no-mqs .col-sm-offset-6 {
  margin-left: 50%;
}
.no-mqs .col-sm-offset-7 {
  margin-left: 58.3333333333%;
}
.no-mqs .col-sm-offset-8 {
  margin-left: 66.6666666667%;
}
.no-mqs .col-sm-offset-9 {
  margin-left: 75%;
}
.no-mqs .col-sm-offset-10 {
  margin-left: 83.3333333333%;
}
.no-mqs .col-sm-offset-11 {
  margin-left: 91.6666666667%;
}
.no-mqs .col-sm-offset-12 {
  margin-left: 100%;
}

@media (min-width: 992px) {
  .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
    float: left;
  }

  .col-md-1 {
    width: 8.3333333333%;
  }

  .col-md-2 {
    width: 16.6666666667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.3333333333%;
  }

  .col-md-5 {
    width: 41.6666666667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.3333333333%;
  }

  .col-md-8 {
    width: 66.6666666667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.3333333333%;
  }

  .col-md-11 {
    width: 91.6666666667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: 0%;
  }

  .col-md-pull-1 {
    right: 8.3333333333%;
  }

  .col-md-pull-2 {
    right: 16.6666666667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.3333333333%;
  }

  .col-md-pull-5 {
    right: 41.6666666667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.3333333333%;
  }

  .col-md-pull-8 {
    right: 66.6666666667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.3333333333%;
  }

  .col-md-pull-11 {
    right: 91.6666666667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: 0%;
  }

  .col-md-push-1 {
    left: 8.3333333333%;
  }

  .col-md-push-2 {
    left: 16.6666666667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.3333333333%;
  }

  .col-md-push-5 {
    left: 41.6666666667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.3333333333%;
  }

  .col-md-push-8 {
    left: 66.6666666667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.3333333333%;
  }

  .col-md-push-11 {
    left: 91.6666666667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
.no-mqs .col-md-12, .no-mqs .col-md-11, .no-mqs .col-md-10, .no-mqs .col-md-9, .no-mqs .col-md-8, .no-mqs .col-md-7, .no-mqs .col-md-6, .no-mqs .col-md-5, .no-mqs .col-md-4, .no-mqs .col-md-3, .no-mqs .col-md-2, .no-mqs .col-md-1 {
  float: left;
}
.no-mqs .col-md-1 {
  width: 8.3333333333%;
}
.no-mqs .col-md-2 {
  width: 16.6666666667%;
}
.no-mqs .col-md-3 {
  width: 25%;
}
.no-mqs .col-md-4 {
  width: 33.3333333333%;
}
.no-mqs .col-md-5 {
  width: 41.6666666667%;
}
.no-mqs .col-md-6 {
  width: 50%;
}
.no-mqs .col-md-7 {
  width: 58.3333333333%;
}
.no-mqs .col-md-8 {
  width: 66.6666666667%;
}
.no-mqs .col-md-9 {
  width: 75%;
}
.no-mqs .col-md-10 {
  width: 83.3333333333%;
}
.no-mqs .col-md-11 {
  width: 91.6666666667%;
}
.no-mqs .col-md-12 {
  width: 100%;
}
.no-mqs .col-md-pull-0 {
  right: 0%;
}
.no-mqs .col-md-pull-1 {
  right: 8.3333333333%;
}
.no-mqs .col-md-pull-2 {
  right: 16.6666666667%;
}
.no-mqs .col-md-pull-3 {
  right: 25%;
}
.no-mqs .col-md-pull-4 {
  right: 33.3333333333%;
}
.no-mqs .col-md-pull-5 {
  right: 41.6666666667%;
}
.no-mqs .col-md-pull-6 {
  right: 50%;
}
.no-mqs .col-md-pull-7 {
  right: 58.3333333333%;
}
.no-mqs .col-md-pull-8 {
  right: 66.6666666667%;
}
.no-mqs .col-md-pull-9 {
  right: 75%;
}
.no-mqs .col-md-pull-10 {
  right: 83.3333333333%;
}
.no-mqs .col-md-pull-11 {
  right: 91.6666666667%;
}
.no-mqs .col-md-pull-12 {
  right: 100%;
}
.no-mqs .col-md-push-0 {
  left: 0%;
}
.no-mqs .col-md-push-1 {
  left: 8.3333333333%;
}
.no-mqs .col-md-push-2 {
  left: 16.6666666667%;
}
.no-mqs .col-md-push-3 {
  left: 25%;
}
.no-mqs .col-md-push-4 {
  left: 33.3333333333%;
}
.no-mqs .col-md-push-5 {
  left: 41.6666666667%;
}
.no-mqs .col-md-push-6 {
  left: 50%;
}
.no-mqs .col-md-push-7 {
  left: 58.3333333333%;
}
.no-mqs .col-md-push-8 {
  left: 66.6666666667%;
}
.no-mqs .col-md-push-9 {
  left: 75%;
}
.no-mqs .col-md-push-10 {
  left: 83.3333333333%;
}
.no-mqs .col-md-push-11 {
  left: 91.6666666667%;
}
.no-mqs .col-md-push-12 {
  left: 100%;
}
.no-mqs .col-md-offset-0 {
  margin-left: 0%;
}
.no-mqs .col-md-offset-1 {
  margin-left: 8.3333333333%;
}
.no-mqs .col-md-offset-2 {
  margin-left: 16.6666666667%;
}
.no-mqs .col-md-offset-3 {
  margin-left: 25%;
}
.no-mqs .col-md-offset-4 {
  margin-left: 33.3333333333%;
}
.no-mqs .col-md-offset-5 {
  margin-left: 41.6666666667%;
}
.no-mqs .col-md-offset-6 {
  margin-left: 50%;
}
.no-mqs .col-md-offset-7 {
  margin-left: 58.3333333333%;
}
.no-mqs .col-md-offset-8 {
  margin-left: 66.6666666667%;
}
.no-mqs .col-md-offset-9 {
  margin-left: 75%;
}
.no-mqs .col-md-offset-10 {
  margin-left: 83.3333333333%;
}
.no-mqs .col-md-offset-11 {
  margin-left: 91.6666666667%;
}
.no-mqs .col-md-offset-12 {
  margin-left: 100%;
}

@media (min-width: 1200px) {
  .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
    float: left;
  }

  .col-lg-1 {
    width: 8.3333333333%;
  }

  .col-lg-2 {
    width: 16.6666666667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.3333333333%;
  }

  .col-lg-5 {
    width: 41.6666666667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.3333333333%;
  }

  .col-lg-8 {
    width: 66.6666666667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.3333333333%;
  }

  .col-lg-11 {
    width: 91.6666666667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: 0%;
  }

  .col-lg-pull-1 {
    right: 8.3333333333%;
  }

  .col-lg-pull-2 {
    right: 16.6666666667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.3333333333%;
  }

  .col-lg-pull-5 {
    right: 41.6666666667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.3333333333%;
  }

  .col-lg-pull-8 {
    right: 66.6666666667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.3333333333%;
  }

  .col-lg-pull-11 {
    right: 91.6666666667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: 0%;
  }

  .col-lg-push-1 {
    left: 8.3333333333%;
  }

  .col-lg-push-2 {
    left: 16.6666666667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.3333333333%;
  }

  .col-lg-push-5 {
    left: 41.6666666667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.3333333333%;
  }

  .col-lg-push-8 {
    left: 66.6666666667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.3333333333%;
  }

  .col-lg-push-11 {
    left: 91.6666666667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }

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

  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }

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

  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }

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

  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.no-mqs .col-lg-12, .no-mqs .col-lg-11, .no-mqs .col-lg-10, .no-mqs .col-lg-9, .no-mqs .col-lg-8, .no-mqs .col-lg-7, .no-mqs .col-lg-6, .no-mqs .col-lg-5, .no-mqs .col-lg-4, .no-mqs .col-lg-3, .no-mqs .col-lg-2, .no-mqs .col-lg-1 {
  float: left;
}
.no-mqs .col-lg-1 {
  width: 8.3333333333%;
}
.no-mqs .col-lg-2 {
  width: 16.6666666667%;
}
.no-mqs .col-lg-3 {
  width: 25%;
}
.no-mqs .col-lg-4 {
  width: 33.3333333333%;
}
.no-mqs .col-lg-5 {
  width: 41.6666666667%;
}
.no-mqs .col-lg-6 {
  width: 50%;
}
.no-mqs .col-lg-7 {
  width: 58.3333333333%;
}
.no-mqs .col-lg-8 {
  width: 66.6666666667%;
}
.no-mqs .col-lg-9 {
  width: 75%;
}
.no-mqs .col-lg-10 {
  width: 83.3333333333%;
}
.no-mqs .col-lg-11 {
  width: 91.6666666667%;
}
.no-mqs .col-lg-12 {
  width: 100%;
}
.no-mqs .col-lg-pull-0 {
  right: 0%;
}
.no-mqs .col-lg-pull-1 {
  right: 8.3333333333%;
}
.no-mqs .col-lg-pull-2 {
  right: 16.6666666667%;
}
.no-mqs .col-lg-pull-3 {
  right: 25%;
}
.no-mqs .col-lg-pull-4 {
  right: 33.3333333333%;
}
.no-mqs .col-lg-pull-5 {
  right: 41.6666666667%;
}
.no-mqs .col-lg-pull-6 {
  right: 50%;
}
.no-mqs .col-lg-pull-7 {
  right: 58.3333333333%;
}
.no-mqs .col-lg-pull-8 {
  right: 66.6666666667%;
}
.no-mqs .col-lg-pull-9 {
  right: 75%;
}
.no-mqs .col-lg-pull-10 {
  right: 83.3333333333%;
}
.no-mqs .col-lg-pull-11 {
  right: 91.6666666667%;
}
.no-mqs .col-lg-pull-12 {
  right: 100%;
}
.no-mqs .col-lg-push-0 {
  left: 0%;
}
.no-mqs .col-lg-push-1 {
  left: 8.3333333333%;
}
.no-mqs .col-lg-push-2 {
  left: 16.6666666667%;
}
.no-mqs .col-lg-push-3 {
  left: 25%;
}
.no-mqs .col-lg-push-4 {
  left: 33.3333333333%;
}
.no-mqs .col-lg-push-5 {
  left: 41.6666666667%;
}
.no-mqs .col-lg-push-6 {
  left: 50%;
}
.no-mqs .col-lg-push-7 {
  left: 58.3333333333%;
}
.no-mqs .col-lg-push-8 {
  left: 66.6666666667%;
}
.no-mqs .col-lg-push-9 {
  left: 75%;
}
.no-mqs .col-lg-push-10 {
  left: 83.3333333333%;
}
.no-mqs .col-lg-push-11 {
  left: 91.6666666667%;
}
.no-mqs .col-lg-push-12 {
  left: 100%;
}
.no-mqs .col-lg-offset-0 {
  margin-left: 0%;
}
.no-mqs .col-lg-offset-1 {
  margin-left: 8.3333333333%;
}
.no-mqs .col-lg-offset-2 {
  margin-left: 16.6666666667%;
}
.no-mqs .col-lg-offset-3 {
  margin-left: 25%;
}
.no-mqs .col-lg-offset-4 {
  margin-left: 33.3333333333%;
}
.no-mqs .col-lg-offset-5 {
  margin-left: 41.6666666667%;
}
.no-mqs .col-lg-offset-6 {
  margin-left: 50%;
}
.no-mqs .col-lg-offset-7 {
  margin-left: 58.3333333333%;
}
.no-mqs .col-lg-offset-8 {
  margin-left: 66.6666666667%;
}
.no-mqs .col-lg-offset-9 {
  margin-left: 75%;
}
.no-mqs .col-lg-offset-10 {
  margin-left: 83.3333333333%;
}
.no-mqs .col-lg-offset-11 {
  margin-left: 91.6666666667%;
}
.no-mqs .col-lg-offset-12 {
  margin-left: 100%;
}

/* ==========================================================================
   TYPOGRAPHY 
   ========================================================================== */
/* Body text
   ========================================================================== */
p {
  margin: 0 0 1em;
}

.lead {
  margin-bottom: 1.5em;
  font-size: 115%;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 150%;
  }
}
.no-mqs .lead {
  font-size: 150%;
}

small,
.small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

.text-left {
  text-align: left;
}

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

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller {
  font-weight: bold;
  line-height: normal;
}
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small,
.PageTitle small,
.PageTitle .small, .PanelTitle small,
.PanelTitle .small, .SectionTitle small,
.SectionTitle .small, .SectionLabel small,
.SectionLabel .small, .SectionLabelSmaller small,
.SectionLabelSmaller .small {
  font-weight: normal;
  line-height: 1;
}

h1,
h2,
h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small {
  font-size: 65%;
}

h2,
.h2,
div.PanelTitle {
  border-bottom: 1px solid #ddd;
  margin: .2em 0;
}

h2.PanelTitle {
  border-bottom: none;
  margin: 0;
  display: inline;
}

h4,
h5,
h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small {
  font-size: 75%;
}

h1, .h1, .PageTitle {
  font-size: 250%;
}

h2, .h2, .PanelTitle {
  font-size: 190%;
}

h3, .h3, .SectionTitle {
  font-size: 130%;
}

h4, .h4, .SectionLabel {
  font-size: 120%;
}

h5, .h5, .SectionLabelSmaller {
  font-size: 100%;
}

h6, .h6 {
  font-size: 85%;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

dl {
  margin-bottom: 18px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #ddd;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.428571429;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

blockquote:before,
blockquote:after {
  content: "";
}

address {
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.428571429;
}

/* ==========================================================================
   FORMS
   ========================================================================== */
/* Basics
   ========================================================================== */
/* "Label" class can be used to style items like labels without needing to use the <label> tag.
Be aware that you always need one <label> tag associated with all <input> controls. */
/* NOTE: The "PanelFieldLabelFont" class is obsolete */
label,
.Label,
.PanelFieldLabelFont {
  font-weight: bold;
  color: #444;
  /* This is to allow space for the required indicator */
  padding-left: 7px;
  margin-left: -7px;
}

/* set default input styles */
input,
textarea {
  font-family: inherit;
  font-weight: normal;
  font-size: 98%;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

/* default input width */
input {
  width: 12.25em;
}

/* reset widths for inputs where needed */
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

/* default textarea width and padding */
textarea {
  max-width: 100%;
  width: 15em;
  /* Gives textarea the same padding as other input fields */
  padding: 0.25em;
}
@media (min-width: 480px) {
  textarea {
    width: 22em;
  }
}
.no-mqs textarea {
  width: 22em;
}
.no-mqs textarea {
  max-width: none;
}

/* put a gray background on disabled inputs */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: default;
  background-color: #eeeeee;
}

/* override the gray background on particular types of inputs */
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly],
input[type="image"][disabled] {
  background-color: transparent;
}

/* "gray out" image buttons when they are disabled */
input[type="image"][disabled] {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

/* disabled span and labels */
span[disabled],
label[disabled],
[disabled] label,
.Disabled,
.aspNetDisabled,
.aspNetDisabled label,
.aspNetDisabled .Label {
  color: #666;
}

select[multiple="multiple"] {
  min-width: 11em;
}

/* Event Pricing fields */
.FunctionPricingTable input[type=text][name*=TextPrice] {
  width: 9em;
}

/* PanelField
   ========================================================================== */
/**
  * PanelField should be used to wrap all form fields in iMIS.
  * The correct syntax is automatically generated by asiweb controls when the property RenderPanelField is set to true.
  * Classes Top, Bottom, Left or Right are generated when the property CaptionPosition is defined, 
  * and describe where the label renders relative to the associated input.
  * If no caption position is set, the label will automatically render to the left.
  *
  * Example HTML:
  * <div class="PanelField Left">
  *     <label for="MyInput">This is a label</label>
  *     <div class="PanelFieldValue">
  *         <input type="text" ID="MyInput" />
  *     </div>
  * </div>
  *
  * Note: It is very important to assoicate a label with every form field.
  * This is automatically handled by asiweb controls when using the built-in caption rendering,
  * but will have to be set by hand when you opt not to use it.
  * In ASP.NET, setting the property AssociatedControlID on a Label control (or asiweb:StyledLabel)
  * will render the control as a label associated with the provided control ID.
  */
/* .PanelField <div> Wrapper for the label and value of a field in a form */
.PanelField {
  float: left;
  clear: left;
  width: 100%;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

.PanelField label,
.PanelField .Label,
.PanelField .PanelFieldValue {
  float: left;
}

/* Label within a Panel Field */
.PanelField label,
.PanelField .Label {
  text-align: left;
  width: 11.5em;
  word-wrap: break-word;
  white-space: pre-line;
  padding-right: .5em;
}

.PanelFieldValue {
  display: inline;
  width: auto;
  padding-right: .5em;
}

.PanelFieldValue, .Left .PanelFieldValue, .Right .PanelFieldValue,
.PanelFieldLabel, .Left
.PanelFieldLabel, .Right
.PanelFieldLabel {
  /* When the label is on the left (default) or right */
  /* NOTE: The PanelFieldLabel class is obsolete */
  display: inline-block;
  float: left;
}
.Top .PanelFieldValue, .Bottom .PanelFieldValue, .Top
.PanelFieldLabel, .Bottom
.PanelFieldLabel {
  /* When the label is on the top or bottom */
  /* NOTE: The PanelFieldLabel class is obsolete */
  display: block;
  clear: left;
  float: none;
}

.Top label, .Bottom label, .Right label,
.Top .Label, .Bottom .Label, .Right .Label {
  width: auto !important;
  padding-right: 0;
}

/* Class LabelSpacer can be used as a wrapper to create a label-sized indention 
to appropriately align fields in a form */
.LabelSpacer,
.LabelSpacer.PanelField {
  padding-left: 11em;
  min-height: 1px;
}

/* Sizes of the HTML Editors and Textareas */
.PanelField .HtmlEditor {
  width: 100% !important;
}

/* Give radio buttons and checkboxes some room to breathe */
input[type="radio"] + label,
input[type="checkbox"] + label {
  padding-left: 10px;
  padding-right: 1em;
}

/* allow radio buttons to display to the left of their labels */
.PanelFieldValue input[type="radio"] {
  float: left;
}

/* Override styling for PanelFields within grid headers */
.rgHeader .PanelField,
.PanelFieldReset.PanelField, .PanelFieldReset .PanelField {
  float: none;
  clear: none;
  width: auto;
  padding: 0;
  display: inline;
}

/* Used to make bottom borders line up in tables */
.StandardPanel td {
  vertical-align: top;
}

.StandardPanel td .PanelField {
  border-bottom: 0;
}

/* PanelBlock
   ========================================================================== */
/* Wrapper class "PanelBlock" may be used to make PanelFields display like tables. */
/* Use once around all the PanelFields that you wish to display in table format. */
.PanelBlock {
  display: table;
}

/* Second set of selectors necessary to override original PanelField styling */
.PanelBlock .PanelField {
  display: table-row;
  float: none;
  width: 100%;
}
.PanelBlock .PanelField .PanelFieldLabel,
.PanelBlock .PanelField .PanelFieldValue {
  display: table-cell;
  float: none;
  padding-right: 3px;
  vertical-align: top;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
.PanelBlock .PanelField label,
.PanelBlock .PanelField .Label {
  width: auto;
}
.PanelBlock .PanelField.Top .PanelFieldLabel,
.PanelBlock .PanelField.Top .PanelFieldValue, .PanelBlock .PanelField.Bottom .PanelFieldLabel,
.PanelBlock .PanelField.Bottom .PanelFieldValue {
  display: block;
}

.PanelBlock.MiddleAlign .PanelFieldLabel,
.PanelBlock.MiddleAlign .PanelFieldValue {
  vertical-align: middle;
}

/* Form guides
   ========================================================================== */
/* Indicators and helpers to guide a user through a form */
/* The required class should be applied to the label of a required field.
 * It displays the red asterisk next to the label */
.Required {
  background-position: left .45em !important;
  background-image: url(../images/required.png) !important;
  background-repeat: no-repeat;
  display: inline;
}

/* special case where a required label is displayed to the right of a field */
.Right .Required {
  padding-left: 9px !important;
  margin-left: 0 !important;
}

/* The important class should be applied to validation messages (eg. Required)
 * that appear next to fields that fail validation on submit */
.Important, .ValidationError {
  font-weight: normal;
  color: #FF0000;
  padding-left: 3px !important;
  vertical-align: middle;
}

/* Helper text to describe the purpose of a field */
.Info {
  font-style: italic;
  font-weight: normal;
  color: #444;
}

/* .moreInfo <div> used by the info control to display a help pop-up */
.moreInfo {
  display: inline;
  vertical-align: middle;
}

.moreInfoPanel {
  display: block;
  max-width: 25em;
}

.unitText {
  margin-left: 2px;
  white-space: nowrap;
}

/* Form style modifiers
   ========================================================================== */
/* Wrap several PanelFields in form-inline to make them display inline */
.form-inline .PanelField {
  float: none;
  clear: none;
  width: auto;
  display: inline-block;
}

.AlignRight.InputXXSmall::-ms-clear, .InputXXSmallWrapper input.AlignRight[type='text']::-ms-clear,
.AlignRight.NarrowTextBox::-ms-clear, .AlignRight.InputXSmall::-ms-clear, .InputXSmallWrapper input.AlignRight[type='text']::-ms-clear {
  /* if inputs are aligned right in IE10 the clear button hides the input value 
   * so we just don't display it
   */
  display: none;
}

/* Use the following classes to size inputs (such as text fields) 
 * They are especially useful for small or large inputs such as quantity or long file paths
 */
.InputXXSmall, .InputXXSmallWrapper input[type='text'],
.NarrowTextBox {
  /* NOTE: Narrow text box is obsolete. Use InputXXSmall instead */
  width: 3em;
}

.InputXSmall, .InputXSmallWrapper input[type='text'] {
  width: 4.3em;
}

.InputSmall, .InputSmallWrapper input[type='text'] {
  width: 7em;
}

.InputMedium, .InputMediumWrapper input[type='text'] {
  width: 11.9em;
}

.InputLarge, .InputLargeWrapper input[type='text'] {
  width: 18em;
}

.InputXLarge, .InputXLargeWrapper input[type='text'],
.WideTextBox {
  /* NOTE: WideTextBox is obsolete. Use InputXLarge instead. */
  width: 26.5em;
}

.InputXXLarge, .InputXXLargeWrapper input[type='text'] {
  width: 42em;
}

/* Apply the AutoWidth class to allow form fields to take up on the necessary amount of space */
.AutoWidth label, .AutoWidth .Label, .AutoWidth .PanelFieldValue, .AutoWidth {
  width: auto !important;
  min-width: 1em !important;
}

/* For AutoWidth labels, this adds padding to the right so there is more space between the label and value */
label.AutoWidth, .Label.AutoWidth {
  padding-right: .6em;
}

/* Apply the FloatNone class to allow form fields to render without floats
 * It is particulary useful for checkbox and radio button controls */
.FloatNone label, .FloatNone input {
  float: none !important;
}

@media (max-width: 991px) {
  .radio-inline-sm {
    display: block;
  }
  .radio-inline-sm:before, .radio-inline-sm:after {
    content: " ";
    display: table;
  }
  .radio-inline-sm:after {
    clear: both;
  }
  .radio-inline-sm input {
    /* Apply the radio-inline-sm class to display horizontal radio button lists vertically on small displays, like mobile phones */
    float: left !important;
  }
  .radio-inline-sm label {
    float: left !important;
  }
  .radio-inline-sm label + input {
    clear: both !important;
  }
}

/* CheckBoxList: Wrapper class for a list of related checkboxes */
.CheckBoxList {
  margin-top: .4em;
}
.CheckBoxList .PanelField {
  padding-top: 0;
}
.CheckBoxList label {
  float: none !important;
  font-weight: normal !important;
  color: #333333 !important;
}
.CheckBoxList input {
  float: none !important;
}

/* Use TotalBox as a wrapper for a PanelField to give it a visual distinction.
 * It is intended to be used to call out the total combined price. */
.TotalBox .PanelField, .PanelField.TotalBox {
  width: auto;
  border: 1px solid #90979E;
}

.TotalBox .PanelField .PanelFieldValue, .PanelField.TotalBox .PanelFieldValue {
  font-size: 120%;
  font-weight: bold;
  padding: .4em;
  float: right;
}

/* Applies a consistent width and padding to System Configuration text fields and textareas */
.SystemConfigTextField textarea,
.SystemConfigTextField input[type="text"] {
  width: 55%;
  padding: 0.25em;
}

/* Form field groupings
   ========================================================================== */
/* These classes can be used to visually associate sections of a form */
/* Used as a wrapper for items that are a subset of another item
 * eg. options that are only enabled if the checkbox above them is checked */
.SubItems {
  padding-left: 2.2em;
  padding-top: .5em;
}

.ShowLegend legend + .SubItems {
  padding-top: 0;
  /* don't want too much padding between the legend and the Sub Items*/
}

/* Used for configuration group titles */
.ConfigurationGroup {
  text-decoration: underline;
}

/* Fieldsets are hidden by default, but if you use the class ShowFieldset 
 * either on the fieldset or as a wrapper it will display. 
 * ShowLegend can be used to display the legend without the border.
*/
div.ShowFieldset fieldset legend,
fieldset.ShowFieldset legend,
.ShowLegend legend {
  display: block !important;
  color: #444;
  font-weight: bold;
}

div.ShowFieldset fieldset,
fieldset.ShowFieldset {
  border: 1px solid gray;
  padding: 1em;
  margin: .05em;
}
div.ShowFieldset fieldset legend,
fieldset.ShowFieldset legend {
  padding: 5px;
}

/* Questions
   ========================================================================== */
/* These selectors affect form questions and responses displayed for events and program items   */
.FormFieldResponse .PanelFieldValue {
  padding-top: .5em;
  padding-bottom: .5em;
}

.FormFieldResponse .PanelFieldLabel {
  display: block;
  float: none;
}

.PanelField.FormFieldResponse label,
.PanelField.FormFieldResponse .Label {
  float: none;
}

.FormFieldResponse input {
  text-align: left !important;
}

/* Buttons
   ========================================================================== */
/* IE7 and 8 - position text on the Upload button*/
.TextButton {
  vertical-align: middle;
}

/* Buttons that display at the bottom of the page (eg. Save & Close, Save, Cancel buttons) */
.CommandBar {
  padding-top: 5px;
  z-index: 2;
  text-align: right;
}

.CommandBar input,
.CommandBar button {
  margin-left: 5px;
}

.ButtonPanel {
  width: 100%;
}

/* ButtonBoxList
   ========================================================================== */
/* ButtonBoxList - used to display big buttons on the dashboards */
div.ButtonBox {
  width: 100%;
  text-align: center;
}

ul.ButtonBoxList {
  padding: 10px;
  list-style: none;
  overflow: hidden;
  margin: 0px 0px -30px 0px;
}

ul.ButtonBoxList li {
  display: inline-block;
  margin-right: 15px;
  overflow: hidden;
  padding: 0 0 15px 0;
  position: relative;
}

ul.ButtonBoxList li a {
  background: #fff;
  border: 1px solid #ddd;
  color: #333;
  display: block;
  height: 125px;
  overflow: hidden;
  padding: 10px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

ul.ButtonBoxList li a:hover {
  border: 1px solid #c8c8c8;
}

ul.ButtonBoxList li a p {
  line-height: 20px;
  padding-bottom: 20px;
}

.Span1 {
  width: 40px;
}

.Span2 {
  width: 80px;
}

.Span3 {
  width: 160px;
}

.Span4 {
  width: 200px;
}

/* ==========================================================================
   COMPONENT ANIMATIONS
   ========================================================================== */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

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

/* ==========================================================================
   PANELS (Bootstrap)
   ========================================================================== */
/* This is for the new PanelTemplateControl2 and will replace StandardPanel */
/* Base class */
.panel, .StandardPanel {
  border: 1px solid transparent;
}

/* this class is applied if the panel is configured to display a border */
.panel-border {
  border-color: #ddd;
}

/* Panel contents */
.panel-body, .PanelBody {
  padding: 10px;
}
.panel-body:before, .PanelBody:before, .panel-body:after, .PanelBody:after {
  content: " ";
  display: table;
}
.panel-body:after, .PanelBody:after {
  clear: both;
}

/* Optional back link */
.panel-template-back-link {
    display: inline-block;
    padding-bottom: 7px;
}

.panel-template-back-link::before {
    content: '\00AB  ';
}

/* Optional heading */
.panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption,
.panel-group .panel-heading {
  padding: 6px 10px;
  border-bottom: 1px solid #ddd;
}
.panel-heading.Distinguish:before, .PanelHead.Distinguish:before,
.TitleBarCaption:before, .panel-heading.Distinguish:after, .PanelHead.Distinguish:after,
.TitleBarCaption:after,
.panel-group .panel-heading:before,
.panel-group .panel-heading:after {
  content: " ";
  display: table;
}
.panel-heading.Distinguish:after, .PanelHead.Distinguish:after,
.TitleBarCaption:after,
.panel-group .panel-heading:after {
  clear: both;
}

/* Within heading, strip any `h*` tag of its default margins for spacing. */
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: none;
  display: inline;
}
.panel-title > a {
  color: inherit;
  text-decoration: none;
}
.panel-title > a:hover {
  text-decoration: none;
}

/* add, edit, configure, etc. icons that appear on the head of the panel */
.panel-heading-options, .PanelHeadOptions {
  float: right;
  display: inline;
}

.panel-heading-options .IconSprite, .PanelHeadOptions .IconSprite,
.panel-heading-options .panel-heading-collapse-img,
.PanelHeadOptions .panel-heading-collapse-img,
.panel-heading-options .panel-heading-collapse-text,
.PanelHeadOptions .panel-heading-collapse-text,
.panel-heading-options .PanelHeadCollapseImage,
.PanelHeadOptions .PanelHeadCollapseImage,
.panel-heading-options .PanelHeadCollapseText,
.PanelHeadOptions .PanelHeadCollapseText,
.panel-heading-options .PanelHeadOptionsBox,
.PanelHeadOptions .PanelHeadOptionsBox,
.PanelHeadOptions .rbSkinnedButton {
  margin-left: 4px;
  margin-right: 0;
  vertical-align: middle;
  display: inline-block;
}

/**
 * Collapsable panels (aka, accordion)
 *
 * Wrap a series of panels in `.panel-group` to turn them into an accordion with
 * the help of our collapse JavaScript plugin.
 */
.panel-group {
  margin-bottom: 1.428571429em;
}
.panel-group .panel, .panel-group .StandardPanel {
  margin-bottom: 0;
  border-radius: 0;
  overflow: hidden;
}
.panel-group .panel + .panel, .panel-group .StandardPanel + .panel, .panel-group .panel + .StandardPanel, .panel-group .StandardPanel + .StandardPanel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
  background-color: #f5f5f5;
}
.panel-group .panel-heading:before, .panel-group .panel-heading:after {
  content: " ";
  display: table;
}
.panel-group .panel-heading:after {
  clear: both;
}
.panel-group .panel-heading + .panel-collapse .panel-body, .panel-group .panel-heading + .panel-collapse .PanelBody {
  border-top: 1px solid #ddd;
}
.panel-group .panel-title {
  font-size: 125%;
  font-weight: normal;
  color: inherit;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body, .panel-group .panel-footer + .panel-collapse .PanelBody {
  border-bottom: 1px solid #ddd;
}

.panel-group .panel, .panel-group .StandardPanel {
  border: 1px solid #ddd;
}

/* By default don't display fieldsets
 * They can be displayed using CSS classes "ShowFieldset" or "ShowLegend"
 */
.panel fieldset, .StandardPanel fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.panel fieldset legend, .StandardPanel fieldset legend {
  display: none;
}

/* Use the PanelNoPadding class to remove the padding from a panel when it's not needed */
.PanelNoPadding .panel, .PanelNoPadding .StandardPanel, .PanelNoPadding.panel, .PanelNoPadding.StandardPanel {
  border-width: 0;
}
.PanelNoPadding .panel-heading {
  padding-left: 0;
  padding-right: 0;
}
.PanelNoPadding .panel-body, .PanelNoPadding .PanelBody {
  padding: 0;
}

/* ==========================================================================
   STANDARD PANEL 
   ========================================================================== */
/* Used by PanelTemplateControl */
/**
  * Example HTML (automatically generated by the PanelTemplateControl):
  * <div class="StandardPanel">
  *
  *     <div class="PanelHead">
  *         <h2 class="PanelTitle">Title of the panel</h2>
  *         <div class="PanelHeadOptions">
  *             <a href="IconSprite EditIcon">Edit Panel</a>
  *             <input type="image" class="PanelHeadCollapseImage" />
  *         </div>
  *     </div>
  *
  *     <div class="PanelBody">
  *         ...
  *     </div>
  *
  * </div>
  */
/* .StandardPanel <div> Entire panel - Used by skin PanelTemplateControl */
h2.PanelTitle {
  border-bottom: none;
  margin: 0;
  display: inline;
}

/* Puts a border on the bottom of PanelHeads that incldue a title */
/* Controls the behavior of a StandardPanel and the appearance of the expand/collapse element within the PanelHead */
/* Currently not used for any specific styling */
/*.Collapsible{}*/
/* PanelHeadOptions wraps any options for the panel (edit, add, collapse, etc.) added to the PanelHead
   via the PanelTemplateControl base class */
/* The image or text used to hide a panel. Which displays is determined by the skin file. 
   (see <asiweb:PanelTemplateControl /> in the skin file.) */
/* The drop-down options box that displays for any iPart options that do not have a defined icon */
.PanelHeadOptionsBox {
  float: left;
}

.PanelHeadCollapseText {
  text-decoration: underline;
  font-weight: normal;
}

/* .PanelBody <div> Wrapper for the Body of a StandardPanel */
.PanelBody .PanelBody {
  /* To prevent double padding in nested PanelBodies */
  padding: 0;
}

/* .PanelColumn <div> Wrapper for a Column of a StandardPanel */
.PanelColumn {
  display: table-cell;
  float: none;
  margin-left: 0.125em;
  vertical-align: top;
}

/* ==========================================================================
   COMPONENTS
   ========================================================================== */
/* A few components that are used site-wide */
/* Loading Panels  
   ========================================================================== */
/* displays a loading indicator when the page is loading */
.ProgressDiv {
  height: 2.678571429em !important;
  width: 200px;
  position: fixed;
  top: 0;
  left: 0;
  margin-left: 45%;
  z-index: 10000;
  text-align: center;
  vertical-align: middle;
  margin-top: 0.1em;
  padding-top: 0.625em;
  padding-bottom: 0.625em;
  background-color: #efefef;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.ProgressDiv.Interior {
  /* For use on an interior progress bar, such as within a single iPart 
   * Must be contained within something with position:relative.
   * You man use the class "PositionRelative" as a wrapper.
   */
  position: absolute;
}

/* Page Tasks: print, email and text-only buttons
   ========================================================================== */
.PrintButton, .TextOnlyButton, .ExitTextOnlyButton, .EmailButton {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  float: left;
  margin-right: 3px;
  margin-left: 3px;
}

.PrintButton {
  background-image: url("../images/icon_printthispage.gif");
}

.TextOnlyButton {
  background-image: url("../images/icon_textonly.gif");
}

.ExitTextOnlyButton {
  background-image: url("../images/icon_exittextonly.gif");
}

.EmailButton {
  background-image: url("../images/icon_email.gif");
}

/* On Behalf Of control
   ========================================================================== */
ul.obo-actions {
  margin: 0;
  padding: 0;
}
ul.obo-actions, ul.obo-actions > li {
  list-style: none;
  display: inline-block;
}
ul.obo-actions > li {
  margin-left: .4em;
}
ul.obo-actions > li:first-child {
  margin-left: .2em;
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  width: 10em;
  min-width: 10em;
}

#pagesubnav .RadTabStripVertical .rtsLink {
  text-align: left;
}

.SubNavPanelHead {
  font-size: 180%;
  font-weight: bold;
  padding: 10px;
}

/* Chosen 1.4.2 
   https://github.com/harvesthq/chosen
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.chosen-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/chosen-sprite.png") no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: #fff url("../images/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../images/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMzODc1ZDciLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzJhNjJiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: #fff url("../images/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../images/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../images/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/* ==========================================================================
   DROPDOWN MENUS
   ========================================================================== */
/* This comes from Bootstrap v. 3.3.2, but has been modified */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1100;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li {
  list-style: none;
}
.dropdown-menu > li > a,
.dropdown-menu > li > div {
  text-decoration: none;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
  background-color: #0096c7;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  color: #7c7c7c;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1090;
}

.dropdown-menu-right,
.pull-right > .dropdown-menu {
  left: auto;
  right: 0;
}

.dropdown-menu-left {
  left: 0;
  right: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.no-mqs .navbar-right .dropdown-menu {
  right: 0;
  left: auto;
}
.no-mqs .navbar-right .dropdown-menu-left {
  left: 0;
  right: auto;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

/* ==========================================================================
   PAGE ALERTS
   ========================================================================== */
/**
 * These display at the top of the page to alert users of errors, warnings, successful completion, etc.
 * They are generated by the UserMessage control.
 * The iMISUserMessage classes are obsolete - use AsiMessage and Asi[MessageType] instead
 *
 * Example HTML:
 * <div class="AsiMessage">
 *   <ul>
 *     <li class="AsiError">
 *       <img class="iMISUserMessageIcon" src="images/AsiError.png" alt="Error icon" />
 *       <span>Oops! There's an error on this page!</span>
 *     </li>
 *  </ul>
 * </div>
 */
.AsiMessage > ul,
.AsiMessage > ol {
  margin: 5px;
  padding-left: 0;
}

.iMISUserMessageIcon {
  float: left;
  width: 32px;
  margin-right: 10px;
}

.AsiValidation,
.AsiValidationSummary {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral,
.AsiImportant {
  border: 1px solid;
  margin: 5px 0;
  padding: 12px 10px;
  color: #000000;
  list-style-type: none;
  overflow: hidden;
}

span.AsiInformation,
span.AsiSuccess,
span.AsiWarning,
span.AsiError,
span.AsiValidation,
span.AsiValidationSummary,
span.AsiNeutral {
  padding: .15em .25em .2em;
}

.AsiMessageText {
  overflow: hidden;
}
.iMISUserMessageIcon + .AsiMessageText {
  /* this basically middle-aligns the first line of text with the image */
  margin-top: 8px;
}

.AsiInformation {
  border-color: #00529B;
  background-color: #BDE5F8;
}

.AsiSuccess {
  border-color: #4F8A10;
  background-color: #DFF2BF;
}

.AsiWarning {
  border-color: #9F6000;
  background-color: #FEEFB3;
}

.AsiError {
  border-color: #D8000C;
  background-color: #FFBABA;
}

.AsiValidation {
  border-color: #D63301;
  background-color: #FFCCBA;
}

.AsiImportant {
  border-color: #c74b49;
}

/* To show a success message plus icon outside of the page level messages, apply class="AsiSuccess AsiSuccessIcon" */
.AsiSuccessIcon {
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url("../images/AsiSuccess.png");
  padding-left: 3.3em;
}

.AsiValidationSummary {
  border-color: #D63301;
  background-color: #FFCCBA;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url("../images/AsiValidation.png");
  padding-left: 3.3em;
}

.AsiNeutral {
  border-color: #ddd;
}

.AsiErrorInline {
  border-color: #D8000C !important;
  background-color: #FFBABA;
  border: 1px solid;
  font-weight: normal;
  padding: .5em;
  margin: 10px 0 5px 5px;
}

/* The iMISUserMessage classes are obsolete */
.iMISUserMessage li {
  list-style-type: none;
}

.iMISUserMessage img {
  vertical-align: middle;
  margin-right: 5px;
}

.iMISUserMessageError {
  color: red;
  font-weight: bold;
}

.iMISUserMessageWarning, .iMISUserMessageInformation {
  color: blue;
  font-weight: bold;
}

.iMISUserMessageLabel {
  display: none;
  /* hide the error/warning prefix */
}

/* Message Notification - I'm not sure if these are used anywhere - they may be able to be removed */
.info, .success, .warning, .validation {
  margin: 5px 0;
  padding: 5px;
  text-align: center;
  width: 100%;
  display: block;
}

.info {
  color: #00529B;
}

.success {
  color: #4F8A10;
}

.warning {
  color: #9F6000;
}

/* Inline alerts
   ========================================================================== */
.Error {
  display: block;
  padding-right: 0.188em;
  padding-left: 0.188em;
  margin-bottom: 0.25em;
  width: auto;
  color: red;
  font-weight: bold;
}

/* Used for guiding the user to the next step, such as in the Event Display */
.HelperText {
  color: #00529B;
  font-weight: bold;
}

/* If there's an error rendering an iPart a message will display with this class */
.iPartRenderError {
  color: red;
  overflow-x: auto;
  -ms-overflow-x: auto;
}

/* Page errors
   ========================================================================== */
/* These styles are for error pages (page not found, access denied, etc.) */
.ErrorNormal {
  padding: 10px;
  display: block;
  margin: auto;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.ErrorNormal .ErrorType {
  font-weight: bold;
  padding-top: 15px;
  display: block;
  font-size: 190%;
  color: #cc0f16;
}

.ErrorNormal .ErrorTypeMessage {
  display: block;
  padding-top: 15px;
  font-size: 110%;
  color: #444;
}

.ErrorNormal img {
  float: left;
}

/* ==========================================================================
   GLOBAL STATES 
   ========================================================================== */
/* Styles to indicate state (selected, hovered, etc.) - used throughout iMIS */
/* Used in the PeoplePanel and elsewhere to denote a selected item within a group. */
.SelectedItem {
  background-color: lightblue;
  opacity: 1;
  filter: Alpha(opacity=100);
  /* Sets the opacity for IE8 */
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */
/* Styling of the iMIS logo (Not currently in use)
.iMIS {}*/
/* ClearFix - place on the container of floating elements to fix alignment 
 * issues usually solved with a <div style="clear:both"></div> 
 * For more information on this fix visit http://nicolasgallagher.com/micro-clearfix-hack/ 
 */
.ClearFix:before, .ClearFix:after,
.PanelHead:before,
.PanelHead:after,
.StandardPanel:before,
.StandardPanel:after,
.PanelBody:before,
.PanelBody:after,
.CommandBar:before,
.CommandBar:after,
.GridTitlePanel:before,
.GridTitlePanel:after,
.ContentTabbedDisplay:before,
.ContentTabbedDisplay:after,
.BigButtonWrapper:before,
.BigButtonWrapper:after,
.ContentItemContainer:before,
.ContentItemContainer:after {
  content: " ";
  display: table;
}
.ClearFix:after,
.PanelHead:after,
.StandardPanel:after,
.PanelBody:after,
.CommandBar:after,
.GridTitlePanel:after,
.ContentTabbedDisplay:after,
.BigButtonWrapper:after,
.ContentItemContainer:after {
  clear: both;
}

/*Used for Website Layouts*/
.clear-right {
  clear: right;
}

.clear-left {
  clear: left;
}

/* Hide a section from both sighted and screen reader users.
 * DisplayNone is the preferred class out of these two. */
.DisplayNone,
.hidden {
  display: none;
}

/* Use to display an element as inline-block */
.DisplayInlineBlock {
  display: inline-block;
}

/* Hide text visually but allow it to be used by screen reader and tab-only users*/
span + .reButton_text,
.screen-reader-text,
.CaptionTextInvisible .rgCaption,
.sr-only {
  position: absolute;
  left: -10000px;
  z-index: 2000;
  font-size: 70%;
}

/* Display the text when focused so tab-only users can use it */
.screen-reader-text.show-on-focus:focus,
.screen-reader-text.show-on-focus:active {
  padding: 3px;
  left: 3px;
  background-color: white;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-strikethrough {
  text-decoration: line-through;
}

/* Float a section to the right*/
.FloatRight,
.PanelField.FloatRight {
  float: right;
  width: auto;
  clear: right;
}

.pull-right {
  float: right;
}

.FloatLeft,
.pull-left {
  float: left;
}

/* Place an element in the top right hand corner of the screen (e.g. the iPart help icon) */
.PositionTopRight {
  position: absolute;
  right: 0;
  margin-right: 2em;
  /* needed to give room for the scroll bar */
  margin-top: .5em;
}

/* Relatively position an element. Useful if containing an absolutely positioned element. */
.PositionRelative {
  position: relative;
}

.FullSize {
  width: 100%;
  height: 100%;
}

/* Turns off borders at the level at which it is placed */
.NoBorder {
  border: none;
}

/* Adds some padding - particularly useful when the required indicator is cut off */
.AddPadding {
  padding: 10px;
}

.AddPaddingVertical {
  padding-top: 10px;
  padding-bottom: 10px;
}

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

/* To break words that are too long (eg. email addresses) */
.BreakWord {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.Wrap {
  white-space: normal;
}

.Scroll,
.StandardPanel .AutoScroll div {
  overflow: auto;
}

.ScrollHorizontal {
  overflow-x: auto;
}

/* Used by legacy iParts to display a border. Can also be used anywhere else to add a border to an object. */
.ContentBorder {
  border: 1px solid #ddd;
  padding: 10px;
}

/* This puts a border around content below a set of tabs (e.g. Contact Address Editor iPart)*/
.ContentTabbedDisplay {
  border: 1px solid #ddd;
  border-top: none !important;
  /* !important needed for overriding StandardPanel styles*/
}

/* Used for styling of currency values */
.DisplayCurrency {
  text-align: right;
  text-decoration: none;
  font-family: inherit;
}

/* Align text */
.AlignRight {
  text-align: right;
}

/* Note: AlignCenter is the preferred class to use for centering text*/
.AlignCenter,
.Center,
.CenterText {
  text-align: center;
}

.AlignLeft {
  text-align: left;
}

.VAlignMiddle {
  vertical-align: middle;
}

.VAlignTop {
  vertical-align: top;
}

/*generic width specifiers*/
.FullWidth {
  width: 100%;
}

input[type=button].FullWidth {
  width: 100%;
}

.TwoColumns {
  width: 50%;
}

.ThreeColumns {
  width: 33%;
}

/* Used to bold text (Note: not sure if this is a necessary class - you should be able to use <strong> or <b> if it is non-symantic) */
.Significant {
  font-weight: bold;
}

/* Reset the font to the normal body font.
 * This can be used on labels or headers for example to make them look like normal body text.
 */
.ResetFont {
  font-size: 100%;
  font-weight: normal;
  color: #333333;
}

/* Apply padding to the Document specific icon */
.icon {
  /* since you can't set width on an inline element, just set enough padding so our background image (the icon) will show */
  padding: 3px 7px 3px 7px;
  background-position: center;
  background-repeat: no-repeat;
}

/* Use this class to remove text-decoration applied to images inside links: <a><img></a> */
a.link-image {
  text-decoration: none;
}

/* This class visually separates pieces of content */
.Section {
  margin-bottom: 1em;
}
.Section:before, .Section:after {
  content: " ";
  display: table;
}
.Section:after {
  clear: both;
}

/* use to make sure parts of text are never broken */
.NoWrap {
  white-space: nowrap;
}

/* Scrolling boxes will use vertical scrollbars if over a determined height */
.ScrollBox200, .ScrollBox300, .ScrollBox500 {
  overflow: auto;
}

.ScrollBox200 {
  max-height: 200px;
}

.ScrollBox300 {
  max-height: 300px;
}

.ScrollBox500 {
  max-height: 500px;
}

.MarginLeft {
  margin-left: 1em;
}

.MarginRight {
  margin-right: 1em;
}

.list-unstyled, .list-inline,
.UnstyledList,
.UnstyledListWrapper ul {
  padding-left: 0;
  list-style: none;
}
.list-unstyled li, .list-inline li,
.UnstyledList li,
.UnstyledListWrapper ul li {
  list-style: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.list-inline > li:first-child {
  padding-left: 0;
}

/* Usually for code blocks you should use the <code> or <pre> elements,
 * but sometimes these are not available, such as on a textbox element.
 * Use this class to make other elements use a monospace font.
*/
.CodeBlock, .CodeBlock textarea, .CodeBlock input {
  font-family: Consolas, Courier New, Courier, monospace;
}

.DisplayInlineBlock {
  display: inline-block;
}

.address-display, .address-display-wrapper span {
  white-space: pre-line;
}

/* iPart Classes
   ========================================================================== */
/* Utility classes to modify the look and feel of certain iParts */
/* Use the iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart) 
to give several stacked iParts a conjoined look. */
.iPartChain.FirstPart > .panel, .iPartChain.FirstPart > .StandardPanel {
  border-bottom-width: 0 !important;
}
.iPartChain.FirstPart > .panel > .panel-body, .iPartChain.FirstPart > .StandardPanel > .panel-body, .iPartChain.FirstPart > .panel > .PanelBody, .iPartChain.FirstPart > .StandardPanel > .PanelBody {
  padding-bottom: 0;
}
.iPartChain.LastPart > .panel, .iPartChain.LastPart > .StandardPanel {
  border-top-width: 0 !important;
}
.iPartChain.LastPart > .panel > .panel-body, .iPartChain.LastPart > .StandardPanel > .panel-body, .iPartChain.LastPart > .panel > .PanelBody, .iPartChain.LastPart > .StandardPanel > .PanelBody {
  padding-top: 0;
}
.iPartChain.MiddlePart > .panel, .iPartChain.MiddlePart > .StandardPanel {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.iPartChain.MiddlePart > .panel > .panel-body, .iPartChain.MiddlePart > .StandardPanel > .panel-body, .iPartChain.MiddlePart > .panel > .PanelBody, .iPartChain.MiddlePart > .StandardPanel > .PanelBody {
  padding-top: 0;
  padding-bottom: 0;
}
.iPartChain.MiddlePart, .iPartChain.LastPart {
  margin-top: -0.9em;
}

/* ==========================================================================
   RESPONSIVE UTILITIES
   ========================================================================== */
/* From Bootstrap 3.0.2 */
@-ms-viewport {
  width: device-width;
}
/* Visibility utilities */
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }

  tr.visible-xs.visible-sm {
    display: table-row !important;
  }

  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }

  tr.visible-xs.visible-md {
    display: table-row !important;
  }

  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }

  tr.visible-xs.visible-lg {
    display: table-row !important;
  }

  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (min-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }

  tr.visible-sm.visible-xs {
    display: table-row !important;
  }

  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }

  tr.visible-sm.visible-md {
    display: table-row !important;
  }

  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
.no-mqs .visible-sm.visible-md {
  display: block !important;
}
.no-mqs tr.visible-sm.visible-md {
  display: table-row !important;
}
.no-mqs th.visible-sm.visible-md,
.no-mqs td.visible-sm.visible-md {
  display: table-cell !important;
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }

  tr.visible-sm.visible-lg {
    display: table-row !important;
  }

  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }

  tr.visible-md.visible-xs {
    display: table-row !important;
  }

  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }

  tr.visible-md.visible-sm {
    display: table-row !important;
  }

  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
.no-mqs .visible-md {
  display: block !important;
}
.no-mqs tr.visible-md {
  display: table-row !important;
}
.no-mqs th.visible-md,
.no-mqs td.visible-md {
  display: table-cell !important;
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }

  tr.visible-md.visible-lg {
    display: table-row !important;
  }

  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }

  tr.visible-lg.visible-xs {
    display: table-row !important;
  }

  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }

  tr.visible-lg.visible-sm {
    display: table-row !important;
  }

  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }

  tr.visible-lg.visible-md {
    display: table-row !important;
  }

  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
.no-mqs .visible-lg.visible-md {
  display: block !important;
}
.no-mqs tr.visible-lg.visible-md {
  display: table-row !important;
}
.no-mqs th.visible-lg.visible-md,
.no-mqs td.visible-lg.visible-md {
  display: table-cell !important;
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }

  .hidden-xs-wrapper, .hidden-xs-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }

  .hidden-xs-wrapper.hidden-sm-wrapper, .hidden-xs-wrapper.hidden-sm-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }

  .hidden-xs-wrapper.hidden-md-wrapper, .hidden-xs-wrapper.hidden-md-wrapper + .rtUL {
    display: none !important;
  }
}
.no-mqs .hidden-xs.hidden-md,
.no-mqs tr.hidden-xs.hidden-md,
.no-mqs th.hidden-xs.hidden-md,
.no-mqs td.hidden-xs.hidden-md {
  display: none !important;
}
.no-mqs .hidden-xs-wrapper.hidden-md-wrapper, .no-mqs .hidden-xs-wrapper.hidden-md-wrapper + .rtUL {
  display: none !important;
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }

  .hidden-xs-wrapper.hidden-lg-warpper, .hidden-xs-wrapper.hidden-lg-warpper + .rtUL {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }

  .hidden-sm-wrapper.hidden-xs-wrapper, .hidden-sm-wrapper.hidden-xs-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }

  .hidden-sm-wrapper, .hidden-sm-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
.no-mqs .hidden-sm.hidden-md,
.no-mqs tr.hidden-sm.hidden-md,
.no-mqs th.hidden-sm.hidden-md,
.no-mqs td.hidden-sm.hidden-md {
  display: none !important;
}
.no-mqs .hidden-sm-wrapper.hidden-md-wrapper, .no-mqs .hidden-sm-wrapper.hidden-md-wrapper + .rtUL {
  display: none !important;
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }

  .hidden-lg-wrapper, .hidden-lg-wrapper + .rtUL {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }

  .hidden-md-wrapper.hidden-xs-wrapper, .hidden-md-wrapper.hidden-xs-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }

  .hidden-md-wrapper.hidden-sm-wrapper, .hidden-md-wrapper.hidden-sm-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }

  .hidden-md-wrapper, .hidden-md-wrapper + .rtUL {
    display: none !important;
  }
}
.no-mqs .hidden-md,
.no-mqs tr.hidden-md,
.no-mqs th.hidden-md,
.no-mqs td.hidden-md {
  display: none !important;
}
.no-mqs .hidden-md-wrapper, .no-mqs .hidden-md-wrapper + .rtUL {
  display: none !important;
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }

  .hiddne-md-wrapper.hidden-lg-wrapper, .hiddne-md-wrapper.hidden-lg-wrapper + .rtUL {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }

  .hidden-lg-wrapper.hidden-xs-wrapper, .hidden-lg-wrapper.hidden-xs-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }

  .hidden-lg-wrapper.hidden-sm-wrapper, .hidden-lg-wrapper.hidden-sm-wrapper + .rtUL {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }

  .hidden-lg-wrapper.hidden-md-wrapper, .hidden-lg-wrapper.hidden-md-wrapper + .rtUL {
    display: none !important;
  }
}
.no-mqs .hidden-lg.hidden-md,
.no-mqs tr.hidden-lg.hidden-md,
.no-mqs th.hidden-lg.hidden-md,
.no-mqs td.hidden-lg.hidden-md {
  display: none !important;
}
.no-mqs .hidden-lg-wrapper.hidden-md-wrapper, .no-mqs .hidden-lg-wrapper.hidden-md-wrapper + .rtUL {
  display: none !important;
}

@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }

  .hidden-lg-wrapper, .hidden-lg-wrapper + .rtUL {
    display: none !important;
  }
}
/* Print utilities */
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }

  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/* ==========================================================================
   DESIGN FLAIR
   ========================================================================== */
/* Reusable classes that give a particular emphasis or deemphasis to a piece of content */
/* Callout Bubble
   ========================================================================== */
/* Puts the content it wraps in a lightly shaded bubble (similar to a conversation bubble) */
.CalloutBubbleItem {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding-right: 15px;
}

.CalloutBubble {
  position: relative;
  display: inline-block;
  min-width: 150px;
  vertical-align: top;
  padding: 3px 10px;
  background: #eeeeee;
  box-sizing: border-box;
}

.CalloutBubble:after {
  content: "";
  position: absolute;
  top: 3px;
  left: -15px;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #eeeeee;
  display: block;
  width: 0;
  z-index: 1;
}

/* Line Thru
   ========================================================================== */
/* A small piece of text with a line on either side */
/* E.g. the "or" text on the sign in iPart (when social networking sign in is enabled) */
.LineThruContainer {
  padding-top: .5em;
  padding-bottom: .5em;
}

.LineThruBlock {
  border-bottom: 1px solid #eeeeee;
  cursor: default;
  line-height: 1px;
  margin: 10px;
  text-align: center;
}

.LineThru {
  background-color: #fff;
  font-size: 88%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 2px;
}

/* Shading
   ========================================================================== */
/* A neutral background color that can be applied to any element */
.NeutralShading {
  background-color: #eee;
  padding: 10px;
}

/* ==========================================================================
   IMAGES
   ========================================================================== */
/* 6.1 Thumbnails
   ========================================================================== */
/* The thumbnail class is currently being used by the GroupListEditor control 
 * to render the group member thumbnails */
/* Makes tree thumbnail images a fixed size */
.MediumThumbnail img.rtImg {
  width: 32px;
  height: 32px;
}

/* Makes thumbnail images medium size */
.MediumThumbnail img.Thumbnail {
  width: 32px;
  height: 32px;
  padding-right: 3px;
}

.LargeThumbnail {
  width: 100px;
}

/* ==========================================================================
   TELERIK CONTROLS
   ========================================================================== */
/* Reset fonts on various Telerik Controls */
.RadUpload_Default, .RadUpload_Default a, .RadUpload_Default input,
.RadUploadProgressArea_Default, .RadUploadProgressArea_Default input, .RadUploadSubmit,
.RadGrid, .RadGrid .rgMasterTable, .RadGrid .rgDetailTable, .RadGrid .rgGroupPanel table, .RadGrid .rgCommandRow table,
.RadGrid .rgEditForm table, .RadGrid .rgPager table, .GridToolTip, .RadTreeView, .RadTreeView a.rtIn, .RadTreeView .rtEdit .rtIn input,
.RadSplitter, .reToolbar a, .reDropdown, .reSpinBox input, .RadEditor input, .reModule, .reModule td, .reEditorModes a, .reDropDownBody,
.reDropDownBody td, .reAjaxspell_wrapper, .reAjaxspell_button, .reAjaxspell_addicon, .reAjaxspell_ignoreicon, .reAjaxspell_okicon,
.reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text, .reColorPicker .reCustomColor, .RadUploadProgressArea_Bootstrap {
  font: inherit !important;
  font-family: inherit !important;
}

/* For IE the Rad date and time input field height behave different that Chrome & FF */
/*html body .PanelFieldValue .riSingle [type='text'].riTextBox {
    height: 1.75em !important;
}*/
/* RadTreeView
   ========================================================================== */
/* Gives tree nodes a clickable look */
.RadTreeView .rtIn:hover {
  cursor: pointer;
}

/* Remove bullets from list items in tree nodes */
.RadTreeView ul li.rtLI {
  list-style: none;
}

/* RadTooTip
   ========================================================================== */
/* Links in the RadToolTip control were not obvious enough. Needed a little bit of tweeking.
 * Example usage: the QueryMenu control's "Select a query" drop-down
 */
/* This is needed so that any StyledHyperlinks within a RadToolTip will show the 'hand' cursor on hover. */
.RadToolTip_Telerik a {
  cursor: pointer !important;
  color: Black;
}

.RadToolTip_Telerik a:hover {
  background-color: #DDD;
}

.RadToolTip_Telerik a.fb_button:hover {
  background-color: #29447e;
}

.RadToolTip .radToolTip_CloseButton {
  width: 28px;
  height: 28px;
  border: 1px solid #cdcdcd;
  border-radius: 45px;
  margin: -5px -5px 0 0;
  background-image: url(../images/IconSprite.png);
  background-position: -486px 4px;
  background-color: #f9f9f9;
  right: -9px;
  top: -10px;
  display: block;
  position: absolute;
}

.RadToolTip .radToolTip_CloseButton:hover {
  background-position: -486px -31px;
}

/* Style of the QueryMenu popup column headers. */
.ColumnHeader {
  font-weight: bold !important;
}

/* Style of the QueryMenu result grid headers. */
.ResultsHeader {
  font-weight: bold !important;
}

/* The RadToolTip used by the GroupListEditor for the hover pop-up */
.AdvancedToolTip {
  background: #ffffff;
  padding: 5px;
  font-size: 90%;
}

/* RadUpload
   ========================================================================== */
/* Fixes an alignment issue for the rad uploader */
.RadUpload .ruFileInput,
.RadUpload .ruFakeInput,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
.RadUpload .ruFileWrap {
  vertical-align: middle !important;
}

/* Upload Image displayed as a list and Upload buton is off */
.RadUpload .ruInputs li {
  list-style-type: none;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruButton {
  height: auto;
  width: auto;
  font-size: inherit;
}

/* Sets Button position next to the radUpload element */
.RadUpload + .TextButton {
  float: left;
  margin-left: 5px;
}

/* Special Style Override styles for Telerik RadUpload control */
.RadUploadProgressArea ul li {
  list-style-type: none !important;
  display: block;
}

.RadUpload .RadUpload_Default,
.RadUpload .ruFileWrap {
  padding-right: 2px !important;
  width: auto !important;
}

/* Sets left Padding for elements inside PanelTableValue */
.PanelTableValue img, .PanelTableValue .RadUpload {
  padding-left: 0.250em;
}

.RadUpload .ruFileWrap {
  height: auto !important;
}

/* RadButton
   ========================================================================== */
/* Text on RadButtons in image mode are was not available for screen readers.
 * This fixes that issue.
*/
.rbText.rbHideElement {
  display: inline;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* RadGrid
   ========================================================================== */
/* Resolve missing left border in the header and footer paging sections when rendered in Firefox */
.RadGrid_Default .rgPager .rgPagerCell {
  border-width: 1px 0 1px 0 !important;
}

@media (max-width: 767px) {
  .RadGrid .rgPager .rgAdvPart {
    /* Hide the Page Size dropdown on smaller screens */
    display: none;
  }
}

.RadGrid .rgHeader a {
  text-decoration: underline !important;
}

/* add a wide border to sub-grids to create visual separation */
.RadGrid .rgMasterTable .rgDetailTable, .ChildGridWrapper .rgMasterTable {
  border: 10px solid #ddd;
}

/* Use to style the lister grid when use in a compact view */
.SimpleGrid tr td {
  padding-bottom: 0.188em;
  padding-top: 0.188em;
}

.RadGrid .rgNoRecords TD {
  padding: 4px 7px;
  color: #707070;
}

.ListSearchPrompt {
  padding: 4px 12px;
}

.rgHeader.rgExpandCol {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.rgEditForm {
  padding: 10px;
}

/* RadEditor
   ========================================================================== */
/* Used in configuration for the HTML iPart */
.RadEditor.reWrapper.HtmlEditor {
  height: auto !important;
}

.reDropDownBody table td {
  padding-left: 5px;
}

/* Inserting an image when we don't have access to the image gallery
   e.g. the Content Block iPart
*/
.reInsertImageWrapper label {
  margin-left: 0;
  padding-left: 0;
}
.reInsertImageWrapper .reConfirmCancelButtonsTblLight .reAllPropertiesLight button {
  width: auto !important;
}

/* The image properties window was exceeding its bounds */
.RadWindow[id*='_dialogOpenerImageProperties'] {
  overflow-y: auto;
}

/* the image for the Insert Content Link button */
.reTool .InsertContentLink {
  background-position: -3696px center;
}

.reAjaxspell_button {
  border: 1px solid #d7d7d7 !important;
  background-color: #ebebeb !important;
  color: #000 !important;
}

#EventDescriptionDiv .reToolCell, #EventDescriptionDiv .reToolZone {
  display: none;
}

#EventDescriptionDiv .reContentCell {
  border: none !important;
}

/* RadScheduler
   ========================================================================== */
/* Used by the Event Calendar iPart */
/*IE8 browser hack so that the RadScheduler displays correctly */
.rsHorizontalHeaderTable, .rsContentTable {
  width/*\**/: 100% \9;
}

/* Adds an ellipsis to long event titles in the Event Calendar */
.rsAptContent {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* Keeps Calendar Header on top of grid */
.rsEventCalendar div.rsHeader {
  z-index: 999 !important;
}

/* RadMenu
   ========================================================================== */
/* Used by the primary navigation bar (PageNavR) and ObjectBrowser */
/* Apply z-Index to RadMenu generally */
.RadMenu {
  z-Index: 100 !Important;
}

/* Make the navigation menu items overlay other RadMenu instances */
.rmSized, .MainMenu {
  z-Index: 1001 !Important;
}

/* Applies to links in navigation menu */
.RadMenu .rmItem a.rmLink {
  min-width: 10px !important;
  cursor: pointer;
}

.RadMenu .rmItem a.rmLink.rmDisabled {
  cursor: default;
}

/* Handle the case where the menu bar does not expand horizontally to the size of the parent container */
.RadMenu ul.rmHorizontal {
  float: none !important;
}

/* The RadContextMenu is used by the options drop-down control on TitleBar */
.RadMenu.RadMenu_Context {
  /* This is required to display the On Behalf Of control's action dropdown 
     on top of the primary nav menu in the Staff Site  */
  z-Index: 7000 !Important;
}

/* RadWindow
   ========================================================================== */
/* Remove the space in the RadWindow title bar where the window icon would display */
.RadWindow .rwIcon {
  width: 0 !important;
  height: 0 !important;
}

/* Styles for the Title in the Lister2 control */
.GridTitlePanel .Title {
  font-weight: bold;
  font-size: 120%;
}

/* To improve accessibility, this applies a style when RadWindow control buttons receive focus, so that keyboard users can see what is selected */
.RadWindow .rwControlButtons a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* RadSplitter
   ========================================================================== */
/* Lighten up the RadSplitter border color to better match the rest of Object Browser */
.RadSplitter_Default, .RadSplitter_Default .rspPaneTabContainer, .RadSplitter_Default .rspPane,
.RadSplitter_Default .rspResizeBar, .RadSplitter_Default .rspSlideContainerResize,
.RadSplitter_Default .rspPaneHorizontal, .RadSplitter_Default .rspResizeBarHorizontal,
.RadSplitter_Default .rspSlideContainerResizeHorizontal {
  border-color: #ccc !important;
}

/* RadTabStrip
   ========================================================================== */
/* These styles needed for accessibility - underline focused tabs */
a.rtsLink:focus, a.rtsLink.rtsSelected:focus {
  text-decoration: underline;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075) inset;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

a.rtsLink:hover {
  text-decoration: underline !important;
}

a.rtsLink.rtsDisabled:hover {
  text-decoration: none !important;
}

/**
 * SubTabStrip 
 */
/* RadTabStrip using the SubTabs skin id. Used in IQA */
.SubTabStrip {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.SubTabStrip a.rtsLink.rtsSelected {
  font-weight: bold;
  border-bottom: 3px solid #c0c0c0;
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  color: #000000;
  color: rgba(0, 0, 0, 0.8);
}

.SubTabStrip a.rtsLink {
  float: left;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: sans-serif;
  transition: border-color 0.2s linear;
}

.SubTabStrip a.rtsLink.rtsDisabled {
  opacity: 0.5;
  filter: Alpha(opacity=50);
}

/* RadChart
   ========================================================================== */
/* Wrapper class "CenterChart" will force a RadChart to display in the center of its content zone */
.CenterChart .RadChart {
  display: block;
  margin: 1em auto;
}

/* Wrapper class "Chart" will give a RadChart a little extra spacing */
.Chart .RadChart {
  display: block;
  margin: 1em;
}

/* RadComboBox
   ========================================================================== */
/* Add the WideTextBox class to a RadComboBox to widen its display */
.RadComboBox.WideTextBox {
  width: 26.5em !important;
}

/* RadSocialShare
   ========================================================================== */
/* Using the same selector twice makes it more specific,
 * which means we don't have to use !important. :)
 */
.RadSocialShare.RadSocialShare {
  border: none;
  background-color: transparent;
}

.RadSocialShare .sshContent .sshText {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* ==========================================================================
   RADMENU
   ========================================================================== */
/**
  * For responsive design we have to turn the base RadMenu
  * style sheet off. So these styles make sure the RadMenu still works
  * wherever needed.
  */
/* specific selectors that won't conflict with the primary nav */
.rmNeedBaseStyles {
  white-space: nowrap;
  float: left;
  position: relative;
  z-index: 7000\9;
  /* Left-to-right support */
}
.rmNeedBaseStyles:after,
.rmNeedBaseStyles .rmRootGroup:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.rmNeedBaseStyles .rmRootGroup,
.rmNeedBaseStyles ul.rmVertical,
.rmNeedBaseStyles ul.rmHorizontal,
.rmNeedBaseStyles ul.rmRootScrollGroup {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  display: inline-block;
}
.rmNeedBaseStyles ul.rmVertical,
.rmNeedBaseStyles ul.rmHorizontal,
.rmNeedBaseStyles ul.rmRootScrollGroup {
  display: none;
  float: left;
}
* html .rmNeedBaseStyles {
  float: left;
}
.rmNeedBaseStyles ul.rmActive,
.rmNeedBaseStyles ul.rmRootGroup,
.rmNeedBaseStyles .rmText,
.rmNeedBaseStyles a.rmLink {
  display: block;
}
.rmNeedBaseStyles div.rmText {
  white-space: normal;
  background: transparent;
}
.rmNeedBaseStyles a.rmLink {
  cursor: default;
}
.rmNeedBaseStyles .rmItem {
  float: left;
  position: relative;
  list-style-image: none;
  list-style-position: outside;
  list-style: none;
  line-height: inherit;
}
* html .rmNeedBaseStyles {
  display: inline;
}
.rmNeedBaseStyles .rmHorizontal .rmItem {
  clear: none;
}
.rmNeedBaseStyles .rmVertical .rmItem {
  clear: both;
}
.rmNeedBaseStyles .rmLeftArrow,
.rmNeedBaseStyles .rmTopArrow,
.rmNeedBaseStyles .rmBottomArrow,
.rmNeedBaseStyles .rmRightArrow {
  position: absolute;
  z-index: 2000;
  text-indent: -1000em;
  font-size: 0;
  line-height: 0;
  outline: 0;
  overflow: hidden;
}
.rmNeedBaseStyles .rmLeftArrowDisabled,
.rmNeedBaseStyles .rmTopArrowDisabled,
.rmNeedBaseStyles .rmBottomArrowDisabled,
.rmNeedBaseStyles .rmRightArrowDisabled {
  display: none;
  text-indent: -1000em;
  font-size: 0;
  line-height: 0;
}
.rmNeedBaseStyles .rmBottomArrow,
.rmNeedBaseStyles .rmBottomArrowDisabled {
  margin-bottom: -1px;
}
.rmNeedBaseStyles .rmLeftImage {
  border: 0;
  float: left;
}
.rmNeedBaseStyles.RadMenu_rtl {
  text-align: right;
}
.rmNeedBaseStyles.RadMenu_rtl,
.rmNeedBaseStyles.RadMenu_rtl ul.rmVertical,
.rmNeedBaseStyles.RadMenu_rtl .rmItem {
  float: right;
}
.rmNeedBaseStyles.RadMenu_rtl .rmLeftArrow, .rmNeedBaseStyles.RadMenu_rtl .rmTopArrow, .rmNeedBaseStyles.RadMenu_rtl .rmBottomArrow, .rmNeedBaseStyles.RadMenu_rtl .rmRightArrow,
.rmNeedBaseStyles.RadMenu_rtl .rmLeftArrowDisabled, .rmNeedBaseStyles.RadMenu_rtl .rmTopArrowDisabled, .rmNeedBaseStyles.RadMenu_rtl .rmBottomArrowDisabled, .rmNeedBaseStyles.RadMenu_rtl .rmRightArrowDisabled {
  text-indent: 1000em !important;
}
.rmNeedBaseStyles.RadMenu_rtl .rmLeftImage, .rmNeedBaseStyles.RadMenu_Context_rtl .rmLeftImage {
  border: 0;
  float: right;
}
.rmNeedBaseStyles .rmLink {
  width: auto;
  padding: 0 0 0 12px;
  outline: 0;
  float: left;
}
.rmNeedBaseStyles .rmSeparator,
.rmNeedBaseStyles .rmSeparator:after {
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.rmNeedBaseStyles div.rmRootGroup {
  position: relative;
}
.rmNeedBaseStyles .rmItem {
  padding: 0;
}
.rmNeedBaseStyles .rmText {
  padding-bottom: 1px;
  float: left;
}
.rmNeedBaseStyles .rmLeftImage {
  margin: 4px 2px 0 -3px;
  padding-bottom: 4px;
}
.rmNeedBaseStyles span.rmLeftImage {
  width: 16px;
  height: 16px;
}
.rmNeedBaseStyles .rmVertical .rmLeftImage + .rmText {
  padding: 0 8px 1px 24px;
}
.rmNeedBaseStyles .rmVertical .rmText {
  padding: 0 24px 1px 0;
}
.rmNeedBaseStyles .rmHorizontal .rmText {
  padding: 0 12px 1px 0;
}
.rmNeedBaseStyles.RadMenu_rtl .rmLink {
  padding: 0 12px 0 0;
  margin-left: 2px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmText {
  margin-left: -2px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmLeftImage {
  margin: 4px -3px 0 2px;
  padding-bottom: 2px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmHorizontal .rmText {
  padding: 0 0 1px 12px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmVertical .rmText {
  padding: 0 0 1px 24px;
}
.rmNeedBaseStyles .rmVertical .rmText,
.rmNeedBaseStyles .rmHorizontal .rmVertical .rmText {
  display: block;
  float: none;
}
.rmNeedBaseStyles .rmVertical .rmLink,
.rmNeedBaseStyles .rmHorizontal .rmVertical .rmLink {
  float: none;
}
* html .rmNeedBaseStyles .rmGroup .rmVertical .rmLink, * html .rmNeedBaseStyles .rmGroup .rmHorizontal .rmLink {
  float: left;
}
.rmNeedBaseStyles .rmTopRight,
.rmNeedBaseStyles .rmBottomLeft,
.rmNeedBaseStyles .rmBottomRight {
  border: 0;
  background-position: 0 0;
}
.rmNeedBaseStyles .rmTopFix,
.rmNeedBaseStyles .rmTopRight,
.rmNeedBaseStyles .rmBottomFix,
.rmNeedBaseStyles .rmBottomLeft,
.rmNeedBaseStyles .rmBottomRight {
  position: absolute;
  width: 4px;
  height: 4px;
  list-style-type: none;
  list-style-position: outside;
  font-size: 0;
}
.rmNeedBaseStyles.RadMenu_rtl .rmTopRight, .rmNeedBaseStyles.RadMenu_rtl .rmBottomRight {
  width: 32px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmTopShadowRight, .rmNeedBaseStyles.RadMenu_rtl .rmBottomShadowRight {
  width: 4px;
}
.rmNeedBaseStyles .rmTopShadowRight,
.rmNeedBaseStyles .rmBottomShadowLeft,
.rmNeedBaseStyles .rmBottomShadowRight {
  background-repeat: no-repeat;
  background-color: transparent;
}
.rmNeedBaseStyles .rmTopRight {
  background-position: 100% 0;
  top: 0;
  right: -4px;
  height: 100%;
}
.rmNeedBaseStyles .rmBottomLeft {
  background-position: 0 100%;
  bottom: -4px;
  left: 0;
  width: 100%;
}
.rmNeedBaseStyles .rmBottomFix,
.rmNeedBaseStyles .rmTopFix {
  background-position: -1px 0;
  width: auto;
  left: 5px;
  right: 0;
}
.rmNeedBaseStyles .rmBottomFix {
  bottom: -4px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.rmNeedBaseStyles .rmTopFix {
  top: 0;
  left: 5px;
  border-top-width: 1px;
  border-top-style: solid;
}
* html .rmNeedBaseStyles .rmTopFix, * html .rmNeedBaseStyles .rmBottomFix, * html .rmNeedBaseStyles .rmBottomShadowLeft {
  width: 0;
}
.rmNeedBaseStyles .rmBottomRight {
  background-position: 100% 100%;
  bottom: -4px;
  right: -4px;
  width: 8px;
}
.rmNeedBaseStyles .rmAccessKey {
  font-size: 10px;
  font-weight: normal;
  float: right;
  padding-right: 8px;
}
.rmNeedBaseStyles .rmScrollWrapContainer {
  position: absolute;
}
.rmNeedBaseStyles .rmScrollWrapContainer .rmTopFix {
  height: 100%;
}
* html .rmNeedBaseStyles .rmScrollWrapContainer .rmTopFix {
  height: 5px;
}
.rmNeedBaseStyles .rmRootGroup .rmItem .rmGroup {
  padding-bottom: 1px;
}
.rmNeedBaseStyles .rmGroup .rmItem {
  padding: 0;
}
.rmNeedBaseStyles .rmGroup .rmLink,
.rmNeedBaseStyles .rmSlide .rmGroup .rmTemplate {
  padding: 0;
}
.rmNeedBaseStyles .rmSlide .rmHorizontal .rmText {
  padding: 0 11px 0 10px;
}
.rmNeedBaseStyles .rmGroup .rmLeftImage {
  margin: 4px 0 0 6px;
}
* html .rmNeedBaseStyles .rmGroup .rmLeftImage {
  margin-left: 4px;
}
* + html .rmNeedBaseStyles .rmGroup .rmLeftImage {
  margin-left: 4px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmGroup .rmLeftImage {
  margin: 4px 6px 0 0;
}
* html .rmNeedBaseStyles .rmGroup .rmLeftImage {
  position: absolute;
}
* + html .rmNeedBaseStyles .rmGroup .rmLeftImage {
  position: absolute;
}
.rmNeedBaseStyles .rmGroup .rmText {
  padding: 0 54px 0 28px;
  margin: 0 0 0 4px;
}
.rmNeedBaseStyles .rmMultiColumn {
  list-style: none;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  zoom: 1;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
.rmNeedBaseStyles .rmMultiColumn .rmMultiGroup {
  background: 0;
  border: 0;
  float: left;
  display: block;
  position: static;
}
.rmNeedBaseStyles .rmMultiColumn .rmGroupColumn {
  float: left;
}
.rmNeedBaseStyles.RadMenu_rtl .rmGroup .rmLink,
.rmNeedBaseStyles.RadMenu_rtl .rmSlide .rmGroup .rmTemplate {
  padding: 0;
}
.rmNeedBaseStyles.RadMenu_rtl .rmGroup .rmText {
  padding: 0 28px 0 54px;
  margin: 0 4px 0 0;
}
.rmNeedBaseStyles.RadMenu_rtl .rmMultiColumn .rmGroupColumn {
  float: right;
}
* + html .rmNeedBaseStyles.RadMenu_rtl .rmMultiColumn .rmItem {
  float: left;
}
* html .rmNeedBaseStyles.RadMenu_rtl .rmMultiColumn .rmItem {
  float: left;
}
.rmNeedBaseStyles.RadMenu_rtl .rmSlide .rmVertical .rmLeftImage + .rmText, .rmNeedBaseStyles.RadMenu_Context_rtl .rmGroup .rmLeftImage + .rmText {
  padding: 0 28px 0 54px;
}
.rmNeedBaseStyles a.rmImageOnly .rmLeftImage,
.rmNeedBaseStyles .rmRootGroup a.rmImageOnly {
  padding: 0;
  margin: 0;
}
.rmNeedBaseStyles .rmRootGroup a.rmImageOnly span.rmText {
  display: none;
}
* html .rmNeedBaseStyles .rmImageOnly .rmLeftImage {
  position: static;
}
* + html .rmNeedBaseStyles .rmImageOnly .rmLeftImage {
  position: static;
}
* html .rmNeedBaseStyles.RadMenu_rtl .rmGroup .rmLeftImage {
  right: 0;
}
* + html .rmNeedBaseStyles.RadMenu_rtl .rmGroup .rmLeftImage {
  right: 0;
}
* + html .rmNeedBaseStyles.RadMenu_Context_rtl ul.rmGroup {
  position: absolute;
}
* html .rmNeedBaseStyles.RadMenu_Context_rtl ul.rmGroup {
  position: absolute;
}
* + html .rmNeedBaseStyles.RadMenu_Context_rtl .rmGroup .rmItem {
  float: left;
}
* html .rmNeedBaseStyles.RadMenu_Context_rtl .rmGroup .rmItem {
  float: left;
}
.rmNeedBaseStyles .rmSeparator .rmText {
  line-height: 0;
  font-size: 0;
  padding: 0;
  background-repeat: repeat-x;
  overflow: hidden;
}
.rmNeedBaseStyles .rmVertical .rmSeparator .rmText,
.rmNeedBaseStyles .rmHorizontal .rmVertical .rmSeparator .rmText {
  height: auto;
  width: auto;
  padding-bottom: 2px;
}
* + html .rmNeedBaseStyles .rmSeparator .rmText, * + html .rmNeedBaseStyles .rmVertical .rmSeparator .rmText, * + html .rmNeedBaseStyles .rmHorizontal .rmVertical .rmSeparator .rmText {
  height: 0;
  padding: 0;
}
* html .rmNeedBaseStyles .rmVertical .rmSeparator {
  height: 3px;
}
* html .rmNeedBaseStyles .rmVertical .rmSeparator .rmText {
  height: auto;
  padding: 2px 0 0;
}
* html .rmNeedBaseStyles .rmHorizontal .rmSeparator .rmText {
  padding: 0;
}
* html .rmNeedBaseStyles .rmHorizontal .rmVertical .rmSeparator {
  height: 3px;
}
* html .rmNeedBaseStyles .rmHorizontal .rmVertical .rmSeparator .rmText {
  height: 2px;
}
.rmNeedBaseStyles .rmRootGroup .rmSeparator .rmText {
  margin: 1px 12px;
}
.rmNeedBaseStyles .rmRootGroup .rmVertical .rmSeparator .rmText, .rmNeedBaseStyles .RadMenu_Context .rmVertical .rmSeparator .rmText {
  margin: 1px 2px 1px 31px;
}
.rmNeedBaseStyles.RadMenu_rtl .rmRootGroup .rmVertical .rmSeparator .rmText, .rmNeedBaseStyles.RadMenu_Context_rtl .rmVertical .rmSeparator .rmText {
  margin: 1px 31px 1px 2px;
}
.rmNeedBaseStyles .rmHorizontal .rmSeparator .rmText,
.rmNeedBaseStyles .rmVertical .rmHorizontal .rmSeparator .rmText {
  margin: 2px 0 0;
  height: 20px;
  width: 2px;
}
* html .rmNeedBaseStyles .rmHorizontal .rmVertical .rmSeparator .rmText {
  zoom: 1;
}
.rmNeedBaseStyles .rmLeftArrow, .rmNeedBaseStyles .RadMenu .rmRightArrow {
  width: 10px;
  height: 24px;
}
.rmNeedBaseStyles .rmTopArrow, .rmNeedBaseStyles .RadMenu .rmBottomArrow {
  height: 10px;
  width: 100%;
}
.rmNeedBaseStyles .rmLink {
  position: relative;
}
.rmNeedBaseStyles .rmIcon {
  margin: -8px 0 0 -8px;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: none;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
}
.rmNeedBaseStyles .rmToggle {
  width: 23px;
  height: 23px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}
.rmNeedBaseStyles .rmHorizontal .rmRootLink .rmToggle {
  margin-left: -12px;
  float: left;
  position: relative;
}
.rmNeedBaseStyles .rmHorizontal .rmRootLink .rmIcon {
  display: block;
}
.rmNeedBaseStyles.RadMenu_rtl .rmToggle {
  left: 0;
  right: auto;
  text-align: left;
}

.rmSized ul.rmVertical,
.rmSized .rmVertical .rmItem {
  width: 100%;
}
.rmSized ul.rmRootGroup {
  float: none;
}
.rmSized .rmRootGroup .rmVertical,
.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem {
  width: auto;
}

.rmNeedBaseStyles .rmSlide,
.RadMenu_Context {
  position: absolute;
  overflow: hidden;
  display: none;
  float: left;
}
* html .rmNeedBaseStyles .rmSlide, * html
.RadMenu_Context {
  height: 1px;
}

.RadMenu_Context {
  z-index: 1000;
  overflow: visible;
}

.rmScrollWrap {
  position: absolute;
  float: left;
  overflow: hidden;
  left: 0;
}

.rmNotPrmiary .rmScrollWrapContainer .rmGroup,
.rmScrollWrapContainer .rmGroup .rmGroup,
.rmScrollWrapContainer .rmGroup {
  padding: 0;
}

.rmNeedBaseStyles .rmSlide .rmVertical .rmLeftImage + .rmText,
.RadMenu_Context .rmGroup .rmLeftImage + .rmText {
  padding: 0 54px 0 28px;
}

.navbar {
  position: relative;
  min-height: 52px;
  margin-bottom: 0;
}
.navbar:before, .navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}
.no-mqs .navbar {
  border-radius: 0;
}

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}

.navbar-collapse {
  overflow: visible;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}
.no-mqs .navbar-collapse {
  width: auto;
  border-top: 0;
  box-shadow: none;
}
.no-mqs .navbar-collapse.collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}
.no-mqs .navbar-collapse.in {
  overflow-y: auto;
}
.no-mqs .navbar-collapse .navbar-nav.navbar-left:first-child {
  margin-left: -15px;
}
.no-mqs .navbar-collapse .navbar-nav.navbar-right:last-child {
  margin-right: -15px;
}
.no-mqs .navbar-collapse .navbar-text:last-child {
  margin-right: 0;
}

.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.no-mqs .container > .navbar-header, .no-mqs
.container > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

.navbar-toggle {
  position: relative;
  margin-left: 15px;
  padding: 9px 10px;
  margin-top: 9px;
  margin-bottom: 9px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #005875;
}
.navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.no-mqs .navbar-toggle {
  display: none;
}

/* ==========================================================================
   RiSE
   ========================================================================== */
/* Easy Edit
   ========================================================================== */
/* The border that surrounds 'hidden' iParts when in Easy Edit mode */
.NoContentSTEContainer {
  border: 1px dashed #D8D8D8;
  padding: 0.313em;
}

@media (max-width: 767px) {
  .SurfEdit, .ste-toggle,
  .ContentItemButtonPanel,
  .ContentRecordPageButtonPanel,
  .NoContentSTEContainer {
    /* We do not want surf-to-edit to appear in a mobile phone environment, but it should be available in desktop */
    display: none !important;
  }
}

.ContentRecordPageAnchor {
  /* iPart and page edit icons */
  display: block;
}

.ContentItemButtonPanel {
  clear: both;
  cursor: pointer;
}

.ContentRecordPageButtonPanel > a,
.ContentItemButtonPanel > a {
  /* Content configuration */
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.ContentRecordPageButtonPanel > a:hover,
.ContentItemButtonPanel > a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ContentItemButtonPanel img {
  padding: 2px 2px 1px 0;
  display: block;
}

.ContentRecordPageAnchor img {
  padding: 4px 2px 2px 2px;
  display: block;
}

/**
 * Easy Edit hover outlines
 */
/* Hover outlines when in EasyEdit (Surf to Edit) */
/* Only display if the screen is wider than 768px (ie. don't display on a mobile phone) */
@media (min-width: 768px) {
  .EasyEditOn .body-container,
  .EasyEditOn .ContentPanel,
  .EasyEditOn .EmptyMasterContentPanel,
  .EasyEditOn .EasyEditContent,
  .EasyEditOn .WebPartZoneDesignTime {
    border: 1px solid transparent;
  }
  .EasyEditOn .WebPartZoneDesignTime .EasyEditContent {
    border: none;
  }
  .EasyEditOn .EasyEditContent:hover,
  .EasyEditOn .WebPartZoneDesignTime:hover {
    /* iPart Areas */
    border-color: #c5e2f9;
    background-color: #fff;
  }
  .EasyEditOn .EasyEditContent:hover > .ContentItemButtonPanel > a, .EasyEditOn .EasyEditContent:hover > div > .ContentItemButtonPanel > a, .EasyEditOn .EasyEditContent:hover + .ContentItemButtonPanel > a,
  .EasyEditOn .NoContentSTEContainer:hover > .ContentItemButtonPanel > a,
  .EasyEditOn .NoContentSTEContainer:hover > div > .ContentItemButtonPanel > a,
  .EasyEditOn .NoContentSTEContainer:hover + .ContentItemButtonPanel > a {
    background-color: #c5e2f9;
  }
  .EasyEditOn .body-container:hover,
  .EasyEditOn .ContentPanel:hover,
  .EasyEditOn .EmptyMasterContentPanel:hover {
    /* Content item area */
    border-style: dotted;
    border-color: #7899CE;
    background-color: #F7F9FD;
  }
  .EasyEditOn .body-container:hover .ContentRecordPageButtonPanel > a,
  .EasyEditOn .ContentPanel:hover .ContentRecordPageButtonPanel > a,
  .EasyEditOn .EmptyMasterContentPanel:hover .ContentRecordPageButtonPanel > a {
    background-color: #6695DE;
  }

  /* Master page template areas with no iPart or Content Item */
  .TemplateAreaEasyEditOn .body-container:hover, .TemplateAreaEasyEditOn .ContentPanel:hover, .TemplateAreaEasyEditOn .EmptyMasterContentPanel:hover {
    border: 1px solid transparent;
    background-color: transparent;
  }
}
@media (max-width: 767px) {
  /**
    * Usually we don't hide content items in easy edit mode,
    * but on xs screens we do to avoid showing content on mobile
    * with no way of toggling off easy edit (since the toggle is hidden).
    */
  .hidden-xs-ste-on,
  tr.hidden-xs-ste-on,
  th.hidden-xs-ste-on,
  td.hidden-xs-ste-on {
    display: none !important;
  }
}
/* Content Designer
   ========================================================================== */
.PublishStatusTitle .panel-title::before {
  content: "\a0!\a0";
  padding: 2px;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  width: 20px;
  height: 16px;
  font-weight: bold;
  margin-right: 5px;
}

.Working .panel-title::before {
  background-color: #ff0000;
}

.Pending .panel-title::before {
  background-color: #ffcc00;
}

.PublishRequested .panel-title::before {
  background-color: #ff9900;
}

.WebPartsPanel {
  clear: both;
  width: 100%;
}

.WebPartZoneDesignTime {
  width: 99%;
  background-color: #ffffff;
  padding-bottom: 0.7em;
  margin-left: auto;
  margin-right: auto;
}

.WebPartZoneDesignTimeAction,
.WebPartZoneDesignTimeEmptyZoneText {
  text-align: center;
}

.WebPartZoneDesignTimeAction a, .WebPartZoneDesignTimeAction a:visited,
.WebPartZoneDesignTimeEmptyZoneText a, .WebPartZoneDesignTimeEmptyZoneText a:visited {
  color: #23749d !important;
  text-decoration: underline !important;
  font-weight: normal !important;
}

.WebPartZoneDesignTimeAction a.Disabled, .WebPartZoneDesignTimeAction a:visited.Disabled {
  color: #999999 !important;
  text-decoration: none !important;
}

.WebPartZoneDesignTimeEmptyZoneText {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
  color: #333333 !important;
}

.pull-left .WebPartZoneDesignTime,
.pull-right .WebPartZoneDesignTime {
  width: auto;
}

.WebPartsTitleBar,
.ConnectionTitleBar {
  background-position: left center;
  font-weight: bold;
  color: #000;
  background-color: #f3f3f3;
  line-height: 24px;
  padding-left: 10px;
  padding-right: 8px;
  font-size: 80%;
  background-image: url("../../AsiCommon/Images/draggable.gif");
  background-repeat: repeat-y;
  border-bottom-color: #E5E5E5;
  border-bottom-width: 1px;
  border-bottom-style: Solid;
}

.WebPartsTitleBar {
  cursor: move;
}

.WebPartsTitleBar a,
.WebPartsTitleBar a:hover {
  font-weight: normal;
  color: #000;
  font-size: 80%;
  text-decoration: none;
  padding-left: 2px;
}

.WebPartsTitleBar a:hover {
  color: #dedede;
}

.WebPartDesignMenu {
  border: 1px solid #293c7c;
  width: 10px;
  font-family: Verdana;
}

/* iParts Connection Panel */
.ConnectionWebPartsPanel {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.ConnectionWebPartLabel {
  text-align: left;
  min-width: 15em;
  padding: 3px;
  white-space: nowrap;
}

.ConnectionWebPartsPanel td table td {
  padding-left: 5px;
  color: #000000;
  border-color: #e5e5e5;
  border-width: 1px;
  border-style: Solid;
}

.ConnectionTitleBar img {
  max-width: none !important;
}

/* Define overflow so Content Edit page will properly display oversized iParts. */
.LayoutBorder {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0;
}

/* Content editor drag-and-drop (used by jQueryUI)
 * Adds our indicators when we drag iParts around to show where they can be dropped*/
.ui-state-hover, .ui-state-active {
  background: repeating-linear-gradient(-55deg, #7A7A7A, #7A7A7A 10px, #999999 10px, #999999 20px);
}

.ui-state-hover {
  height: 3em !important;
}

.ui-state-active {
  height: 3em !important;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

/* Theme selector
   ========================================================================== */
/* Website theme selector grid */
.theme-item {
  width: 300px;
  height: 200px;
  position: relative;
  overflow: hidden;
  margin: 10px;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: #ddd;
}

.theme-caption {
  cursor: default;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  top: 80%;
}
.theme-caption.theme-deprecated {
  background-color: rgba(175, 0, 0, 0.8);
}

.theme-image {
  width: 300px !important;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}
.theme-image.selected-preview {
  border: 1px solid #ddd;
}

h3.theme-title {
  font-size: 1.2em;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  /* the following make the text overflow to */
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.theme-details {
  color: #fff;
  display: block;
  clear: both;
}

.theme-title, .theme-details {
  margin: 10px;
}

.theme-section {
  max-width: 1000px;
  margin: 0 auto;
}

.theme-item .theme-image,
.theme-caption {
  transition: all 0.5s ease;
}

.theme-item:hover .theme-caption {
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.87);
}
.theme-item:hover .theme-caption.theme-deprecated {
  background-color: rgba(175, 0, 0, 0.87);
}
.theme-item:hover .theme-title {
  /* when the details are expanded, allow the title to wrap */
  white-space: normal;
}

/* Tagged List Editor
   ========================================================================== */
/* Icons used in tagged lists */
.ImportantContent, .MembersOnlyContent {
  padding: 0 10px;
}

/* The "new" icon in tagged lists */
.reToolbar .reTool .iMISNewContentTool, .ImportantContent {
  background: url(../../AsiCommon/Images/AtomPainter/iMISNewContentTool.gif) no-repeat center center;
}

/* The key icon to indicate member-only content in tagged lists */
.reToolbar .reTool .iMISMembersOnlyTool, .MembersOnlyContent {
  background: url(../../AsiCommon/Images/AtomPainter/iMISMembersOnlyTool.gif) no-repeat center center;
}

/* The "{...}" icon used for conditional display in the HTML editor */
.reToolbar .reTool .iMISConditionalDisplayTool {
  background: url(../../AsiCommon/Images/AtomPainter/iMISConditionalDisplayTool.gif) no-repeat center center;
}

/* The iMIS link icon used in the HTML editor */
.reToolbar .reTool .iMISLinkTool {
  background: url(../../AsiCommon/Images/AtomPainter/iMISLinkTool.gif) no-repeat center center;
}

/* The iMIS label icon used in the HTMl editor */
.reToolbar .reTool .iMISLabelTool {
  background: url(../../AsiCommon/Images/AtomPainter/iMISLabelTool.gif) no-repeat center center;
}

/* Tag Selector
   ========================================================================== */
/* The area displaying selected tags */
.SelectedTagList {
  margin: .5em 0 0 0;
  padding: 0;
}

.SelectedTagList li {
  list-style-type: none;
  display: inline-block;
  padding: .2em .5em;
  margin: 0 .5em .5em 0;
}

/* A tag within the selected tag area */
.SelectedTagList .Tag {
  background-color: #eee;
}

/* The (None Selected) message within a tag selector */
.NoResults {
  font-style: italic;
}

/* Panel Editor
   ========================================================================== */
/* Used in ObjectBrowser2 and PanelEditor when dragging/dropping */
.dragContainer {
  position: absolute;
  z-index: 999;
  cursor: move;
  background-repeat: no-repeat;
  cursor: move;
  background-color: White;
  border: solid 1px black;
  padding: 2px;
}

.dragItem {
  cursor: default;
  padding-left: 18px;
  background-repeat: no-repeat;
  min-height: 20px;
  font-weight: bold;
}

/* Process Automation
   ========================================================================== */
/* Task defintion UI */
.TaskDefinition .chosen-container,
.TaskDefinition .chosen-container-multi {
  /* for some reason the multi-selects were not sizing properly - need to force it here*/
  width: 30em !important;
  max-width: 100%;
}
.TaskDefinition .reModule {
  display: none;
}

/* Pages and iParts
   ========================================================================== */
/* A zone that can contain iParts*/
.WebPartZone {
  width: 100%;
}

/* Put a little padding between iParts */
/* the second line is necessary because iParts within a CCO do not have the wrapper class ".iMIS-WebPart" */
.iMIS-WebPart > .ContentItemContainer,
.WebPartZone > .ContentItemContainer {
  margin-bottom: 0.9em;
  display: block;
}

/* Add extra padding to content that uses the CommandBar to prevent overlap. */
.EmptyMasterContentPanel > .ContentItemContainer {
  padding-bottom: 4em;
}

/* Other
   ========================================================================== */
/* The status indicator for the publish progress */
.PublishServerStatusProgressBar {
  height: 10px !important;
}

/* This is the table of avilable permissions when editing a Content Authority Group members */
.PermissionTable td {
  padding: 5px;
}

/* ==========================================================================
   ICONS
   ========================================================================== */
/**
  * Sprites and other styles that define various icons used throughout iMIS 
  */
/* System icons
   ========================================================================== */
/**
  * Icons used for actions such as add, edit, delete, move up, move down, etc.
  */
.sysicon--container {
  display: inline-block;
}

.IconSprite,
.DeleteImage, .EditImage, .ArrowUp, .ArrowUpOff, .ArrowDown, .ArrowDownOff,
.obo-action,
.obo-toggle,
.ste-toggle, .sysicon, .sysicon--before:before, .sysicon--after:after, .CancelChange, .Refresh {
  display: inline-block;
  background-image: url(../images/IconSprite.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
}

.IconSprite,
.DeleteImage, .EditImage, .ArrowUp, .ArrowUpOff, .ArrowDown, .ArrowDownOff,
.obo-action,
.obo-toggle,
.ste-toggle {
  margin-left: .2em;
}

.obo-action,
.obo-toggle,
.ste-toggle {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: inline-block;
}

.sysicon--before:before, .sysicon--after:after {
  content: '';
}

/* Disabled up and down arrows */
.ArrowUpOff, .ArrowDownOff {
  opacity: .4;
  filter: alpha(opacity=40);
  /* filter needed for IE compatibility */
}

/* Larger Icons for Angular */
.CancelChange, .Refresh {
  width: 34px;
  height: 34px;
  background-position: -875px 0;
}

.Refresh {
  background-position: -909px 0;
}

.sysicon-add.sysicon, a[disabled]:hover .sysicon-add.sysicon, a.aspNetDisabled:hover .sysicon-add.sysicon, .sysicon-add.sysicon--before:before, a[disabled]:hover .sysicon-add.sysicon--before:before, a.aspNetDisabled:hover .sysicon-add.sysicon--before:before, .sysicon-add.sysicon--after:after, a[disabled]:hover .sysicon-add.sysicon--after:after, a.aspNetDisabled:hover .sysicon-add.sysicon--after:after {
  background-position: 0px 0;
}
a:hover .sysicon-add.sysicon, a:focus .sysicon-add.sysicon, a:hover .sysicon-add.sysicon--before:before, a:focus .sysicon-add.sysicon--before:before, a:hover .sysicon-add.sysicon--after:after, a:focus .sysicon-add.sysicon--after:after {
  background-position: 0px -35px;
}

.sysicon-edit.sysicon, a[disabled]:hover .sysicon-edit.sysicon, a.aspNetDisabled:hover .sysicon-edit.sysicon, .sysicon-edit.sysicon--before:before, a[disabled]:hover .sysicon-edit.sysicon--before:before, a.aspNetDisabled:hover .sysicon-edit.sysicon--before:before, .sysicon-edit.sysicon--after:after, a[disabled]:hover .sysicon-edit.sysicon--after:after, a.aspNetDisabled:hover .sysicon-edit.sysicon--after:after {
  background-position: -35px 0;
}
a:hover .sysicon-edit.sysicon, a:focus .sysicon-edit.sysicon, a:hover .sysicon-edit.sysicon--before:before, a:focus .sysicon-edit.sysicon--before:before, a:hover .sysicon-edit.sysicon--after:after, a:focus .sysicon-edit.sysicon--after:after {
  background-position: -35px -35px;
}

.sysicon-delete.sysicon, a[disabled]:hover .sysicon-delete.sysicon, a.aspNetDisabled:hover .sysicon-delete.sysicon, .sysicon-delete.sysicon--before:before, a[disabled]:hover .sysicon-delete.sysicon--before:before, a.aspNetDisabled:hover .sysicon-delete.sysicon--before:before, .sysicon-delete.sysicon--after:after, a[disabled]:hover .sysicon-delete.sysicon--after:after, a.aspNetDisabled:hover .sysicon-delete.sysicon--after:after {
  background-position: -70px 0;
}
a:hover .sysicon-delete.sysicon, a:focus .sysicon-delete.sysicon, a:hover .sysicon-delete.sysicon--before:before, a:focus .sysicon-delete.sysicon--before:before, a:hover .sysicon-delete.sysicon--after:after, a:focus .sysicon-delete.sysicon--after:after {
  background-position: -70px -35px;
}

.sysicon-move-up.sysicon, a[disabled]:hover .sysicon-move-up.sysicon, a.aspNetDisabled:hover .sysicon-move-up.sysicon, .sysicon-move-up.sysicon--before:before, a[disabled]:hover .sysicon-move-up.sysicon--before:before, a.aspNetDisabled:hover .sysicon-move-up.sysicon--before:before, .sysicon-move-up.sysicon--after:after, a[disabled]:hover .sysicon-move-up.sysicon--after:after, a.aspNetDisabled:hover .sysicon-move-up.sysicon--after:after {
  background-position: -105px 0;
}
a:hover .sysicon-move-up.sysicon, a:focus .sysicon-move-up.sysicon, a:hover .sysicon-move-up.sysicon--before:before, a:focus .sysicon-move-up.sysicon--before:before, a:hover .sysicon-move-up.sysicon--after:after, a:focus .sysicon-move-up.sysicon--after:after {
  background-position: -105px -35px;
}

.sysicon-move-down.sysicon, a[disabled]:hover .sysicon-move-down.sysicon, a.aspNetDisabled:hover .sysicon-move-down.sysicon, .sysicon-move-down.sysicon--before:before, a[disabled]:hover .sysicon-move-down.sysicon--before:before, a.aspNetDisabled:hover .sysicon-move-down.sysicon--before:before, .sysicon-move-down.sysicon--after:after, a[disabled]:hover .sysicon-move-down.sysicon--after:after, a.aspNetDisabled:hover .sysicon-move-down.sysicon--after:after {
  background-position: -140px 0;
}
a:hover .sysicon-move-down.sysicon, a:focus .sysicon-move-down.sysicon, a:hover .sysicon-move-down.sysicon--before:before, a:focus .sysicon-move-down.sysicon--before:before, a:hover .sysicon-move-down.sysicon--after:after, a:focus .sysicon-move-down.sysicon--after:after {
  background-position: -140px -35px;
}

.sysicon-select.sysicon, a[disabled]:hover .sysicon-select.sysicon, a.aspNetDisabled:hover .sysicon-select.sysicon, .sysicon-select.sysicon--before:before, a[disabled]:hover .sysicon-select.sysicon--before:before, a.aspNetDisabled:hover .sysicon-select.sysicon--before:before, .sysicon-select.sysicon--after:after, a[disabled]:hover .sysicon-select.sysicon--after:after, a.aspNetDisabled:hover .sysicon-select.sysicon--after:after {
  background-position: -175px 0;
}
a:hover .sysicon-select.sysicon, a:focus .sysicon-select.sysicon, a:hover .sysicon-select.sysicon--before:before, a:focus .sysicon-select.sysicon--before:before, a:hover .sysicon-select.sysicon--after:after, a:focus .sysicon-select.sysicon--after:after {
  background-position: -175px -35px;
}

.sysicon-check.sysicon, a[disabled]:hover .sysicon-check.sysicon, a.aspNetDisabled:hover .sysicon-check.sysicon, .sysicon-check.sysicon--before:before, a[disabled]:hover .sysicon-check.sysicon--before:before, a.aspNetDisabled:hover .sysicon-check.sysicon--before:before, .sysicon-check.sysicon--after:after, a[disabled]:hover .sysicon-check.sysicon--after:after, a.aspNetDisabled:hover .sysicon-check.sysicon--after:after {
  background-position: -245px 0;
}
a:hover .sysicon-check.sysicon, a:focus .sysicon-check.sysicon, a:hover .sysicon-check.sysicon--before:before, a:focus .sysicon-check.sysicon--before:before, a:hover .sysicon-check.sysicon--after:after, a:focus .sysicon-check.sysicon--after:after {
  background-position: -245px -35px;
}

.sysicon-undo.sysicon, a[disabled]:hover .sysicon-undo.sysicon, a.aspNetDisabled:hover .sysicon-undo.sysicon, .sysicon-undo.sysicon--before:before, a[disabled]:hover .sysicon-undo.sysicon--before:before, a.aspNetDisabled:hover .sysicon-undo.sysicon--before:before, .sysicon-undo.sysicon--after:after, a[disabled]:hover .sysicon-undo.sysicon--after:after, a.aspNetDisabled:hover .sysicon-undo.sysicon--after:after {
  background-position: -280px 0;
}
a:hover .sysicon-undo.sysicon, a:focus .sysicon-undo.sysicon, a:hover .sysicon-undo.sysicon--before:before, a:focus .sysicon-undo.sysicon--before:before, a:hover .sysicon-undo.sysicon--after:after, a:focus .sysicon-undo.sysicon--after:after {
  background-position: -280px -35px;
}

.sysicon-find.sysicon, a[disabled]:hover .sysicon-find.sysicon, a.aspNetDisabled:hover .sysicon-find.sysicon, .sysicon-find.sysicon--before:before, a[disabled]:hover .sysicon-find.sysicon--before:before, a.aspNetDisabled:hover .sysicon-find.sysicon--before:before, .sysicon-find.sysicon--after:after, a[disabled]:hover .sysicon-find.sysicon--after:after, a.aspNetDisabled:hover .sysicon-find.sysicon--after:after {
  background-position: -315px 0;
}
a:hover .sysicon-find.sysicon, a:focus .sysicon-find.sysicon, a:hover .sysicon-find.sysicon--before:before, a:focus .sysicon-find.sysicon--before:before, a:hover .sysicon-find.sysicon--after:after, a:focus .sysicon-find.sysicon--after:after {
  background-position: -315px -35px;
}

.sysicon-cancel.sysicon, a[disabled]:hover .sysicon-cancel.sysicon, a.aspNetDisabled:hover .sysicon-cancel.sysicon, .sysicon-cancel.sysicon--before:before, a[disabled]:hover .sysicon-cancel.sysicon--before:before, a.aspNetDisabled:hover .sysicon-cancel.sysicon--before:before, .sysicon-cancel.sysicon--after:after, a[disabled]:hover .sysicon-cancel.sysicon--after:after, a.aspNetDisabled:hover .sysicon-cancel.sysicon--after:after {
  background-position: -350px 0;
}
a:hover .sysicon-cancel.sysicon, a:focus .sysicon-cancel.sysicon, a:hover .sysicon-cancel.sysicon--before:before, a:focus .sysicon-cancel.sysicon--before:before, a:hover .sysicon-cancel.sysicon--after:after, a:focus .sysicon-cancel.sysicon--after:after {
  background-position: -350px -35px;
}

.sysicon-contact-find.sysicon, a[disabled]:hover .sysicon-contact-find.sysicon, a.aspNetDisabled:hover .sysicon-contact-find.sysicon, .sysicon-contact-find.sysicon--before:before, a[disabled]:hover .sysicon-contact-find.sysicon--before:before, a.aspNetDisabled:hover .sysicon-contact-find.sysicon--before:before, .sysicon-contact-find.sysicon--after:after, a[disabled]:hover .sysicon-contact-find.sysicon--after:after, a.aspNetDisabled:hover .sysicon-contact-find.sysicon--after:after {
  background-position: -385px 0;
}
a:hover .sysicon-contact-find.sysicon, a:focus .sysicon-contact-find.sysicon, a:hover .sysicon-contact-find.sysicon--before:before, a:focus .sysicon-contact-find.sysicon--before:before, a:hover .sysicon-contact-find.sysicon--after:after, a:focus .sysicon-contact-find.sysicon--after:after {
  background-position: -385px -35px;
}

.sysicon-configure.sysicon, a[disabled]:hover .sysicon-configure.sysicon, a.aspNetDisabled:hover .sysicon-configure.sysicon, .sysicon-configure.sysicon--before:before, a[disabled]:hover .sysicon-configure.sysicon--before:before, a.aspNetDisabled:hover .sysicon-configure.sysicon--before:before, .sysicon-configure.sysicon--after:after, a[disabled]:hover .sysicon-configure.sysicon--after:after, a.aspNetDisabled:hover .sysicon-configure.sysicon--after:after {
  background-position: -420px 0;
}
a:hover .sysicon-configure.sysicon, a:focus .sysicon-configure.sysicon, a:hover .sysicon-configure.sysicon--before:before, a:focus .sysicon-configure.sysicon--before:before, a:hover .sysicon-configure.sysicon--after:after, a:focus .sysicon-configure.sysicon--after:after {
  background-position: -420px -35px;
}

.sysicon-obo-change.sysicon, a[disabled]:hover .sysicon-obo-change.sysicon, a.aspNetDisabled:hover .sysicon-obo-change.sysicon, .sysicon-obo-change.sysicon--before:before, a[disabled]:hover .sysicon-obo-change.sysicon--before:before, a.aspNetDisabled:hover .sysicon-obo-change.sysicon--before:before, .sysicon-obo-change.sysicon--after:after, a[disabled]:hover .sysicon-obo-change.sysicon--after:after, a.aspNetDisabled:hover .sysicon-obo-change.sysicon--after:after {
  background-position: -455px 0;
}
a:hover .sysicon-obo-change.sysicon, a:focus .sysicon-obo-change.sysicon, a:hover .sysicon-obo-change.sysicon--before:before, a:focus .sysicon-obo-change.sysicon--before:before, a:hover .sysicon-obo-change.sysicon--after:after, a:focus .sysicon-obo-change.sysicon--after:after {
  background-position: -455px -35px;
}

.sysicon-obo-clear.sysicon, a[disabled]:hover .sysicon-obo-clear.sysicon, a.aspNetDisabled:hover .sysicon-obo-clear.sysicon, .sysicon-obo-clear.sysicon--before:before, a[disabled]:hover .sysicon-obo-clear.sysicon--before:before, a.aspNetDisabled:hover .sysicon-obo-clear.sysicon--before:before, .sysicon-obo-clear.sysicon--after:after, a[disabled]:hover .sysicon-obo-clear.sysicon--after:after, a.aspNetDisabled:hover .sysicon-obo-clear.sysicon--after:after {
  background-position: -490px 0;
}
a:hover .sysicon-obo-clear.sysicon, a:focus .sysicon-obo-clear.sysicon, a:hover .sysicon-obo-clear.sysicon--before:before, a:focus .sysicon-obo-clear.sysicon--before:before, a:hover .sysicon-obo-clear.sysicon--after:after, a:focus .sysicon-obo-clear.sysicon--after:after {
  background-position: -490px -35px;
}

.sysicon-download.sysicon, a[disabled]:hover .sysicon-download.sysicon, a.aspNetDisabled:hover .sysicon-download.sysicon, .sysicon-download.sysicon--before:before, a[disabled]:hover .sysicon-download.sysicon--before:before, a.aspNetDisabled:hover .sysicon-download.sysicon--before:before, .sysicon-download.sysicon--after:after, a[disabled]:hover .sysicon-download.sysicon--after:after, a.aspNetDisabled:hover .sysicon-download.sysicon--after:after {
  background-position: -525px 0;
}
a:hover .sysicon-download.sysicon, a:focus .sysicon-download.sysicon, a:hover .sysicon-download.sysicon--before:before, a:focus .sysicon-download.sysicon--before:before, a:hover .sysicon-download.sysicon--after:after, a:focus .sysicon-download.sysicon--after:after {
  background-position: -525px -35px;
}

.sysicon-group.sysicon, a[disabled]:hover .sysicon-group.sysicon, a.aspNetDisabled:hover .sysicon-group.sysicon, .sysicon-group.sysicon--before:before, a[disabled]:hover .sysicon-group.sysicon--before:before, a.aspNetDisabled:hover .sysicon-group.sysicon--before:before, .sysicon-group.sysicon--after:after, a[disabled]:hover .sysicon-group.sysicon--after:after, a.aspNetDisabled:hover .sysicon-group.sysicon--after:after {
  background-position: -560px 0;
}
a:hover .sysicon-group.sysicon, a:focus .sysicon-group.sysicon, a:hover .sysicon-group.sysicon--before:before, a:focus .sysicon-group.sysicon--before:before, a:hover .sysicon-group.sysicon--after:after, a:focus .sysicon-group.sysicon--after:after {
  background-position: -560px -35px;
}

.sysicon-person.sysicon, a[disabled]:hover .sysicon-person.sysicon, a.aspNetDisabled:hover .sysicon-person.sysicon, .sysicon-person.sysicon--before:before, a[disabled]:hover .sysicon-person.sysicon--before:before, a.aspNetDisabled:hover .sysicon-person.sysicon--before:before, .sysicon-person.sysicon--after:after, a[disabled]:hover .sysicon-person.sysicon--after:after, a.aspNetDisabled:hover .sysicon-person.sysicon--after:after {
  background-position: -595px 0;
}
a:hover .sysicon-person.sysicon, a:focus .sysicon-person.sysicon, a:hover .sysicon-person.sysicon--before:before, a:focus .sysicon-person.sysicon--before:before, a:hover .sysicon-person.sysicon--after:after, a:focus .sysicon-person.sysicon--after:after {
  background-position: -595px -35px;
}

.sysicon-organization.sysicon, a[disabled]:hover .sysicon-organization.sysicon, a.aspNetDisabled:hover .sysicon-organization.sysicon, .sysicon-organization.sysicon--before:before, a[disabled]:hover .sysicon-organization.sysicon--before:before, a.aspNetDisabled:hover .sysicon-organization.sysicon--before:before, .sysicon-organization.sysicon--after:after, a[disabled]:hover .sysicon-organization.sysicon--after:after, a.aspNetDisabled:hover .sysicon-organization.sysicon--after:after {
  background-position: -630px 0;
}
a:hover .sysicon-organization.sysicon, a:focus .sysicon-organization.sysicon, a:hover .sysicon-organization.sysicon--before:before, a:focus .sysicon-organization.sysicon--before:before, a:hover .sysicon-organization.sysicon--after:after, a:focus .sysicon-organization.sysicon--after:after {
  background-position: -630px -35px;
}

.sysicon-event.sysicon, a[disabled]:hover .sysicon-event.sysicon, a.aspNetDisabled:hover .sysicon-event.sysicon, .sysicon-event.sysicon--before:before, a[disabled]:hover .sysicon-event.sysicon--before:before, a.aspNetDisabled:hover .sysicon-event.sysicon--before:before, .sysicon-event.sysicon--after:after, a[disabled]:hover .sysicon-event.sysicon--after:after, a.aspNetDisabled:hover .sysicon-event.sysicon--after:after {
  background-position: -665px 0;
}
a:hover .sysicon-event.sysicon, a:focus .sysicon-event.sysicon, a:hover .sysicon-event.sysicon--before:before, a:focus .sysicon-event.sysicon--before:before, a:hover .sysicon-event.sysicon--after:after, a:focus .sysicon-event.sysicon--after:after {
  background-position: -665px -35px;
}

.sysicon-product.sysicon, a[disabled]:hover .sysicon-product.sysicon, a.aspNetDisabled:hover .sysicon-product.sysicon, .sysicon-product.sysicon--before:before, a[disabled]:hover .sysicon-product.sysicon--before:before, a.aspNetDisabled:hover .sysicon-product.sysicon--before:before, .sysicon-product.sysicon--after:after, a[disabled]:hover .sysicon-product.sysicon--after:after, a.aspNetDisabled:hover .sysicon-product.sysicon--after:after {
  background-position: -700px 0;
}
a:hover .sysicon-product.sysicon, a:focus .sysicon-product.sysicon, a:hover .sysicon-product.sysicon--before:before, a:focus .sysicon-product.sysicon--before:before, a:hover .sysicon-product.sysicon--after:after, a:focus .sysicon-product.sysicon--after:after {
  background-position: -700px -35px;
}

.sysicon-query.sysicon, a[disabled]:hover .sysicon-query.sysicon, a.aspNetDisabled:hover .sysicon-query.sysicon, .sysicon-query.sysicon--before:before, a[disabled]:hover .sysicon-query.sysicon--before:before, a.aspNetDisabled:hover .sysicon-query.sysicon--before:before, .sysicon-query.sysicon--after:after, a[disabled]:hover .sysicon-query.sysicon--after:after, a.aspNetDisabled:hover .sysicon-query.sysicon--after:after {
  background-position: -735px 0;
}
a:hover .sysicon-query.sysicon, a:focus .sysicon-query.sysicon, a:hover .sysicon-query.sysicon--before:before, a:focus .sysicon-query.sysicon--before:before, a:hover .sysicon-query.sysicon--after:after, a:focus .sysicon-query.sysicon--after:after {
  background-position: -735px -35px;
}

.sysicon-attachment.sysicon, a[disabled]:hover .sysicon-attachment.sysicon, a.aspNetDisabled:hover .sysicon-attachment.sysicon, .sysicon-attachment.sysicon--before:before, a[disabled]:hover .sysicon-attachment.sysicon--before:before, a.aspNetDisabled:hover .sysicon-attachment.sysicon--before:before, .sysicon-attachment.sysicon--after:after, a[disabled]:hover .sysicon-attachment.sysicon--after:after, a.aspNetDisabled:hover .sysicon-attachment.sysicon--after:after {
  background-position: -770px 0;
}
a:hover .sysicon-attachment.sysicon, a:focus .sysicon-attachment.sysicon, a:hover .sysicon-attachment.sysicon--before:before, a:focus .sysicon-attachment.sysicon--before:before, a:hover .sysicon-attachment.sysicon--after:after, a:focus .sysicon-attachment.sysicon--after:after {
  background-position: -770px -35px;
}

.file-icon--before:before {
  content: '';
  margin-right: 8px;
}

.file-icon, .file-icon--before:before {
  background-image: url("../images/file-type-sprite.png");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}

.file-icon-csv.file-icon, .file-icon-csv.file-icon--before:before {
  background-position: -5px -5px;
  width: 24px;
  height: 24px;
}

.file-icon-excel.file-icon, .file-icon-excel.file-icon--before:before {
  background-position: -39px -5px;
  width: 24px;
  height: 24px;
}

.file-icon-pdf.file-icon, .file-icon-pdf.file-icon--before:before {
  background-position: -73px -5px;
  width: 24px;
  height: 24px;
}

.file-icon-word.file-icon, .file-icon-word.file-icon--before:before {
  background-position: -107px -5px;
  width: 24px;
  height: 24px;
}

.file-icon-xml.file-icon, .file-icon-xml.file-icon--before:before {
  background-position: -141px -5px;
  width: 24px;
  height: 24px;
}

/* Payment Method Icons (size: 40px by 36px, 10px gap between icons) */
.payment-method-icon-americanexpress::before {
  background-position: 0 0;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-mastercard::before {
  background-position: -50px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-visa::before {
  background-position: -100px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-discover::before {
  background-position: -150px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-jcb::before {
  background-position: -200px -2px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-checking::before, .payment-method-icon-saving::before {
  background-position: 0 -48px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-other::before {
  background-position: -100px -48px;
  width: 40px;
  height: 36px;
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-image: url("../images/PaymentMethodSprite.png");
}

.payment-method-icon-americanexpress, .payment-method-icon-mastercard,
.payment-method-icon-visa, .payment-method-icon-discover, .payment-method-icon-jcb,
.payment-method-icon-checking, .payment-method-icon-saving, .payment-method-icon-other {
  position: relative;
  padding: 5px 0 5px 50px;
  display: block;
}

/* Toggles */
.obo-toggle,
.ste-toggle {
  width: 34px;
  height: 34px;
  border-radius: 3px;
  vertical-align: middle;
}
.obo-toggle:hover, .obo-toggle:focus, .obo-toggle:active,
.ste-toggle:hover,
.ste-toggle:focus,
.ste-toggle:active {
  /* need to provide a fallback color for IE8, which doesn't support rgba */
  background-color: #f2f2f2;
  background-color: rgba(0, 0, 0, 0.05);
}
.obo-toggle.on,
.ste-toggle.on {
  background-color: #003a4d;
}
.obo-toggle.on:hover, .obo-toggle.on:focus, .obo-toggle.on:active,
.ste-toggle.on:hover,
.ste-toggle.on:focus,
.ste-toggle.on:active {
  background-color: #005875;
}

.obo-toggle {
  background-position: -805px 0;
}
.obo-toggle.on {
  background-position: -805px -35px;
}

.ste-toggle {
  background-position: -840px 0;
}
.ste-toggle.on {
  background-position: -840px -35px;
}

/* These are the old-style icons. We will soon update them to use the same code as the block above, instead of repeating. */
.IconSprite.AddIcon, .IconSprite.AddIcon[disabled]:hover, .IconSprite.AddIcon.Disabled:hover, .IconSprite.AddIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.AddIcon, .IconSprite.SaveIcon, .IconSprite.SaveIcon[disabled]:hover, .IconSprite.SaveIcon.Disabled:hover, .IconSprite.SaveIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.SaveIcon {
  background-position: 0px 0;
}
.IconSprite.AddIcon:hover, .IconSprite.AddIcon:focus, a:hover .IconSprite.AddIcon, a:focus .IconSprite.AddIcon, .IconSprite.SaveIcon:hover, .IconSprite.SaveIcon:focus, a:hover .IconSprite.SaveIcon, a:focus .IconSprite.SaveIcon {
  background-position: 0px -35px;
}

.IconSprite.EditIcon, .IconSprite.EditIcon[disabled]:hover, .IconSprite.EditIcon.Disabled:hover, .IconSprite.EditIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.EditIcon, .EditImage, .EditImage[disabled]:hover, .EditImage.Disabled:hover, .EditImage.aspNetDisabled:hover, a.aspNetDisabled:hover .EditImage {
  background-position: -35px 0;
}
.IconSprite.EditIcon:hover, .IconSprite.EditIcon:focus, a:hover .IconSprite.EditIcon, a:focus .IconSprite.EditIcon, .EditImage:hover, .EditImage:focus, a:hover .EditImage, a:focus .EditImage {
  background-position: -35px -35px;
}

.IconSprite.DeleteIcon, .IconSprite.DeleteIcon[disabled]:hover, .IconSprite.DeleteIcon.Disabled:hover, .IconSprite.DeleteIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.DeleteIcon, .DeleteImage, .DeleteImage[disabled]:hover, .DeleteImage.Disabled:hover, .DeleteImage.aspNetDisabled:hover, a.aspNetDisabled:hover .DeleteImage {
  background-position: -70px 0;
}
.IconSprite.DeleteIcon:hover, .IconSprite.DeleteIcon:focus, a:hover .IconSprite.DeleteIcon, a:focus .IconSprite.DeleteIcon, .DeleteImage:hover, .DeleteImage:focus, a:hover .DeleteImage, a:focus .DeleteImage {
  background-position: -70px -35px;
}

.IconSprite.UpIcon, .IconSprite.UpIcon[disabled]:hover, .IconSprite.UpIcon.Disabled:hover, .IconSprite.UpIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.UpIcon, .ArrowUp, .ArrowUp[disabled]:hover, .ArrowUp.Disabled:hover, .ArrowUp.aspNetDisabled:hover, a.aspNetDisabled:hover .ArrowUp, .ArrowUpOff, .ArrowUpOff[disabled]:hover, .ArrowUpOff.Disabled:hover, .ArrowUpOff.aspNetDisabled:hover, a.aspNetDisabled:hover .ArrowUpOff {
  background-position: -105px 0;
}
.IconSprite.UpIcon:hover, .IconSprite.UpIcon:focus, a:hover .IconSprite.UpIcon, a:focus .IconSprite.UpIcon, .ArrowUp:hover, .ArrowUp:focus, a:hover .ArrowUp, a:focus .ArrowUp, .ArrowUpOff:hover, .ArrowUpOff:focus, a:hover .ArrowUpOff, a:focus .ArrowUpOff {
  background-position: -105px -35px;
}

.IconSprite.DownIcon, .IconSprite.DownIcon[disabled]:hover, .IconSprite.DownIcon.Disabled:hover, .IconSprite.DownIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.DownIcon, .ArrowDown, .ArrowDown[disabled]:hover, .ArrowDown.Disabled:hover, .ArrowDown.aspNetDisabled:hover, a.aspNetDisabled:hover .ArrowDown, .ArrowDownOff, .ArrowDownOff[disabled]:hover, .ArrowDownOff.Disabled:hover, .ArrowDownOff.aspNetDisabled:hover, a.aspNetDisabled:hover .ArrowDownOff {
  background-position: -140px 0;
}
.IconSprite.DownIcon:hover, .IconSprite.DownIcon:focus, a:hover .IconSprite.DownIcon, a:focus .IconSprite.DownIcon, .ArrowDown:hover, .ArrowDown:focus, a:hover .ArrowDown, a:focus .ArrowDown, .ArrowDownOff:hover, .ArrowDownOff:focus, a:hover .ArrowDownOff, a:focus .ArrowDownOff {
  background-position: -140px -35px;
}

.IconSprite.SelectIcon, .IconSprite.SelectIcon[disabled]:hover, .IconSprite.SelectIcon.Disabled:hover, .IconSprite.SelectIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.SelectIcon {
  background-position: -175px 0;
}
.IconSprite.SelectIcon:hover, .IconSprite.SelectIcon:focus, a:hover .IconSprite.SelectIcon, a:focus .IconSprite.SelectIcon {
  background-position: -175px -35px;
}

.IconSprite.CheckIcon, .IconSprite.CheckIcon[disabled]:hover, .IconSprite.CheckIcon.Disabled:hover, .IconSprite.CheckIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.CheckIcon {
  background-position: -245px 0;
}
.IconSprite.CheckIcon:hover, .IconSprite.CheckIcon:focus, a:hover .IconSprite.CheckIcon, a:focus .IconSprite.CheckIcon {
  background-position: -245px -35px;
}

.IconSprite.UndoIcon, .IconSprite.UndoIcon[disabled]:hover, .IconSprite.UndoIcon.Disabled:hover, .IconSprite.UndoIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.UndoIcon, .IconSprite.ResetIcon, .IconSprite.ResetIcon[disabled]:hover, .IconSprite.ResetIcon.Disabled:hover, .IconSprite.ResetIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.ResetIcon {
  background-position: -280px 0;
}
.IconSprite.UndoIcon:hover, .IconSprite.UndoIcon:focus, a:hover .IconSprite.UndoIcon, a:focus .IconSprite.UndoIcon, .IconSprite.ResetIcon:hover, .IconSprite.ResetIcon:focus, a:hover .IconSprite.ResetIcon, a:focus .IconSprite.ResetIcon {
  background-position: -280px -35px;
}

.IconSprite.FindIcon, .IconSprite.FindIcon[disabled]:hover, .IconSprite.FindIcon.Disabled:hover, .IconSprite.FindIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.FindIcon {
  background-position: -315px 0;
}
.IconSprite.FindIcon:hover, .IconSprite.FindIcon:focus, a:hover .IconSprite.FindIcon, a:focus .IconSprite.FindIcon {
  background-position: -315px -35px;
}

.IconSprite.CancelIcon, .IconSprite.CancelIcon[disabled]:hover, .IconSprite.CancelIcon.Disabled:hover, .IconSprite.CancelIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.CancelIcon {
  background-position: -350px 0;
}
.IconSprite.CancelIcon:hover, .IconSprite.CancelIcon:focus, a:hover .IconSprite.CancelIcon, a:focus .IconSprite.CancelIcon {
  background-position: -350px -35px;
}

.IconSprite.ContactIcon, .IconSprite.ContactIcon[disabled]:hover, .IconSprite.ContactIcon.Disabled:hover, .IconSprite.ContactIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.ContactIcon {
  background-position: -385px 0;
}
.IconSprite.ContactIcon:hover, .IconSprite.ContactIcon:focus, a:hover .IconSprite.ContactIcon, a:focus .IconSprite.ContactIcon {
  background-position: -385px -35px;
}

.IconSprite.ConfigureIcon, .IconSprite.ConfigureIcon[disabled]:hover, .IconSprite.ConfigureIcon.Disabled:hover, .IconSprite.ConfigureIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .IconSprite.ConfigureIcon {
  background-position: -420px 0;
}
.IconSprite.ConfigureIcon:hover, .IconSprite.ConfigureIcon:focus, a:hover .IconSprite.ConfigureIcon, a:focus .IconSprite.ConfigureIcon {
  background-position: -420px -35px;
}

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

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

/* Feature icons
   ========================================================================== */
/**
  * Icons used to identify core pieces of iMIS 
  * Currently used by the recent history content item
  */
.FeatureSprite {
  display: inline-block;
  background-image: url(../images/FeatureSprite.png);
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: baseline;
  background-position: 0 40px;
  /* Default to keep the wrong icon from appearing by default */
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.FeatureSprite:hover, .FeatureSprite:focus, a:hover .FeatureSprite, a:focus .FeatureSprite {
  opacity: 1;
  filter: alpha(opacity=100);
}

.FeatureSprite.SmallIcon {
  width: 18px;
  height: 18px;
}

.FeatureSprite.SmallIcon.GroupIcon, .FeatureSprite.SmallIcon.GroupIcon[disabled]:hover, .FeatureSprite.SmallIcon.GroupIcon.Disabled:hover, .FeatureSprite.SmallIcon.GroupIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .FeatureSprite.SmallIcon.GroupIcon {
  background-position: 0px 0;
}

.FeatureSprite.SmallIcon.PersonIcon, .FeatureSprite.SmallIcon.PersonIcon[disabled]:hover, .FeatureSprite.SmallIcon.PersonIcon.Disabled:hover, .FeatureSprite.SmallIcon.PersonIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .FeatureSprite.SmallIcon.PersonIcon {
  background-position: -30px 0;
}

.FeatureSprite.SmallIcon.EventIcon, .FeatureSprite.SmallIcon.EventIcon[disabled]:hover, .FeatureSprite.SmallIcon.EventIcon.Disabled:hover, .FeatureSprite.SmallIcon.EventIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .FeatureSprite.SmallIcon.EventIcon {
  background-position: -60px 0;
}

.FeatureSprite.SmallIcon.CartIcon, .FeatureSprite.SmallIcon.CartIcon[disabled]:hover, .FeatureSprite.SmallIcon.CartIcon.Disabled:hover, .FeatureSprite.SmallIcon.CartIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .FeatureSprite.SmallIcon.CartIcon {
  background-position: -90px 0;
}

.FeatureSprite.SmallIcon.FindIcon, .FeatureSprite.SmallIcon.FindIcon[disabled]:hover, .FeatureSprite.SmallIcon.FindIcon.Disabled:hover, .FeatureSprite.SmallIcon.FindIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .FeatureSprite.SmallIcon.FindIcon {
  background-position: -120px 0;
}

.FeatureSprite.SmallIcon.PaperclipIcon, .FeatureSprite.SmallIcon.PaperclipIcon[disabled]:hover, .FeatureSprite.SmallIcon.PaperclipIcon.Disabled:hover, .FeatureSprite.SmallIcon.PaperclipIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .FeatureSprite.SmallIcon.PaperclipIcon {
  background-position: -150px 0;
}

/* Device icons
   ========================================================================== */
/**
  * Icons used to identify specific devices.
  * Currently used in RWD configuration options.
  * Note: these options also use the utility class 'text-hide-label' for 
  * image replacelment.
  */
.checkbox-display-xs label,
.checkbox-display-sm label,
.checkbox-display-md label,
.checkbox-display-lg label {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background-image: url(../images/DeviceSprite.png);
  height: 60px;
  vertical-align: middle;
  margin: 0 8px 0 3px;
  cursor: pointer;
}
.checkbox-display-xs input[type="checkbox"],
.checkbox-display-sm input[type="checkbox"],
.checkbox-display-md input[type="checkbox"],
.checkbox-display-lg input[type="checkbox"] {
  /* middle-align the checkboxes */
  margin-top: 19px;
}

.checkbox-display-xs label {
  background-position: 0 0;
  width: 9px !important;
}

.checkbox-display-sm label {
  background-position: -20px 0;
  width: 24px !important;
}

.checkbox-display-md label {
  background-position: -50px 0;
  width: 55px !important;
}

.checkbox-display-lg label {
  background-position: -120px 0;
  width: 68px !important;
}

/* ==========================================================================
   Title Bar Icons
   ========================================================================== */
.TemplateTitleIcon:before {
  background-image: url("../images/TitleSprite.png");
  background-repeat: no-repeat;
  background-position: -15px -15px;
  content: '';
  height: 20px;
  width: 20px;
  display: block;
  float: left;
  padding: 0 0.7em;
  margin: 0.3em 0 0 0;
}

/**** End Title Bar Icons Styling ****/
/* Social networking icons
   ========================================================================== */
/**
  * Social Share
  */
.RadSocialShare.SmallButtons .sshCustomIcon {
  background-image: url(../images/social-small.png);
  width: 16px;
  height: 16px;
}

.RadSocialShare.MediumButtons .sshCustomIcon {
  background-image: url(../images/social-medium.png);
  width: 24px;
  height: 24px;
}

.RadSocialShare.LargeButtons .sshCustomIcon {
  background-image: url(../images/social-large.png);
  width: 32px;
  height: 32px;
}

.sshLinkItem:hover .sshCustomIcon {
  opacity: .7;
  filter: Alpha(opacity=70);
}

.sshCustomShareOnFacebook {
  background-position: 0 0 !important;
}

.sshCustomShareOnTwitter {
  background-position: -40px 0 !important;
}

.sshCustomLinkedIn {
  background-position: -80px 0 !important;
}

.sshCustomMailTo {
  background-position: -240px 0 !important;
}

.sshCustomCompactButton {
  background-position: -280px 0 !important;
}

/* PBI 53440 & 53739 SocialShare icons added to DisplayTaggedList */
.ShareThisInline {
  display: inline;
  float: left;
}

.ShareThisInline:before,
.ShareThisInline:after {
  clear: none;
}

.ShareThisInline .panel-body, .ShareThisInline .PanelBody {
  padding: 0;
}

.ShareThisInline .RadSocialShare {
  padding: 0 0 0 5px;
}

.CommunityRepeaterTable .SectionTitle {
  padding-right: 10px;
  float: left;
}

/**
  * Social Profiles & "Connect With Us" content areas
  */
.SocialSprite {
  background-image: url(../images/SocialSprite.png);
  display: inline-block;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-position: 0 40px;
  /* Default to keep the wrong icon from appearing by default */
  /* Hide text for sighted users */
  text-indent: 100%;
  overflow: hidden;
}

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

.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon[disabled]:hover, .SocialSprite.FacebookIcon.Disabled:hover, .SocialSprite.FacebookIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.FacebookIcon {
  background-position: 0px 0;
}
.SocialSprite.FacebookIcon:hover, .SocialSprite.FacebookIcon:focus, a:hover .SocialSprite.FacebookIcon, a:focus .SocialSprite.FacebookIcon {
  background-position: 0px -40px;
}

.SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons[disabled]:hover, .SocialSprite.FacebookIcon.LargeButtons.Disabled:hover, .SocialSprite.FacebookIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0px -80px;
}
.SocialSprite.FacebookIcon.LargeButtons:hover, .SocialSprite.FacebookIcon.LargeButtons:focus, a:hover .SocialSprite.FacebookIcon.LargeButtons, a:focus .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0px -120px;
}

.SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon[disabled]:hover, .SocialSprite.TwitterIcon.Disabled:hover, .SocialSprite.TwitterIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.TwitterIcon {
  background-position: -40px 0;
}
.SocialSprite.TwitterIcon:hover, .SocialSprite.TwitterIcon:focus, a:hover .SocialSprite.TwitterIcon, a:focus .SocialSprite.TwitterIcon {
  background-position: -40px -40px;
}

.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons[disabled]:hover, .SocialSprite.TwitterIcon.LargeButtons.Disabled:hover, .SocialSprite.TwitterIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -80px;
}
.SocialSprite.TwitterIcon.LargeButtons:hover, .SocialSprite.TwitterIcon.LargeButtons:focus, a:hover .SocialSprite.TwitterIcon.LargeButtons, a:focus .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -120px;
}

.SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon[disabled]:hover, .SocialSprite.LinkedInIcon.Disabled:hover, .SocialSprite.LinkedInIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.LinkedInIcon {
  background-position: -80px 0;
}
.SocialSprite.LinkedInIcon:hover, .SocialSprite.LinkedInIcon:focus, a:hover .SocialSprite.LinkedInIcon, a:focus .SocialSprite.LinkedInIcon {
  background-position: -80px -40px;
}

.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons[disabled]:hover, .SocialSprite.LinkedInIcon.LargeButtons.Disabled:hover, .SocialSprite.LinkedInIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -80px;
}
.SocialSprite.LinkedInIcon.LargeButtons:hover, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:hover .SocialSprite.LinkedInIcon.LargeButtons, a:focus .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -120px;
}

.SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon[disabled]:hover, .SocialSprite.YouTubeIcon.Disabled:hover, .SocialSprite.YouTubeIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.YouTubeIcon {
  background-position: -120px 0;
}
.SocialSprite.YouTubeIcon:hover, .SocialSprite.YouTubeIcon:focus, a:hover .SocialSprite.YouTubeIcon, a:focus .SocialSprite.YouTubeIcon {
  background-position: -120px -40px;
}

.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons[disabled]:hover, .SocialSprite.YouTubeIcon.LargeButtons.Disabled:hover, .SocialSprite.YouTubeIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -80px;
}
.SocialSprite.YouTubeIcon.LargeButtons:hover, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:hover .SocialSprite.YouTubeIcon.LargeButtons, a:focus .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -120px;
}

.SocialSprite.EmailIcon, .SocialSprite.EmailIcon[disabled]:hover, .SocialSprite.EmailIcon.Disabled:hover, .SocialSprite.EmailIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.EmailIcon {
  background-position: -160px 0;
}
.SocialSprite.EmailIcon:hover, .SocialSprite.EmailIcon:focus, a:hover .SocialSprite.EmailIcon, a:focus .SocialSprite.EmailIcon {
  background-position: -160px -40px;
}

.SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons[disabled]:hover, .SocialSprite.EmailIcon.LargeButtons.Disabled:hover, .SocialSprite.EmailIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -80px;
}
.SocialSprite.EmailIcon.LargeButtons:hover, .SocialSprite.EmailIcon.LargeButtons:focus, a:hover .SocialSprite.EmailIcon.LargeButtons, a:focus .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -120px;
}

.SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon[disabled]:hover, .SocialSprite.PinterestIcon.Disabled:hover, .SocialSprite.PinterestIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.PinterestIcon {
  background-position: -200px 0;
}
.SocialSprite.PinterestIcon:hover, .SocialSprite.PinterestIcon:focus, a:hover .SocialSprite.PinterestIcon, a:focus .SocialSprite.PinterestIcon {
  background-position: -200px -40px;
}

.SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons[disabled]:hover, .SocialSprite.PinterestIcon.LargeButtons.Disabled:hover, .SocialSprite.PinterestIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -80px;
}
.SocialSprite.PinterestIcon.LargeButtons:hover, .SocialSprite.PinterestIcon.LargeButtons:focus, a:hover .SocialSprite.PinterestIcon.LargeButtons, a:focus .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -120px;
}

.SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon[disabled]:hover, .SocialSprite.GPlusIcon.Disabled:hover, .SocialSprite.GPlusIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.GPlusIcon {
  background-position: -240px 0;
}
.SocialSprite.GPlusIcon:hover, .SocialSprite.GPlusIcon:focus, a:hover .SocialSprite.GPlusIcon, a:focus .SocialSprite.GPlusIcon {
  background-position: -240px -40px;
}

.SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons[disabled]:hover, .SocialSprite.GPlusIcon.LargeButtons.Disabled:hover, .SocialSprite.GPlusIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -80px;
}
.SocialSprite.GPlusIcon.LargeButtons:hover, .SocialSprite.GPlusIcon.LargeButtons:focus, a:hover .SocialSprite.GPlusIcon.LargeButtons, a:focus .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -120px;
}

.SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon[disabled]:hover, .SocialSprite.SkypeIcon.Disabled:hover, .SocialSprite.SkypeIcon.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.SkypeIcon {
  background-position: -280px 0;
}
.SocialSprite.SkypeIcon:hover, .SocialSprite.SkypeIcon:focus, a:hover .SocialSprite.SkypeIcon, a:focus .SocialSprite.SkypeIcon {
  background-position: -280px -40px;
}

.SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons[disabled]:hover, .SocialSprite.SkypeIcon.LargeButtons.Disabled:hover, .SocialSprite.SkypeIcon.LargeButtons.aspNetDisabled:hover, a.aspNetDisabled:hover .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -80px;
}
.SocialSprite.SkypeIcon.LargeButtons:hover, .SocialSprite.SkypeIcon.LargeButtons:focus, a:hover .SocialSprite.SkypeIcon.LargeButtons, a:focus .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -120px;
}

/**
  * Social sign in buttons
  */
/* The network icons within the sign in buttons */
.SignInButton.TextButton {
  /* had to make this a little more specific to override theme styles */
  width: 100%;
  margin-bottom: 1em;
  text-align: center;
}
.SignInButton i {
  background-image: url(../images/SocialIcons.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: bottom;
  margin-right: .5em;
}
.SignInButton.Facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: transparent;
}
.SignInButton.Facebook:hover, .SignInButton.Facebook:focus, .SignInButton.Facebook:active, .SignInButton.Facebook:visited {
  color: #fff;
  background-color: #30487b;
  border-color: transparent;
}
.SignInButton.Facebook:active {
  background-image: none;
}
.SignInButton.Facebook[disabled], .SignInButton.Facebook[disabled]:hover, .SignInButton.Facebook[disabled]:focus, .SignInButton.Facebook[disabled]:active, fieldset[disabled] .SignInButton.Facebook, fieldset[disabled] .SignInButton.Facebook:hover, fieldset[disabled] .SignInButton.Facebook:focus, fieldset[disabled] .SignInButton.Facebook:active, .SignInButton.Facebook.aspNetDisabled, .SignInButton.Facebook.aspNetDisabled:hover, .SignInButton.Facebook.aspNetDisabled:focus, .SignInButton.Facebook.aspNetDisabled:active {
  background-color: #3B5998;
  border-color: transparent;
}
.SignInButton.Facebook i {
  background-position: -320px 0;
}
.SignInButton.LinkedIn {
  color: #fff;
  background-color: #0077B5;
  border-color: transparent;
}
.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
  color: #fff;
  background-color: #005c8c;
  border-color: transparent;
}
.SignInButton.LinkedIn:active {
  background-image: none;
}
.SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
  background-color: #0077B5;
  border-color: transparent;
}
.SignInButton.LinkedIn i {
  background-position: -80px 0;
}

/**** End Social Netowrking Icon Styling ****/
.badge,
.PlusLink:after,
.PlusFeature label:after {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 78%;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.badge:empty {
  display: none;
}
.TextButton .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #00a8b4;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/* Indicator on links that are part of the Plus package */
.PlusLink:after,
.PlusFeature label:after {
  background-color: #69be28;
  content: 'PLUS';
  margin-left: 6px;
  vertical-align: baseline;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
  content: " ";
  display: table;
}
.modal-header:after {
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
}
.no-mqs .modal-dialog {
  max-width: 600px;
  margin: 30px auto;
}

@media (min-width: 768px) {
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.no-mqs .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

@media (min-width: 768px) {
  .modal-sm {
    max-width: 300px;
  }
}
.no-mqs .modal-sm {
  max-width: 300px;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px;
  }
}
.no-mqs .modal-lg {
  max-width: 900px;
}

/* ==========================================================================
   MEDIA ELEMENT
   ========================================================================== */
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

/* ==========================================================================
   SEARCH
   ========================================================================== */
.SearchField * {
  vertical-align: middle;
}

.SearchField {
  padding: 8px 12px;
}

.SearchResult {
  margin: .5em 0;
}

.SearchResultSummary .ImageSection {
  float: left;
  width: 8em;
  text-align: center;
}

.SearchResultSummary .ImageSection img {
  max-width: 7.5em;
}

.SearchResultSummary .ListItemTitle a {
  font-size: 140%;
  font-weight: bold;
}

.SearchResultSummary .ListItemTitle img {
  vertical-align: middle;
  padding-left: 8px;
}

.SearchResultSummary .Description {
  float: none;
  text-align: left;
}
@media (min-width: 768px) {
  .SearchResultSummary .Description {
    margin-left: 8.5em;
  }
}
.no-mqs .SearchResultSummary .Description {
  margin-left: 8.5em;
}

.SearchResultSummary .PublishDate {
  color: #666;
}

/* Account area
   ========================================================================== */
.account-menu > li > a {
  display: inline-block;
  /* make sure the top & bottom padding make it exactly the height of the header bar */
  padding: 17px 15px;
}

.account-toggle {
  position: relative;
}
.account-toggle .nav-text {
  margin-left: 42px;
  max-width: 15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
@media (max-width: 991px) {
  .account-menu > li > .account-toggle {
    padding-left: 5px;
    padding-right: 5px;
  }
  .account-menu > li > .account-toggle:hover {
    background-color: transparent;
  }
  .account-toggle .nav-text {
    margin-left: 0;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .account-toggle .caret {
    display: none;
  }
  .open .account-toggle .picture-primary {
    -webkit-box-shadow: 0 0 0 3px #003a4d;
    box-shadow: 0 0 0 3px #003a4d;
  }
}

.account-menu {
  margin: 0;
  padding: 0;
}
.account-menu, .account-menu > li {
  list-style: none;
  display: inline-block;
}
.account-menu.obo-off .obo-section, .account-menu.obo-off .obo-divider {
  /* only display the obo section of the dropdown if we are in obo mode */
  display: none;
}
.account-menu .obo-label,
.account-menu .dropdown-header {
  display: block !important;
  font-weight: bold;
  margin-bottom: 5px;
  color: #7c7c7c;
}
@media (max-width: 767px) {
  .account-menu .obo-actions > li:first-child {
    display: block;
    white-space: normal;
    margin-bottom: .2em;
  }
}
.account-menu .profile-picture-wrapper {
  width: 34px;
}
.account-menu .profile-picture-wrapper img {
  /* default for profile picture */
  width: 34px;
  height: 34px;
  position: absolute;
  top: 9px;
  border-radius: 3px;
}
.account-menu .profile-picture-wrapper .picture-secondary {
  width: 18px;
  height: 18px;
  top: inherit;
  left: 30px;
  bottom: 3px;
  border: 2px solid #fff;
  border-radius: 2px;
}
.account-menu.obo-on .profile-picture-wrapper {
  width: 38px;
}

/* ==========================================================================
   ALERTS IPART
   ========================================================================== */
.Alerts ul.AlertSet {
  padding: 0;
  margin: 0 0 .8em;
  list-style: none;
}
.Alerts .AlertItem {
  list-style: none;
  border: 1px solid #ddd;
  margin-top: -1px !important;
  padding: 12px 10px;
  background-color: #f2f6fb;
  /* if using the user message style remove the extra padding */
}
.Alerts .AlertItem:first-child {
  margin-top: 0;
}
.Alerts .AlertItem .AsiInformation, .Alerts .AlertItem .AsiSuccess, .Alerts .AlertItem .AsiWarning, .Alerts .AlertItem .AsiError,
.Alerts .AlertItem .AsiValidation, .Alerts .AlertItem .AsiValidationSummary, .Alerts .AlertItem .AsiNeutral {
  margin: -1px -11px;
}
.Alerts .AlertItem .AsiInformation:first-child, .Alerts .AlertItem .AsiSuccess:first-child, .Alerts .AlertItem .AsiWarning:first-child, .Alerts .AlertItem .AsiError:first-child,
.Alerts .AlertItem .AsiValidation:first-child, .Alerts .AlertItem .AsiValidationSummary:first-child, .Alerts .AlertItem .AsiNeutral:first-child {
  margin-top: -13px;
}
.Alerts .AlertItem .AsiInformation:last-child, .Alerts .AlertItem .AsiSuccess:last-child, .Alerts .AlertItem .AsiWarning:last-child, .Alerts .AlertItem .AsiError:last-child,
.Alerts .AlertItem .AsiValidation:last-child, .Alerts .AlertItem .AsiValidationSummary:last-child, .Alerts .AlertItem .AsiNeutral:last-child {
  margin-bottom: -12px;
}
.Alerts .media img {
  /**
    * Make sure the images float left on the media-style alerts
    * in case the author doesn't add the "pull-left" class.
    */
  float: left;
  margin-right: 10px;
}
.Alerts .media img.pull-right {
  /* but correctly set floats/padding if they apply the pull-right class */
  float: right;
  margin-right: 0;
}

/* ==========================================================================
   EVENTS AND PRODUCTS
   ========================================================================== */
/**
 * Event and product display - the overall layout of the event, program item or product display
 * Includes the image, description, price, etc.
 * 
 * Example HTML:
 * <div class="EventDisplay">
 *   <div class="EventSummary">...</div>
 *   <div class="EventDetails">...</div>
 * </div>
 */
/*.EventSummary, .EventSummary .DetailsBlock, 
.ProductSummary, .ProductSummary .DetailsBlock {
    display: table;
    width: 100%;
}*/
/**
 * 10.3.2 Event summary */
/* Contains the event or product image and description
 *
 * Example event HTML:
 * <div class="EventSummary">
 *   <div class="PhotoArea">
 *     <img src="path/to/image.jpg" alt="Cairns at night" />
 *   </div> 
 *   <div class="Description">Come to our super-cool event!</div>
 */
.EventSummary:before, .EventSummary:after {
  content: " ";
  display: table;
}
.EventSummary:after {
  clear: both;
}
.EventSummary .PhotoArea {
  text-align: center;
}
@media (min-width: 768px) {
  .EventSummary .PhotoArea {
    float: left;
  }
}
.no-mqs .EventSummary .PhotoArea {
  float: left;
}
.EventSummary .Description .PanelField {
  float: none;
  clear: none;
  padding: 0;
}

.EventDisplay .PricingData {
  padding-top: 1em;
}

/**
 * Program item summary
 * Contains all details of the program item and 
 * the itenerary information and displays them a grid-like format in the program item list iPart
 * 
 * Example program item HTML:
 * <div class="ProgramItemSummary">
 *
 *   <div class="DescriptionColumn">
 *     <div class="ListItemTitle">The title of the program item <span class="InItinerary">In Itenerary</span></div>
 *     <div class="Description">Some info about the program item.</div>
 *     <div class="PanelBlock Details">
 *       <div class="PanelField">
 *         <span class="Label">Track:</span>
 *         <div class="PanelFieldValue">Technical</div>
 *       </div>
 *     </div>
 *   </div>
 *
 *   <div class="WhenColumn">9:00 AM</div>
 *
 *   <div class="ItineraryColumn">
 *     <input type="button" class="TextButton" value="Add" />
 *   </div>
 * </div>
 * 
 */
.ProgramItemSummary .DeleteColumn {
  width: 7em;
  float: right;
  clear: right;
}
@media (min-width: 768px) {
  .ProgramItemSummary .WhenColumn,
  .ProgramItemSummary .IteneraryColumn {
    width: 28%;
    float: left;
    clear: left;
    padding-right: 0.5em;
  }
  .ProgramItemSummary .DescriptionColumn {
    width: 72%;
    float: right;
    clear: right;
  }
}
.no-mqs .ProgramItemSummary .WhenColumn,
.no-mqs .ProgramItemSummary .IteneraryColumn {
  width: 28%;
  float: left;
  clear: left;
  padding-right: 0.5em;
}
.no-mqs .ProgramItemSummary .DescriptionColumn {
  width: 72%;
  float: right;
  clear: right;
}
@media (max-width: 767px) {
  .ProgramItemSummary .WhenColumn {
    clear: both;
    border-top: 1px solid #ddd;
    padding-top: .5em;
  }
}
.ProgramItemSummary .WhenData {
  display: block;
}
.ProgramItemSummary .ListItemTitle,
.ProgramItemSummary .WhenData {
  font-weight: bold;
  padding-bottom: .25em;
  line-height: 1.7em;
  /* to ensure none of the title is covered when the InItinerary indicator wraps */
}
.ProgramItemSummary .InItinerary,
.ProgramItemSummary .HasConflict,
.ProgramItemSummary .OnWaitlist {
  /* Program item itenerary indicators */
  padding: .15em .25em .2em;
  border: 1px solid #CCC;
  white-space: nowrap;
}
.ProgramItemSummary .InItinerary {
  /* Indicator when the program item is in your itenarary - Note the spelling mistake... */
  background-color: yellow;
}
.ProgramItemSummary .HasConflict {
  /* Indicator when the program item is in your itenarary 
   * but confilcts with another program item in your itenaray */
  background-color: #D8000C;
  color: #FFFFFF;
}
.ProgramItemSummary .OnWaitlist {
  /* Indicator when you are on the waitlist for the program item */
  background-color: #FFCCBA;
}

/**
 * Event details
 * Contains event details such as date/time, price, and location.
 * Also includes the registration buttons and badge edit button.
 * 
 * Example program item HTML:
 * <div class="EventDetails">
 *
 *   <div class="ContactLocationArea">
 *       <div class="PanelField Left">
 *         <span class="Label">Price:</span>
 *         <div class="PanelFieldValue">450.00</div>
 *       </div>
 *       <div class="PanelField Left">
 *         <span class="Label">When:</span>
 *         <div class="PanelFieldValue">5/15/13 1:00 PM - 5/16/13 5:00 PM</div>
 *       </div>
 *     </div>
 *   </div>
 *
 *   <div class="RegistrationArea">
 *     <input type="button" class="TextButton PrimaryButton" value="Register Myself" />
 *     <input type="button" class="TextButton" value="Register Someone Else" />
 *     <div class="PanelField Left">
 *       <span class="Label">My Registration Status:</span>
 *       <div class="PanelFieldValue">Not Registered</div>
 *     </div>
 *   </div>
 *
 * </div>
 * 
 */
.EventDetails {
  display: block;
  padding-bottom: 1em;
  padding-top: 1em;
}

.RegistrationArea .TextButton {
  width: 100%;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .RegistrationArea .TextButton {
    width: 80%;
  }
}
.no-mqs .RegistrationArea .TextButton {
  width: 80%;
}

.RegistrationEditSection {
  margin-top: .8em;
}

.ContactLocationArea .PanelField label, .ContactLocationArea .PanelField .Label {
  width: 5em;
}
.ContactLocationArea .PanelField .PanelField {
  padding-bottom: .5em;
}

.PricingData .rgMasterTable label {
  font-weight: normal;
}

.EventQuestions {
  margin-top: 1em;
}

/** 
 * Registrant info center - contains badge information for a registrant in an editable format
 *
 * Example HTML:
 * <div class="ReginstrantInfoContainer">
 *   <a href="javascript(...)">Add a new address</a>
 *   <div class="RegistrantInfoAddressList">
 *     <div class="RegistrantInfoAddressListItem">
 *        <a href="javascript(...)">Use this address</a>
 *        <!-- One available address -->
 *     </div>
 *     ...
 *   </div>
 *
 *   <div class="RegistrantInfoEntry">
 *     <div class="RegistrantInfoBadgeBackground">
 *       <div class="RegistrantInfoBadge">
 *         <img src="path/to/event/image.jpg" alt="Cairns at night" />
 *         <fieldset>
 *           ... <!-- Name (read only), informal name, title and organization -->
 *         </fildset>
 *       </div>
 *     </div>
 *
 *     <div class="RegistrantInfoAddressEntry">
 *       <h3>Home Address</h3>
 *       <table>
 *         <!-- address entry -->
 *       </table>
 *     </div>
 *   </div>
 * </div>
 */
.RegistrantInfoContainer {
  padding: 1em;
  position: relative;
}

.RegistrantInfoEntry {
  border-right: 1px dotted darkgray;
  padding-right: 1.5em;
}
@media (min-width: 768px) {
  .RegistrantInfoEntry {
    position: absolute;
    top: .375em;
    left: 1em;
    width: 69%;
  }
}
.no-mqs .RegistrantInfoEntry {
  position: absolute;
  top: .375em;
  left: 1em;
  width: 69%;
}

@media (min-width: 768px) {
  .RegistrantInfoAddressList {
    margin-left: 77%;
  }
}
.no-mqs .RegistrantInfoAddressList {
  margin-left: 77%;
}

.RegistrantInfoAddressListItem {
  border-bottom: 1px dotted darkgray;
  padding-top: .5em;
}

.RegistrantInfoBadgeBackground {
  background-color: #ececeb;
  padding: 1em;
  margin-bottom: .375em;
}

.RegistrantInfoBadge {
  background-color: white;
  border: 1px solid #adadad;
  padding: 1em;
  margin: .625em;
}
.RegistrantInfoBadge img {
  float: left;
  width: 130px;
  height: auto;
  padding-right: 10px;
}
.RegistrantInfoBadge label,
.RegistrantInfoBadge .Label {
  width: 8em;
}

.RegistrantInfoAddressEntry {
  background-color: #f8f7f6;
  padding: 1em;
}
.RegistrantInfoAddressEntry .SectionTitle {
  padding-bottom: 8px;
  padding-left: 8px;
}

/** 
 * Currently registering area (aka PeoplePanel)
 * Displays a list of people the current user is regitering (using "Register someone else")
 * as selectable toggles to choose the active record.
 *
 * Example HTML:
 * <div class="PeoplePanel">
 *   <div class="PersonDisplay SelectedItem">
 *     <img src="path/to/profile/picture1.jpg" alt="[Selected Registrant's Name]" />
 *     <span>[Selected Registrant's Name]</span>
 *   </div>
 *   <div class="PersonDisplay">
 *     <a href="javascript(...)">
 *       <img src="path/to/profile/picture2.jpg" alt="[Unselected Registrant's Name]" />
 *       <span>Unselected Registrant's Name</span>
 *     </a>
 *   </div>
 * </div>
 */
.PeoplePanel {
  display: block;
}

.PersonDisplay {
  margin: .25em;
  padding: 1em .5em;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  opacity: 0.7;
  filter: Alpha(opacity=70);
  /* Sets the opacity for IE8 */
  min-width: 7em;
  max-width: 9em;
  word-wrap: break-word;
}
.PersonDisplay:hover, .PersonDisplay.SelectedItem {
  opacity: 1;
  filter: alpha(opacity=100);
}

.PersonDisplay span {
  display: block;
  padding-top: .25em;
}

/* Remove underline from selectable items in person list */
.PersonDisplay a:link {
  text-decoration: none;
}

/**
 * Product display */
/* Contains the product image and description
 *
 * Example product HTML:
 * <div class="ProductDisplay">
 *   <div class="ProductImageArea">
 *     <img class="ProductImage" src="path/to/image.jpg" alt="Mug with organization logo" />
 *   </div> 
 *   <div class="ProductDetails">
 *        <div class="PricingSection">
 *        </div>
 *        <div class="AddToCartSection">
 *        </div>
 *   </div>
 */
.ProductDisplay {
  overflow: auto;
}
.ProductDisplay .ProductTitle {
  display: block;
}
.ProductDisplay .ProductImageArea {
  text-align: center;
  padding: 1em;
}
.ProductDisplay .PricingSection {
  padding-top: 1.5em;
}
.ProductDisplay .ProductLabel {
  padding-right: .3em;
  margin-left: 0;
  vertical-align: top;
}
.ProductDisplay .AddToCartSection {
  padding-top: .3em;
}
.ProductDisplay .AddToCartButton {
  width: 100%;
  margin-top: 1.5em;
}
@media (min-width: 768px) {
  .ProductDisplay .AddToCartButton {
    width: auto;
    margin-left: .3em;
    margin-top: 0;
    vertical-align: top;
  }
}
.no-mqs .ProductDisplay .AddToCartButton {
  width: auto;
  margin-left: .3em;
  margin-top: 0;
  vertical-align: top;
}

@media (min-width: 768px) {
  .Horizontal .ProductDisplay .ProductImageArea {
    float: left;
  }
}
.no-mqs .Horizontal .ProductDisplay .ProductImageArea {
  float: left;
}
.Horizontal .ProductDisplay .ProductDetails {
  overflow: hidden;
  zoom: 1;
}
@media (min-width: 480px) {
  .Horizontal .ProductDisplay .ProductDetails {
    padding: 1em;
  }
}
.no-mqs .Horizontal .ProductDisplay .ProductDetails {
  padding: 1em;
}
.Horizontal .ProductDisplay .ProductLabel {
  width: 12em;
  text-align: right;
  display: inline-block;
}

/* In IE8 this prevents the image from disappearing */
.no-mqs .ProductImage,
.no-mqs .EventSummary .PhotoArea img {
  max-width: inherit;
}

/* ==========================================================================
   RELATED ITEMS
   ========================================================================== */
/* Horizontal display
   ========================================================================== */
.RelatedItemsHorizontal {
  margin-left: 0;
  padding-left: 0;
}

.RelatedItemsHorizontal div.rrRelativeWrapper {
  padding-top: 10px;
}

.RelatedItemsHorizontalBlock {
  text-align: center;
  width: 100%;
}

.RelatedItemsHorizontalCentered {
  display: inline-block;
}

ul.RelatedItemsHorizontal li,
.RelatedItemsHorizontal ul.rrItemsList li {
  list-style: none;
  float: left;
  margin: 9px 9px 18px;
  text-align: center;
  width: 120px;
  height: 130px;
}

ul.RelatedItemsHorizontal li a[disabled=disabled],
ul.RelatedItemsHorizontal li a.LabelLinkDisabled,
.HorizontalScrollItem a[disabled=disabled],
.HorizontalScrollItem a.LabelLinkDisabled {
  font-weight: normal;
  text-decoration: none;
  color: inherit;
  display: block;
}

ul.RelatedItemsHorizontal li a.LabelLink,
.HorizontalScrollItem a.LabelLink {
  display: block;
}

.RelatedItemsHorizontalLessSpace li {
  padding: 3px !important;
  width: 75px !important;
  height: 75px !important;
}

/* Horizontal with hover transition */
.RelatedItemsHorizontalEffect li a.ImageLink {
  margin-bottom: -5px;
  display: block;
}

.RelatedItemsHorizontalEffect li {
  -webkit-transition: all .2s ease-in-out;
}

.RelatedItemsHorizontalEffect li:hover {
  background-color: #EEE;
  -webkit-transform: scale(1.5);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Vertical display
   ========================================================================== */
ul.RelatedItemsVertical li {
  display: block;
  padding: .5em;
  white-space: normal;
  overflow: hidden;
}

ul.RelatedItemsVertical li img {
  padding-right: 5px;
  float: left;
}

ul.RelatedItemsVertical li a {
  vertical-align: middle;
}

ul.RelatedItemsVertical li a[disabled=disabled] {
  font-weight: normal;
  text-decoration: none;
  color: inherit;
}

ul.RelatedItemsVertical li label {
  font-weight: normal;
  vertical-align: middle;
  display: block;
}

/* ==========================================================================
   PROGRESS TRACKER
   ========================================================================== */
/* The progress tracker is a visual display of progress toward a goal */
/**
 * Example HTML:
 * <div class="ProgressTracker"> <!-- this is the class defined in iPart configuration -->
 *   <div class="ProgressTrackerPanel">
 *     <ul>
 *       <li>
 *         <span class="inset">
 *           <!-- the percentage of the goal reached -->
 *           <span class="count">80%</span>
 *           <span class="label">achieved</span>
 *         </span>
 *       </li>
 *       <li>
 *         <span class="inset">
 *           <!-- the amount acheived -->
 *           <span class="count">30,548</span>
 *           <span class="label">given this year</span>
 *         </span>
 *       </li>
 *       <li>
 *         <span class="inset">
 *           <!-- days left before the end date -->
 *           <span class="count">7</span>
 *           <span class="label">days remaining</span>
 *         </span>
 *       </li>
 *     </ul>
 *     <div class="ProgessBar">
 *       <span style="width:80%"></span><!-- the width is equal to the percentage achieved -->
 *     </div>
 *   </div>
 * </div>
 */
/* Default progress tracker
   ========================================================================== */
/**
 * This class is configured by default on the progress tracker, but the content editor may assign
 * a different class, or remove it all together (which would make it display with default list item styles).
 * The default class will display small, with the three numbers displaying in a row above or below the progress bar.
 */
.ProgressTracker ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.ProgressTracker li {
  list-style-type: none;
  display: inline;
}

.ProgressTracker .inset {
  width: 32%;
  display: inline-block;
}

.ProgressTracker .label {
  display: block;
}

.ProgressTracker p {
  color: #999;
}

.ProgressTracker .SuccessfulMessage {
  background: #316ac5;
  color: #fff;
  padding: 5px;
  margin: 3px 0;
  display: block;
  width: 100%;
}

.ProgressTracker .ProgressBar, .ProgressTracker .ProgressBar > span {
  position: relative;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.ProgressTracker .ProgressBar {
  height: 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: #ddd;
  width: 100%;
}

.ProgressTracker .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #316ac5;
}

/* Progress tracker 2
   ========================================================================== */
/**
 * The alternative view for the progress tracker.
 * Displays in a large block format with each number on its own row.
 */
.ProgressTracker2 ul {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}

.ProgressTracker2 li {
  list-style-type: none;
  display: inline;
}

.ProgressTracker2 .ProgressTrackerPanel {
  margin: 0;
}

.ProgressTracker2 .ProgressTrackerPanel .inset {
  text-align: center;
  line-height: 0.8;
  padding: 15px;
  display: block;
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  margin-bottom: 5px;
  font-size: 350%;
  line-height: 1em;
  display: block;
}

.ProgressTracker2 .ProgressTrackerPanel .label {
  color: #333;
  font-size: 130%;
  display: block;
}

.ProgressTracker2 div p {
  color: #333;
}

/* The progress bar */
.ProgressTracker2 .ProgressBar, .ProgressTracker2 .ProgressBar > span {
  position: relative;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
}

.ProgressTracker2 .ProgressBar {
  height: 40px;
  /* Can be anything */
  margin-top: 3px;
  margin-bottom: 3px;
  background: #555;
  padding: 10px;
}

.ProgressTracker2 .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #73a5f3;
}

/* The message that displays when the goal is reached.
 * When it displays the progress bar is hidden. */
.ProgressTracker2 .SuccessfulMessage {
  background: #316ac5;
  color: white;
  padding: 5px;
  margin: 3px 0;
  display: block;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community name, picture and description */
.CommunitySummaryBlock {
  border: 1px solid #ddd;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
}
.CommunitySummaryBlock:before, .CommunitySummaryBlock:after {
  content: " ";
  display: table;
}
.CommunitySummaryBlock:after {
  clear: both;
}
.CommunitySummaryBlock .PanelFieldValue {
  float: none;
}

.CommunitySummaryImage img {
  max-width: 170px;
}

/* Community left nav */
.CommunityLinksBlock a {
  display: block;
  text-decoration: none;
  padding: 8px 10px;
  border-bottom: 1px solid #ddd;
  color: #333333;
}
.CommunityLinksBlock a:first-child {
  border-top: 1px solid #ddd;
}
.CommunityLinksBlock a:hover {
  background-color: #80c8df;
  text-decoration: none;
}
.CommunityLinksBlock a:hover, .CommunityLinksBlock a:visited, .CommunityLinksBlock a:active {
  color: #333333;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #0096c7;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.CommunityActionButtons {
  text-align: center;
}
.CommunityActionButtons a {
  display: inline-block;
  margin-bottom: .3em;
}

/* CommunityBreadCrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

.CommunityRepeaterList {
  margin: 10px 0 0;
  padding: 0;
}
.CommunityRepeaterList > li {
  list-style-type: none;
}
.CommunityRepeaterList ul {
  list-style-type: disc;
}

.CommunityItemBody .PanelField, .CommunityItemBody .PanelFieldValue {
  padding-left: 0;
  padding-right: 0;
}

/*** Communities common elements ***/
.CommunityItemActionLinks {
  clear: both;
  text-align: right;
  padding: .25em 0;
}
.CommunityItemActionLinks a {
  display: inline-block;
  padding: 0 4px 2px 4px;
  margin-left: -4px;
  border-left: 1px solid #ddd;
}
.CommunityItemActionLinks a:hover {
  background-color: #0096c7;
  color: #fff;
  text-decoration: none;
}
.CommunityItemActionLinks a:first-child {
  border-left: none;
}
.CommunityItemActionLinks a.aspNetDisabled {
  background-color: transparent;
  text-decoration: none;
}

.CommunityItemTitle {
  font-size: 110%;
  padding: .25em 0;
}

.CommunityDateLine {
  font-size: 85%;
  font-style: italic;
}
.CommunityDateLine div {
  float: none !important;
  display: inline !important;
  padding: 0 !important;
}

.CommunityNewItem {
  color: red;
  text-align: right;
  float: right;
}

.CommunitySideBarSearch {
  width: 70% !important;
  margin-right: .25em;
}

.CommunityProfileTitle,
.CommunityTitleDate {
  /* this makes the title display to the right of the image and 
     makes it so it will not wrap under. */
  overflow: hidden;
  zoom: 1;
}

.CommunityProfileTitle {
  margin-bottom: 10px;
}

.CommunityProfilePicture {
  float: left;
  margin-right: 10px;
}

.CommunityLastComment {
  padding-top: 10px;
  padding-bottom: 5px;
  float: right;
  color: #999999;
  font-size: 85%;
}

.CommunityCommentItem {
  background: #eeeeee;
  border-left: 10px solid #ddd;
  padding: 10px;
  margin-left: 15px;
}
@media (min-width: 768px) {
  .CommunityCommentItem {
    margin-left: 40px;
  }
}
.no-mqs .CommunityCommentItem {
  margin-left: 40px;
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: #eeeeee;
  border-left: 0;
  margin-left: 0;
}

/* For adding comments */
.CommunityWikiReplyForm, .CommunityReplyForm {
  padding: 10px;
  background: #eeeeee;
}

.CommunityReplyForm {
  border-left: 10px solid #ddd;
  margin-left: 25px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .CommunityReplyForm {
    margin-left: 50px;
  }
}
.no-mqs .CommunityReplyForm {
  margin-left: 50px;
}

/*** Contents List ***/
.ContentsListHeader {
  font-weight: bold;
  font-size: 105%;
}

.ContentsListItem {
  padding: .2em 0;
}

/* Paging styles used in forums, blogs, and other community areas  */
.CommunityListPager {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
.CommunityListPager td {
  text-align: center !important;
  padding: 5px;
}
.CommunityListPager a {
  padding: 2px;
}
.CommunityListPager a.CurrentPage {
  font-weight: bold;
  text-decoration: none;
  color: #333333;
}
.CommunityListPager a.CurrentPage:hover {
  text-decoration: none;
}

/*==========================================================================
  OBJECT BROWSER
  ========================================================================== */
/**
 * Object Browser (aka document browser) is the Windows Explorer-like control 
 * that displays a tree view of the folder structure in the left-hand panel
 * and the list of available documents in the right.
 * It is used in Content Designer, Site Designer, Resource Library, and many other places.
 */
.ObjectBrowser_OuterTable {
  border: 1px solid #ccc;
}

.Toolbars {
  width: 100%;
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.Toolbars input {
  vertical-align: top;
  float: left;
}

.OBNavIcons {
  padding-left: 4px;
  padding-right: 4px;
}

.OBNavIcon:hover, .OBNavIcon:focus, .OBNavIcon:active {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.TreePane hr {
  display: none;
}

.ContentTreePane {
  overflow: hidden;
  float: left;
  height: 100%;
  width: 30%;
  border-right: 1px solid #ccc;
}

.TreeHeaderPaneText {
  padding: 3px;
  font-weight: bold;
}

.RootList {
  width: 98%;
}

.ContentListUpdatePanel {
  height: 100% !important;
  width: 100%;
}

.ContentContainerPane {
  height: 100% !important;
  width: 100%;
  position: relative;
}

.ObjectBrowserContentList {
  width: 100%;
  padding-left: 5px;
}

.ContentSummaryPane {
  width: 99%;
  position: relative;
  bottom: 0;
  left: 0;
  border-top: 1px solid #CCCCCC;
  background-color: #ffffff;
}

.ObjectBrowserIcon {
  padding-left: 18px;
  background-repeat: no-repeat;
  min-height: 18px;
}

.ObjectBrowserContentList td {
  overflow: hidden;
  padding: 4px 20px 3px 3px;
  /* the 20px right padding is here for IE 7*/
  vertical-align: top;
  text-align: left;
}

.MenuPane {
  overflow: visible !important;
  white-space: nowrap;
}

.ObjectBrowserWrapper .RadMenu {
  float: none;
}

#Toolbars {
  overflow: hidden;
}

.AddressPane {
  white-space: nowrap;
}

.FilenamePane {
  clear: both;
  padding: 3px;
  padding-left: 0;
}
.FilenamePane label,
.FilenamePane input[type="text"] {
  white-space: nowrap;
  display: inline-block;
}
.FilenamePane label {
  float: left;
  padding-right: 3px;
}

.TreeHeaderPane {
  background-color: #f0f0f0;
  padding: 3px;
}
.TreeHeaderPane select {
  width: 100%;
}

.CompletionList {
  border: solid 1px #ddd;
  height: auto;
  max-height: 250px;
  overflow: auto;
  background-color: #FFFFFF;
  padding-left: 0;
  list-style: none;
}
.CompletionList li {
  list-style: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* style used on the text that is displayed next to a 
   node while its content is being retrieved from the server */
.LoadingMessage {
  background-color: InfoBackground;
  color: InfoText;
}

.ObjectBrowserContentList .even {
  background-color: #F0F4FA;
}

.ObjectBrowserContentList .hover {
  background-color: #97CFFB;
  cursor: pointer;
}

.ObjectBrowserContentList .selected {
  background-color: #316AC5;
  color: #FFFFFF;
}

.ObjectBrowserContentList div,
.dragItem {
  cursor: default;
  padding: 1px;
  height: 1.5em;
}

/* Handles objects that have very long names and prevents the name from wrapping or overflowing the container */
.ObjectBrowserContentListName {
  white-space: nowrap;
  display: inline-block;
}

.ShowDescription {
  white-space: normal !important;
}

.ObjectBrowserContentListDescription {
  width: 60%;
}

.ObjectBrowserContentListEmpty {
  font-style: italic;
  font-weight: bolder;
  width: 97%;
  height: 97%;
  text-align: center;
  vertical-align: middle;
}

.unPublishedNode,
.unPublishedRow {
  border-right: solid 4px red;
  margin-right: 2px;
}

.unPublishedPendingNode,
.unPublishedPendingRow {
  border-right: solid 4px gold;
  margin-right: 2px;
}

.breakNode {
  font-style: italic;
}

.HomePageNode {
  background-image: url(../images/icon_homepage.gif);
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 20px;
}

/* Read only nodes
   ========================================================================== */
/* The following adds a lock icon overlay on the document type icon on IsSystem documents */
.ReadOnlyRow,
.ReadOnlyNode .TreeNode {
  position: relative;
}

.ReadOnlyRow:before,
.ReadOnlyNode .TreeNode:before {
  content: url(../images/icon_lock.png);
  position: absolute;
}

.ReadOnlyRow:before {
  left: 8px;
}

.ReadOnlyNode .TreeNode:before {
  left: -12px;
  top: 5px;
}

/*  Quick find
   ========================================================================== */
/* The quick find search box in the top right corner of object browser */
.QuickFindWrapper {
  float: right;
}
.QuickFindWrapper label {
  float: left;
  padding-top: .2em;
  /* Force the label before the input field */
}
.QuickFindWrapper input {
  margin-left: .2em;
  margin-right: .2em;
}

/* ==========================================================================
   CAROUSEL
   ========================================================================== */
/* Bootstrap carousel styles, used by the Slideshow iPart*/
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
    /*> img,
> a > img {
  @include img-responsive;
  line-height: 1;
}*/
}
.carousel-inner > .item .carousel-link {
  display: block;
  width: 100%;
  height: 100%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner.bg-img > .item {
  background-color: #222222;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 50px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover, .carousel-control:focus, .carousel-control:visited, .carousel-control:active {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  margin-top: -35px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -20px;
}
.carousel-control .icon-next {
  right: 50%;
  margin-right: -20px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: transparent;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .TextButton {
  text-shadow: none;
}
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
  color: #fff;
}

@media (min-width: 768px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    font-size: 60px;
  }
  .carousel-control .icon-prev {
    margin-left: -35px;
  }
  .carousel-control .icon-next {
    margin-right: -35px;
  }
}
.no-mqs .carousel-control .icon-prev,
.no-mqs .carousel-control .icon-next {
  width: 30px;
  height: 30px;
  font-size: 60px;
}
.no-mqs .carousel-control .icon-prev {
  margin-left: -35px;
}
.no-mqs .carousel-control .icon-next {
  margin-right: -35px;
}

@media (min-width: 768px) {
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
}
.no-mqs .carousel-caption {
  left: 20%;
  right: 20%;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .carousel-indicators {
    bottom: 20px;
  }
}
.no-mqs .carousel-indicators {
  bottom: 20px;
}

/* carousel2 displays the caption at the top with a background behind the text 
 * It can be used on the entire Slideshow iPart or on a single slide.
 */
.carousel2 .carousel-link {
  text-decoration: none;
}
.carousel2 .carousel-caption {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.55);
  left: 0;
  right: 0;
  padding-left: 15%;
  padding-right: 15%;
  position: static;
}

/* ==========================================================================
   DONUT CHARTS
   ========================================================================== */
/* 'Tiny' Donut
   ========================================================================== */
.tiny-chartbox {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: flex;
  justify-content: center;
}
.tiny-chartbox div[data-chart-type*="donut"] {
  position: relative;
}
.tiny-chartbox .donut-wrapper {
  width: 60px;
  height: 60px;
}
.tiny-chartbox .donut-hole {
  height: 42px;
  width: 42px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 9px;
  left: 9px;
  border-radius: 42px;
  line-height: 15px;
}
.tiny-chartbox span.donut-filling {
  position: absolute;
  display: block;
  vertical-align: middle;
  font-size: 14.6664px;
  top: 50%;
  margin-top: -7.5px;
  width: 42px;
  height: 15px;
  text-align: center;
  overflow: none;
}
.tiny-chartbox .donut-caption-wrapper {
  width: 60px;
  align-content: center;
  position: relative;
  display: block;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  margin-top: 1em;
}
.tiny-chartbox .donut-caption {
  margin: 0 auto;
}
.tiny-chartbox .donut-bite {
  position: absolute;
  width: 30px;
  height: 60px;
  overflow: hidden;
  top: 0;
  left: 30.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.tiny-chartbox .donut-bite.large {
  width: 60px;
  height: 60px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.tiny-chartbox .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 30px;
  height: 60px;
  top: 0;
  left: -30px;
  border-radius: 30px 0 0 30px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.tiny-chartbox .donut-bite.large:BEFORE {
  left: 0;
}
.tiny-chartbox .donut-bite.large:AFTER {
  content: "";
  position: absolute;
  width: 30px;
  height: 60px;
  left: 30px;
  border-radius: 0 30px 30px 0;
}

/* 'Small' Donut
   ========================================================================== */
.small-chartbox {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: flex;
  justify-content: center;
}
.small-chartbox div[data-chart-type*="donut"] {
  position: relative;
}
.small-chartbox .donut-wrapper {
  width: 110px;
  height: 110px;
}
.small-chartbox .donut-hole {
  height: 74.8px;
  width: 74.8px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 17.6px;
  left: 17.6px;
  border-radius: 74.8px;
  line-height: 27.5px;
}
.small-chartbox span.donut-filling {
  position: absolute;
  display: block;
  vertical-align: middle;
  font-size: 26.8884px;
  top: 50%;
  margin-top: -13.75px;
  width: 74.8px;
  height: 27.5px;
  text-align: center;
  overflow: none;
}
.small-chartbox .donut-caption-wrapper {
  width: 110px;
  align-content: center;
  position: relative;
  display: block;
  text-align: center;
  font-size: 10.56px;
  font-weight: 600;
  margin-top: 1em;
}
.small-chartbox .donut-caption {
  margin: 0 auto;
}
.small-chartbox .donut-bite {
  position: absolute;
  width: 55px;
  height: 110px;
  overflow: hidden;
  top: 0;
  left: 55.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.small-chartbox .donut-bite.large {
  width: 110px;
  height: 110px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.small-chartbox .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 55px;
  height: 110px;
  top: 0;
  left: -55px;
  border-radius: 55px 0 0 55px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.small-chartbox .donut-bite.large:BEFORE {
  left: 0;
}
.small-chartbox .donut-bite.large:AFTER {
  content: "";
  position: absolute;
  width: 55px;
  height: 110px;
  left: 55px;
  border-radius: 0 55px 55px 0;
}

/* 'Medium' Donut
   ========================================================================== */
.medium-chartbox {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: flex;
  justify-content: center;
}
.medium-chartbox div[data-chart-type*="donut"] {
  position: relative;
}
.medium-chartbox .donut-wrapper {
  width: 160px;
  height: 160px;
}
.medium-chartbox .donut-hole {
  height: 96px;
  width: 96px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 32px;
  left: 32px;
  border-radius: 96px;
  line-height: 40px;
}
.medium-chartbox span.donut-filling {
  position: absolute;
  display: block;
  vertical-align: middle;
  font-size: 39.1104px;
  top: 50%;
  margin-top: -20px;
  width: 96px;
  height: 40px;
  text-align: center;
  overflow: none;
}
.medium-chartbox .donut-caption-wrapper {
  width: 160px;
  align-content: center;
  position: relative;
  display: block;
  text-align: center;
  font-size: 15.36px;
  font-weight: 600;
  margin-top: 1em;
}
.medium-chartbox .donut-caption {
  margin: 0 auto;
}
.medium-chartbox .donut-bite {
  position: absolute;
  width: 80px;
  height: 160px;
  overflow: hidden;
  top: 0;
  left: 80.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.medium-chartbox .donut-bite.large {
  width: 160px;
  height: 160px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.medium-chartbox .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 80px;
  height: 160px;
  top: 0;
  left: -80px;
  border-radius: 80px 0 0 80px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.medium-chartbox .donut-bite.large:BEFORE {
  left: 0;
}
.medium-chartbox .donut-bite.large:AFTER {
  content: "";
  position: absolute;
  width: 80px;
  height: 160px;
  left: 80px;
  border-radius: 0 80px 80px 0;
}

/* 'Large' Donut
   ========================================================================== */
.large-chartbox {
  display: -ms-flexbox;
  display: -webkit-flexbox;
  display: flex;
  justify-content: center;
}
.large-chartbox div[data-chart-type*="donut"] {
  position: relative;
}
.large-chartbox .donut-wrapper {
  width: 240px;
  height: 240px;
}
.large-chartbox .donut-hole {
  height: 144px;
  width: 144px;
  background-color: #fff;
  z-index: 20;
  position: absolute;
  top: 48px;
  left: 48px;
  border-radius: 144px;
  line-height: 60px;
}
.large-chartbox span.donut-filling {
  position: absolute;
  display: block;
  vertical-align: middle;
  font-size: 58.6656px;
  top: 50%;
  margin-top: -30px;
  width: 144px;
  height: 60px;
  text-align: center;
  overflow: none;
}
.large-chartbox .donut-caption-wrapper {
  width: 240px;
  align-content: center;
  position: relative;
  display: block;
  text-align: center;
  font-size: 23.04px;
  font-weight: 600;
  margin-top: 1em;
}
.large-chartbox .donut-caption {
  margin: 0 auto;
}
.large-chartbox .donut-bite {
  position: absolute;
  width: 120px;
  height: 240px;
  overflow: hidden;
  top: 0;
  left: 120.5px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.large-chartbox .donut-bite.large {
  width: 240px;
  height: 240px;
  left: 0;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.large-chartbox .donut-bite:BEFORE {
  content: "";
  position: absolute;
  width: 120px;
  height: 240px;
  top: 0;
  left: -120px;
  border-radius: 120px 0 0 120px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
.large-chartbox .donut-bite.large:BEFORE {
  left: 0;
}
.large-chartbox .donut-bite.large:AFTER {
  content: "";
  position: absolute;
  width: 120px;
  height: 240px;
  left: 120px;
  border-radius: 0 120px 120px 0;
}

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden;
}

.sp-container.sp-flat {
  position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block;
}

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
}

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%;
}

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%;
}

.sp-fill {
  padding-top: 80%;
}

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px;
}

.sp-alpha-enabled .sp-alpha {
  display: block;
}

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8;
}

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px;
}

.sp-alpha-inner {
  border: solid 1px #333;
}

.sp-clear {
  display: none;
}

.sp-clear.sp-clear-display {
  background-position: center;
}

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
  display: none;
}

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none;
}

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none;
}

.sp-palette-only .sp-picker-container {
  display: none;
}

.sp-palette-disabled .sp-palette-container {
  display: none;
}

.sp-initial-disabled .sp-initial {
  display: none;
}

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #ffffff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
  display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table;
}

.sp-cf:after {
  clear: both;
}

.sp-cf {
  *zoom: 1;
}

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%;
  }

  .sp-hue {
    left: 63%;
  }

  .sp-fill {
    padding-top: 60%;
  }
}
.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #ECECEC;
  border: solid 1px #f0c49B;
  padding: 0;
}

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.sp-top {
  margin-bottom: 3px;
}

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #666;
}

/* Input */
.sp-input-container {
  float: right;
  width: 100px;
  margin-bottom: 4px;
}

.sp-initial-disabled .sp-input-container {
  width: 100%;
}

.sp-input {
  font-size: 12px !important;
  border: 1px inset;
  padding: 4px 5px;
  margin: 0;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  color: #222;
}

.sp-input:focus {
  border: 1px solid orange;
}

.sp-input.sp-validation-error {
  border: 1px solid red;
  background: #fdd;
}

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px;
  padding-bottom: 300px;
  margin-bottom: -290px;
}

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
  border: 0;
}

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent;
}

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange;
}

.sp-thumb-el {
  position: relative;
}

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333;
}

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0;
}

.sp-initial .sp-clear-display {
  background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 4px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  border: solid 1px #91765d;
  background: #eee;
  color: #333;
  vertical-align: middle;
}

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111;
}

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver;
}

.sp-dd {
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px;
}

.sp-preview {
  position: relative;
  width: 25px;
  height: 20px;
  border: solid 1px #222;
  margin-right: 5px;
  float: left;
  z-index: 0;
}

.sp-palette {
  *width: 220px;
  max-width: 220px;
}

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0;
}

.sp-container {
  padding-bottom: 0;
}

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd;
}

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  margin: 0;
  padding: 2px;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline;
}

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.sp-palette .sp-thumb-inner {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

/* ==========================================================================
   Cookie Consent
   ========================================================================== */
/* Layout
   ========================================================================== */
/* This file should contain CSS that modifies the popup layout. */
/* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
}

.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}

.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}

.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}

/**************************************** FLOATING ****************************************/
/* these classes position the floating element */
.cc-top {
  top: 1em;
}

.cc-left {
  left: 1em;
}

.cc-right {
  right: 1em;
}

.cc-bottom {
  bottom: 1em;
}

/* links that are direct decendants should be displayed as block */
.cc-floating > .cc-link {
  margin-bottom: 1em;
}

.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
  flex: 1;
}

/**************************************** BANNER ****************************************/
.cc-window.cc-banner {
  align-items: center;
}

.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}

.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}

.cc-banner .cc-message {
  flex: 1;
}

/* COMPLIANCE BOX */
.cc-compliance {
  display: flex;
  align-items: center;
  align-content: space-between;
}

.cc-compliance > .cc-btn {
  flex: 1;
}

.cc-btn + .cc-btn {
  margin-left: .5em;
}

/* Animations
   ========================================================================== */
.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -ms-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.cc-window.cc-invisible {
  opacity: 0;
}

/* only animate ifhas class 'cc-animate' */
.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
}

.cc-animate.cc-revoke.cc-top {
  transform: translateY(-2em);
}

.cc-animate.cc-revoke.cc-bottom {
  transform: translateY(2em);
}

.cc-animate.cc-revoke.cc-active.cc-top {
  transform: translateY(0);
}

.cc-animate.cc-revoke.cc-active.cc-bottom {
  transform: translateY(0);
}

.cc-revoke:hover {
  transform: translateY(0);
}

.cc-grower {
  /* Initially we don't want any height, and we want the contents to be hidden */
  max-height: 0;
  overflow: hidden;
  /* Set our transitions up. */
  -webkit-transition: max-height 1s;
  -moz-transition: max-height 1s;
  -ms-transition: max-height 1s;
  -o-transition: max-height 1s;
  transition: max-height 1s;
}

/* Base
   ========================================================================== */
/* the popup window */
.cc-window, .cc-revoke {
  position: fixed;
  overflow: hidden;
  box-sizing: border-box;
  /* exclude padding when dealing with width */
  font-family: Helvetica, Calibri, Arial, sans-serif;
  font-size: 16px;
  /* by setting the base font here, we can size the rest of the popup using CSS `em` */
  line-height: 1.5em;
  display: flex;
  flex-wrap: nowrap;
  /* the following are random unjustified styles - just because - should probably be removed */
  z-index: 9999;
}

.cc-window.cc-static {
  position: static;
}

/* 2 basic types of window - floating / banner */
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  /* 1em == 16px therefore 24em == 384px */
  flex-direction: column;
}

.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  flex-direction: row;
}

.cc-revoke {
  padding: .5em;
}

.cc-revoke:hover {
  text-decoration: underline;
}

.cc-header {
  font-size: 18px;
  font-weight: bold;
}

/* clickable things */
.cc-btn, .cc-link, .cc-close, .cc-revoke {
  cursor: pointer;
}

.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em;
  text-decoration: underline;
}

.cc-link:hover {
  opacity: 1;
}

.cc-link:active, .cc-link:visited {
  color: initial;
}

.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: 0.9em;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}

.cc-banner .cc-btn:last-child {
  min-width: 140px;
}

.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}

.cc-highlight .cc-btn:first-child:hover,
.cc-highlight .cc-btn:first-child:focus {
  background-color: transparent;
  text-decoration: underline;
}

.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  /* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
  /*  - we want it to be a square, because it's acting as an icon */
  /*  - setting the line height normalises the height */
  line-height: .75;
}

.cc-close:hover,
.cc-close:focus {
  opacity: 1;
}

/* Media
   ========================================================================== */
@media print {
  .cc-window, .cc-revoke {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .cc-btn {
    white-space: normal;
  }
}
/* dimensions for 'iPhone6 Plus' and lower */
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-window.cc-top {
    top: 0;
  }

  .cc-window.cc-bottom {
    bottom: 0;
  }

  .cc-window.cc-banner, .cc-window.cc-right, .cc-window.cc-left {
    left: 0;
    right: 0;
  }

  .cc-window.cc-banner {
    flex-direction: column;
  }

  .cc-window.cc-banner .cc-compliance {
    flex: 1;
  }

  .cc-window.cc-floating {
    max-width: none;
  }

  .cc-window .cc-message {
    margin-bottom: 1em;
  }

  .cc-window.cc-banner {
    align-items: unset;
  }
}
/* Styles
   ========================================================================== */
.cc-window {
  background-color: #333333;
  color: #fff;
}
.cc-window .cc-link, .cc-window .cc-link:active, .cc-window .cc-link:visited, .cc-window .cc-btn, .cc-window .cc-btn:active, .cc-window .cc-btn:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

/* ==========================================================================
   CART CHARGES
   ========================================================================== */
.CartCharges {
  max-width: 30em;
  padding: 3px;
}

.CartCharges label, .CartCharges .Label {
  width: auto !important;
  padding-right: 2em;
}

.CartCharges .PanelFieldValue {
  float: right !important;
  text-align: right;
}

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

.CartCharges .GrandTotal {
  font-weight: bold;
}

/* ==========================================================================
   OPEN INVOICES
   ========================================================================== */
.OpenInvoicesTotals {
  float: right;
}
.OpenInvoicesTotals .PanelFieldValue,
.OpenInvoicesTotals .TextButton {
  float: right;
  clear: right;
}
.OpenInvoicesTotals .SelectedTotal {
  font-weight: bold;
}

/* ==========================================================================
   GROUP LIST EDITOR
   ========================================================================== */
.RadTreeView.GLE {
  white-space: normal;
}

/* hide the expand image when the list is not expandable*/
.DoNotShowExpandImage > .rtUL > .rtLI > .rtTop, .DoNotShowExpandImage > .rtUL > .rtLI > .rtMid, .DoNotShowExpandImage > .rtUL > .rtLI > .rtBot {
  padding-left: 0;
}
.DoNotShowExpandImage > .rtUL > .rtLI .rtSp, .DoNotShowExpandImage > .rtUL > .rtLI .rtPlus {
  display: none;
}

/* Style GLE nodes differntly since they include 2 links */
.RadTreeView.GLE .rtHover .rtIn,
.RadTreeView.GLE .rtSelected .rtIn {
  border-color: transparent;
  background: none;
}

.RadTreeView.GLE a {
  padding: 1px 6px 3px 6px;
}

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

.RadTreeView.GLE a[onclick].rtIn:hover {
  padding: 3px 5px 3px 5px;
  color: #000;
  border-color: transparent;
  background: none;
}

/* ==========================================================================
   SSRS REPORT
   ========================================================================== */
/* Remove the blank.gif icon due to a missing parm that results in a broken image 
 * icon in non-IE browsers... 
 * https://connect.microsoft.com/VisualStudio/feedback/details/556989/#tabs */
img[src*="OpType=ReportImage&ResourceStreamID=Blank.gif"] {
  display: none;
}

.SSRSReportViewer {
  overflow-x: auto;
}

.SSRSReportViewer table > tbody > tr > td > div:first-of-type {
  background-image: none !important;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 5px;
}

.SSRSReportViewer table > tbody > tr > td > div > div table > tbody > tr > td {
  vertical-align: middle;
}

.SSRSReportViewer table > tbody > tr > td > div > div > table > tbody > tr > td:last-of-type {
  vertical-align: middle;
  padding-right: 5px;
}

.SSRSReportViewer table > tbody > tr:nth-child(4) {
  background-color: #ffffff;
}

.SSRSReportViewer table > tbody > tr > td input[type="image"] {
  height: auto !important;
  width: auto !important;
  vertical-align: middle;
}

/* ==========================================================================
   BIG BUTTON PANEL
   ========================================================================== */
.HorizontalButtons .BigButtonWrapper, .HorizontalButtonsLeft .BigButtonWrapper, .HorizontalButtonsRight .BigButtonWrapper {
  padding: 0;
}
.HorizontalButtons .BigButtonWrapper br, .HorizontalButtonsLeft .BigButtonWrapper br, .HorizontalButtonsRight .BigButtonWrapper br {
  display: none;
}
.HorizontalButtons a.btn, .HorizontalButtonsLeft a.btn, .HorizontalButtonsRight a.btn {
  margin-bottom: .3em;
}

.HorizontalButtons .BigButtonWrapper {
  text-align: center;
}

.HorizontalButtonsLeft .BigButtonWrapper {
  text-align: left;
}

.HorizontalButtonsRight .BigButtonWrapper {
  text-align: right;
}

.BigButtonWrapper.HasImage img {
  max-width: 100px;
  margin-right: 5px;
  float: left;
}
.BigButtonWrapper.HasImage .BigButtonLinkList {
  display: table-cell;
}

/* ==========================================================================
   QUERY MENU
   ========================================================================== */
/* The map canvas when the Query Menu is configured to show a map of the results */
.MapCanvas {
  width: 100%;
  height: 728px;
  margin-bottom: 2px;
}

/* ==========================================================================
   RECENT HISTORY
   ========================================================================== */
.RecentHistoryList {
  margin: 0 0 .5em 0;
  padding: 0;
}

.RecentHistoryList .RecentHistoryItem {
  list-style-type: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

.RecentHistoryItem img {
  margin-right: 3px;
}

/* ==========================================================================
   CONTENT COLLECTION ORGANIZER
   ========================================================================== */
.ContentWizardDisplay {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #ddd;
  padding: 10px;
}

/* ==========================================================================
   SIGN IN
   ========================================================================== */
/* SignIn iPart */
.SignIn {
  max-width: 18em;
  margin-left: auto;
  margin-right: auto;
}
.SignIn input[type="submit"],
.SignIn input[type="text"],
.SignIn input[type="password"] {
  width: 100%;
}

/* ==========================================================================
   SIGN UP
   ========================================================================== */
/* Content Account Creator iPart */
.SignUp {
  max-width: 18em;
}
.SignUp input[type="submit"] {
  width: 100%;
}

/* ==========================================================================
   COMMUNICATION PREFERENCES
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #eee;
  padding: 10px;
}
.CommunicationPreferencesSection:before, .CommunicationPreferencesSection:after {
  content: " ";
  display: table;
}
.CommunicationPreferencesSection:after {
  clear: both;
}

/* ==========================================================================
   CONTENT BLOCK AND COMMUNITIES
   ========================================================================== */
.ContentBlock img,
.ContentBlockPost img,
.CommunityAttachmentImage img,
.CommunityItemBody img {
  max-width: 100%;
  height: auto !important;
}

.ContentBlockPostBody,
.ContentBlockCommentBody {
  word-wrap: break-word;
}

.CommunityItemBody,
.CommunityItemDescription {
  word-wrap: break-word;
}
.CommunityItemBody .PanelFieldValue,
.CommunityItemDescription .PanelFieldValue {
  max-width: 100%;
}

/* ==========================================================================
   QUERY PROFILE PICTURE LIST
   ========================================================================== */
.ListThumbnail {
  margin-right: 1px;
  margin-bottom: 1px;
  vertical-align: middle;
}

.NameHyperlink {
  margin-left: 2px;
}

/* ==========================================================================
   DIRECT DEBITS
   ========================================================================== */
.Ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* ==========================================================================
   EMBEDDED WEB PAGE
   ========================================================================== */
.EmbeddedWebPage {
  border: none;
  margin: 0;
}

/* ==========================================================================
   MAIN CONTENT PLACEHOLDER
   ========================================================================== */
/* Some placeholder content when the iPart is displayed in edit mode */
.EditModePlaceholder,
.MainContentPlaceholder {
  width: 100%;
  display: table;
  max-width: none;
  background-color: #222222;
  color: #fff;
  text-align: center;
}

.EditModePlaceholderInner,
.MainContentPlaceholderInner {
  display: table-cell;
  vertical-align: middle;
  height: 200px;
}

/* ==========================================================================
   PLACEHOLDER BLOCKS
   ========================================================================== */
/* Some placeholder content when the iPart is displayed in edit mode */
.EditModePlaceholder,
.MainContentPlaceholder {
  width: 100%;
  display: table;
  max-width: none;
  background-color: #555555;
  color: #fff;
  text-align: center;
}

.EditModePlaceholderInner,
.MainContentPlaceholderInner {
  display: table-cell;
  vertical-align: middle;
  height: 45px;
}

.MainContentPlaceholder {
  background-color: #222222;
}

.MainContentPlaceholderInner {
  height: 200px;
}

.ContentDisplayPlaceholder {
  background-color: #333333;
}

.ContentDisplayPlaceholderInner,
.EditModePlaceholder {
  height: 45px;
}

/* Utility Navigation
   ========================================================================== */
.UtilitySection {
  display: inline-block;
}

.UtilitySearch,
.UtilityNavigationList,
.UtilityAuthentication,
.UtilitySTEToggle,
.UtilityTranslation {
  vertical-align: middle;
}

.UtilitySearch,
.UtilitySTEToggle,
.UtilityAuthentication,
.UtilityTranslation {
  margin-left: 7.5px;
}

.UtilityNavigationList .NavigationUnorderedList > li > a {
  display: inline-block;
}

/* ==========================================================================
   TABLES
   ========================================================================== */
/* Basics
   ========================================================================== */
table {
  border-width: 0;
}

th, td {
  border: none;
  padding: 0;
}

th {
  /*distinguishing table headers from data cells*/
  font-weight: bold;
  text-align: center;
}

caption {
  /*coordinated margin to match cell's padding*/
  margin-bottom: .5em;
  /*centered so it doesn't blend in to other content*/
  text-align: center;
}

/* SimpleTable
   ========================================================================== */
/* A simple table - currently used in Promotion Creator design mode and
 * Communication Creator attachments grid */
.SimpleTable {
  border: 1px solid #999;
  width: 100%;
}
.SimpleTable th, .SimpleTable .TableHeaderCell {
  border-bottom: 2px solid #999;
  text-align: left;
}
.SimpleTable td, .SimpleTable th {
  padding: 4px 11px;
}

.SimpleTable.ShowTableBorders tr {
  border-top: 1px solid #999;
}
.SimpleTable.ShowTableBorders tr:first-child {
  border-top: none;
}
.SimpleTable.ShowTableBorders td, .SimpleTable.ShowTableBorders th {
  border-left: 1px solid #999;
}
.SimpleTable.ShowTableBorders td:first-child, .SimpleTable.ShowTableBorders th:first-child {
  border-left: none;
}

.SimpleTable.VAlignTop th, .SimpleTable.VAlignTop td {
  vertical-align: top;
}

/* Form
   ========================================================================== */
/* A table-based form */
.Form {
  padding: 5px;
}

.Form th {
  font-weight: normal;
  text-align: left;
}

.Form th,
.Form td {
  padding: 0.188em;
  vertical-align: top;
}

/* Grid
   ========================================================================== */
/* These styles are used to style Grids like the default Telerik RadGrid */
/* Use class "RowGridlinesOnly" to turn off column gridlines */
/* define the width of a column that contains only icons such as edit, delete */
.grid-icon-column {
  width: 50px;
}

.GridTitlePanel,
.GridFooterPanel {
  margin-top: 3px;
  margin-bottom: 3px;
}

.GridTitlePanel .Title {
  float: left;
}

table.Grid {
  margin: 5px;
  border: #768ca5 1px solid !important;
}

table.Grid,
table.Grid td,
table.Grid th {
  border-collapse: collapse;
}

table.Grid,
table.Grid th,
table.Grid tr.GridHeader td {
  padding-left: 7px;
  padding-right: 7px;
}

td.ListerColumnHeader {
  text-align: center;
}

/* Column Row with Name, Total Revenue, Target Revenue, Overhead Cost, ROI %, Start Date, End Date, Status */
tr.ExpGridHeader th,
tr.ExpGridRow1 td,
tr.ExpGridRow2 td,
table.Grid th,
table.Grid tr.GridHeader td {
  background: #eeeeee;
}

table.Grid th,
table.Grid tr.GridHeader td {
  color: black !important;
  height: 28px !important;
  text-align: left;
}

table.Grid td {
  padding: 4px 7px;
  border-style: solid;
  border-color: #999999;
  border-width: 0 1px 1px 1px;
}

.Grid.RowGridlinesOnly td {
  /* turn off the column grid lines */
  border-width: 0 0 1px 0;
}

table.Grid .ajax__calendar_container td {
  padding: 0;
  margin: 0;
  border: none;
}

table.Grid th a,
tr.GridHeader th.NumberStyle,
tr.GridHeader th.PriceStyles {
  white-space: nowrap;
}

tr.GridHeader th.NumberStyle,
tr.GridHeader th.PriceStyles,
th.AlignCenter {
  text-align: center !important;
}

table.Grid td,
table.Grid tr.GridAlternateRow td,
table.Grid tr.tableRowAlt td,
table.Grid tr.GridRowHover:hover td,
table.Grid tr.GridAlternateRowHover:hover td {
  background-color: #fff;
}

table.Grid th,
table.Grid tr.GridHeader td,
tr.ExpGridHeader th,
tr.ExpGridRow1 td,
tr.ExpGridRow2 td,
table.ExpGrid td {
  border-top: solid 1px #777;
  border-bottom: solid 1px #777;
  height: 28px !important;
}

table.Grid th,
table.Grid tr.GridHeader td,
tr.ExpGridHeader th,
tr.ExpGridRow1 td,
tr.ExpGridRow2 td {
  color: #000;
  text-align: left;
  padding-left: 7px;
  padding-right: 7px;
}

tr.GridHeader th,
tr.GridHeader td {
  font-weight: bold;
  vertical-align: middle;
}

table.Grid tr.ExpGridAlternateRow td {
  background-color: #ffffff;
}

/* Header row with Code, Segments, 1st Resp, Last Drop, Type, Member Type, Status */
table.ExpGrid tr.ExpGridHeaderSourceCode td,
table.ExpGrid tr.ExpTableRowAlt td {
  background-color: #CCC;
  height: 28px !important;
}

table.ExpGrid .DisplayCurrency {
  width: auto;
  padding-left: 10px;
  padding-right: 5px;
}

table.Grid .GridRowSelected,
table.Grid .eventSelectedRegistrant {
  background-color: #e0e3e6;
}

table.Grid .eventSelectedRegistrant {
  color: #000000;
  font-weight: bold;
}

.DeleteImage,
.EditImage {
  margin: 1px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center 50%;
  border: 0;
  background-color: transparent;
  display: block;
  cursor: pointer;
}

table.Grid .DisplayCurrency {
  width: auto;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.NavBullet li {
  color: #fe7921;
  list-style-type: square;
}

.NavSpan li span {
  color: #000000;
}

td.DisplayCurrency {
  text-align: right !important;
  width: auto;
  padding-left: 5px !important;
  padding-right: 5px !important;
}

/* = Campaign Management using the expandable grid = */
table.ExpGrid,
table.ExpGrid td,
Table.ExpGrid th {
  border-collapse: collapse;
}

table.ExpGrid {
  margin: 3px;
  border: #898d8f 1px solid !important;
}

/* Cart check out process tables */
.CartGridTable,
span.CartGridTable table.Grid {
  width: 375px;
}

.GridPrice,
.GridSelect {
  width: 40px;
}

.GridTableTitle {
  width: 60%;
}

.rgWrap {
  white-space: normal !important;
}

/* Nested table IQA query filter popup calendar */
table.GridFilterCalendar,
table.GridFilterCalendar td,
table.GridFilterCalendar th {
  border-collapse: collapse !important;
  margin: 0px !important;
  border: 0px !important;
  padding: 0px !important;
}

/* ==========================================================================
   LEGACY
   ========================================================================== */
/* These styles support old functionality such as Marketing suite.
 * They should not be used for any new functionality. */
/* Adjusts height for legacy tabs used input areas like Certification*/
.ajax__tab_xp .ajax__tab_tab {
  height: 21px !important;
}

/* TitleBar: Header controls used by legacy iParts
   ========================================================================== */
/* This makes the bottom border on TitleBarCaptions extend all the way to the border of its container */
.ContentBorder .TitleBarCaption {
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
  padding-right: 10px;
}

/* The title in the TitleBarCaption */
.TitleBarTitle {
  float: left;
}

.TitleBarActionBox {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 22px;
  height: 22px;
  display: inline-block;
  background-image: url("../images/titlebaractionbox.gif");
  background-repeat: no-repeat;
  margin-left: 3px;
  vertical-align: middle;
}

/* The option controls on title bar captions */
.InLineOption_Controls, .InLineOption_Controls_Always_Display {
  float: right;
}

/* The drop-down button on title bar captions */
.InLineOption_Controls input, .InLineOption_Controls_Always_Display input {
  vertical-align: middle;
}

/* .InLineOption <div> used in the top title area of iParts */
.InLineOption .InLineOption_Controls {
  display: none;
  cursor: pointer;
  background-color: #F4F4F4;
}

/* Can be used to enable a hover effect for the .InLineOption <div> used in the top title area of iParts */
.InLineOption:hover .InLineOption_Controls, .InLineOption .InLineOption_Controls_Always_Display {
  display: block;
  cursor: pointer;
}

/* Headings
   ========================================================================== */
.mdTitle, #mainTitle {
  padding-top: .3em;
  font-weight: bold;
}

.mdTitle {
  font-size: 130%;
}

#mainTitle {
  font-size: 150%;
  line-height: 2em;
  white-space: nowrap;
}

/* Process Manager/Marketing Suite
   ========================================================================== */
.StageHeader {
  background-color: #f5f5f5;
  font-weight: bold;
}

.StageHeader.StageSetup {
  cursor: pointer;
  border-top: 1px solid #ddd;
}

.StageBlock {
  border: 1px solid #ddd;
  margin: .5em;
  clear: both;
}

.TaskHeading, .TaskBar, .WorkSpace {
  padding: 3px;
}

/* Navigation
   ========================================================================== */
.NavBullet li {
  color: #fe7921;
  list-style-type: square;
}

.NavSpan li span {
  color: #000;
}

/* ==========================================================================
   UNORGANIZED
   ========================================================================== */
/* use this area to define styles that need to be organized later */
.ButtonActions {
  margin-bottom: -3px;
  margin-right: 3px;
}

/* ==========================================================================
   Utility Navigation iPart
   ========================================================================== */
/* Used in design time edit */
.RadDockItem, .rdPlaceHolder {
  margin-left: 3px;
}

.RadDockItem .rdContent {
  margin: 0 !important;
}

.RadDockItem .RadDockContent {
  padding: 7px;
  text-align: center;
}

.RadDockItem .rdTitleWrapper {
  display: none !important;
}

/* UtilityNavigation Account Area
   ========================================================================== */
.UtilityNavigation .account-toggle .nav-text {
  margin-left: 42px;
  display: inline-block;
  max-width: 15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}

.UtilityNavigation .account-menu > li > a, .UtilityNavigation .header .NavigationUnorderedList > li > a {
  font-weight: 600;
  display: inline-block;
  /* make sure the top & bottom padding make it exactly the height of the header bar */
  padding: 10px 10px;
}

.UtilityNavigation .account-menu > li > a, .UtilityNavigation .account-menu > li > a:hover, .UtilityNavigation .account-menu > li > a:visited, .UtilityNavigation .account-menu > li > a:active {
  text-decoration: none;
  color: #333;
}

/* =========================================================================
    CERTIFICATION
   =========================================================================
*/
#CertificationProgramDescriptionDiv .reToolCell, #CertificationProgramDescriptionDiv .reToolZone {
    display: none !important;
}

#CertificationProgramDescriptionDiv .reContentCell, #CertificationProgramDescriptionDiv .RadEditorTextArea {
    height: 100px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#CertificationProgramDescriptionDiv table, #CertificationProgramDescriptionDiv textarea {
    height: 100px !important;
    width: 30em !important;
    max-width: none;
}

#CertificationDescriptionDiv .reToolCell, #CertificationDescriptionDiv .reToolZone {
    display: none !important;
}

#CertificationDescriptionDiv .reContentCell, #CertificationDescriptionDiv .RadEditorTextArea {
    height: 100px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#CertificationDescriptionDiv TABLE, #CertificationDescriptionDiv textarea {
    height: 100px !important;
    width: 30em !important;
}

#CertificationDescriptionDiv .PanelFieldValue {
    padding: 0 !important;
    margin: 0 !important;
}

/*==============================================================================
    ModelBackground
  ==============================================================================
*/
.modalBackground70 {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalBackground80 {
    background-color: Gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
}