/**
 * 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.
 *
 **/
/* ==========================================================================
   RESET (From YUI 2)
   ========================================================================== */
/* Fix the box model: 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;
}

html {
  color: #000;
  background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr, acronym {
  border: 0;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

legend {
  color: #000;
}

body {
  font: 13px/1.385 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

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

/**
 * Force overflowing content to hide itself       
 * This resolves the issue of greyed out vertical scrollbars in IE8 and earlier                  
*/
html {
  overflow: auto;
}

/* HTML5 display definitions
   ========================================================================== */
/* The HTML5 display definitions are taken from normalize.css v1.1.1 - git.io/normalize */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. 
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. 
 */
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support. 
 */
[hidden] {
  display: none;
}

/* #endregion resets */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

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

/* ==========================================================================
   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: 10px;
  padding-right: 10px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

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

.EmptyMasterContentPanel .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: 10px;
  padding-right: 10px;
}

.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%;
}

.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%;
}

.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%;
}

.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%;
}

/* ==========================================================================
   BASE 
   ========================================================================== */
/* Defaults for HTML elements */
h1,
.h1,
.PageTitle {
  font-size: 250%;
  line-height: normal;
  margin: .3em 0;
}

/* .PanelTitle <span> Title of a StandardPanel - Used inside .PanelHead */
/* h2s are styled in the same way */
h2,
.h2,
.PanelTitle {
  font-size: 190%;
  line-height: normal;
}

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

h3,
.h3,
.SectionTitle {
  font-size: 130%;
  line-height: normal;
  margin: .1em 0;
}

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

h5,
.h5,
.SectionLabelSmaller {
  font-size: 100%;
  display: block;
  margin: .2em 0 .2em 0;
  padding-left: 0;
}

h1, h2, h3, h4, h5, h6, strong,
h1, .h2, .h3, .h4, .h5, .h6,
.PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller {
  /*bringing boldness back to headers and the strong element*/
  font-weight: bold;
}

abbr, acronym {
  /*indicating to users that more info is available */
  border-bottom: 1px dotted #000;
  cursor: help;
}

em {
  /*bringing italics back to the em element*/
  font-style: italic;
}

blockquote, ul, ol, dl {
  /*giving blockquotes and lists room to breath*/
  margin: 1em;
}

ol, ul, dl {
  /*bringing lists on to the page with breathing room */
  margin-left: 2em;
}

ol li {
  /*giving OL's LIs generated numbers*/
  list-style: decimal outside;
}

ul li {
  /*giving UL's LIs generated disc markers*/
  list-style: disc outside;
}

dl dd {
  /*giving UL's LIs generated numbers*/
  margin-left: 1em;
}

p, fieldset, table, pre {
  /*so things don't run into each other*/
  margin-bottom: 0.1em;
}

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

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

/* set default input styles */
input,
textarea {
  font-family: inherit;
  font-weight: normal;
  font-size: 0.98em;
  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 {
  width: 15em;
  /* Gives textarea the same padding as other input fields */
  padding: 0.25em;
  width: 22em;
}

/* 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 {
  color: #999;
}

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

/* 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: 0.4em 0.125em;
}

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

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

/* "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. */
/* "PanelFieldLabelFont" does the same as "Label", but "Label" is preferred */
label,
.Label,
.PanelFieldLabelFont {
  /* This is to allow space for the required indicator */
  padding-left: 9px;
  margin-left: -6px;
}

.PanelFieldValue {
  padding-left: 3px;
  padding-right: 3px;
  display: inline;
  width: auto;
}

.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 {
  width: auto !important;
}

/* 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;
  /*negative margin needed to match the negative margin on labels */
  margin-left: -3px;
}

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

/* For the labels associated with a radio button, put a tiny bit of distance from the radio button
 * to the label, and slightly more space from the label to the next element. This avoids the 
 * appearance of too closely spaced radio buttons when the controls are presented horizontally.
 */
div.PanelField input[type="radio"] + label {
  padding-left: 10px;
  padding-right: 1em;
}

/* ensure a minimum width for empty input controls within PanelTemplateControls */
/*.StandardPanel .PanelFieldValue input[type=text], .StandardPanel .PanelFieldValue input[type=password] {
    min-width: 10em;
}*/
/* 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 {
  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;
}

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

/* Highlight input fields when they have focus */
/* AR note 6/17/13 - I'm not sure if this is being used anywhere - may be able to remove it */
.StandardPanel fieldset div.focus, .focus,
.StandardPanel fieldset div.focus:hover, .focus:hover {
  border-color: #BCBCBC;
  background-color: #CDCDCD;
}

