/*
Foundation 12 Grids
*/
.row {
  /*max-width: 62.5rem;*/
  max-width: 100%;
  margin-right: auto;
  margin-left: auto; }
  .row::before, .row::after {
    display: table;
    content: ' '; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem; }
    @media print, screen and (min-width: 40em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    @media print, screen and (min-width: 64em) {
      .row .row {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem; } }
    .row .row.collapse {
      margin-right: 0;
      margin-left: 0; }
  .row.expanded {
    max-width: none; }
    .row.expanded .row {
      margin-right: auto;
      margin-left: auto; }
  .row:not(.expanded) .row {
    max-width: none; }

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.small-1 {
  width: 8.33333%; }

.small-push-1 {
  position: relative;
  left: 8.33333%; }

.small-pull-1 {
  position: relative;
  left: -8.33333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.66667%; }

.small-push-2 {
  position: relative;
  left: 16.66667%; }

.small-pull-2 {
  position: relative;
  left: -16.66667%; }

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

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

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

.small-4 {
  width: 33.33333%; }

.small-push-4 {
  position: relative;
  left: 33.33333%; }

.small-pull-4 {
  position: relative;
  left: -33.33333%; }

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

.small-5 {
  width: 41.66667%; }

.small-push-5 {
  position: relative;
  left: 41.66667%; }

.small-pull-5 {
  position: relative;
  left: -41.66667%; }

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

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

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

.small-7 {
  width: 58.33333%; }

.small-push-7 {
  position: relative;
  left: 58.33333%; }

.small-pull-7 {
  position: relative;
  left: -58.33333%; }

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

.small-8 {
  width: 66.66667%; }

.small-push-8 {
  position: relative;
  left: 66.66667%; }

.small-pull-8 {
  position: relative;
  left: -66.66667%; }

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

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

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

.small-10 {
  width: 83.33333%; }

.small-push-10 {
  position: relative;
  left: 83.33333%; }

.small-pull-10 {
  position: relative;
  left: -83.33333%; }

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

.small-11 {
  width: 91.66667%; }

.small-push-11 {
  position: relative;
  left: 91.66667%; }

.small-pull-11 {
  position: relative;
  left: -91.66667%; }

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

.small-12 {
  width: 100%; }

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

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%; }
  .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
    float: left; }

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%; }
  .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
    float: left; }

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%; }
  .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
    float: left; }

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%; }
  .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
    float: left; }

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%; }
  .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
    float: left; }

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%; }
  .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
    float: left; }

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%; }
  .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both; }
  .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
    float: left; }

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%; }
  .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both; }
  .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
    float: left; }

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0; }

.small-collapse .row {
  margin-right: 0;
  margin-left: 0; }

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

.small-centered {
  margin-right: auto;
  margin-left: auto; }
  .small-centered, .small-centered:last-child:not(:first-child) {
    float: none;
    clear: both; }

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.66667%; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%; }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .medium-4 {
    width: 33.33333%; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.66667%; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%; }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .medium-7 {
    width: 58.33333%; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.66667%; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%; }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .medium-10 {
    width: 83.33333%; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.66667%; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%; }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%; }
    .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
      float: left; }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%; }
    .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
      float: left; }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
      float: left; }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%; }
    .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
      float: left; }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%; }
    .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
      float: left; }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
      float: left; }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
      float: left; }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
      float: left; }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .medium-centered {
    margin-right: auto;
    margin-left: auto; }
    .medium-centered, .medium-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%; }
  .large-push-1 {
    position: relative;
    left: 8.33333%; }
  .large-pull-1 {
    position: relative;
    left: -8.33333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.66667%; }
  .large-push-2 {
    position: relative;
    left: 16.66667%; }
  .large-pull-2 {
    position: relative;
    left: -16.66667%; }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .large-4 {
    width: 33.33333%; }
  .large-push-4 {
    position: relative;
    left: 33.33333%; }
  .large-pull-4 {
    position: relative;
    left: -33.33333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.66667%; }
  .large-push-5 {
    position: relative;
    left: 41.66667%; }
  .large-pull-5 {
    position: relative;
    left: -41.66667%; }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .large-7 {
    width: 58.33333%; }
  .large-push-7 {
    position: relative;
    left: 58.33333%; }
  .large-pull-7 {
    position: relative;
    left: -58.33333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.66667%; }
  .large-push-8 {
    position: relative;
    left: 66.66667%; }
  .large-pull-8 {
    position: relative;
    left: -66.66667%; }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .large-10 {
    width: 83.33333%; }
  .large-push-10 {
    position: relative;
    left: 83.33333%; }
  .large-pull-10 {
    position: relative;
    left: -83.33333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.66667%; }
  .large-push-11 {
    position: relative;
    left: 91.66667%; }
  .large-pull-11 {
    position: relative;
    left: -91.66667%; }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%; }
    .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
      float: left; }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
      float: left; }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%; }
    .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
      float: left; }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%; }
    .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
      float: left; }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%; }
    .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
      float: left; }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%; }
    .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
      float: left; }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%; }
    .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
      clear: both; }
    .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
      float: left; }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%; }
    .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
      clear: both; }
    .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
      float: left; }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0; }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0; }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .large-centered {
    margin-right: auto;
    margin-left: auto; }
    .large-centered, .large-centered:last-child:not(:first-child) {
      float: none;
      clear: both; }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0; } }

.column-block {
  margin-bottom: 1.875rem; }
  .column-block > :last-child {
    margin-bottom: 0; }
/*  Foundation ENDS  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.5; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #4994df; color: #fff; text-shadow: none; }
::selection { background: #4994df; color: #fff; text-shadow: none; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
#nav ul, #nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; vertical-align: middle; line-height: 30px;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* end reset */


