/* clubreadystyles_base.css

/**********************************************************************************
LEGACY CSS
**********************************************************************************/


/* temp remove this after scheduling uploaded*/
#dhtmlgoodies_tooltip {
  background-color: #f5f5f5;
  border: 5px solid #ccc;
  position: absolute;
  display: none;
  z-index: 20000;
  font-size: .9em;
  font-family: Arial, "Lucida Sans Unicode", Arial, sans-serif;
  opacity: 0.65;
  filter: Alpha(Opacity=65);
  padding: 2px;
}

#dhtmlgoodies_tooltipShadow {
  position: absolute;
  background-color: #999;
  display: none;
  z-index: 10000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
}

/*  use this later

@font-face {
  font-family: "ProximaNova";
	src: url('/css/fonts/lato/Lato-Regular.eot'); 
    src: url('/css/fonts/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), 
         url('/css/fonts/lato/Lato-Regular.woff') format('woff'),
         url('/css/fonts/lato/Lato-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "ProximaNova Bold";
  src: url('/css/fonts/lato/Lato-Bold.eot'); 
    src: url('/css/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), 
         url('/css/fonts/lato/Lato-Bold.woff') format('woff'), 
         url('/css/fonts/lato/Lato-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

@font-face {font-family: 'ProximaNova Thin';
     src: url('/css/fonts/lato/Lato-Bold.eot'); 
    src: url('/css/fonts/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), 
         url('/css/fonts/lato/Lato-Bold.woff') format('woff'), 
         url('/css/fonts/lato/Lato-Bold.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
*/


@font-face {
  font-family: "ProximaNova";
  src: url("/css/fonts/proximanova/alt/proximanova-reg.eot");
  src: url("/css/fonts/proximanova/alt/proximanova-reg.eot?#iefix") format("embedded-opentype"), url("/css/fonts/proximanova/alt/proximanova-reg.woff") format("woff"), url("/css/fonts/proximanova/alt/proximanova-reg.ttf") format("truetype"), url("/css/fonts/proximanova/alt/proximanova-reg.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova Bold";
  src: url("/css/fonts/proximanova/alt/proximanova-bold.eot");
  src: url("/css/fonts/proximanova/alt/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("/css/fonts/proximanova/alt/proximanova-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProximaNova Thin';
  src: url('/css/fonts/proximanova/alt/2C1C8D_2_0.eot');
  src: url('/css/fonts/proximanova/alt/2C1C8D_2_0.eot?#iefix') format('embedded-opentype'), url('/css/fonts/proximanova/alt/2C1C8D_2_0.woff') format('woff'), url('/css/fonts/proximanova/alt/2C1C8D_2_0.ttf') format('truetype'), url('/css/fonts/proximanova/alt/2C1C8D_2_0.svg#wf') format('svg');
}




body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

#pgtr {
  background-color: #ffffff;
}

.round90 {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}

.round60 {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}

.round45 {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
}

.round55 {
  width: 55px;
  height: 55px;
  -webkit-border-radius: 55px;
  -moz-border-radius: 55px;
  border-radius: 55px;
}

.round30 {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.thickborderred {
  border: 5px solid #a80e0e;
}

.thickbordergreen {
  border: 5px solid #339611;
}

.thickborderclear {
  border: 5px solid transparent;
}

.thickborderyellow {
  border: 5px solid #E2D807;
}

.fieldrequired {
  background-color: #cde283 !important;
}

.wkb {
  background-color: #79A301;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
  text-indent: 0;
  display: inline-block;
  font-family: "ProximaNova";
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 60px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}

  .wkb:hover {
    background-color: #83c41a;
  }

.dlb {
  background-color: #F15656;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  border-top-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
  text-indent: 0;
  display: inline-block;
  font-family: "ProximaNova";
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 60px;
  text-decoration: none;
  text-align: center;
}

.unlckdash {
  background-color: #e2e2e2;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  text-indent: 0;
  display: inline-block;
  font-family: "ProximaNova";
  color: #333333;
  font-size: 15px;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  width: 70px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  padding: 2px;
}

  .unlckdash:hover {
    background-color: #79A301;
    color: #ffffff;
  }

.rib {
  background: #f5f5f5;
  padding: 5px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

  .rib img {
    cursor: pointer;
    margin-right: 10px;
    margin-left: 8px;
    margin-top: 15px;
  }

option {
  padding: 3px;
}

.blurry {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0);
  opacity: 0.6;
}

.veryblurry {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1.2);
  color: rgba(0, 0, 0, 0);
  opacity: 0.3;
}

.collapsetd {
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

input:focus {
  border: 2px solid #333333;
  outline: none;
}

body {
  margin: 0;
  font-size: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.helppanel {
  position: absolute;
  width: 0;
  height: 96%;
  background: #f5f5f5;
  z-index: 2000;
  border-top: 4px solid #666;
  border-bottom: 5px solid #666;
  border-right: 4px solid #666;
}

.dashedborder {
  border: 2px dashed red;
  background: #fff;
}

.callback0 {
  background-image: url(/css/cssimages/style1_calback0.gif);
}

.callback0s {
  background-image: url(/css/cssimages/style1_calback0s.gif);
}

.schedtime {
  background-image: url(/css/cssimages/style1_calback0s.gif);
  height: 20px;
  color: #444444;
}

.greyrollover {
  background: #e2e2e2;
}

.greyback {
  background-color: #f5f5f5;
  border-bottom: 1px dashed #ccc;
}

.pushdowndiv4 {
  margin-top: 4px;
}

.pushdowndiv6 {
  margin-top: 6px;
}

input.grey {
  background-color: #e2e2e2;
  font-weight: 700;
  font-size: 14px;
  color: #999;
  font-family: Arial, '';
  border: 1px outset #ccc;
}

.darkgreyback {
  background-color: #e2e2e2;
  border-bottom: 1px dashed #ccc;
}

.dimout {
  background-image: url(/css/cssimages/greyback.gif);
  border-bottom: 1px dashed #666;
}

.formfieldLerr {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #ffffff;
  border: 1px solid #000000;
  background: #ff0000;
  background-repeat: no-repeat;
}

.formfieldLR {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: red;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
}

.formfieldLG {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #060;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
}

.formfield_h {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  border: 1px solid red;
}

.formfield_h2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  border: 1px solid #090;
}

.formfield_s {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000;
  border: 1px solid #ccc;
}

.quote {
  background: #fff url(/images/quotes.gif) top left no-repeat;
}

.discuss {
  color: #000;
  font-family: 'ProximaNova', serif;
  line-height: 20px;
  font-size: 14px;
}

.largegrey {
  font-family: 'ProximaNova', serif;
  font-size: 24px;
  color: #e2e2e2;
  text-decoration: none;
  line-height: 20px;
  font-weight: 700;
}

.extralrgblack {
  font-family: 'ProximaNova', serif;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  line-height: 20px;
  font-weight: 700;
}

.regtxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #555459;
  line-height: 24px;
}

.CrRed {
  color: #8e0909;
}

.smallgrey {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #999;
  line-height: 16px;
}

.whitetxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 22px;
}

.RegGrey {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  line-height: 22px;
}

.RedTxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: red;
  line-height: 22px;
}

.greentxt2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0C0;
  line-height: 22px;
}

.RedTxt2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: red;
  line-height: 22px;
}

.footer2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666;
}

  .footer2 A {
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    text-decoration: underline;
    line-height: 14px;
  }

    .footer2 A:hover {
      font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #333;
      text-decoration: underline;
      line-height: 14px;
    }

.smalllink A {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  line-height: 11px;
}

  .smalllink A:hover {
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: red;
    text-decoration: underline;
    line-height: 11px;
  }

.baseline {
  text-align: left;
  border-bottom: 1px solid #EEEEEE;
}

.baselinedashed {
  border-bottom: 1px dashed #cccccc;
}

.toplinedashed {
  border-top: 1px dashed #cccccc;
}

.topline {
  text-align: left;
  border-top: 1px solid #f5f5f5;
}

.baseline2 {
  text-align: left;
  border-bottom: 1px solid #fff;
}

.baseline3 {
  text-align: left;
  border-bottom: 2px solid #666;
}

.topline3 {
  text-align: left;
  border-top: 2px solid #666;
}

.baseline4 {
  border-bottom: 5px solid #000;
}

.baseline5 {
  border-bottom: 2px solid #000;
}

.baseline7 {
  border-bottom: 4px solid #fff;
}

.baseline8 {
  border-bottom: 1px solid #ccc;
}

.baseline9 {
  border-bottom: 1px dashed #cccccc;
}

.hide {
  display: none;
}

.pointer {
  cursor: default;
}

.todoline {
  border-bottom: 1px solid #f5f5f5;
}

.todo {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #000;
  line-height: 18px;
  font-size: 14px;
  cursor: move;
}

.todo1 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: red;
  line-height: 18px;
  font-size: 14px;
  cursor: move;
}

.todo2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #f90;
  line-height: 18px;
  font-size: 14px;
  cursor: move;
}

.todo3 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #090;
  line-height: 18px;
  font-size: 14px;
  cursor: move;
}

.todo4 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #00c;
  line-height: 18px;
  font-size: 14px;
  cursor: move;
}

.todo5 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #90f;
  line-height: 18px;
  font-size: 14px;
  cursor: move;
}

.todoStrike {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #e2e2e2;
  line-height: 18px;
  font-size: 14px;
  text-decoration: line-through;
  cursor: move;
}

/**
 * Form Errors / Parsley Errors
*/
.errtext {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #BD362F;
  font-style: italic;
}

.errtextGood {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  color: #008000;
  font-style: italic;
}

.formerr {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  overflow: visible;
  padding: 6px;
  vertical-align: middle;
  line-height: 20px;
  border-radius: 2px;
  border: 1px solid #BD362F;
  box-shadow: 0 0 5px #BD362F;
  outline: none;
  background: #fff;
}

  .formerr:focus {
    box-shadow: 0 0 10px #BD362F;
    border: 1px solid #BD362F;
  }

/**
 * Old formerr styles
 *
 * .errtext {
 *     font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
 *     font-size: 14px;
 *     font-weight: 400;
 *     color: #ff0000;
 *     line-height: 20px;
 *     font-style: italic;
 * }
 * .formerr {
 *     font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
 *     font-size: 16px;
 *     color: #333333;
 *     border: 2px solid #333333;
 *     background: #CC0000;
 *     font-weight: 700;
 *     color: #ffffff;
 *     padding: 4px;
 * }
*/

.tableborder {
  border: 1px solid #666;
}

.redborder {
  border: 2px solid red;
  border-top: 2px solid red;
  border-right: 2px solid red;
  border-bottom: 2px solid red;
  border-left: 2px solid red;
}

.calborder {
  border: 2px solid #999;
}

.classday1 {
  background-color: #999;
}

.margintopborder {
  border: 1px solid #e2e2e2;
  margin-top: 5px;
}