/* 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: Black !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: 1.2em;
  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;
}

/* 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. */
div.ShowFieldset fieldset legend, fieldset.ShowFieldset legend {
  display: block;
  color: #222;
  font-weight: bold;
  padding: 5px;
}

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

/* 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;
  -moz-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;
  -moz-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;
  border-radius: 0;
}

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

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

/* 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-body, .PanelNoPadding .PanelBody {
  padding: 0;
}

/* Optional heading */
.panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption,
.panel-group .panel-heading {
  padding: 6px 10px;
  border-bottom: 1px solid #dddddd;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.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;
}

/* expand/collapse image that displays on the head of the panel */
.panel-heading-collapse-img,
.panel-heading-collapse-text,
.PanelHeadCollapseImage,
.PanelHeadCollapseText,
.PanelHeadOptionsBox,
.PanelHeadOptions .rbSkinnedButton {
  margin-right: 0.313em;
  display: inline;
  vertical-align: middle;
}

/**
 * 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: whitesmoke;
}
.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 #dddddd;
}
.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 #dddddd;
}

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

/* ==========================================================================
   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 */
.StandardPanel fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

/* Hide the legend because we use our own custom header */
.StandardPanel fieldset legend {
  display: none;
}

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: 40px !important;
  width: 200px;
  position: fixed;
  z-index: 10000;
  text-align: center;
  vertical-align: middle;
  margin-top: 0.1em;
  padding-top: 0.625em;
  background-color: #efefef;
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Page Tasks: print, email and text-only buttons
   ========================================================================== */
#masterPageTasks .PrintButton, #masterPageTasks .TextOnlyButton,
#masterPageTasks .ExitTextOnlyButton, #masterPageTasks .EmailButton {
  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
   ========================================================================== */
.ProxyTitleBar .InLineOption_Controls,
.ProxyTitleBar .InLineOption_Controls_Always_Display {
  float: none;
}

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

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

.SubNavPanelHead {
  font-size: 1.8em;
  font-weight: bold;
  padding: 10px;
}

/* ==========================================================================
   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 .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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;
  position: inherit;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  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: -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 white 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"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white 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: -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;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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: -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: 5px 0;
  height: 28px;
  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%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  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: -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 white 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: -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: -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: white 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: 2), only screen and (min-resolution: 144dpi) {
  .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 */
/* ==========================================================================
   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 {
  border: 1px solid;
  margin: 5px 0;
  padding: 1em;
  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;
}

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

.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: 1.9em;
  color: #cc0f16;
}

.ErrorNormal .ErrorTypeMessage {
  display: block;
  padding-top: 15px;
  font-size: 1.1em;
  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;
}

/* 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*/
.screen-reader-text,
.CaptionTextInvisible .rgCaption,
.sr-only {
  position: absolute;
  left: -10000px;
  z-index: 2000;
  font-size: .7em;
}

/* Display the text when focused so tab-only users can use it */
.screen-reader-text.show-on-focus:focus {
  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;
}

/* Center-align the text of a section */
.Center,
.CenterText {
  text-align: center;
}

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

.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: 5px;
}

/* To break words that are too long (eg. email addresses) */
.BreakWord {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
}

.Scroll,
.StandardPanel .AutoScroll div {
  overflow: 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 #dddddd;
  padding: 0.313em;
}

/* This puts a border around content below a set of tabs (e.g. Contact Address Editor iPart)*/
.ContentTabbedDisplay {
  border: 1px solid #dddddd;
  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;
  display: block;
}

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

.AlignCenter {
  text-align: center;
}

.AlignLeft {
  text-align: left;
}

/*generic width specifiers*/
.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;
}

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

/* ==========================================================================
   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: .880em;
  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: #eeeeee;
  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;
}

/* ==========================================================================
   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 {
  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 [onclick]: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;
}

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

/* 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 .ruBrowse,
.RadUpload .ruButton {
  height: auto !important;
}

/* Sets Button position next to the radUpload element */
.RadUpload + .TextButton {
  float: left;
  margin-left: 0 !important;
  /* Very Odd but IE8 needs it otherwise it is going wild*/
}

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

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

.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;
}

/* RadEditor
   ========================================================================== */
/* Used in configuration for the HTML iPart */
.RadEditor.reWrapper.HtmlEditor {
  height: auto !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;
}