/* general styles */
body {min-width: 980px;}
a { color: #517cae; text-decoration: underline;}
a:visited { color: #9751ae; }
a:hover { color: #609be0;text-decoration: none;	}
a:active {text-decoration: none;}
a:focus { outline: thin dotted; }
a:hover, a:active, input:focus {outline: 0;}

/* navigation highlighting */
#nav a, #nav a:visited {
	color: #222;
	text-decoration: none;}
	#nav a:hover, 
	#nav .current-page-item a,
	body.add-content #nav .add-content a,
	body.display-delete #nav .display-delete a,
	body.add-media #nav .add-media a,
	body.authorise #nav .authorise a,
	body.add-calendar #nav .add-calendar a,
	body.announce #nav .announce a,
	body.announcev2 #nav .announcev2 a,
	body.announceSetting #nav .announceSetting a,
	body.announceMailLog #nav .announceMailLog a,
	body.announceBrief #nav .announceBrief a,
	body.announceauthorise #nav .announceauthorise a,
	body.announcereleased #nav .announcereleased a,
	body.announceupdate #nav .announceupdate a,
	body.announcePolling #nav .announcePolling a,
	body.announcevhistory #nav .announcevhistory a,
	
	body.irm-authorise #nav .irm-authorise a,
	body.user-db #nav .user-db a,
	body.user-new #nav .user-new a,
	body.user-stats #nav .user-stats a,
	body.user-role #nav .user-role a,
	body.email-alerts #nav .email-alerts a,
	body.user-sec #nav .user-sec a,	
	body.branch-sec #nav .branch-sec a,
	body.branch-category #nav .branch-category a,
	body.branch-property #nav .branch-property a,
	body.ServiceRequest_Request #nav .ServiceRequest_Request a,
	body.ServiceRequest_Record #nav .ServiceRequest_Record a,
	body.SupportTask_Create #nav .SupportTask_Create a,
	body.SupportTask_History #nav .SupportTask_History a,

	/*body.career #nav .career a,*/
	body.career-sec #nav .career-sec a,
	body.careerSettings-sec #nav .careerSettings-sec a,
	body.careerInput-sec #nav .careerInput-sec a,
	body.careerPreferences-sec #nav .careerPreferences-sec a,
	body.careerApplications-sec #nav .careerApplications-sec a,
	body.states-sec #nav .states-sec a,
	body.unsub #nav .unsub a,
	body.sub #nav .sub a,
	body.emailgroup #nav .emailgroup a,
	body.export #nav .export a,
	body.my-email-alerts #nav .my-email-alerts a,
	body.password #nav .password a,
	body.delivery #nav .delivery a,
	body.ComposeMail #nav .ComposeMail a,
	body.statistics #nav .statistics a,
	body.invitation #nav .invitation a,
	body.DisplayContactEmail #nav .DisplayContactEmail a,
	body.templates #nav .templates a,
	body.categories #nav .categories a,
	body.banners #nav .banners a,
	body.site-sec #nav .site-sec a,
	body.preferences #nav .preferences a,
	body.audit #nav .audit a,
	body.FindAndReplace #nav .FindAndReplace a,
	body.help #nav .help a,
	body.registration #nav .registration a,
	body.environment #nav .environment a,
	body.Customization #nav .Customization a,
	body.states #nav .states a,
	body.tickers #nav .tickers a, 
	body.practices #nav .practices a,
	body.services #nav .services a, 
	body.healthcheck #nav .healthcheck a,
	body.regions #nav .regions a,
	body.nletter #nav .nletter a,
	body.nlettertemplate #nav .nlettertemplate a	 {color: #517cae;}
	#nav a:active {color: #609be0;}
	#nav .section-title {
		background-color: #e4e4e4;
		border: 1px solid #b9b9b9;
		color: #000;
		text-decoration: none;
		box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);}
	#nav a:hover.section-title {
		color: #000;
		background-color: #dedede;}
	#nav .current-page-section .section-title,
	#nav .current-page-section a:hover.section-title,
	#nav a:active.section-title,
	body.content-manager #nav .content-manager .section-title,
	body.irm-announce #nav .irm-announce .section-title,
	body.irm-newsroom #nav .irm-newsroom .section-title,
	body.users #nav .users .section-title,
	body.subscribers #nav .subscribers .section-title,
	body.my-details #nav .my-details .section-title,
	body.mail #nav .mail .section-title,
	body.admin #nav .admin .section-title,
	body.dashboard #nav .dashboard .section-title,
	body.admin #nav .admin .section-title,	
	body.settings #nav .settings .section-title,
	body.locations #nav .locations .section-title,
	body.newsletter #nav .newsletter .section-title { 
		background-color: #666666;
		color: #fff;
		border-color: #535353;
		box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
		-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);
		-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.25);}