.sideside {
  background-color: #FFF;
  border-right-style: solid;
  border-left-style: solid;
  border-color: #CCC;
  border-width: 1px;
}

.calclass {
  background-color: #fc0;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.calclass_saved {
  background-color: #fc0;
  color: #333;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.calclass_saved2 {
  background-color: #9f9;
  color: #333;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.calclass_mybooking {
  background-color: #090;
  color: #FFF;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  cursor: pointer;
}

.calclass_mybooking1 {
  background-color: #090;
  color: #FFF;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.4;
  filter: Alpha(Opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  cursor: pointer;
}

.calclass_other {
  background-color: #e2e2e2;
  color: #333;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.calclass_unavailable0 {
  background-color: #000;
  color: #fff;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.classday0 {
  background-color: #FFF;
}

.calclass_unavailable01 {
  background-color: #000;
  color: #fff;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.calclass_unavailable1 {
  background-color: #ff3737;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.calclass_unavailable2 {
  background-color: #a082df;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.calclass_unavailable3 {
  background-color: #ffff51;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.calclass_unavailable4 {
  background-color: #4fa7ff;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.calclass_unavailable5 {
  background-color: #37ff37;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.85;
  filter: Alpha(Opacity=85);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.calclass_saved1 {
  background-color: #fc0;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.4px;
  filter: Alpha(Opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.calclass_saved21 {
  background-color: #9f9;
  color: #333;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.4;
  filter: Alpha(Opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.opac60 {
  opacity: 0.6;
  filter: Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.calclass_other1 {
  background-color: #e2e2e2;
  color: #000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  opacity: 0.4;
  filter: Alpha(Opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.cellselect {
  background-color: #009900 !important;
  opacity: 0.55 !important;
  filter: Alpha(Opacity=55) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)" !important;
  height: 20px;
  width: 100%;
  -webkit-box-shadow: inset 1px 1px 3px 1px #000000;
  box-shadow: inset 1px 1px 3px 1px #000000;
}

.cellunavail {
  width: 100%;
  background: #000;
  filter: Alpha(Opacity=35);
  opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

  .cellunavail:hover {
    width: 100%;
    background: #009900;
    filter: Alpha(Opacity=35);
    opacity: 0.35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  }

.cellavail {
  width: 100%;
}

  .cellavail:hover {
    width: 100%;
    background: #009900;
    filter: Alpha(Opacity=35);
    opacity: 0.35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  }

.notecontact {
  margin-right: 4px;
  border: 2px solid #999999;
  cursor: pointer;
}

.notecontact_sel {
  margin-right: 4px;
  border: 2px solid #090;
  cursor: pointer;
}

.notecontact_notsel {
  margin-right: 4px;
  border: 2px dotted #999999;
  filter: alpha(opacity=75);
  opacity: 0.75;
  cursor: pointer;
}

.formfield_grey {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #333333;
  border: 1px solid #ccc;
  background: #e2e2e2;
  line-height: 20px;
  padding: 3px;
}

.guageinside {
  -webkit-box-shadow: inset 1px 1px 3px 1px #999999;
  box-shadow: inset 1px 1px 3px 1px #999999;
  background: #ffffff;
}

.cellunavail1 {
  background-color: #000;
  opacity: 0.6;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  filter: Alpha(Opacity=60);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.cshow {
  float: right;
  top: -2px;
  position: relative;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-bottom: 12px solid transparent;
  border-top: none;
  border-right: 12px solid green;
}

.cnoshow {
  float: right;
  top: -2px;
  position: relative;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-bottom: 12px solid transparent;
  border-top: none;
  border-right: 12px solid red;
}

.topdiag2 {
  background: #333333;
  color: #ffffff;
}

.lastline {
  text-align: left;
  padding-left: 4px;
  border-bottom: 1px solid #eeeeee;
}

.firstline {
  text-align: left;
  padding-left: 3px;
  font-weight: bold !important;
  border-top: 1px solid #eeeeee;
}

.mlt {
  text-align: left;
  padding-left: 4px;
  font-weight: normal !important;
}

div.autocomplete {
  position: relative !important;
  top: -5px !important;
  left: 0px !important;
  margin: 0px;
  padding: 0px;
  width: 250px;
  height: 200px;
  overflow: auto;
  background: #333333;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
}

  div.autocomplete ul {
    list-style-type: none;
    margin: 0;
    padding: 5;
  }

    div.autocomplete ul li.selected {
      background-image: url(/css/cssimages/sideon.jpg);
      font: bold;
      color: #000000;
    }

    div.autocomplete ul li {
      list-style-type: none;
      display: block;
      height: 22px;
      cursor: pointer;
      border-bottom: 1px dotted #e2e2e2;
      margin: 0;
    }

.tableborder2 {
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  border-bottom: 3px none #333;
  border-left: 3px solid #333;
}

.tableborder3 {
  border-top: 3px none #333;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  border-left: 3px solid #333;
}

.topdashed {
  border-top: 1px dashed #e2e2e2;
}

.calendarborder {
  cursor: pointer;
  margin-top: 2px;
  border-top: 1px dashed #090;
  border-right: 1px dashed #090;
  border-bottom: 1px dashed #090;
  border-left: 1px dashed #090;
}

.fullybooked {
  cursor: pointer;
  margin-top: 2px;
  border: 1px solid #ff0000;
}

#dropmenudiv {
  position: absolute;
  border: 1px solid #e2e2e2;
  border-bottom-width: 0;
  font: normal 14px '';
  line-height: 22px;
  z-index: 200;
}

  #dropmenudiv a {
    width: 100%;
    display: block;
    text-indent: 3px;
    font: normal 14px '';
    line-height: 22px;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    font-weight: 400;
    padding: 1px 0;
  }

    #dropmenudiv a:hover {
      background-color: #e2e2e2;
    }

.calgrey {
  background: #ccc;
}

.caltopgrey {
  background: #e2e2e2;
}

.topselect {
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-left: 3px solid red;
}

.baseselect {
  border-bottom: 3px solid red;
  border-right: 3px solid red;
  border-left: 3px solid red;
}

.sideselect {
  border-right: 3px solid red;
  border-left: 3px solid red;
}

.leftright {
  border-right: 1px dashed #e2e2e2;
  border-left: 1px dashed #e2e2e2;
}

.rightbar {
  border-right: 1px dashed #e2e2e2;
}

.leftbar {
  border-left: 1px solid #e2e2e2;
}

.floatcal {
  position: absolute;
  width: 250px;
  z-index: 80;
  padding-bottom: 7px;
}

.float {
  position: absolute !important;
  width: 500px !important;
  z-index: 1000;
}

.pgoverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3000px;
  background: #fff url(/images/overlaydiagonal.png) 50% 50% repeat;
  opacity: .28;
  filter: Alpha(Opacity=28);
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=28)" !important;
}

.calendar {
  position: absolute;
  width: 265px;
  z-index: 80;
}

.dietratios {
  position: absolute;
  width: 213px;
  z-index: 500;
  background-color: #FFF;
  text-align: center;
}

.calfloat {
  position: absolute;
  width: 230px;
  z-index: 1000;
}

.pagenum {
  background: #fff;
  border: 1px solid #e2e2e2;
  margin: 1px;
  padding: 1px 5px;
}

.activepagenum {
  background-image: url(/css/cssimages/red_caltop.gif);
  font-family: Arial, '';
  line-height: 18px;
  font-size: 14px;
  border: 1px solid #333;
  margin: 1px;
  padding: 2px 5px 1px;
}

.calcircle {
  background-image: url(/css/cssimages/circle.gif);
}

.papergrey {
  background: #ccc;
  margin: 10px;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  margin: 10px;
  padding: 10px;
  background: #ffffff;
}

.selecttd {
  border: 2px dotted #000;
}

.selecttd2 {
  border: 2px solid #999;
}

.highl {
  background-image: url(/css/cssimages/highl.gif);
  background-repeat: repeat-x;
  background-position: bottom left;
}

.blog {
  background: #fff;
  width: 100%;
  height: 80px;
  overflow: auto;
}

  .blog ul {
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    list-style: none;
    margin: 8px;
    padding: 0;
  }

  .blog li {
    border-bottom: 1px dashed #e2e2e2;
    margin-top: 3px;
  }

  .blog A {
    font-family: Helvetica;
    font-size: 11px;
    font-weight: 700;
    text-decoration: underline;
    line-height: 15px;
  }

    .blog A:hover {
      font-family: Helvetica;
      font-size: 11px;
      color: red;
      text-decoration: underline;
      line-height: 15px;
    }

.acccontent {
  background-color: #fff;
  overflow: hidden;
}

.progressBar img, .percentImage1 img {
  background: #FFF url(/images/percentImage_back1.png) top left no-repeat;
  background-position: 1px 0;
  margin: 5px 0 0;
  padding: 0;
}

.percentImage2 img {
  background: #FFF url(/images/percentImage_back2.png) top left no-repeat;
  background-position: 1px 0;
  margin: 5px 0 0;
  padding: 0;
}

.percentImage3 img {
  background: #FFF url(/images/percentImage_back3.png) top left no-repeat;
  background-position: 1px 0;
  margin: 5px 0 0;
  padding: 0;
}

.percentImage4 img {
  background: #FFF url(/images/percentImage_back4.png) top left no-repeat;
  background-position: 1px 0;
  margin: 5px 0 0;
  padding: 0;
}

.errbox {
  border: 4px solid red;
  background: url(/images/errback.gif);
}

.datewidgetsel {
  border: 1px solid #f90;
  background: #fc3;
  font-weight: 700;
}

.diagshade {
  background: url(/images/shade.gif) repeat;
  border-bottom: 1px solid #cccccc;
}

.classborder {
  border: 1px solid #000;
  background: #fff;
  cursor: pointer;
}

.classbordersel {
  border: 2px solid red;
  background: #D1F3D1;
  cursor: pointer;
}

.classborderoff {
  border: 2px solid #ccc;
  background: #e2e2e2;
}

.greentable {
  border: 1px solid #000;
  background: #DFFFD5;
  cursor: pointer;
}

.redtable {
  font-weight: bold !important;
  background: #b0f784;
  cursor: pointer;
}

.redtable2 {
  border: 2px solid #000;
  background: #F66;
  cursor: pointer;
}

.pagination {
  padding: 2px;
}

  .pagination ul {
    text-align: center;
    margin: 0;
    padding: 2px;
  }

  .pagination li {
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
    color: red;
    font-family: 'ProximaNova';
    font-size: 14px;
  }

  .pagination a, .pagination a:visited {
    border: 1px solid #000;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    font-family: 'ProximaNova';
    font-size: 14px;
    padding: 0 5px;
  }

    .pagination a:hover {
      border: 1px solid #000;
      color: #0000000;
      background-color: #e2e2e2;
    }

.notday {
  border: 1px solid #ccc;
  background-image: url(/images/notday.gif);
  background-repeat: no-repeat;
  background-position: center;
}

#MB_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #fff url(/images/overlaydiagonal.png) 50% 50% repeat !important;
  opacity: .30;
  filter: Alpha(Opacity=30);
  margin: auto;
}

#MB_wrapper {
  position: absolute;
  z-index: 10000;
}

#MB_window {
  position: relative;
  text-align: left;
  background-color: #FFF;
  color: #000;
  border-color: #DEE0E5;
  border-style: solid;
  border-width: 0 5px 5px;
}

#MB_frame {
  position: relative;
  height: 100%;
  border-color: #979CB6;
  border-style: solid;
  border-width: 0 1px 1px;
}

#MB_header {
  height: 3px;
  background-color: #f5f5f5;
  border-color: #DDE;
  margin: 0;
}