/* 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 {
  z-Index: 1000 !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);
  text-transform: lowercase;
}

.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-size: 12px;
  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;
}

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

/**
 * Easy Edit icon buttons
 */
/* Easy Edit toggle */
.SurfEditOn {
  vertical-align: middle !important;
}

.SurfEdit img,
.SurfEditOn img {
  margin: 0 auto;
  padding: 2px;
}

.SurfEdit,
.ContentRecordPageButtonPanel,
.ContentItemButtonPanel {
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.SurfEdit {
  border: 1px solid transparent;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.SurfEdit {
  background-image: url("../images/enablesurftoedit.png");
}

.SurfEdit:hover,
.DisableSurfToEditButton {
  /* Easy Edit toggle */
  border: 1px solid #c28a30 !important;
  /* important needed to override inline stying on input type="image" */
  background-color: #ffd96c;
}

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

.ContentRecordPageButtonPanel,
.ContentItemButtonPanel {
  /* Content configuration */
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ContentRecordPageButtonPanel:hover,
.ContentItemButtonPanel: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 .iMIS-WebPart, .EasyEditOn .EasyEditContent .WebPartZone > div,
  .EasyEditOn #masterLogoArea, .EasyEditOn #masterSocialNetworking, .EasyEditOn #masterFooterCommunications, .EasyEditOn #masterFooterContent.ContentFooter,
  .EasyEditOn #ste_container_FooterArea, .EasyEditOn #ste_container_FooterCopyright {
    border: 2px solid transparent;
  }
  .EasyEditOn .iMIS-WebPart:hover, .EasyEditOn .EasyEditContent .WebPartZone > div:hover, .EasyEditOn #masterLogoArea:hover, .EasyEditOn #masterSocialNetworking:hover, .EasyEditOn #masterFooterCommunications:hover,
  .EasyEditOn #masterFooterContent.ContentFooter:hover, .EasyEditOn #ste_container_FooterArea:hover, .EasyEditOn #ste_container_FooterCopyright:hover {
    /* iPart Areas */
    border: 2px dashed #c5e2f9;
    background-color: #fff;
  }
  .EasyEditOn .EasyEditContent:hover .ContentItemButtonPanel, .EasyEditOn #masterLogoArea:hover .ContentItemButtonPanel, .EasyEditOn #masterSocialNetworking:hover .ContentItemButtonPanel, .EasyEditOn #masterFooterCommunications:hover .ContentItemButtonPanel,
  .EasyEditOn #masterFooterContent.ContentFooter:hover .ContentItemButtonPanel, .EasyEditOn #ste_container_FooterArea:hover .ContentItemButtonPanel, .EasyEditOn #ste_container_FooterCopyright:hover .ContentItemButtonPanel {
    background-color: #c5e2f9;
  }
  .EasyEditOn .body-container:hover, .EasyEditOn .ContentPanel:hover, .EasyEditOn .EmptyMasterContentPanel:hover {
    /* Content item area */
    border: 2px dashed #316ac5;
    background-color: #eff3fb;
  }
  .EasyEditOn .body-container:hover .ContentRecordPageButtonPanel, .EasyEditOn .ContentPanel:hover .ContentRecordPageButtonPanel, .EasyEditOn .EmptyMasterContentPanel:hover .ContentRecordPageButtonPanel {
    background-color: #316ac5;
  }

  /* Master page template areas with no iPart or Content Item */
  .TemplateAreaEasyEditOn .body-container:hover, .TemplateAreaEasyEditOn .ContentPanel:hover, .TemplateAreaEasyEditOn .EmptyMasterContentPanel:hover {
    border: 2px solid transparent;
    background-color: transparent;
  }
}
/* 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 {
  background-color: #fff;
  clear: both;
  width: 100%;
}

.WebPartZoneDesignTime {
  border: 2px solid transparent;
  padding: 0.385em;
  width: 100%;
}

.WebPartZoneDesignTime:hover {
  border: 2px dashed #c5e2f9;
  border-radius: 2px;
}

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

.WebPartZoneDesignTimeEmptyZoneText {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
}

.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: .8em;
  cursor: move;
  background-image: url("../../AsiCommon/Images/draggable.gif");
  background-repeat: repeat-y;
  border-bottom-color: #E5E5E5;
  border-bottom-width: 1px;
  border-bottom-style: Solid;
}

.WebPartsTitleBar a, .WebPartsTitleBar a:hover {
  font-weight: normal;
  color: #000;
  font-size: .8em;
  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;
}

.ConnectionTitleBar {
  font-size: .8em;
}

.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;
}

/* Define overflow so Content Edit page will properly display oversized iParts. */
.LayoutBorder {
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-y: hidden;
  -ms-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 {
  background-color: #aaaaaa;
  border: solid 2px #aaaaaa;
}

.ui-state-active {
  border: dashed 2px #aaaaaa;
}

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

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

/* #endregion rise */
/* ==========================================================================
   ICONS
   ========================================================================== */
/**
  * Sprites and other styles that define various icons used throughout iMIS 
  */
/* Action icons
   ========================================================================== */
/**
  * Icons used for actions such as add, edit, delete, move up, move down, etc.
  */
.IconSprite,
.DeleteImage, .EditImage, .ArrowUp, .ArrowUpOff, .ArrowDown, .ArrowDownOff {
  background-image: url("../images/IconSprite.png");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  margin-left: .2em;
  vertical-align: middle;
}

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

.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;
}

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

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