/* buttons */
.button, a.button:visited {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	padding: 0 22px;
	margin: 0 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #f0f0f0;
	margin: 5px 2px;
	color: #666;
	width: auto;
	border: 1px solid #c2c2c2;}
.button.add, a.button.add:visited {
	background: #6c99cd;
	color: #fff;
	border: 1px solid #296482;
	margin: 5px 2px;}
a.button.add:hover, input.button.add:hover {
	background: #609be0;
	color: #fff;}
a.button.add:active, input.button.add:active {
	background: #6c99cd;
	color: #fff;}
a.button:hover,
input.button:hover {
	background: #e0e0e0;
	color: #666;}
a.button:active,
input.button:active {
	background: #609be0;
	color: #fff;}
.button[disabled="disabled"] {
	display: none;}

	
	#header a.button, #header a.button:visited {
		background: #fff;
		color: #666;}
	#header a:hover.button {
		background: #517cae;
		color: #fff;}
	#header a:active.button {
		background: #609be0;
		color: #fff;}
		
	.ie7 input.button {
		line-height: 1;}

	a.button.help {
		position: absolute;
		top: 0;
		right: 0;}
		
	.optionbar li a {
		opacity : 0.7;
		color: #fff;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		text-decoration: none;
		padding: 0 22px;
		margin: 0 2px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		background: #445c78;
		margin: 5px 2px;
		width: auto;
		border: 1px solid #c2c2c2;}
		.ie7 .optionbar li a,
		.ie8 .optionbar li a {
			color: #c0c8d3;
			background: #3c5574;
			border-color: #949da7;}
	.optionbar li a:hover {
		opacity: 1;}
		.ie7 .optionbar li a:hover,
		.ie8 .optionbar li a:hover {
			color: #fff;
			border-color: #C2C2C2;}
	
/* html structure styling */
	/** header **/
	#header {
		background: url('../images/header-bg.png') repeat-y #ebebeb;
		padding: 0.5em 1em;}
		#title {
			margin: 29px 30px;
			float: left;}
		#title span {
			display: none;}
		#header .company-name {
			float: left;
			margin: 28px 30px 0;
			line-height: 32px;
			font-size: 18px;}
		#header .company-name a {
			color: #222;}
		#header form {
			margin: 0;}
		#header .login-info li {
			margin: 0 0 .5em;}
		#header .login-info label {
			cursor: default;}
		#header .login-info input[type="text"] {
			width: 160px;}
		.irm {
			margin: 0 5px 5px;}
		#header .button {
			float: left;}
	/** option bar **/
	.optionbar {
		background: url('../images/optionbar-bg.png') repeat-x #2b476c;
		border-top: 1px solid #646464;
		border-bottom: 4px solid #ccc;
		margin: 0 0 0.5em;
		height: 42px;
		padding: 0 1em;}
		.optionbar ul {
			list-style: none;
			margin: 0;
			padding: 0;
			float: right;}
		.optionbar li {
			float: left;}
	/** nav **/
	#nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 206px;
		margin: 0 0.5em;}
		#nav .section {
			background: #f0f0f0;
			padding: 2px;
			margin: 0 0 5px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;}
		#nav .section-title {
			display: block;
			height: 30px;
			line-height: 30px;
			padding: 0 0 0 39px;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;}
				li.dashboard .section-title {background: url('../images/hqi-icon.png') no-repeat 4px 1px;}
				li.content-manager .section-title {background: url('../images/cm-icon.png') no-repeat 4px 0;}
				li.irm-announce .section-title {background: url('../images/announce-icon.png') no-repeat 4px 0;}
				li.irm-newsroom .section-title {background: url('../images/announce-icon.png') no-repeat 4px 0;}
				li.subscribers .section-title {background: url('../images/subscribers-icon.png') no-repeat 4px 0;}
				li.users .section-title {background: url('../images/users-icon.png') no-repeat 4px 0;}
				li.my-details .section-title {background: url('../images/mydetails-icon.png') no-repeat 4px 0;}
				li.mail .section-title {background: url('../images/mail-icon.png') no-repeat 4px 0;}
				li.settings .section-title {background: url('../images/settings-icon.png') no-repeat 4px 0;}
				li.admin .section-title {background: url('../images/admin-icon.png') no-repeat 4px 0;}
				li.locations .section-title {background: url('../images/locations-icon.png') no-repeat 4px 0;}
				li.branch .section-title {background: url('../images/locations-icon.png') no-repeat 4px 0;}
				li.ServiceRequest .section-title {background: url('../images/ServiceRequest_icon.png') no-repeat 4px 0;}
				li.SupportTask .section-title {background: url('../images/SupportTask_icon.png') no-repeat 4px 0;}
				li.career .section-title {background: url('../images/career_icon.png') no-repeat 4px 0;}
				li.newsletter .section-title {background: url('../images/newsletter-icon.png') no-repeat 4px 0;}
			#nav .section ul {
				margin: 5px 6px;}
			#nav .section ul a {
				line-height: 25px;
				display: block;
				padding: 0 5px 0 10px;}
			#nav .section ul li {
				border-bottom: 1px solid #d5d5d5;}
			#nav .section ul li:nth-last-child(1), #nav .section ul li.last {
				border: none;}
	/** main **/
	#s-main {
		position: relative;}
	#main {
		margin: 0 0 0 210px;
		min-width: 710px;
		max-width: 1300px;
		padding: 30px;}
	.ie7 #main {
		min-width: 0;}
		.content-header {
			position: relative;}
		
	/** footer **/
	#footer {
		clear: both;
		border-top: 1px solid #666666;
		margin: 30px 0 0;
		position: relative;
		height: 35px;
		line-height: 35px;}
		