#MB_content {
  overflow: auto;
  padding: 6px 12px;
}

#MB_caption {
  font-size: 85%;
  font-weight: 700;
  text-align: left;
  color: #000;
  margin: 0;
  padding: 6px 0 0 5px;
}

#MB_close {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 700;
  text-decoration: none;
  font-size: 11px;
  color: #99B;
  padding: 7px 5px;
}

  #MB_close:hover {
    background: transparent;
    color: #000;
  }

.thickborder A, .calborder A {
  font-family: Arial, '', serif;
  font-size: 12px;
  text-decoration: none;
  line-height: 14px;
}

  .thickborder A:hover, .calborder A:hover {
    font-family: Arial, '', serif;
    font-size: 12px;
    color: red;
    text-decoration: underline;
    line-height: 14px;
  }

.formfield_s2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  border: 1px solid #cccccc;
}

.MMask {
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  background: #000000;
  width: 3000px;
  height: 3000px;
  opacity: .5;
  filter: alpha(opacity=50);
}

.paperw {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  margin: 10px;
  padding: 10px;
  background: #ffffff;
}

.paper {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  margin: 10px;
  padding: 10px;
  background: #f5f5f5;
}

.sideon {
  cursor: pointer;
  background-image: url(/css/cssimages/sideon.jpg);
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  line-height: 18px;
}

.sideoff {
  background-image: url(/css/cssimages/sideoff.jpg);
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  line-height: 18px;
}

.redsel {
  border: 4px solid #ff0000;
}

.paper8 {
  margin: 10px;
  padding: 10px;
  background: #ffffcc;
}

.paper9 {
  margin: 10px;
  padding: 10px;
  background: #E9FFBB;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px 10px 10px 10px;
  margin: 10px;
  padding: 10px;
  background: #ffffff;
}

ul#subnav2, ul#subnav2 li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: 'ProximaNova', Arial;
}

ul#subnav2 {
  margin-left: 7px;
  width: 100%;
}

  ul#subnav2 li {
    float: left;
    margin-right: 6px;
    text-align: center;
  }

  ul#subnav2 a {
    float: left;
    width: 7em;
    padding: 3px 0;
    background: #ffffff;
    text-decoration: none;
    color: #999999;
    font-size: 16px;
    width: 120px;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  }

    ul#subnav2 a:hover {
      color: #555555;
      text-decoration: none;
      font-size: 16px;
      background: #eeeeee;
    }

  ul#subnav2 li.activesublink2 a, ul#subnav2 li.activesublink2 a:hover {
    color: #555555;
    background: #ffffff;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }


ul#subnav3, ul#subnav3 li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-family: 'ProximaNova', Arial;
}

ul#subnav3 {
  margin-left: 7px;
  width: 100%;
}

  ul#subnav3 li {
    float: left;
    margin-right: 6px;
    text-align: center;
  }

  ul#subnav3 a {
    float: left;
    width: 7em;
    padding: 3px 0;
    text-decoration: none;
    color: #666666;
    font-size: 15px;
    width: 160px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  }

    ul#subnav3 a:hover {
      color: #222222;
      text-decoration: none;
      font-size: 15px;
    }

  ul#subnav3 li.activesublink2 a, ul#subnav3 li.activesublink2 a:hover {
    color: #222222;
    font-weight: bold;
    font-size: 18px;
    background: #e2e2e2;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

.submenu3back {
  background-image: url('/images/menuc.gif');
}



#feedback_form .handle {
  position: absolute;
  right: 0;
  top: 0px;
  height: 160px;
  width: 20px;
  cursor: pointer;
  cursor: hand;
}

#feedback_form form {
  background: #ffffff;
  padding: 15px;
  border: solid 1px #008C23;
  border-left: none;
  margin-left: -20px;
}

.modwin1 {
  position: absolute;
  z-index: 200;
  top: 0px;
  left: 0px;
  background: #000000;
  width: 3000px;
  height: 3000px;
  opacity: .2;
  filter: alpha(opacity=20);
}

#feedback_form A {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

div#ppagination {
  height: 40px;
  margin-top: 3px;
}

  div#ppagination .count {
    float: left;
    padding: 5px;
  }

  div#ppagination .pages {
    float: right;
    padding: 3px;
  }

div#ppaginationTop {
  height: 40px;
  margin-bottom: 3px;
}

  div#ppaginationTop .count {
    float: left;
    padding: 5px;
  }

  div#ppaginationTop .pages {
    float: right;
    padding: 5px;
  }

div.ppagination {
  padding: 3px;
  margin: 3px;
}

  div.ppagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #999999;
    background: #f5f5f5;
    text-decoration: none;
    /* no underline */
    color: #000000;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #000;
    line-height: 18px;
  }

    div.ppagination a:hover, div.ppagination a:active {
      border: 1px solid #ff0000;
      color: #000;
      font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
      font-size: 11px;
      font-weight: 400;
      color: #000;
      line-height: 18px;
    }

  div.ppagination span.currpage {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #ff0000;
    font-weight: bold;
    background-color: #e2e2e2;
    color: #ff0000;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
  }

  div.ppagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #e2e2e2;
    color: #cccccc;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
  }

div.klookup {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 550;
  height: 250px;
  overflow: auto;
  background: #333333;
}

  div.klookup ul {
    list-style-type: none;
    margin: 0;
    padding: 5;
  }

    div.klookup ul li {
      list-style-type: none;
      display: block;
      height: 26px;
      cursor: pointer;
      border-bottom: 1px dotted #e2e2e2;
      margin: 0;
    }

div.blookup {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 368px;
  height: 200px;
  background: #333333;
  overflow: auto;
}

  div.blookup ul {
    list-style-type: none;
    margin: 0;
    padding: 5;
  }

    div.blookup ul li {
      list-style-type: none;
      display: block;
      height: 26px;
      cursor: pointer;
      border-bottom: 1px dotted #e2e2e2;
      margin: 0;
    }

.ktxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

.ktxt2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

.kli {
  background: #333333;
}

.klisel {
  background: #FFFFCC;
}

.lookupfield {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 25px;
  color: #cccccc;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
}

.noresb {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 550px;
  height: 28px;
  overflow: auto;
  background: #333333;
}

.bnores {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 365px;
  height: 28px;
  overflow: auto;
  background: #333333;
}

.darkgrayshade {
  background: url(/images/shade6.gif) repeat;
  border-bottom: 1px solid #999999;
}

.schedcell1 {
  width: 100%;
  height: 20px;
}

.schedcell0 {
  width: 100%;
  height: 20px;
  background: #000000;
  -moz-opacity: .50;
  filter: alpha(opacity=50);
  opacity: .50;
}

.schedcellavail {
  width: 100%;
  height: 20px;
  filter: alpha(opacity=40);
  opacity: .40;
  background: #FFFF00;
}

.cellhighlight {
  width: 100%;
  height: 20px;
  background-image: url('/images/calcellsel.gif');
  background-repeat: repeat-x;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 11;
  font-weight: bold;
}

.schedback {
  background-image: url('/images/schedback.gif');
  /*background-repeat: ;*/
  position: relative;
}

.bookingsection {
  cursor: pointer;
  width: 100%;
  background: #ff0000;
}

.smallnum_am {
  cursor: pointer;
  border: 1px solid #333333;
  background: #e2e2e2;
  width: 18px;
  height: 16px;
  margin-left: 2px;
  float: left;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  padding: 2px 0px 0px 0px;
}

.smallnum {
  cursor: pointer;
  border: 1px solid #333333;
  background: #FFE6B0;
  width: 18px;
  height: 16px;
  margin-left: 2px;
  float: left;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
  padding: 2px 0px 0px 0px;
}

.schedstrip {
  width: 105;
  height: 1921;
  background-image: url('/images/schedtimestrip.gif');
}

.schedsideblock {
  width: 105px;
  height: 80px;
}

.schedsideblockh {
  width: 105px;
  height: 80px;
  filter: alpha(opacity=40);
  opacity: .40;
  background: #FFFF00;
}

.infobox {
  border: 1px solid #FDE799;
  background: #FEF3CF;
  padding: 6px !important;
}

.infoboxgrey {
  border: 1px solid #cccccc;
  background: #e2e2e2;
  padding: 6px !important;
}

.infoboxlightgrey {
  border: 1px solid #e2e2e2;
  background: #f5f5f5;
  padding: 6px !important;
}

.infoboxgreen {
  border: 1px solid #618301;
  background: #79A301;
  padding: 6px !important;
}

.infoboxlightgreen {
  border: 1px solid #79A301;
  background: #A0BE4C;
  padding: 6px !important;
}

.infoboxblue {
  border: 1px solid #125dd3;
  background: #5b97f6;
  padding: 6px !important;
}

.infoboxred {
  border: 1px solid #8b0c0c;
  background: #ed1f1f;
  padding: 6px !important;
}

.infoboxlightred {
  border: 1px solid #ed1f1f;
  background: #F15656;
  padding: 6px !important;
}

.infoboxlightorange {
  border: 1px solid #d79001;
  background: #FDB525;
  padding: 6px !important;
}

#wrap3 {
  float: left;
  width: 30px;
  height: 500px;
}

#track3 {
  width: 30px;
  height: 100%;
  background: transparent url(/images/scrollback.gif);
}
/* vertical track handle */
#handle3 {
  width: 30px;
  height: 55px;
}
/* need to add this after changing links to Arial */

.menubar {
  font-family: 'ProximaNova', Arial;
  font-size: 14px;
}

  .menubar a {
    font-family: 'ProximaNova', Arial;
    font-size: 14px;
  }

    .menubar a:hover {
      font-family: 'ProximaNova', Arial;
      font-size: 14px;
    }