.sshCustomMailTo {
  background-position: -240px 0 !important;
}

.sshCustomCompactButton {
  background-position: -280px 0 !important;
}

/**
  * 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
  */
.SignInButton {
  width: 100%;
}
.SignInButton.Facebook {
  background-color: #3B5998;
  border-width: 0;
  color: #fff;
}
.SignInButton.Facebook:hover, .SignInButton.Facebook:focus, .SignInButton.Facebook:active, .SignInButton.Facebook:visited {
  color: #fff;
  background-color: #30487b;
}

/* The network icons within the sign in buttons */
.SignInButton i {
  background-image: url("../images/SocialIcons.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: top;
  margin-right: .5em;
}
.SignInButton.Facebook i {
  background-position: -320px 0;
}

/**** End Social Netowrking Icon Styling ****/
/* ==========================================================================
   MEDIA ELEMENT
   ========================================================================== */
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}

.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;
  margin-left: 8.5em;
}

.SearchResultSummary .PublishDate {
  color: #666;
}

/* ==========================================================================
   ALERTS IPART
   ========================================================================== */
.Alerts ul.AlertSet {
  padding: 0;
  margin: 0 0 .8em;
  list-style: none;
}
.Alerts li.AlertItem {
  list-style: none;
}
.Alerts .AlertItem {
  border: 1px solid #dddddd;
  margin-top: -1px !important;
  padding: 12px 10px;
  background-color: #f2f6fb;
}
.Alerts .AlertItem:first-child {
  margin-top: 0;
}
.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;
  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 {
  padding: .75em;
}

.ProgramItemSummary .WhenColumn,
.ProgramItemSummary .DescriptionColumn {
  padding-right: .5em;
}
.ProgramItemSummary .WhenColumn,
.ProgramItemSummary .IteneraryColumn {
  width: 11em;
  float: left;
  clear: left;
}
.ProgramItemSummary .DeleteColumn {
  width: 7em;
  float: right;
  clear: right;
}
.ProgramItemSummary .DescriptionColumn {
  width: 72%;
  float: right;
  clear: right;
}
.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 {
  /* 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;
}

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

.ContactLocationArea,
.RegistrationArea {
  width: 50%;
  float: left;
}

.RegistrationArea .TextButton {
  width: 100%;
  margin-bottom: 0.5em;
  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 {
  position: absolute;
  top: .375em;
  left: 1em;
  width: 69%;
  border-right: 1px dotted darkgray;
  padding-right: 1.5em;
}

.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;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  opacity: 0.7;
  filter: Alpha(opacity=70);
  /* Sets the opacity for IE8 */
  width: 7em;
  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;
}
.ProductDisplay .AddToCartSection {
  padding-top: .3em;
}
.ProductDisplay .AddToCartButton {
  width: 100%;
  margin-top: 1.5em;
  width: auto;
  margin-left: .3em;
  margin-top: 0;
  vertical-align: top;
}

.Horizontal .ProductDisplay .ProductImageArea {
  float: left;
}
.Horizontal .ProductDisplay .ProductDetails {
  overflow: hidden;
  zoom: 1;
  padding: 1em;
}
.Horizontal .ProductDisplay .ProductLabel {
  width: 12em;
  text-align: right;
  display: inline-block;
}

/* ==========================================================================
   RELATED ITEMS
   ========================================================================== */
/* Horizontal display
   ========================================================================== */
.RelatedItemsHorizontal {
  margin-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: 3.5em;
  line-height: 1em;
  display: block;
}