/* messages */
#ErrorMessages {}
	#ErrorMessages p {
		margin: 0;}
	#ctl00_contentPlaceHolderBody_ErrorMessages ul {
		list-style: disc;
		padding: 0 0 0 40px;}
	#ErrorMessages li,
	#content #ctl00_contentPlaceHolderBody_ErrorMessages li {
		margin: 0;}
	#messages div {
		display: none;}
	.info,
	.warning,
	.error,
	.success {
		margin: 0 0 1em;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 10px;}
	.ie7 .error {
		zoom: 1;}
	#RequiredFieldValidator1,
	#RequiredFieldValidator2 {
		display: inline-block;}
	.info {
		background: #eef5f8;
		border: 1px solid #70a6d4;
		color: #176398;}
	.info h3 {
		border-bottom:1px dotted #999;
	}
	.error {
		background: #f4e4e4;
		color: #b40909!important; /* overwrite asp inline styling */
		border: 1px solid #b40909;}
	.error_bare {
		background: #ffffff;
		color: #b40909;}
	.warning {
		background: #f4f0e4;
		color: #000;
		border: 1px solid #eeaf36;}
	.warning #ctl00_contentPlaceHolderBody_txtRejectionReason {display: block;margin: 10px 0;}
	.success {
		background: #e5f2d5;
		color: #20790f;
		border: 1px solid #20790f;}
	.info2, .desc {
		color: #666;
		display: block;
		font-size: 85%}
	.info3, .desc {
		color: #666;
		font-size: 85%}
	#messages .show {
		display: block;}
	#messages ul {list-style: disc; padding: 0 0 0 40px;}
	#messages li {margin: 0 0 5px;}
		
/* tables */
table {
	border: 1px solid #b2b2b2;
	margin: 0 0 2em;}
	.cms-table {
		width: 720px;}
	#tabs .cms-table label {
		width: 195px;}
	#tabs .cms-table {
		width: 700px;
		margin: 0;}
table th, table td {
	padding: 6px 8px;}
table th {
	text-align: left;
	font-weight: normal;
	color: #000;
	background: #eaeaea;
	border-bottom: 1px solid #b2b2b2;}
table td {
    background: none repeat scroll 0 0 #F0F0F0;
    color: #666666;}
	table .alt td {
		background: #fff;}
	table .title {
		font-size: 15px;}
		table .title a {
			padding: 0 10px;}
	table .thead td {
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
	color: #000;
	background: #eaeaea;
	border-bottom: 1px solid #b2b2b2;}
	.thead input[type="text"],
	.thead select {
		width: auto;
		max-width: 145px;}
.mail.delivery #content label {
	width: 100px;
	min-width: 0;}
	
/* table navigation */
	.previous {
		float: left;}
	.next {
		float: right;}
	.pagination {
		list-style: none;
		margin: 0 0 1em;
		padding: 0;}
	.pagination li {
		display: inline-block;
		margin: 0 5px 0 0;}
	.ie7 .pagination li {
		zoom: 1;
		*display: inline;}
	.pagination a {
		/*display: block;*/
		padding: 1px 6px;
		font-size: 12px;
		background: #fff;
		color: #666;
		text-decoration: none;
		border: 1px solid #c2c2c2;}
	.pagination .current a, .pagination a:hover  {
		background: #517CAE;
		color: #fff;
		border: 1px solid #c2c2c2;}
	.pagination span  {
		padding: 1px 6px;
		font-size: 12px;
		background: #517CAE;
		color: #fff;
		text-decoration: none;
		border: 1px solid #c2c2c2;}
	.pagination table {
		background: none;
		margin: 0;
		border: none; }
	.pagination .alt {
		background: none;}
		
/* forms */
form {
	margin: 0 0 1em;}
	fieldset {
		border: 1px solid #b2b2b2;
		margin: 0 0 20px;
		padding: 10px 20px;}
	fieldset label {
		width: 220px;
		white-space: normal;}
	.ie7 form fieldset ul,
	.ie8 form fieldset ul {
		margin: 10px 0;}
	legend {
		padding: 0 10px;}
	legend input[type="checkbox"] + label {
		min-width: 200px;}
	legend input[type="checkbox"] {
		margin: 0 0 0 10px;}
	form ul {
		list-style: none;
		margin: 0;
		padding: 0;}
		form #content li {
			margin: 0 0 1em;}
		form .search-date li {
			float: left;}
		form .search-date label {
			width: 100px;
			min-width: 0;}
		form .search-date input {
			width: 100px;}
		.controls {
			margin: 0 0 1em;
			}
		.controls a {
			line-height: 26px;
			height: 26px;
			vertical-align: top;}
	label {
		display: inline-block;
		zoom:1; 
		white-space: nowrap;
		/*display: inline;*/
		min-width: 200px;
		text-align: left;
		vertical-align: top;
		margin: 0 10px 0 0;
		/*height: 21px;*/}
	body.login label {
		min-width: 0;
		line-height: 38px;}
	#ctl00_contentPlaceHolderBody_trJavascript label {
		display: block;
		width: auto;
		text-align: left;}
		label.left-align {
			text-align: left;}
		.page-edit label,
		.approve label,
		.page-view label {
			text-align: left;}
	input, select {
		display: inline-block;
		padding: 3px 5px;
		}
	.ie7 input[type="text"],
	.ie7 input[type="password"] {
		padding: 0;}
	label + select {
		vertical-align: top;}
	input[type="text"],
	input[type="password"],
    textarea,
	select {
		/*width: 220px;*/
		width: 380px;
		}
	.filters input[type="text"],
	.filters select {
		width: auto;}
	textarea {
		padding: 5px;}
	textarea.content {
		width: 710px;}
		/* fck editor? */
		iframe {
			vertical-align: top;
			background: none;}
		iframe.disabled {
			border: 1px solid #afafaf;}
	input[type="checkbox"], input[type="radio"] {
		width: auto;
		margin: 0 0 0 5px;}
	input[type="checkbox"] + label, 
	input[type="radio"] + label {
		text-align: left;
		margin: 0 0 0 10px;
		width: 80px;
		min-width: 0;}
	input[disabled="disabled"] {
		background: #efefef;
		color: #888;
		border: 1px solid #afafaf;}
	input[disabled="disabled"][type="radio"] {
		background: none;
		border: none;}
	#ctl00_contentPlaceHolderBody_ExternalURL {
		width: 220px;}

/* page specific styling */
	/** dashboard **/
	    
		.welcome {
			color: #666;
			margin: 0 0 40px;}
		.welcome ul {
			list-style: disc;
			padding: 0 0 0 40px;
			margin: 0 0 1em;}
		#content .welcome li {
			margin: 0 0 5px;}
		/*.didyouknow p {
			font-size: 16px;
			width: 50%;
			color: #9b9b9b;}*/
		.shortcuts {
			list-style: none;
			margin: 0;
			padding: 0;
			clear: right;}
		#content .shortcuts li {
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-ms-box-sizing: border-box;
			background-color: #e6e6e6;
			padding: 10px;
			float: left;
			margin: 0 0.5% 10px;
			border: 1px solid #b9b9b9;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
			-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;
			width: 24%;
			min-width: 207px;
			min-height: 200px;
			position: relative;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;}
			.ie7 #content .shortcuts li {
				margin: 0 5px 10px;
				width: 207px;}
		.shortcuts a, .shortcuts h2 {
			color: #355681;
			text-decoration: none;}
		.shortcuts .more {
			position: absolute;
			bottom: 10px;
			left: 10px;
			background: #cdd0d5;
			display: block;
			padding: 0 30px 0 10px;
			line-height: 22px;
			font-size: 12px;
			height: 22px;}
		.shortcuts p {
			padding: 0 80px 0 0;}
			.shortcuts .asx {
				background: url('../images/asx-bg.png') no-repeat bottom right #e6e6e6}
			.shortcuts .content {
				background: url('../images/content-bg.png') no-repeat bottom right #e6e6e6}
			.shortcuts .subscribers {
				background: url('../images/subscribers-bg.png') no-repeat bottom right #e6e6e6}
			#content .shortcuts li:hover {
				background-color: #efefef;}
			#content .shortcuts li:hover h2,
			#content .shortcuts li:hover a {
				color: #609BE0;}

	/* page add specific */
		input.title {
			width: 710px;}
			
	/* calendar page specific */
		body.add-calendar #main label {
			width: 80px;}
		form.calendar .details {
			width: 309px;}
			
	/* article add specific */
		.article .date-time input[type="text"],
		.article .date-time select,
		.add-calendar .date-time input[type="text"],
		.add-calendar .date-time select {
			width: auto;
			vertical-align: middle}
		.article select, 
		.article input[type="text"] {
			width: 390px;}
		.article select.categories {
			height: 100px;
			width: 230px;
			overflow: auto}
		.article .category-select {
			display: none;}
			
	/*preference specific */
		.environment .mode {
			height: 40px;}
		.environment .mode li {
			float: left;
			width: 200px;}
		.environment .mode label {
			width: 100px;
			min-width: 0;}
			
		#test th {background: #ecd7d7;}
		.ui-state-active a[href="#test"],
		.ui-state-active a[href="#test"]:link,
		.ui-state-active a[href="#test"]:visited {color: #bc2828;}
		#live th {background: #ece8d7;}
		.ui-state-active a[href="#live"],
		.ui-state-active a[href="#live"]:link,
		.ui-state-active a[href="#live"]:visited {color: #d7b80a;}
		#domain th {background: #d9ecd7;}
		.ui-state-active a[href="#domain"],
		.ui-state-active a[href="#domain"]:link,
		.ui-state-active a[href="#domain"]:visited {color: #3cb21c;}
			
		.preferences #main input[type="text"],
		.preferences #main textarea,
		.environment #main input[type="text"],
		.preferences input[type="url"],
		.preferences input[type="email"],
		.preferences input[type="number"],
		.preferences input[type="tel"] {
			width: 380px;}
			
	/* bulk subscribe specific */
	#content form.bulk-subscribe li li {
		float: left;
		width: 215px;}
		
	/* site security specific */
	.site-security .column {
		width: 220px;
		height: 280px;
		float: left;}
	.site-security .column label {
		text-align: left;}
	.site-security .column select {
		height: 260px;}
	.site-security .arrows {
		width: 40px;
		height: 80px;
		padding: 100px 20px;
		float: left;}
	.site-security .arrows input {
		display: block;
		margin: 10px 0;}
		
	/* categories specific */
	#content .privileges {
		margin: 0 0 0 1em;
		width: 220px;}
	.privileges label {
		width: auto;
		margin: 0 0 18px;
		text-align: left;}
	#content .archive li {
		margin: 0 20px 0 0;}
	.display-options label {
		width: 185px;}
	.display-options input[type="text"] {
		width: 50px;}

/* registration fields specific */
	.reg-edit .column {
		width: 50%;
		/*height: 500px;*/
		float: left;}
	.reg-edit .column label {
		text-align: left;}


/* user statistics graphs - not used */
	.graph {
		width: 500px;
		padding: 0 0 20px;
		margin: 0 0 1em;}
	.graph ul {
		list-style: none;
		border-right: 1px solid #b2b2b2;
		margin: 0;
		padding: 10px 0;
		width: 150px;}
	.graph li {
		margin: 0 0 1em;
		position: relative;}
	.graph-column {
		position: absolute;
		left: 150px;
		top: 0;
		background: #A2B8D2;}
	.graph .total {
		position: absolute;
		left: 160px;
		top: 0;}
	.graph .axis {
		margin: 0 0 0 150px;
		width: 350px;
		border-right: none;
		border-top: 1px solid #b2b2b2;}
	.graph .axis li {
		float: left;
		text-align: right;
		margin: 0;
		width: 19%;}
	.graph .axis-label {
		float: right;
		font-size: 80%;
		width: 350px;
		text-align: center;}
		
/* cms version info in footer */
.cms-info {
	position: absolute;
	z-index: 999;
	bottom: 40px;
	background: #fff;
	right: 0;
	width: 230px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #ccc;
	padding: 10px;
	display: none;
	line-height: 1.5;}
	.cms-info .close {
		position: absolute;
		top: 2px;
		right: 2px;
		height: 20px;
		width: 20px;
		background: url('../images/close.png');
		overflow: hidden;}
	.cms-info .close:hover {
		background-position: 0 20px;}

/* tooltip */
a.help {
	display: inline-block;
	padding: 0 5px;}
.tooltip {
	position: relative;
	z-index: 999;
	bottom: 40px;
	background: #fff;
	right: 0;
	width: 220px;
	height: 120px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 5px solid #ccc;
	padding: 10px;
	display: none;
	line-height: 1.5;}
.ui-tooltip {
	max-width: 220px;}
	
/* login */
.login {
	background: #f3f3f3;}
.login #content {
	width: 500px;
	padding: 20px;
	margin: 20px auto;
	background: #fff;
	float: inherit;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
	.no-boxshadow .login #content {
		border: 1px solid #bbb;}
	.login #title {
		float: inherit;
		display: block;
		margin: 30px 0;
		padding: 0;
		height: auto;
		clear: both;}
	.login #title img {
		display: block;
		margin: 0 auto;}
	.login label {
		display: block;
		float: left;
		clear: left;
		padding: 0 5px 0 0;
		text-align: right;
		line-height: 30px;
		width: 145px;}
	.login input {
		float: left;
		width: 200px;
		padding: 5px 7px 6px;
		margin: 3px 0;}
	.ie7 .login input {
		height: 30px;
		line-height: 30px;}
/*		
#btnLogin,
#ctl00_contentPlaceHolderBody_btnSend {
			float: inherit;
			width: 100px;
			height: 30px;
			line-height: 20px;
			padding: 0;
			margin: 10px 150px;
			clear: both;}
*/
.login p.login-row {
		margin: 0;
		zoom: 1;
		clear: both;}
.login ul {
		list-style: none;
		padding: 0;}
.login li {
		padding: 0 10px;
		margin: 0 0 10px;}
		


/* please wait js dialogue */
#progressBackgroundFilter {
    position: fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    /*overflow:hidden; */
    overflow: visible;
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000;}
#processMessage { 
	    position:fixed; 
	    color: #666;
	    text-align: center;
	    top:30%; 
	    left:43%;
	    padding:20px 20px 30px 20px; 
	    width:14%; 
	    z-index:1001; 
	    background-color:#fff;
	    border: solid 6px #999;
	    border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    font-weight: bold;}
#modalMessage { 
	    position:fixed; 
	    color: #666;
	    text-align: center;
	    top:30%; 
	    left:43%;
	    padding:20px 20px 30px 20px; 
	    width:25%; 
	    z-index:1001; 
	    background-color:#fff;
	    border: solid 6px #999;
	    border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    font-weight: bold;}	
/* Email Alerts page style */
.my-email-alerts .aside {
	width: 200px;
	padding: 10px;
	font-size: 13px;
	background: #eee;
	float: right;}
.my-email-alerts .aside label {
	width: 75px;
	margin: 0;}
.my-email-alerts .aside input {
	width: 190px;}
.my-email-alerts .aside input[type="submit"] {
	width: auto;
	margin: 0 0 1em;
	float: right;}
	
/* front-end list page styling */
.articles {
	list-style: none;
	padding: 0;}
.articles li {}
.articles .icon {}
.articles .date {}
.articles .title {}
.articles .brief {}
.archive-link {}
.archive-options select {
	width: 100px;}
	
/* Common Addative Classes */
.clickable {
	cursor: pointer;}
.left  { float:left}
.right { float:right}
	img.center { margin: 0 auto; display: block;}
	img.left { display: block; float:left;margin:1em 1em 0.5em 0;}
	img.right { display: block; float:right;margin:1em 0 0.5em 1em;}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0px; height:0px;}
.hidden {display: none;}

.align-right    { text-align:right;}
.align-left     { text-align:left;}
.align-center   { text-align:center;}
.align-justify  { text-align:justify;}

p {margin:0 0 1em;}

/* Header Styles */
h1, h2, h3, h4, h5 {font-weight: bold; margin:0 0 1em; line-height:1.5;}
h1 {	font-size:18px; 
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #b2b2b2;
	padding: 0 0 0 50px;
	line-height: 40px;
	height: 40px;}
.didyouknow h1 {	
	border-bottom: 2px solid #CECECE;
    color: #333333;
    font-size: 24px;
    font-weight: normal;
    height: auto;
    line-height: 1.5;
    margin: 0 0 14px;
    padding: 0;}

	h1#contact {background: url('../images/dashboard-icon.png') no-repeat 9px 6px;}
	.content-manager h1 {background: url('../images/cm-icon-large.png') no-repeat left;}
	.irm-announce h1 {background: url('../images/announce-icon-large.png') no-repeat left;}
	.irm-newsroom h1 {background: url('../images/announce-icon-large.png') no-repeat left;}
	.users h1 {background: url('../images/users-icon-large.png') no-repeat left;}
	.subscribers h1 {background: url('../images/subscribers-icon-large.png') no-repeat left;}
	.my-details h1 {background: url('../images/mydetails-icon-large.png') no-repeat left;}
	.mail h1 {background: url('../images/mail-icon-large.png') no-repeat left;}
	.settings h1 {background: url('../images/settings-icon-large.png') no-repeat left;}
	.states h1 {background: url('../images/settings-icon-large.png') no-repeat left;}
	.admin h1 {background: url('../images/admin-icon-large.png') no-repeat left;}
	.locations h1 {background: url('../images/locations-icon-large.png') no-repeat left;}
	.healthcheck h1 {background: url('../images/graph-icon-large.png') no-repeat left;}
	.healthcheck2 h1 {background: url('../images/dashboard-icon.png') no-repeat left;}
	.user-stats h1 {background: url('../images/graph-icon-large.png') no-repeat left;}
	.export h1 {background: url('../images/import-export-icon.png') no-repeat left;}
	.emailgroup h1 {background: url('../images/group-icon.png') no-repeat left;}
	.newsletter h1 {background: url('../images/newsletter-icon-large.png') no-repeat left;}
	.career h1 {background: url('../images/career_icon.png') no-repeat left;}
	.branch h1 {background: url('../images/locations-icon.png') no-repeat left;}
	.ServiceRequest h1 {background: url('../images/ServiceRequest_icon.png') no-repeat left;}
	.SupportTask h1 {background: url('../images/SupportTask_icon.png') no-repeat left;}
	/*HERE!!!*/
h2 {
	font-size: 18px;
	color: #000;
	font-weight: normal;}
table h2 {
	font-weight: normal;
	font-size: 15px}
h3 {	font-size:14px;} 
h4 {	font-size:14px;} 
h5 {	font-size:14px;} 
h6 {	font-size:14px;}

.ui-datepicker-calendar {
	background: #fff;}
.ui-widget {font-size: 12px!important;}
.ui-tabs {font-size: 15px!important;}
form #content #tabs li {margin: 0;}
.datepicker {vertical-align: middle;}
.hasPlaceholder {color: #666;}
.ui-tabs .ui-tabs-nav {
    height: 37px;
    margin: 0;
    padding: 0.2em 0.2em 0;}
		    
#ctl00_contentPlaceHolderBody_chkUsers li {
	float: left;
	min-width: 167px;}

.column 
{
    color: #666;
	float: left;
	width: 24%;
	min-width: 207px;
	min-height: 300px;
	margin: 0 0.5% 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;}
.column p strong {
    border-bottom: 2px solid #CECECE;
    color: #000000;
    display: block;
    font-size: 24px;
    font-weight: normal;}
	
.column-wide {
	width: 49%;
	color: #666;}
.column-wide ul {
	list-style: disc;
	padding: 0 0 0 40px;
	margin: 0 0 1em;}
#content .column-wide li {
	width: 49%;
	margin: 0 0 5px;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#ctl00_contentPlaceHolderBody_divNoticeText.important {
                border: 1px solid #ede681;
                background: #ffffe0;
                padding: 10px;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;}
                
#ctl00_contentPlaceHolderBody_divNoticeText.important h1 {
                padding: 0 0 0 32px;
                border-bottom-color: #ede681;
                background: url('../../admin/images/notice.png') no-repeat left;}

#ctl00_contentPlaceHolderBody_divEventText.important {
                border: 1px solid #ede681;
                /*background: #ffffe0;*/
                padding: 10px;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                background:url('../../showcat.aspx?itemtype=dashboard') no-repeat bottom right  #ffffe0;
                }
#ctl00_contentPlaceHolderBody_divEventText.important h1 {
                padding: 0 0 0 32px;
                border-bottom-color: #ede681;
                background: url('../../admin/images/notice.png') no-repeat left;}

.SeperateLi
{
     background-color:#e0e0e0;
     padding-left:5px;
     
}
/*modal popup*/
.modalPopup 
{
    position: fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    /*overflow:hidden; */
    overflow: visible;
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000;}
    
    
/*IRM Announcement*/ 
    
ul.toplist {
	width: 63.33%;
	position: relative;
	min-height: 180px;
}
.toplist label{
	min-width: 145px;
}

.Historybox {
	position: relative;
	width: 32.33%;
	float: right;
	/*overflow:scroll; */
	overflow:auto;
	max-height:160px;
	min-width:350px;
}

.ui-state-default {
	background: #F0F0F0!important;
	padding: 0 5px!important;
	border: 1px solid #C2C2C2!important;
	margin-left: 3px!important;
}
.ui-state-default a {
	font-weight: 500!important;
	color:  #666!important;
	font-size: 14px!important;
	padding-left: 4px!important;
}
.ui-state-default a img {
	padding-right: 5px;
}


.ui-state-active{
	z-index: 3!important;
	background: white!important;
	border: 1px solid #C2C2C2!important;
	border-bottom: 1px solid white!important;
}

.ui-state-active{
	z-index: 99!important;
	background: white!important;
	border: 1px solid #C2C2C2!important;
	border-bottom: 1px solid white!important;
}

.boxright {
	width: 33.33%;
	float: right;
	/*min-width: 210px!important;*/	
	min-width: 310px!important;
}

.ui-tabs .ui-tabs-panel {
	position: relative;
	/*bottom: 35px;*/
	}

.boxright label{
	min-width: 10px;
}
.boxright input[type="checkbox"] + label, input[type="radio"] + label {
	width: auto;
}
.boxright input[type="text"], input[type="password"], select {
	width: auto;
}
.boxright .yesnobutton {
	float: right;
}
.boxright .otherpage {
	width: 100%;
}
.boxright .info2, .boxright .desc {
	display:inline;
}
.boxright .cke_skin_office2003 span.cke_browser_webkit, .boxright .cke_skin_office2003 span.cke_browser_gecko18 {
	display: inline!important;
}
.boxright input[type="checkbox"], input[type="radio"] {
margin: 0px;
}
.briefbox {
	width: 63.33%;
}
.briefbox .adddoc	{
	float: right;
	position:relative;
	bottom: 2em;
	
}

.ui-tabs .ui-tabs-panel {
	padding: 0.5em;
}


.rightbox {
	float: right;
	width: 40%;
	/*margin-top: 25px;*/
}
.leftbox {
	float: left;
	width: 50%;
	/*margin-top: 25px;*/
}


.Distribution {
	margin-top: 25px;
}
/*
.Distribution .ui-widget-header {

	top: -69px;
	_top: -73px; * show to IE *
	top: -73px\9; * show to IE *
	*top: -73px; * show to IE *
}
*/
.leftbox h3 {
	padding-left: 15px;
}
.ui-dialog .ui-widget-header {
	bottom:0px;
	color: gray;
}

.ui-tabs {
	min-height: 120px;
	/*margin-top: 45px;*/
	width: 100%!important;
}
.ui-tabs .ui-tabs-nav 
{ 
    padding: 0px;
}
img.ChannelCloseLinkedIn, img.ChannelCloseTwitter, img.ChannelCloseWeb, img.ChannelCloseEmail, img.ChannelCloseFacebook
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
img:hover.ChannelCloseLinkedIn, img:hover.ChannelCloseTwitter, img:hover.ChannelCloseWeb, img:hover.ChannelCloseEmail, img:hover.ChannelCloseFacebook
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

img:hover.ChannelOKLinkedIn, img:hover.ChannelOKTwitter, img:hover.ChannelOKWeb, img:hover.ChannelOKEmail, img:hover.ChannelOKFacebook
{
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
}

img.ChannelCloseLinkedInHistory, img.ChannelCloseTwitterHistory, img.ChannelCloseWebHistory, img.ChannelCloseEmailHistory, img.ChannelCloseFacebookHistory,
img:hover.ChannelCloseLinkedInHistory, img:hover.ChannelCloseTwitterHistory, img:hover.ChannelCloseWebHistory, img:hover.ChannelCloseEmailHistory, img:hover.ChannelCloseFacebookHistory
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

img:hover.ChannelOKLinkedInHistory, img:hover.ChannelOKTwitterHistory, img:hover.ChannelOKWebHistory, img:hover.ChannelOKEmailHistory, img:hover.ChannelOKFacebookHistory
{
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.AnnouncementDetails table {
	width: 100%;
}
.moredetails {
	text-decoration: underline;
	float: right;
	cursor:pointer;
	font-size:0.8em;
}

.disabled a{
    color:lightgray;
}

/*
a:visited.disabled, a:hover.disabled, a:active.disabled, a:focus.disabled { 
    color:lightgray;
}
*/
a.disabled{ 
    color:lightgray!important;
}



/*  Styling for Product Catalog  */
.ProductCatalogDetailsHeadingText{
	font-weight: bold;
	margin-bottom: 20px;
}
/* 3 nav buttons  */
.ProductDetailNav3button ul li{
	list-style-type: none;
	display: inline-block;
	float: left;
	width:32%;
	margin-right: 1% !important;
}
.ProductDetailNav3button ul li input{
	width: 100%;
	padding:10px;
	font-weight: bold;
}
.ProductDetailNav3button ul{
	margin: 0;
}

.ProductDetailNav3button ul li{
	margin-right: 1px;
}
.ProductDetailNav3button ul li:last-child input{
	float:right;
}
/*  4 nav buttons  */
.ProductDetailNav4button ul li{
	list-style-type: none;
	display: inline-block;
	float: left;
	width:24%;
	margin-right:1% !important;
}
.ProductDetailNav4button ul li input{
	width: 100%;
	padding:10px;
	font-weight: bold;
}
.ProductDetailNav4button ul{
	margin: 0;
}

.ProductDetailNav4button ul li{
	margin-right: 1px;
}
.ProductDetailNav4button ul li:last-child input{
	float:right;
}
/*  5 nav buttons  */
.ProductDetailNav5button ul li{
	list-style-type: none;
	display: inline-block;
	float: left;
	width:19%;
	margin-right: 1% !important;
}
.ProductDetailNav5button ul li input{
	width: 100%;
	margin-bottom: 0;
	padding:10px;
	font-weight: bold;
}
.ProductDetailNav5button ul{
	margin: 0;
}

.ProductDetailNav5button ul li{
	margin-right: 1px;
}
.ProductDetailNav5button ul li:last-child input{
	float:right;
}
.ProductCatalogEnquireIntroText .columns{
	padding:0;
}
.ProductsCol{
	margin-top: 20px;
}
.ProductCatalogIntro{
	padding:20px;
	background: #fff;
	border:1px solid #2c3691;
	margin: 10px 0 0;
}
.prodcatdetailsrow .columns{
	padding:0;
}
.prodcatdetailsrow .columns p{
	padding: 20px;
	margin-bottom: 0;
}
.prodcatdetailsrow{
	margin: 0 !important;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.prodcatdetailsrow:nth-of-type(odd){
	background: #f2f2f2;
}
.prodcatdetailsrow .medium-12{
	padding: 0;
    background: #fff;
    color: #2c3691;
    border: 1px solid #2c3691;
    margin-bottom: 20px;
    margin-top: 20px;
}
.prodcatdetailsrow select{
	margin-bottom: 0;
	padding:10px;
}
.prodcatdetailsrow input[type="text"]{
	padding:10px;
}
.prodcatdetailsrow .g-recaptcha{
	margin:20px;
}
.prodcatdetailsrow:hover{
	background:rgba(44, 54, 145, 0.1);
}
.prodcatdetailsrow:hover:last-of-type,
.prodcatdetailsrow13
/*.prodcatdetailsrow:hover:first-of-type*/{
	background:none;
}
.productListThumbnail{
	width:100%;
	max-width: 250px;
	display: block;
	height:150px;
	background-size: cover !important;
	background-position: center !important;
	margin: 0 auto 10px;
	border: 1px solid #ddd;
}
.ProductCatalogImage img{
	display: block;
	max-width: 600px;
	margin:10px auto 20px;
}
.ProductCatalogEnquireIntroText{
	margin-bottom: 20px;
}

.ProductsCoolBox{
	width:29%;
	display: inline-block;
	float: left;
	/*margin-left: 1%;*/
	margin-right: 1%;
	border: 1px solid #efefef;
	padding: 20px;
	min-height: 500px;
	margin-bottom: 1%;
	position: relative;
	overflow: hidden;
}

.ServicePageDropdownLabels {
    margin-left: 0 !important;
    display: block;
    width: 100%;
    height: 60px;
}
.ServicePageDropdownLabels li:first-child{
	margin-left: 1%;
}
.ServicePageDropdownLabels li{
	list-style-type: none;
	width: 32.2%;
	display: inline-block;
	float: left;
	margin-right: 1% !important;
}
.ServicePageDropdownLabels li label{
	width:100%;
	font-weight: bold;
}
.ServicePageDropdownLabels li select{
	width:100%;
	padding: 10px;
}
.ProductsCoolName dt,
.ProductsCoolDescription dt{
	display: none;
}
.ProductsCoolBox:hover .ProductsCoolLink{
	opacity: 1;
	top:0;
}
.ProductsCoolLink{
	opacity: 0;
	position: absolute;
	width: 100%;
	top:0;
	left:0;
	padding: 60% 35%;
	background: rgba(44, 54, 145, 0.3);
	height: 50px;
	transition:all 0.8s ease;
}
.ProductsCoolLink a{
	font-weight: bold;
	text-decoration: none;
	padding:20px 30px;
	border:2px solid #515cbf;
	background:#515cbf;
	color: #fff;
	transition:all 0.5s ease;
}
.ProductsCoolLink a:hover{
	background: #fff;
	color:#515cbf;
}
.ProductsCoolLink input{
	padding:20px 40px;
}
.ProductsCoolName dl dd{
	/*min-height: 45px;*/
	display: block;
	font-weight: bold;
	border-bottom: 1px solid #efefef;
	margin: 0;
}
.ProductsCoolDescription dd{
	margin:0;
}
.ProductDetailNav .columns{
	padding:0;
}