.navitabs {
  margin-left: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.activenavitab {
  font-family: 'ProximaNova', Arial;
  font-size: 14px;
  font-weight: normal !important;
  border-bottom: 5px solid #FFFFFF;
  padding-top: 2px;
}

  .activenavitab A:hover {
    font-family: 'ProximaNova', Arial;
    font-size: 14px;
    text-decoration: none;
    background: #ffffff !important;
  }

.navitab A {
  text-decoration: none;
  font-weight: normal;
  font-family: 'ProximaNova', arial;
  font-size: 14px;
  background: #e2e2e2;
}

  .navitab A:hover {
    text-decoration: underline;
    font-family: 'ProximaNova', arial;
    font-size: 14px;
    font-weight: normal;
  }

.navitab {
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  font-weight: normal;
  background: #e2e2e2;
}

.headertxt4 {
  font-family: 'ProximaNova', Arial, serif;
  font-size: 16px;
  color: #222222;
  text-decoration: none;
  line-height: 20px;
  font-weight: bold;
}

.fadeicon {
  opacity: 0.2;
}

.topstatsbox {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.formfieldL2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #000;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
  padding-left: 5px;
}

.formfieldL2_h {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #000;
  border: 1px solid red;
  padding-left: 5px;
}

.formfieldL2_h2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #000;
  border: 1px solid #090;
  padding-left: 5px;
}

.formfield {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #333333;
  border: 1px solid #ccc;
  margin: 0px;
}

.blueback {
  background-color: #BCF7FA !important;
  border: 1px solid #666666 !important;
}

input.formfield {
  overflow: visible;
  padding: 6px;
  vertical-align: middle;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
  line-height: 20px;
  border-radius: 2px;
}

textarea.formfield {
  border-radius: 2px;
}

select.formfield {
  display: inline-block;
  padding: 3px;
  font-size: 18px !important;
}

.formfield:focus {
  border: 1px solid #35a5e5;
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.formfieldL {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: #333333;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
}

.bktopbar {
  width: 100%;
  height: 13px;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(/images/bktopbar.png);
}

.boxshad {
  -moz-box-shadow: 1px 1px 2px #888;
  -webkit-box-shadow: 1px 1px 2px #888;
  box-shadow: 1px 1px 2px #888;
}

.dottedbase {
  border-bottom: 2px dashed #666666;
}

.exitdropdown ul {
  list-style-type: none;
  cursor: pointer;
  color: #000000;
  padding: 0px;
  margin: 0px;
}

  .exitdropdown ul li a {
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
    display: block;
    padding: 5px;
    color: #000000;
    text-decoration: none;
    height: 15px;
    font-size: 14px;
  }

    .exitdropdown ul li a:hover {
      font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
      background: #999999;
      color: #ffffff;
      text-decoration: none;
      font-size: 14px;
    }

    .exitdropdown ul li a:visited {
      font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
      text-decoration: none;
      font-size: 14px;
    }

#topmenudiv {
  background: #ffffff;
  right: 5px;
  width: 250px;
  border: 1px solid #999999;
  z-index: 10000;
  position: absolute;
  -moz-box-shadow: -2px 3px 7px #666666;
  -webkit-box-shadow: -2px 3px 7px #666666;
  box-shadow: -2px 3px 7px #666666;
}

A {
  color: #2a80b9;
  text-decoration: none;
  font-family: 'ProximaNova', Arial;
  font-size: 17px;
  line-height: 20px;
  font-weight: 500;
}

  A:hover {
    color: #439fe0;
    text-decoration: none;
    font-family: 'ProximaNova', Arial;
    font-size: 17px;
    line-height: 20px;
    font-weight: 500;
  }

.toddowrow {
  cursor: pointer;
  border-top: 1px dashed rgba(255, 255, 255, 0.74902);
  border-bottom: 1px dashed rgb(196, 196, 196);
  border-radius: 0px;
  padding: 0px;
  height: 35px;
  border-right: none;
  border-left: none;
  background-color: #ffffff;
  display: block;
  height: auto;
}

.regtxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
  font-size: 17px;
  color: #555459;
  line-height: 24px;
}

.regtxt2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  color: #555459;
  line-height: 20px;
}

.text2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #555459;
  /*line-height-15px;*/
}

.headertxt {
  font-family: 'Proximanova Thin', arial !important;
  font-size: 20px;
  color: #555459;
  line-height: 27px;
  font-weight: 600;
  text-decoration: none;
}

.posttitle {
  font-family: 'ProximaNova Bold', Arial, Helvetica, sans-serif;
  color: #1A6690;
}

.posttitle3 {
  font-family: 'ProximaNova Bold', Arial, Helvetica, sans-serif;
  color: #1A6690;
  font-size: 18px;
}

.posttitle2 {
  font-family: 'ProximaNova Bold', Arial, Helvetica, sans-serif;
  color: #555459;
  font-size: 18px;
}

.toplink {
  font-family: 'ProximaNova', arial;
  font-size: 14px;
}

  .toplink A {
    font-family: 'ProximaNova', arial;
    font-size: 14px;
  }

    .toplink A hover {
      font-family: 'ProximaNova', arial;
      font-size: 14px;
    }

ul#nav a {
  font-family: 'ProximaNova', Arial;
  font-size: 14px;
}

ul#nav li.activelink a {
  font-family: 'ProximaNova', Arial;
  font-size: 14px;
}

  ul#nav li.activelink a:hover {
    font-family: 'ProximaNova', Arial;
    font-size: 14px;
  }

ul#nav a:hover {
  font-family: 'ProximaNova', Arial;
  font-size: 14px;
}

ul#subnav, ul#subnav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#subnav {
  margin-left: 10px;
  width: 100%;
}

  ul#subnav li {
    font-family: 'ProximaNova', Arial;
    font-size: 16px;
  }

  ul#subnav a {
    font-family: 'ProximaNova', Arial;
    font-size: 16px;
    margin-left: 4px;
    background: #f5f5f5;
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
  }

    ul#subnav a:hover {
      font-family: 'ProximaNova', Arial;
      font-size: 16px;
    }

  ul#subnav li.activesublink a, ul#subnav li.activesublink a:hover {
    font-family: 'ProximaNova', Arial;
    font-size: 16px;
    border-top: 1px transparent;
    border-left: 1px transparent;
    border-right: 1px transparent;
    border-bottom: 1px solid #e2e2e2;
  }

.selected {
  border: 2px solid #ff0000;
  padding: 1px;
  background: #ffffff;
}

.formfield2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
}

.schedtimebox {
  border: 2px solid #cccccc;
  background-color: #f5f5f5;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #000;
  margin-right: 10px;
  cursor: pointer;
}

.schedtimebox_sel {
  border: 2px solid #990000;
  background-color: #ff0000;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #ffffff;
  margin-right: 10px;
  cursor: pointer;
}

.schedtimebox_exist {
  border: 2px solid #009900;
  background-color: #AEF09B;
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #009900;
  margin-right: 10px;
  cursor: pointer;
}

.strike {
  color: #999999;
  text-decoration: line-through;
}

.strikeregtxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
  font-size: 17px;
  color: #999999;
  line-height: 20px;
  text-decoration: line-through;
}

.isbold {
  font-weight: bold;
}

.threeborder {
  border: 2px solid #cccccc;
  background: #f5f5f5;
  width: 99%;
}

.wbord {
  border: 2px solid #ffffff;
  background: #ffffff;
  width: 99%;
}

.formfieldL3 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000;
  border: 1px solid #ccc;
  box-shadow: 10px 0 10px -10px #e0e0e0 inset, 0 10px 10px -10px #e0e0e0 inset;
}

.tasksummary {
  float: left;
  align: center;
  height: 33px;
  width: 33px;
  margin: 1px;
  line-height: 30px;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.nomapback {
  background-image: url(/images/nomapback.jpg);
}

;
div.blockMsg {
  width: 40%;
  top: 55%;
  left: 30%;
  text-align: center;
}

div.growlUI {
  background: url(/images/selected32.png) no-repeat 10px 5px;
}

  div.growlUI h1 {
    color: white;
    padding: 5px 5px 5px 75px;
    text-align: left;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
    font-size: 24px;
  }

  div.growlUI h2 {
    color: white;
    padding: 5px 5px 5px 75px;
    text-align: left;
    font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
    font-size: 20px;
  }

.historybox {
  border: 1px solid #666666;
  width: 75px;
  height: 65px;
  padding: 3px;
  margin: 1px;
  float: left;
  background: #ffffff;
}

.historyboxactivity {
  border: 1px solid #333333;
  width: 75px;
  height: 65px;
  padding: 3px;
  margin: 1px;
  float: left;
  background: #FFC;
}

.maptypesel {
  border: 2px solid #900;
}

.maptypenotsel {
  border: 2px solid #f5f5f5;
  cursor: pointer;
}

.mapslider {
  width: 190px;
  height: 11px;
  background: url(/css/cssimages/slider-bg210.png);
  position: relative;
  margin: 0;
  padding: 0 10px;
  margin-left: 14px;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

#modernbricksmenu {
  padding: 0;
  width: 100%;
  background: transparent;
  voice-family: "\"}\"";
  voice-family: inherit;
}

  #modernbricksmenu ul {
    font: bold 11px '';
    margin: 0;
    margin-left: 10px;
    /*margin between first menu item and left browser edge*/
    padding: 0;
    list-style: none;
  }

  #modernbricksmenu li {
    display: inline;
    margin: 0 3px 0 0;
    padding: 0;
  }

  #modernbricksmenu a {
    float: left;
    display: block;
    color: #333333;
    margin: 0 1px 0 0;
    padding: 5px 10px;
    text-decoration: none;
    letter-spacing: 1px;
    background-color: #e2e2e2;
    border-bottom: 1px solid white;
  }

    #modernbricksmenu a:hover {
      background-color: #cccccc;
    }

  #modernbricksmenu .current a {
    background-color: #759F00;
    border-color: #759F00;
    color: #ffffff;
    font-weight: bold;
    border-radius: 2px 2px 0px 0px;
  }

#modernbricksmenuline {
  clear: both;
  padding: 0;
  width: 100%;
  height: 5px;
  line-height: 5px;
  background: #759F00;
}

h1 {
  margin-top: 0px !important;
  font-family: 'ProximaNova Bold', arial !important;
  font-size: 18px !important;
  color: #222222 !important;
  line-height: 22px !important;
  text-decoration: none !important;
}

.wysiwyg-color-red {
  color: #F00;
}

.wysiwyg-color-green {
  color: #090;
}

#verticalmenu {
  width: 240px;
}

  #verticalmenu ul, #verticalmenu ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

    #verticalmenu ul li a {
      background: #f5f5f5;
      text-decoration: none;
      border-bottom: 1px solid #cccccc;
      width: 100%;
      line-height: 40px;
      text-indent: 12px;
      vertical-align: middle;
      display: block;
      position: relative;
      font-family: "ProximaNova", Helvetica, Arial, sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #666666;
    }

      #verticalmenu ul li a:hover {
        background: #555;
        text-decoration: none;
        border-bottom: 1px solid #cccccc;
        width: 100%;
        line-height: 40px;
        text-indent: 12px;
        vertical-align: middle;
        display: block;
        position: relative;
        font-family: "ProximaNova", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
      }

  #verticalmenu .activevertical a {
    background: #555;
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    line-height: 40px;
    text-indent: 12px;
    vertical-align: middle;
    display: block;
    position: relative;
    font-family: "ProximaNova", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
  }

  #verticalmenu ul li a span {
    text-decoration: none;
    display: inline-block;
    position: absolute;
    right: 1em;
    top: 55%;
    background: #090;
    line-height: 14px;
    vertical-align: middle;
    padding: 4px 7px 1px 7px;
    margin: -.9em 0 0 0;
    color: #fff;
    text-indent: 0;
    text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: bold;
  }