.ProgressTracker2 .ProgressTrackerPanel .label {
  color: #333;
  font-size: 1.3em;
  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 #dddddd;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
}
.CommunitySummaryBlock:before, .CommunitySummaryBlock:after {
  content: " ";
  display: table;
}
.CommunitySummaryBlock:after {
  clear: both;
}

.CommunitySummaryImage img {
  max-width: 170px;
}

/* Community left nav */
.CommunityLinksBlock a {
  display: block;
  text-decoration: none;
  padding: 0 5px;
  line-height: 2.2em;
  margin-right: -5px;
  margin-left: -5px;
  border-bottom: 1px solid #dddddd;
  color: #333333;
}
.CommunityLinksBlock a:first-child {
  border-top: 1px solid #dddddd;
}
.CommunityLinksBlock a:hover {
  background-color: #95d1e4;
  text-decoration: none;
}
.CommunityLinksBlock a:hover, .CommunityLinksBlock a:visited, .CommunityLinksBlock a:active {
  color: #333333;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #00a9e0;
  color: White;
  font-weight: bold;
  text-decoration: none;
}

/* CommunityBreadCrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

/*** 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 #dddddd;
}
.CommunityItemActionLinks a:hover {
  background-color: #00a9e0;
  color: white;
  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;
}

.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 #dddddd;
  padding: .5em .5em .2em .5em;
  margin-left: 3em;
}

.CommunityWikiItem .CommunityRepeaterTable .CommunityCommentItem {
  background: #eeeeee;
  border-left: 0;
  margin-left: 0;
}

/* For adding comments */
.CommunityWikiReplyForm, .CommunityReplyForm {
  padding: 5px 5px;
  background: #eeeeee;
}

.CommunityReplyForm {
  border-left: 10px solid #dddddd;
  margin-left: 3.3em;
}

/*** 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 style sheet
 *
 * This document contains styles specific to the object browser control.
 * DO NOT EDIT THIS DOCUMENT DIRECTLY. Your changes WILL be lost when you upgrade.
 * If you would like to change some styles you should instead create a new style sheet
 * and overwrite the undesired styles.
 *
 * 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.
 */
/* AR 6/19/13 - I don't think this is necessary */
/*.ContentPanel { overflow:inherit; }*/
.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;
}

.ContentTreePane {
  overflow: hidden;
  float: left;
  height: 100%;
  width: 30%;
  border-right: 1px solid #ccc;
}

.TreeHeaderPaneText {
  padding: 3px;
  font-weight: bold;
}

.RootList {
  width: 98%;
}

.ContentListUpdatePanel {
  float: left;
  height: 100%;
  width: 70%;
}

.ContentContainerPane {
  float: left;
  height: 100%;
  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;
}

#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%;
}

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

.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("../../AsiCommon/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 {
  content: url("../../AsiCommon/Images/icon_lock.png");
  position: absolute;
  left: 8px;
}

.ReadOnlyNode .TreeNode:before {
  content: url("../../AsiCommon/Images/icon_lock.png");
  position: absolute;
  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;
}

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

/* ==========================================================================
   BIG BUTTON PANEL
   ========================================================================== */
.HorizontalButtons .BigButtonWrapper {
  text-align: center;
  padding: 0;
}

.HorizontalButtons .BigButtonWrapper br {
  display: none;
}

.HorizontalButtons a.btn {
  margin-bottom: .3em;
}

.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;
  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: #dddddd;
  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: #eeeeee;
  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);
}

/* ==========================================================================
   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 {
  border-bottom: 1px solid #999;
  text-align: left;
}

.SimpleTable td,
.SimpleTable th {
  padding: 4px 11px;
}

/* 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 */
.GridTitlePanel {
  background: #ffffff;
  color: #000000;
  margin-top: 3px;
  margin-bottom: 3px;
}

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

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

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

table.GridFilterCalendar,
table.Grid tr.GridAlternateRow table.GridFilterCalendar td td {
  background-color: #ffffff !important;
}

/* ==========================================================================
   Legacy (formerly Compatibility)
   ========================================================================== */
/* 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: -0.313em;
  margin-left: -0.313em;
  margin-right: -0.313em;
  padding-left: 0.313em;
  padding-right: 0.313em;
}

/* The title in the TitleBarCaption */
.TitleBarTitle {
  float: left;
}

.TitleBarActionBox {
  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 #dddddd;
}

.StageBlock {
  border: 1px solid #dddddd;
  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 */