.plainbadge {
  text-decoration: none;
  padding: 3px 7px;
  color: #fff;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.numbadge1 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  text-decoration: none;
  top: 50%;
  background: #ff0000;
  line-height: 1em;
  height: 1em;
  padding: 3px 7px;
  margin: -.9em 0 0 0;
  color: #fff;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
}

.numbadge2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  text-decoration: none;
  top: 50%;
  background: #79A301;
  line-height: 1em;
  height: 1em;
  padding: 3px 7px;
  margin: -.9em 0 0 0;
  color: #fff;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: bold;
}

.numbadge3 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  text-decoration: none;
  top: 50%;
  background: #666;
  line-height: 1em;
  height: 1em;
  padding: 3px 7px;
  margin: -.9em 0 0 0;
  color: #fff;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: bold;
}

.numbadge4 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  text-decoration: none;
  top: 50%;
  background: #999;
  line-height: 1em;
  height: 1em;
  padding: 3px 7px;
  margin: -.9em 0 0 0;
  color: #333;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 17px;
  font-weight: bold;
}

.selectboxon {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  line-height: 18px;
  border: 2px solid red;
  background: #e2e2e2;
  cursor: pointer;
}

.selectboxon2 {
  border: 1px solid #360;
  background: #393;
  font-family: "ProximaNova";
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

.calboxblank {
  background: #e2e2e2;
}

.selectboxoff {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  line-height: 18px;
  background: #ffffff;
  border: 1px dashed #999;
  cursor: pointer;
}



.clearfix {
  *zoom: 1;
}

  .clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
  }

  .clearfix:after {
    clear: both;
  }

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

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.red {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: "ProximaNova" !important;
  color: #ffffff !important;
  font-size: 17px !important;
  background-color: #333333 !important;
  padding: 6px 17px 6px 17px;
  text-decoration: none;
  border: none !important;
  font-weight: normal !important;
  cursor: pointer;
  white-space: nowrap;
}

  .red:hover {
    color: #79A301;
    text-decoration: none;
  }

.redDisabled {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: "ProximaNova" !important;
  color: #f9f9f9 !important;
  font-size: 17px !important;
  background-color: #999 !important;
  padding: 6px 17px 6px 17px;
  text-decoration: none;
  border: none !important;
  font-weight: normal !important;
  white-space: nowrap;
}

.icon-add {
  background: url(/images/add16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-useradd-gl {
  background: url(/images/useradd16-gl.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-user-gl {
  background: url(/images/user16-gl.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-setup-gl {
  background: url(/images/admin16-gl.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-useradd {
  background: url(/images/useradd16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-cashdrawer-gl {
  background: url(/images/drawer16-gl.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-posdrop {
  background: url(/images/posdrop16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-arrowupgreen {
  background: url(/images/arrowupgreen16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-arrowupred {
  background: url(/images/arrowupred16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-arrowdown {
  background: url(/images/arrowdown16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-posadd {
  background: url(/images/posadd16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-cancel-gl {
  background: url(/images/cancel16-gl.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-cart-gl {
  background: url(/images/cart16-gl.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-useredit {
  background: url(/images/useredit16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-lock {
  background: url(/images/lock16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-unlock {
  background: url(/images/unlock16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-check {
  background: url(/images/check2-16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-save {
  background: url(/images/check2-16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-cancel {
  background: url(/images/cancel16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-search {
  background: url(/images/search16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-warn {
  background: url(/images/warn16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-recycle {
  background: url(/images/recycle2.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-goback {
  background: url(/images/prev16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-go {
  background: url(/images/next16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-report {
  background: url(/images/report16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-calculator {
  background: url(/images/calc16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-thumbup {
  background: url(/images/thumbup16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-thumbdown {
  background: url(/images/thumbdown16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-help {
  background: url(/images/help16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-print {
  background: url(/images/help16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-sign {
  background: url(/images/sign16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-calendar {
  background: url(/images/cal16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-addtocalendar {
  background: url(/images/caladd16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-deletefromcalendar {
  background: url(/images/caldel16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-editcalendar {
  background: url(/images/caledit16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-comment {
  background: url(/images/commentadd.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-bell {
  background: url(/images/bell16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-users {
  background: url(/images/users16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-barcode {
  background: url(/images/barcode16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-edit {
  background: url(/images/edit.gif) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-clock {
  background: url(/images/clock16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-location {
  background: url(/images/clubhome.png) no-repeat scroll 7px 7px;
  background-size: 12px 16px;
  padding-left: 30px;
  _padding-left: 2px;
}

.icon-plus {
  background: url(/images/plus16.png) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

/* this must be last in the icon-*  list */
.icon-wait {
  background: url(/images/buttonwait16.gif) no-repeat scroll 7px 7px;
  padding-left: 30px;
  _padding-left: 2px;
}

.blanklist {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.valign {
  vertical-align: middle;
}

.pointer {
  cursor: pointer;
}

.left4 {
  margin-left: 4px;
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  }

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('/css/cssimages/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

  #fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('/css/cssimages/fancybox_loading.gif') center center no-repeat;
  }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('/css/cssimages/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

  .fancybox-lock body {
    overflow: hidden !important;
  }

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('/css/cssimages/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

  .fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
  }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/css/cssimages/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

    #fancybox-loading div {
      background-image: url('/css/cssimages/fancybox_loading@2x.gif');
      background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}


/* smallmenu */

.smallmenubar {
  background: #444444;
  height: 48px;
}

.dropdown {
  z-index: 1000;
  line-height: 22px;
  list-style: none;
  list-style-type: none;
}

ul.dropdown {
  position: relative;
  margin-top: 0px;
  list-style: none;
  list-style-type: none;
}

  ul.dropdown a {
    font-size: 16px;
    line-height: 9px !important;
    vertical-align: middle;
    font-family: 'ProximaNova', helvetica;
    color: #ffffff;
    text-decoration: none;
    overflow: hidden;
  }

  ul.dropdown li {
    font-weight: normal;
    float: left;
  }

    ul.dropdown li hover {
      background: #444444 !important;
    }

  ul.dropdown a:hover {
    text-decoration: none !important;
  }

  ul.dropdown li a {
    display: block;
    padding-left: 10px;
    padding-right: 15px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-left: 1px solid transparent;
    color: #ffffff;
    margin-bottom: 0px;
  }

  ul.dropdown li .mactive {
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    background-image: url(/images/tabpoint.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 36px
  }

    ul.dropdown li .mactive span {
      padding: 4px;
      background: #444444;
    }

  ul.dropdown li.hover, ul.dropdown li:hover {
    background: #444444;
    color: #ffffff;
    position: relative;
    z-index: 200000001;
  }

    ul.dropdown li.hover a {
      color: #ffffff;
    }


  ul.dropdown ul {
    width: 220px;
    visibility: hidden;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 40px;
    left: 5px;
    list-style: inside none;
    float: none;
    background: #444444;
    z-index: 200000000;
  }

    ul.dropdown ul li {
      margin-top: 0px;
      width: 220px;
      height: 20px;
      font-weight: normal;
      padding: 8px;
      line-height: 20px;
      vertical-align: middle;
      background: #444444;
      border-bottom: 1px dashed #666666;
    }

      ul.dropdown ul li.alpha {
        background-color: #cc9633 !important; /*orange at 60%*/
      }

      ul.dropdown ul li:hover {
        background: #444444 !important;
        color: #79A301 !important;
      }

      ul.dropdown ul li.alpha:hover {
        background-color: orange !important;
      }

      /* IE 6 & 7 Needs Inline Block */
      ul.dropdown ul li a {
        margin-top: 0px;
        padding: 6px;
        width: 100%;
        display: inline-block;
        border-right: none;
        color: #ffffff !important;
        font-weight: normal;
      }

    /* 
	LEVEL THREE
*/
    ul.dropdown ul ul {
      width: 220px;
      left: 100%;
      top: 0;
    }

  ul.dropdown li:hover > ul {
    width: 220px;
    visibility: visible;
  }



/**********************************************************************************
sidemenu
**********************************************************************************/

div.sdmenu {
  width: 200px;
  font-family: 'ProximaNova', Helvetica, sans-serif;
  color: #666666;
  font-size: 18px;
  padding-bottom: 3px;
  vertical-align: top;
}

.sdback {
  background: url(/css/cssimages/sidemenu/smback.png);
  background-repeat: repeat-y;
}

div.sdmenu span {
  font-family: 'ProximaNova', Helvetica, sans-serif;
  vertical-align: top;
  padding-top: 11px;
  display: block;
  width: 190px;
  display: block;
  text-align: right;
  color: #ffffff;
  cursor: default;
}

div.sdmenu ul {
  margin-left: 0px;
  padding: 0px;
  vertical-align: top;
}

div.sdmenu li {
  list-style-type: none;
  margin: 0;
  padding: 0px;
  min-height: 35px;
}

  div.sdmenu li.activesdmenu {
    background: #ffffff;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    list-style-type: none;
    margin: 0;
    margin-left: 10px;
  }

    div.sdmenu li.activesdmenu a {
      color: #111111;
      font-weight: bold;
    }

      div.sdmenu li.activesdmenu a:hover {
        color: #111111;
        font-weight: bold;
      }

div.sdmenu div a {
  padding-right: 10px;
  vertical-align: middle;
  display: block;
  text-decoration: none;
  color: #666666;
  font-family: 'ProximaNova', arial;
  font-size: 16px;
  text-align: right;
  line-height: 34px;
  vertical-align: middle;
  border-bottom: 1px dashed #cccccc;
}

  div.sdmenu div a.current {
    color: #000000;
  }

  div.sdmenu div a:hover {
    color: #000000;
    text-decoration: none;
    font-family: 'ProximaNova', arial;
    font-size: 16px;
    font-weight: normal;
    display: block;
    text-align: right;
  }

div.sdmenu div {
  background: url(/css/cssimages/sidemenu/header_sel_cr.png) no-repeat;
  overflow: hidden;
}

  div.sdmenu div.collapsed {
    background: url(/css/cssimages/sidemenu/header_coll.png) no-repeat;
    font-weight: normal;
    height: 43px;
  }

  div.sdmenu div.custom {
    background: url(/css/cssimages/sidemenu/reports_sectitle_sel2_cu.png) no-repeat !important;
    overflow: hidden;
  }

  div.sdmenu div.customcollapsed {
    background: url(/css/cssimages/sidemenu/reports_sectitle2_c.png) no-repeat !important;
    font-weight: normal;
    height: 43px;
  }


/*
// Toastr Growl
*/

.toast .headertxt {
  color: #fff;
  font-family: 'ProximaNova', 'Helvetica Neue', arial !important;
  font-size: 18px;
  font-weight: normal;
}

.toast-message {
  font-size: 16px !important;
  font-family: 'ProximaNova', 'helvetica' !important;
  line-height: 22px !important;
}


.toast-titletxt {
  font-size: 22px !important;
  font-family: 'ProximaNova Bold', 'helvetica' !important;
  line-height: 28px !important;
}

.toast-message a,
.toast-message label {
  color: #FFF;
}

  .toast-message a:hover {
    color: #CCC;
    text-decoration: none;
  }


.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
}

  #toast-container > div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
  }

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #38b937;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #0c74a1;
}

.toast-warning {
  background-color: #F89406;
}

#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

/*Responsive Design*/

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 108px;
  }
}

@media all and (min-width: 241px) and (max-width: 320px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 128px;
  }
}

@media all and (min-width: 321px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 192px;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 300px;
  }
}

/* overrides */
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 100%;
  margin: 1px 0 1px 0;
}




/**********************************************************************************
JQUERY UI
**********************************************************************************/

.ui-tooltip {
  padding: 6px;
  position: absolute;
  z-index: 99999;
  max-width: 350px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  opacity: 0.85 !important;
  filter: Alpha(Opacity=85) !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" !important;
  font-size: 12px !important;
  font-family: "ProximaNova" !important;
  background: #111111 !important;
  line-height: 20px !important;
  color: #ffffff !important;
}

.ui-tooltip-wide {
  max-width: 650px;
}

/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px,1px,1px,1px);
}

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

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.ui-helper-clearfix {
  display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%;
}

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


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


/* Icons
----------------------------------*/

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


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff url(/images/overlaydiagonal.png) 50% 50% repeat;
  opacity: .30;
  filter: Alpha(Opacity=30);
}


/*
 * jQuery UI CSS Framework 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,Helvetica,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1.1em;
}

  .ui-widget .ui-widget {
    font-size: 1em;
  }

  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
  }

.ui-widget-content {
  border: 1px solid #D5D5D5;
  background: #ffffff;
  color: #222222;
}

  .ui-widget-content a {
    color: #222222;
  }

.ui-widget-header {
  border: 1px solid #D5D5D5;
  background: #cccccc;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header {
  border: 1px solid #d9d9d9;
  color: #1b1d1f;
  font-size: 14px;
  text-shadow: 0 1px 0 rgba(255,255,255,0.5);
  background: #f6f7f9 url(images/fallback_moduleHeader.png) 0 0 repeat-x; /* Old browsers */
  background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f7f9), color-stop(100%,#ebedf0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* IE10+ */
  background: linear-gradient(top, #f6f7f9 0%,#ebedf0 100%); /* W3C */
}

  .ui-widget-header a {
    color: #222222;
  }

  /* Interaction states
----------------------------------*/
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #f9f9fc;
    font-weight: normal;
    color: #555555;
  }

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
      color: #555555;
      text-decoration: none;
    }

  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #a6a6ac;
    background: #ededf0;
    font-weight: normal;
    color: #212121;
  }

    .ui-state-hover a, .ui-state-hover a:hover {
      color: #212121;
      text-decoration: none;
    }

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #D5D5D5;
    background: #ffffff;
    font-weight: normal;
    color: #212121;
  }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
      color: #212121;
      text-decoration: none;
    }

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636;
}

  .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
  }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec;
  color: #cd0a0a;
}

  .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
  }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/css/images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(/css/images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/css/images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(/css/images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(/css/images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(/css/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(/css/images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(/css/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -khtml-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #1f2226;
  opacity: .60;
  filter: Alpha(Opacity=60);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #1f2226;
  opacity: .60;
  filter: Alpha(Opacity=60);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
/*
 * jQuery UI Resizable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
/*
 * jQuery UI Selectable 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%;
}

  .ui-accordion .ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
    zoom: 1;
  }

  .ui-accordion .ui-accordion-li-fix {
    display: inline;
  }

  .ui-accordion .ui-accordion-header-active {
    border-bottom: 0 !important;
  }

  .ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: .5em .5em .5em .7em;
    font-weight: bold;
  }

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

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

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
  display: block;
}

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  float: left;
  font-family: "ProximaNova";
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  height: auto !important;
  max-height: 300px !important;
  overflow-y: scroll;
}

  .ui-menu .ui-menu-item {
    margin: -1px 0 0 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
  }

    .ui-menu .ui-menu-item a {
      text-decoration: none;
      display: block;
      padding: .2em .4em;
      line-height: 1.5;
      zoom: 1;
      border: none;
      border-radius: 0;
      font-size: 15px;
      color: #fff;
      background: #383838;
    }

    .ui-menu .ui-menu-item:hover a {
      color: #383838;
      background: #f0f0f0;
      cursor: pointer;
    }

    .ui-menu .ui-menu-item a.ui-state-hover,
    .ui-menu .ui-menu-item a.ui-state-active {
      font-weight: normal;
    }
/*
 * jQuery UI Button 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  *display: inline;
  *zoom: 1;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
  height: 30px !important;
  padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em;
}

.ui-button .ui-icon {
  background-image: url(/css/images/ui-icons_FFFFFF_256x240.png);
}


/*button sets*/
.ui-buttonset {
  margin-right: 7px;
}

  .ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.325em;
  }

    .ui-buttonset .ui-button.ui-state-active {
      border-color: #144c71;
      background: #0a54a5 none;
      top: 0;
    }

    .ui-buttonset .ui-button.ui-state-active {
      -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(12, 106, 106, 0.5) inset !important;
      -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(12, 106, 106, 0.5) inset !important;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset, 0 2px 2px rgba(12, 106, 106, 0.5) inset !important;
    }

      .ui-buttonset .ui-button.ui-state-active span {
        text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
      }

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* reset extra padding in Firefox */
.ui-button-text-icon-primary {
  padding: 1px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .ui-button-text-icon-primary {
    padding: 2px 1px !important;
  }
}
/*
 * jQuery UI Dialog 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: visible;
  border: 0 none;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.75);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.75);
  box-shadow: 0 1px 4px rgba(0,0,0,0.75);
}

  .ui-dialog .ui-dialog-titlebar {
    position: relative;
    background: transparent !important;
    padding: 0 0 8px 0;
    margin: 20px 20px 5px 20px;
    border: solid #e5e5e5;
    border-width: 0 0 1px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .1em 0;
    color: #353536;
    font-size: 20px !important;
  }

  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: -32px;
    top: -32px;
    margin: 0;
    width: 30px;
    height: 30px;
    background: url(/css/images/modalClose.png) 0 0 no-repeat;
    border: 0 !important;
    z-index: 10000;
  }

    .ui-dialog .ui-dialog-titlebar-close span {
      display: none;
    }

    .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
      padding: 0;
    }

  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 15px 20px 20px 20px;
    background: none;
    overflow: auto;
    zoom: 1;
  }

  .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border: solid #e5e5e5;
    border-width: 1px 0 0 0;
    background: transparent;
    margin: 20px 20px 10px 20px;
    padding: 10px 0 0 0;
  }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button {
      margin: .5em .4em .5em 0;
      cursor: pointer;
    }

  .ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px;
  }

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
  background: #838688;
  border: none;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
  box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
  display: inline-block;
  *display: inline !important;
  *zoom: 1;
}

  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 21px;
    cursor: default;
    background: url(/css/images/slider_handles.png) 0 0 no-repeat;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
  }

  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: #14a4ff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
    box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .ui-slider .ui-slider-handle.ui-state-active {
    background-position: -17px 0;
  }

.ui-slider-horizontal {
  height: 6px;
}

  .ui-slider-horizontal .ui-slider-handle {
    top: -5px;
    margin-left: -.6em;
  }

  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
  }

  .ui-slider-horizontal .ui-slider-range-min {
    left: 0;
  }

  .ui-slider-horizontal .ui-slider-range-max {
    right: 0;
  }

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
  }

  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
  }

  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
  }

  .ui-slider-vertical .ui-slider-range-max {
    top: 0;
  }
/*
 * jQuery UI Tabs 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
  position: relative;
  zoom: 1;
  border: none;
  background: none;
}
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  .ui-tabs .ui-tabs-nav {
    margin: 0 0 -1px 0;
    background: none;
    border: 0;
  }

    .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      margin: 0 .2em 1px 0;
      border-bottom: 0 !important;
      padding: 0;
      white-space: nowrap;
    }

      .ui-tabs .ui-tabs-nav li a {
        float: left;
        padding: .5em 1em;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
      }

      .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        margin-bottom: 0;
        padding-bottom: 1px;
      }

        .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
          cursor: text;
        }

      .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer;
      }
  /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 1px;
    padding: 1em 1.4em;
    background: #FFF;
  }

  .ui-tabs .ui-tabs-hide {
    display: none !important;
  }

  /* radius reset */
  .ui-tabs, .ui-tabs .ui-tabs-nav, .ui-tabs-panel {
    border-color: #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

    .ui-tabs .ui-tabs-nav > li {
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
    }

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: auto;
  padding: 0;
  display: none;
  border: 0 none;
}

.ui-datepicker {
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.35);
  box-shadow: 0 1px 2px rgba(0,0,0,0.35);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .4em 0;
    border: 1px solid #3b3e40;
  }

  .ui-datepicker .ui-datepicker-header {
    background: #595c5d; /* Old browsers */
    background: -moz-linear-gradient(top, #595c5d 0%, #474a4b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595c5d), color-stop(100%,#474a4b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #595c5d 0%,#474a4b 100%); /* IE10+ */
    background: linear-gradient(top, #595c5d 0%,#474a4b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595c5d', endColorstr='#474a4b',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .ui-datepicker th {
    color: #e8e9ea !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
    border: #27292b solid !important;
    border-width: 1px 0 !important;
    background: #77797a; /* Old browsers */
    background: -moz-linear-gradient(top, #77797a 0%, #5b5e5e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77797a), color-stop(100%,#5b5e5e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* IE10+ */
    background: linear-gradient(top, #77797a 0%,#5b5e5e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77797a', endColorstr='#5b5e5e',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.15) inset;
  }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 9px;
    width: 16px;
    height: 16px;
    cursor: pointer;
  }

  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 9px;
  }

  .ui-datepicker .ui-datepicker-prev {
    left: 2px;
  }

  .ui-datepicker .ui-datepicker-next {
    right: 2px;
  }

  .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
  }

  .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
  }

  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
  }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
    color: #e8e9ea;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  }

    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0;
    }

  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
  }

  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    width: 49%;
  }

  .ui-datepicker table {
    width: 1px;
    font-size: .9em;
    border-collapse: collapse;
    margin: -1px 0 0 0;
  }

  .ui-datepicker th {
    padding: .7em 0;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-size: 10px;
    color: #acacac;
    border-bottom: 1px solid #cdcdcd !important;
  }

  .ui-datepicker td {
    border: 0;
    padding: 0;
    border: 1px solid #cdcdcd;
  }

    .ui-datepicker td a {
      display: block;
      padding: 0 !important;
      width: 30px;
      height: 30px;
      border: 0 none !important; /*border: 1px solid #cdcdcd !important;*/
      line-height: 30px;
      text-align: center;
      font-size: 12px;
      text-decoration: none;
      font-weight: bold !important;
    }

      .ui-datepicker td a.ui-state-default {
        color: #5d5d5d;
        text-shadow: 0 1px 0 rgba(255,255,255,0.5);
        background: #e8e9ea; /* Old browsers */
        background: -moz-linear-gradient(top, #e8e9ea 0%, #e3e3e3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e9ea), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* IE10+ */
        background: linear-gradient(top, #e8e9ea 0%,#e3e3e3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e9ea', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
      }

  .ui-datepicker tr:first-child {
    border: 1px solid #27292b;
  }

.ui-datepicker-current-day a {
  background: #20a8fe !important;
  filter: none !important;
  color: #FFF !important;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25) !important;
  -webkit-box-shadow: 0 0 7px #022a44 inset !important;
  -moz-box-shadow: 0 0 7px #022a44 inset !important;
  box-shadow: 0 0 7px #022a44 inset !important;
}

td.ui-datepicker-unselectable {
  border-color: #ebebeb !important;
  background: #fcfcfc; /* Old browsers */
  background: -moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* IE10+ */
  background: linear-gradient(top, #fcfcfc 0%,#efefef 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
  }

    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: left;
    }

.ui-datepicker .ui-icon-circle-triangle-w {
  background: url(/css/images/icons_16.png) 0 -128px no-repeat !important;
}

.ui-datepicker .ui-icon-circle-triangle-e {
  background: url(/css/images/icons_16.png) 0 -112px no-repeat !important;
}

.ui-datepicker-header .ui-state-hover {
  border: 0;
  background: none;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 2px;
    left: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 2px;
    right: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
  }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left;
    }

      .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: right;
      }

  .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
  }

  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }

  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display /**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}
/*
 * jQuery UI Progressbar 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
  height: 10px;
  text-align: left;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #333;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.35) inset, 0 1px 0 rgba(255,255,255,0.15);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.35) inset, 0 1px 0 rgba(255,255,255,0.15);
  box-shadow: 0 1px 3px rgba(0,0,0,0.35) inset, 0 1px 0 rgba(255,255,255,0.15);
}

  .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }

  .ui-progressbar .ui-progressbar-value {
    background: #27abff; /* Old browsers */
    background: -moz-linear-gradient(top, #27abff 0%, #059eff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27abff), color-stop(100%,#059eff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #27abff 0%,#059eff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #27abff 0%,#059eff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #27abff 0%,#059eff 100%); /* IE10+ */
    background: linear-gradient(top, #27abff 0%,#059eff 100%); /* W3C */
  }








/* TOGGLE SWITCH CONTROL */
select.ui-toggle-switch {
  display: none;
}

.ui-toggle-switch, .ui-toggle-switch .ui-slider, .ui-toggle-switch label {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

  .ui-toggle-switch label {
    text-transform: uppercase;
    margin: 0 8px;
    font-weight: bold;
    border: 0;
    font-size: 0.8em;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

    .ui-toggle-switch label:first-child {
      margin-left: 0;
    }

    .ui-toggle-switch label.ui-state-active {
      opacity: 1;
      filter: alpha(opacity=100);
    }

  .ui-toggle-switch .ui-slider {
    margin: 0 8px;
  }





.ui-button, button.ui-button.ui-state-default, .ui-button.ui-state-default {
  border: 1px solid #168dd9;
  color: #FFF;
  padding: 6px 12px;
  font-size: 12px;
  box-shadow: 0 1px 0 #53bcff inset, 0 1px 2px rgba(0,0,0,0.2) !important;
  background: #27abff; /* Old browsers */
  background: -moz-linear-gradient(top, #27abff 0%, #059eff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27abff), color-stop(100%,#059eff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #27abff 0%,#059eff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #27abff 0%,#059eff 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #27abff 0%,#059eff 100%); /* IE10+ */
  background: linear-gradient(top, #27abff 0%,#059eff 100%); /* W3C */
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
}

  .ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span {
    text-shadow: 0 -1px 0 #1584de;
  }

    .ui-button:hover, button.ui-button.ui-state-hover, .ui-button.ui-state-hover {
      border: 1px solid #0c6aa6;
      box-shadow: 0 1px 0 #58b3ff inset, 0 1px 2px rgba(0,0,0,0.2) !important;
      background: #279cff; /* Old browsers */
      background: -moz-linear-gradient(top, #279cff 0%, #058dff 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279cff), color-stop(100%,#058dff)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #279cff 0%,#058dff 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #279cff 0%,#058dff 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #279cff 0%,#058dff 100%); /* IE10+ */
      background: linear-gradient(top, #279cff 0%,#058dff 100%); /* W3C */
    }

      .ui-button:hover, .ui-button:hover span, button.ui-button.ui-state-hover span {
        text-shadow: 0 -1px 0 #117cc0;
      }

    .ui-button:active, button.ui-button.ui-state-active, .ui-button.ui-state-active {
      border: 1px solid #0c6aa6;
      position: relative;
      top: 1px;
      box-shadow: 0 2px 2px rgba(12,106,106,0.5) inset, 0 1px 2px rgba(0,0,0,0.2) !important;
      background: #058dff; /* Old browsers */
      background: -moz-linear-gradient(top, #058dff 0%, #279cff 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#058dff), color-stop(100%,#279cff)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #058dff 0%,#279cff 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #058dff 0%,#279cff 100%); /* Opera11.10+ */
      background: -ms-linear-gradient(top, #058dff 0%,#279cff 100%); /* IE10+ */
      background: linear-gradient(top, #058dff 0%,#279cff 100%); /* W3C */
    }

      .ui-button:active, .ui-button:active span, button.ui-button.ui-state-active span {
        text-shadow: 0 -1px 0 #117cc0;
      }

    .ui-button:focus,
    button.ui-button.ui-state-focus {
      border-color: #0f669d;
      color: #FFF !important;
      text-shadow: 0 -1px 0 #216ea6 !important;
      box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 3px rgba(0,0,0,0.35) !important;
      background: #1888ce !important;
    }

    .ui-button .ui-button-text {
      font-size: 12px;
    }

button.ui-button span {
  text-shadow: 0 -1px 0 #1584de !important;
}

.ui-button-text-only .ui-button-text {
  padding: 0;
}

.ui-toggle-switch label {
  text-align: left;
  width: auto;
  cursor: pointer;
}

.inlineSearch .ui-toggle-switch {
  margin-top: 3px;
}

.oldie .inlineSearch .ui-toggle-switch {
  margin-top: 2px;
}


/* === OSX SPECIFIC CLOSE POSITIONING === */
.macosx .ui-dialog-titlebar-close {
  right: inherit;
  left: -32px;
}

.macosx .ui-dialog-buttonset {
  float: none;
}

  .macosx .ui-dialog-buttonset button {
    float: right;
  }


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1) {

  .ui-dialog .ui-dialog-titlebar-close {
    background-image: url(/css/images/modalClose@2x.png);
    background-size: 30px 30px;
  }

  .ui-slider .ui-slider-handle {
    background-image: url(/css/images/slider_handles@2x.png);
    background-size: 34px 21px;
  }
}

/**
 * New Parsley Error Styles
*/
.parsley-error {
  overflow: visible;
  padding: 6px;
  vertical-align: middle;
  line-height: 20px;
  border-radius: 2px;
  border: 1px solid #BD362F;
  box-shadow: 0 0 5px #BD362F;
  outline: none;
  background: #fff;
}

  .parsley-error:focus {
    box-shadow: 0 0 10px #BD362F;
    border: 1px solid #BD362F;
  }

ul.parsley-error-list {
  list-style-type: none;
  margin: 5px auto 0 auto;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

  ul.parsley-error-list li {
    margin: 0 0 0 -40px;
    padding: 0;
    color: #BD362F;
    font-family: 'ProximaNova', Helvetica;
    font-size: 14px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }

/*The New Parsley error list class*/

ul.parsley-errors-list {
  list-style-type: none;
  margin: 5px auto 0 auto;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

  ul.parsley-errors-list li {
    margin: 0 0 0 -40px;
    padding: 0;
    color: #BD362F;
    font-family: 'ProximaNova', Helvetica;
    font-size: 14px;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
/**
 * Old parlsey error styles
 * .parsley-error {
 *     background: #900 !important;
 *     color: #ffffff !important;
 *     border: 1px solid #333;
 * }
 *
 * ul.parsley-error-list {
 *     list-style-type: none;
 *     background: url(/images/warn16.png) no-repeat top left;
 *     padding-left: 19px;
 *     margin-left: 5px;
 *     color: #900;
 *     font-weight: bold;
 *     font-size: 17px;
 *     font-family: 'ProximaNova', Helvetica;
 *     line-height: 24px;
 * }
*/

//scrollup pill
/* Pill style */
#scrollUp {
  bottom: 20px;
  right: 20px;
  background: #555;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  text-decoration: none;
  opacity: .9;
  padding: 10px 20px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  transition: background 200ms linear;
  -webkit-backface-visibility: hidden;
}

#scrollUp:hover {
  background: #000;
}

/*  HTML5 hacks */
.HeaderTxt {
  font-family: 'ProximaNova Thin', arial !important;
  font-size: 20px;
  color: #555459;
  line-height: 27px;
  font-weight: 600;
  text-decoration: none;
}

.RegTxt {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
  font-size: 17px;
  color: #555459;
  line-height: 24px;
}

.RegTxt2 {
  font-family: 'ProximaNova', Arial, Helvetica, sans-serif !important;
  font-size: 15px;
  color: #555459;
  line-height: 20px;
}


/* dashboard css */
.widget {
  margin-bottom: 17px;
}

.hrdash {
  border: 3px dashed #e2e2e2;
}

.dashbaropen {
  background: url(/images/useillusion.png);
  padding: 10px;
  margin-top: 8px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.highlighttext {
  background-color: #e8e317;
}

.inblock {
  display: block;
}

.radius2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.radius3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.radius4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.radius5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.radius8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.badger {
  position: absolute;
  right: 10px;
  top: 0px;
  z-index: 5000000000000000;
}

.badgetext_grey {
  text-decoration: none;
  vertical-align: middle;
  padding: 4px 7px 2px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "ProximaNova";
  background-color: #555555;
}

.badgetext_orange {
  text-decoration: none;
  vertical-align: middle;
  padding: 4px 7px 2px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "ProximaNova";
  background-color: #ee7d11;
}

.badgetext_green {
  text-decoration: none;
  vertical-align: middle;
  padding: 4px 7px 2px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "ProximaNova";
  background-color: #00B200;
}

.badgetext_darkgreen {
  text-decoration: none;
  vertical-align: middle;
  padding: 4px 7px 2px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "ProximaNova";
  background-color: #2c903b;
}

.badgetext_red {
  text-decoration: none;
  vertical-align: middle;
  padding: 4px 7px 2px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "ProximaNova";
  background-color: #D90000;
}

.badgetext_blue {
  text-decoration: none;
  vertical-align: middle;
  padding: 4px 7px 2px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  font-family: "ProximaNova";
  background-color: #0036D9;
}


.headerlrg {
  font-family: "ProximaNova", helvetica, serif;
  font-size: 24px;
  color: #333333;
  text-decoration: none;
  line-height: 29px;
  font-weight: bold;
}

.caltop {
  background: #e2e2e2 !important;
  border-bottom: 1px solid #cccccc;
}

.calblock {
  cursor: pointer;
  width: 65px;
  height: 60px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  margin: 0px;
  float: left;
  background: #ffffff;
}

.calblocks {
  cursor: pointer;
  width: 65px;
  height: 60px;
  border: 1px solid #79A301;
  margin: 0px;
  float: left;
  background: #e2e2e2 !important;
  font-weight: bold;
}

.calblock:hover {
  background: #eeeeee;
}

/* Country Codes & Currency Codes for Back Office Billing */
.generated-table-data {
  margin: 10px;
  padding: 10px;
  background: #f8f8f8;
  text-align: center;
}

.codes .clearfix {
  display: block;
  float: none;
  clear: both;
  margin: 3px;
}

#defaultCurrencyTypeId, #defaultCountrycode, #defaultCurrencyTypeId:focus, #defaultCountryCode:focus {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}


/* Cross Club Schedulings on Grid View */
#cross-club-schedulings-container {
  position: relative;
}

#not-showing-schedulings {
  display: none;
}

.scheduling-legend img {
  vertical-align: middle;
}


/**********************************************************************************
Bulk Invoice Uploads `Setup > Misc Setup > Bulk Invoice Uploads`
**********************************************************************************/

.upload-progress-container ul li img,
.upload-progress-container ul li span,
.upload-progress-container ul li input {
  display: none;
}

.upload-progress-container ul {
  list-style-type: none;
}

  .upload-progress-container ul li {
    display: block;
  }

    .upload-progress-container ul li img {
      vertical-align: middle;
      height: 22px;
    }

.upload-form-fields.disabled {
  opacity: 0.5;
}

.upload-form-fields input[disabled] {
  cursor: default;
}

#bulk-upload-results {
  display: none;
  width: 95%;
  margin: 0 auto;
  text-align: center;
}

#bulk-upload-errors {
  display: none;
}

  #bulk-upload-errors > h1 {
    margin-left: 15px;
  }

  #bulk-upload-errors .errors li .red-highlight {
    color: #CA3C3C;
  }

  #bulk-upload-errors .errors li pre {
    display: inline;
    background: #f5f5f5;
    padding: 0 5px;
    font-size: 14px;
  }

#bulk-upload-results .upload-results-table {
  border-collapse: collapse;
  width: 100%;
}

  #bulk-upload-results .upload-results-table tr {
    border-bottom: 1px solid #d8d8d8;
    padding: 5px;
  }

  #bulk-upload-results .upload-results-table tr, .upload-results-table td {
    height: 30px;
  }

    #bulk-upload-results .upload-results-table tr, .upload-results-table td.status:not(.error) {
      color: green
    }

    #bulk-upload-results .upload-results-table tr, .upload-results-table td.status.error {
      color: red;
    }

      #bulk-upload-results .upload-results-table tr:nth-child(even) {
        background: #f5f5f5;
      }

  #bulk-upload-results .upload-results-table .header-row td {
    font-size: 18px;
  }

  #bulk-upload-results .upload-results-table td {
    width: 7.7%;
    text-align: center;
  }

/**********************************************************************************
jQuery Tutorialize Styles 1.2.0 (used for guided tours)
**********************************************************************************/
.tutorialize-slide {
  box-shadow: 0px 0px 5px #999;
  display: none;
  position: absolute;
  z-index: 199
}

.tutorialize-slide-arrow {
  background-repeat: no-repeat;
  position: absolute
}

.tutorialize-slide-content {
  line-height: 1.3;
  padding: 10px 0;
  overflow-y: auto
}

  .tutorialize-slide-content img {
    max-width: 100%;
    height: 100
  }

.tutorialize-slide-content-media {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden
}

  .tutorialize-slide-content-media embed, .tutorialize-slide-content-media iframe, .tutorialize-slide-content-media object, .tutorialize-slide-content-media video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
  }

.tutorialize-slide-control {
  display: block;
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
  overflow-y: auto
}

  .tutorialize-slide-control li {
    float: right;
    margin-left: 5px
  }

    .tutorialize-slide-control li:hover {
      background-color: transparent !important
    }

    .tutorialize-slide-control li.counter {
      float: left;
      margin-left: 0;
      background-color: transparent !important;
      padding: 5px 0
    }

    .tutorialize-slide-control li.close {
      background-color: transparent !important
    }

    .tutorialize-slide-control li span {
      cursor: pointer;
      display: inline-block;
      padding: 5px 8px
    }

.tutorialize-slide-close:hover {
  cursor: pointer;
  background-color: transparent !important
}

.tutorialize-slide-overlay {
  position: fixed;
  z-index: 198
}

.tutorialize-slide-title {
  font-weight: bold
}

.tutorialize-slide.minWidthCSS .tutorialize-slide-control {
  text-align: center
}

  .tutorialize-slide.minWidthCSS .tutorialize-slide-control li {
    display: block;
    float: none;
    margin: 5px 0
  }

.tutorialize-slide.lined {
  font-family: "ProximaNova";
  font-size: 15px !important;
  box-shadow: 0px 0px 5px #999
}

  .tutorialize-slide.lined .tutorialize-slide-content {
    background-color: #f9f9f9;
    padding: 20px
  }

    .tutorialize-slide.lined .tutorialize-slide-content p {
      margin-bottom: 10px
    }

  .tutorialize-slide.lined .tutorialize-slide-control {
    padding: 10px 20px;
    background-color: #e5e5e5;
    border-top: 1px solid #ddd;
    border-radius: 0 0 5px 5px
  }

    .tutorialize-slide.lined .tutorialize-slide-control li {
      border-radius: 2px
    }

      .tutorialize-slide.lined .tutorialize-slide-control li:hover span {
        color: #666 !important
      }

      .tutorialize-slide.lined .tutorialize-slide-control li.close {
        background-color: transparent !important;
        opacity: 1
      }

        .tutorialize-slide.lined .tutorialize-slide-control li.close span {
          color: #999 !important
        }

  .tutorialize-slide.lined .tutorialize-slide-title {
    padding: 15px 20px;
    color: #fff;
    border-radius: 5px 5px 0 0
  }

.startTourBtn {
  position: fixed;
  z-index: 9999;
  top: 50px;
  color: #fff;
  outline: none;
  -webkit-transition: all 0.3s 0.2s;
  -moz-transition: all 0.3s 0.2s;
  -o-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  right: 50px;
}

  .startTourBtn img {
    width: 38px;
  }

.showscount {
  color: #ffffff;
  text-align: center;
  border: 1px solid #bbbbbb;
  white-space: nowrap;
  position: relative;
  float: right;
  margin-right: 2px;
  width: 20px;
}


/**********************************************************************************
Used in the page ~/Setup/SalesGeneralSettings
**********************************************************************************/
.extendMembershipExpRestrictedColor {
  background-color: #FFFFCC !important;
}

.salesGeneralSettingsNavTab {
  cursor: pointer;
}

/**********************************************************************************
Used in the page ~/Setup/Products/EditVariations
**********************************************************************************/
.attributeForm {
  margin-bottom: 0;
}

  .attributeForm label {
    display: block;
  }

  .attributeForm .input {
    margin: 10px 0;
  }

  .attributeForm .required {
    font-weight: bold;
  }

#valueList {
  margin: 8px 0;
  padding: 0;
}

  #valueList .delButton {
    cursor: pointer;
  }

/**********************************************************************************
Bookings > Day List
**********************************************************************************/
.new-client-icon {
  background: #a80e0e;
  padding: 3px;
  color: #fff;
  border-radius: 4px;
  border: 1px solid black;
  font-size: 10px;
}

/**********************************************************************************
ReportViewer <iframe> styles
**********************************************************************************/
#reportViewer iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.breadcrumb li {
  display: inline;
}

  .breadcrumb li + li:before {
    content: "/ ";
  }

/* 
This class is replacing the /images/collections.gif.
The width, height and font sizes are just reflections of how the image was originally set to display.
*/
.pastDueLabel {
  color: #faf0f0;
  font-size: 8pt;
  background-color: #9d070d;
  width: 72px;
  height: 14px;
  padding: 1px;
  vertical-align: top;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

  /* Tooltip text */
  .tooltip .tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 9999;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }

    /* Tooltip arrow */
    .tooltip .tooltip-text::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
    }

  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
  }

.check-circle:after {
  content: '\2714';
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background: #4abc96;
  padding: 1px 2px 1px 2px;
  border-radius: 50%;
}

.x-circle:after {
  content: '\2716';
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  background: #f15656;
  padding: 1px 3px 1px 2px;
  border-radius: 50%;
}

/*SuperAdmin background color*/
.superAdmin,
table tr.superAdmin,
ul#subnav a.superAdmin,
.cr-sidenav label.superAdmin,
.cr-sidenav a.superAdmin {
  background-color: #B1F2EC !important; /* lighter tint of turquoise */
}

ul#subnav li.activesublink a.superAdmin,
ul#subnav li.activesublink a:hover.superAdmin,
td.superAdmin.activesublink {
  background-color: #40E0D0 !important; /* turquoise */
}

.cr-sidenav-item-active a.superAdmin {
  background-color: #E5FBF9 !important; /* lighest shade of turquise */
}

/*bg == background*/
.bg-primary {
  background-color: #b8daff !important;
}

.bg-secondary {
  background-color: #d6d8db !important;
}

.bg-success {
  background-color: #c3e6cb !important;
}

.bg-danger {
  background-color: #f5c6cb !important;
}

.bg-warning {
  background-color: #ffeeba !important;
}

.bg-info {
  background-color: #abdde5 !important;
}

.bg-light {
  background-color: #fdfdfe !important;
}

.bg-dark {
  background-color: #c6c8ca !important;
}