﻿/* DEFAULT STYLES */

body
{
  background-color: #f0f1f3;
  margin: 0px;
  padding: 0px;
  color: #444;
  font-family: Graphik Web,Georgia,Arial,Helvetica,sans-serif;
  font-size: 13px;
}

.internalContent
{
  min-height: 800px !important;
}

.whiteBack
{
  background: #ffffff;
  width: 100%;
  padding-bottom: 30px;
}

h1, h2, h3, h4
{
  font-size: 26px;
  font-weight: normal;
  color: #444444;
  font-family: Graphik Web,Georgia,Arial,Helvetica,sans-serif;
  padding: 10px 4px;
}

h1
{
  font-size: 26px;
  font-family: Graphik Web,Georgia,Arial,Helvetica,sans-serif;
}

h2
{
  font-size: 20px;
}

h3
{
  font-size: 24px;
  border-bottom: 4px solid #159c8d;
}

h4
{
  font-size: 14px;
  border-bottom: 4px solid #abe329;
  font-weight: bold;
  margin: 4px 0px 0px;
  padding: 0px;
}

img
{
  border: none;
}

p
{
  padding: 0px 4px;
  margin: 6px 0px;
}

textarea
{
  font-family: Arial,Helvetica,sans-serif;
}

a
{
  color: #000;
  text-decoration: underline;
}

  a img
  {
    border: none;
  }


input
{
  font-size: 14px;
}

  input[type=text]
  {
    width: 140px;
  }

  input[type=submit]
  {
    min-width: 100px;
    padding: 4px;
    border: #000 1px solid;
    border: #137d71 1px solid;
    background-color: #159c8d;
    color: white;
    padding: 5px;
  }


    input[type=submit]:disabled
    {
      opacity: 0.5;
    }

ol li
{
  margin: 6px 0px;
}

table
{
  border: none;
}

.clear
{
  clear: both;
}

.none
{
  display: none;
}

.normal, .normal label, .normal span, .normal p, .normal input
{
  font-weight: normal !important;
}

.bold, .bold label, .bold span, .bold p, .bold input
{
  font-weight: bold !important;
}

.center
{
  text-align: center;
}

.smallcomment
{
  font-size: 8pt;
}

.full-width
{
  width: 100%;
}

.inline-block
{
  display: inline-block;
}

.PCLSReminder
{
  border: 1px solid #ff0000;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  background: #ffffff;
  margin-top: 10px;
  padding: 5px;
  margin-bottom: -10px;
  text-align: center;
}

.pdf-download
{
  display: block;
  background: url('../../images/pdficon.png') no-repeat center left;
  padding-left: 40px;
  text-decoration: none;
  line-height: 34px;
}

.fundContainer
{
  height: 290px;
  overflow: auto;
}

  .fundContainer table
  {
    margin-left: 20px;
    margin-top: 10px;
  }

    .fundContainer table tr:first-child
    {
      font-weight: bold;
    }

    .fundContainer table td
    {
      padding-left: 20px;
    }



.submit-link
{
  display: inline-block;
  border: 1px solid #5a5a5a;
  padding: 8px;
  background: rgb(212,227,177); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(212,227,177,1) 0%, rgba(171,227,41,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,227,177,1)), color-stop(100%,rgba(171,227,41,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(212,227,177,1) 0%,rgba(171,227,41,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(212,227,177,1) 0%,rgba(171,227,41,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(212,227,177,1) 0%,rgba(171,227,41,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(212,227,177,1) 0%,rgba(171,227,41,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e3b1', endColorstr='#abe329',GradientType=0 ); /* IE6-9 */
  color: #6a737b;
  font-size: 12px;
  font-weight: bold;
}

/* LAYOUT STYLES */

#container
{
  padding: 8px 22px 12px;
  width: 756px;
  background-color: #fff;
  margin: 0px auto;
  margin-top: -5px;
  padding-top: 30px;
  min-height: 700px;
}

#header
{
  width: 100%;
}

#container_top
{
  width: 100%;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}


.container_center
{
  width: 755px;
  margin-left: auto;
  margin-right: auto;
}

#menu_bar_back
{
  background: #415960;
  height: 55px;
}

#container_top img
{
  padding: 10px 10px 20px 0px;
  float: left;
}

#container_providers
{
  clear: both;
  margin: 12px 0px 0px 6px;
  padding-bottom: 8px;
  height: 100px;
  background-image: url('../../images/providers_5.png?v=4-1');
  background-repeat: no-repeat;
}

#container_bottom
{
  width: 100%;
  margin: 0px auto;
  background-color: #fff;
  clear: both;
}

#container_bottom_content
{
  color: #888888;
  font-size: 12px;
  text-align: center;
  background-color: #f0f1f3;
  padding: 8px;
}

  #container_bottom_content a
  {
    color: #000;
  }

#column-left
{
  float: left;
  width: 300px;
}

#column-right
{
  float: right;
  width: 434px;
  padding-right: 12px;
}



/* NAVIGATION STYLES */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropline
{
  padding: 0 0 0 0px;
  margin: 6px 0px 0px 0px;
  list-style: none;
  height: 40px;
  width: 788px;
  position: relative;
  clear: both;
}

  #dropline table
  {
    border-collapse: collapse;
    width: 0;
    height: 0;
    margin: -3px -10px;
  }

  #dropline li
  {
    float: left;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

    #dropline li a
    {
      display: block;
      line-height: 40px;
      margin-top: 5px;
      float: left;
      color: #ffffff;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
    }

      #dropline li a b
      {
        display: block;
        height: 40px;
        float: left;
        padding: 0 0 0 18px;
        cursor: pointer;
      }


  #dropline .current .current_sub
  {
    display: none;
  }

  #dropline li a:hover b, #dropline li:hover, #dropline li:hover > a b, #dropline li.current
  {
    background: #07455D; /* Old browsers */
    height: 55px;
  }


  #dropline .current .right li:hover
  {
    background: #ffffff; /* Old browsers */
    height: 35px;
  }

    #dropline .current .right li:hover a
    {
      text-decoration: underline !important;
    }




  #dropline .current .right
  {
    margin-top: 6px;
    background: #ffffff;
  }


  #dropline ul
  {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    height: 25px;
    width: 700px;
    background: #fff;
    left: -9999px;
    top: 44px;
    z-index: 10;
  }

    #dropline ul.right li
    {
      float: right;
    }

    #dropline ul li a
    {
      color: #000;
      padding: 0 10px 0 10px;
      height: 25px;
      line-height: 25px;
      border-right: 1px solid #6edbf0;
      font-weight: bold;
      font-size: 11px;
    }

      #dropline ul li a:hover
      {
      }

    #dropline ul.right li a
    {
      border-left: 1px solid #abe239;
      border-right: 0;
    }

    #dropline ul li a.last
    {
      border: 0;
    }

    #dropline ul.blank
    {
      display: none;
    }

  #dropline :hover ul
  {
  }

  #dropline li.current ul
  {
    left: 0;
    z-index: 1;
  }

  #dropline li.current a
  {
  }

    #dropline li.current a b
    {
      line-height: 36px;
    }

  #dropline li.current ul li a
  {
    color: #000;
    padding: 0 10px 0 10px;
    height: 25px;
    line-height: 25px;
    background: transparent;
  }

  #dropline li.current ul li.current_sub a
  {
    color: #fff;
  }


  #dropline li.right
  {
    float: right;
  }


/* FORM STYLES */


.split-section
{
  width: 356px;
  float: left;
  height: 80px;
  display: inline-block !important;
}

.methodOptions
{
  margin-top: 10px;
  margin-left: 50px;
}

.breakBoxes
{
  margin-right: 5px !important;
}

.nowrap
{
  float: left;
  white-space: nowrap;
  overflow: auto;
  width: 100%;
}

.nastyGradient
{
  background: -moz-linear-gradient(top, rgba(122,193,67,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,193,67,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#997ac143', startColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


.section, .empty-data td p, .no-results-panel, .fixedTermOptions
{
  border: 2px solid #f0f1f3;
  padding: 7px 7px 12px;
  margin: 0px 0px 8px;
  background: #f0f1f3;
}

.oldgrad
{
  background: -moz-linear-gradient(top, rgba(122,193,67,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,193,67,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(122,193,67,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( endColorstr='#997ac143', startColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.no-results-panel p
{
  font-weight: bold;
}


.section-item-format
{
  font-weight: bold;
}


.section-item
{
  margin: 8px 4px;
}

  .section-item label
  {
    display: inline-block;
    width: 100px;
    font-weight: bold;
    vertical-align: top;
  }

  .section-item span, .section-item a
  {
    padding: 0px 4px;
  }

    .section-item label.label-full-width, .section-item span.label-full-width label
    {
      width: 100%;
      vertical-align: middle;
    }

    .section-item .label-20p, .section-item span.label-20p label
    {
      width: 20%;
      vertical-align: middle;
    }

    .section-item .label-20p-top, .section-item span.label-20p-top label
    {
      width: 20%;
      vertical-align: top;
    }

    .section-item .label-25p, .section-item span.label-25p label
    {
      width: 25%;
      vertical-align: middle;
    }

    .section-item .label-25p-top, .section-item span.label-25p-top label
    {
      width: 25%;
      vertical-align: top;
    }

    .section-item .label-30p, .section-item span.label-30p label
    {
      width: 30%;
      vertical-align: middle;
    }

    .section-item .label-30p-top, .section-item span.label-30p-top label
    {
      width: 30%;
      vertical-align: top;
    }

    .section-item .label-35p, .section-item span.label-35p label
    {
      width: 35%;
      vertical-align: middle;
    }

    .section-item .label-35p-top, .section-item span.label-35p-top label
    {
      width: 35%;
      vertical-align: top;
    }

    .section-item label.label-40p, .section-item span.label-40p label
    {
      width: 40%;
      vertical-align: middle;
    }

    .section-item .label-40p-top, .section-item span.label-40p-top label
    {
      width: 40%;
      vertical-align: top;
    }

    .section-item label.label-50p, .section-item span.label-50p label
    {
      width: 50%;
      vertical-align: middle;
    }

    .section-item .label-50p-top, .section-item span.label-50p-top label
    {
      width: 50%;
      vertical-align: top;
    }

    .section-item label.label-60p, .section-item span.label-60p label
    {
      width: 60%;
      vertical-align: middle;
    }

    .section-item label.label-60p-top, .section-item span.label-60p-top label
    {
      width: 60%;
      vertical-align: top;
    }

    .section-item label.label-70p, .section-item span.label-70p label
    {
      width: 70%;
      vertical-align: middle;
    }

    .section-item label.label-80p, .section-item span.label-80p label
    {
      width: 80%;
      vertical-align: middle;
    }

    .section-item label.label-80p-top, .section-item span.label-80p-top label
    {
      width: 80%;
      vertical-align: top;
    }

    .section-item label.label-100p, .section-item span.label-100p label
    {
      width: 100%;
      vertical-align: middle;
    }

.radio-list
{
  display: inline-block;
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: bottom;
  height: 25px;
}

.radio-nudge-down
{
  margin-bottom: -10px;
}

.slider-nudge-down
{
  transform: translateY(8px);
}

.validator-align
{
  transform: translateY(4px);
}

.radio-list td
{
  padding: 0px;
}

.radio-list tr td input
{
  vertical-align: middle;
}

.radio-list tr td label
{
  vertical-align: middle;
  min-width: 35px;
  width: inherit;
}

.radio-list td input[type="radio"]
{
  padding: 1px 3px;
}

.radio-list-100 tr td label
{
  width: 100px;
}

.radio-list-100 td
{
  padding: 0px;
}

.radio-list-inline
{
  width: auto !important;
  padding: 0px 0px 0px 10px;
  margin-bottom: 0px !important;
}

  .radio-list-inline td
  {
    padding-left: 20px;
  }

  .radio-list-inline tr td label
  {
    display: inline;
    padding-right: 4px;
  }

.check-list checkbox
{
  display: inline;
  vertical-align: middle;
}

.check-list label
{
  width: 100%;
  vertical-align: middle;
  display: inline;
}

.check-list-linear
{
  display: inline;
  border-spacing: 0;
  border-collapse: collapse;
  vertical-align: bottom;
}

  .check-list-linear td
  {
    padding: 0px;
  }

    .check-list-linear td input[type="checkbox"]
    {
      padding: 1px 3px;
    }

.check-list-top td
{
  padding-top: 10px !important;
}

.validation-section
{
  display: inline-block;
  width: 200px;
  padding: 2px 0px;
}

.validation-section-50
{
  display: inline-block;
  width: 50px;
  padding: 2px 0px;
}

.validation-section-70
{
  display: inline-block;
  width: 70px;
  padding: 2px 0px;
}

.validation-section-100
{
  display: inline-block;
  width: 100px;
  padding: 2px 0px;
}

.validation-section-25
{
  display: inline-block;
  width: 25px;
  padding: 2px 0px;
}

.validation-section-250
{
  display: inline-block;
  width: 250px;
  padding: 2px 0px;
}

.validator
{
  color: #f20000 !important;
  font-size: 8pt;
}

.alert
{
  margin: 20px 0px;
  padding: 5px;
  display: none;
}

.alert-permanent
{
  margin: 20px 0px;
  padding: 5px;
}

  .alert p, .alert-permanent p
  {
    border: 1px solid #ff0000;
    color: #ff0000;
    width: 440px;
    padding: 5px;
    margin: 0px auto;
    text-align: center;
  }

/* GRID STYLES */
.grid-header th, .grid-header td, .result-grid-header th, .result-grid-header td
{
  padding: 8px 4px;
  background-color: #07455d;
  border: 1px solid #07455d;
  color: #fff;
}

  .grid-header th a, .result-grid-header th a
  {
    color: #fff;
  }

.result-grid-header th
{
  font-size: 9pt;
}

.grid-row, .result-grid-row, .fta-result-grid-row
{
  border-style: solid;
  border-color: #6edbf0;
  text-align: center;
  border-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  font-size: 9pt;
  background-color: #f6f6f3;
}

.grid-row-width-200
{
  width: 200px;
}

.error-grid-row ul
{
  text-align: left;
  padding-left: 15px;
}

.grid-row-left
{
  border-style: solid;
  border-color: #6edbf0;
  text-align: left;
  border-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  font-size: 10pt;
  background-color: #f6f6f3;
}

.grid-row-alt, .result-grid-row-alt, .fta-result-grid-row-alt
{
  border-style: solid;
  border-color: #6edbf0;
  text-align: center;
  border-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  font-size: 10pt;
  background-color: #ebebe9;
}

.grid-footer-row td
{
  border: 1px solid #07455d;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  background-color: #07455d;
  color: #fff;
  padding: 4px;
}

.grid-row td, .grid-row-left td, .result-grid-row td, .result-grid-row-left td, .fta-result-grid-row td, .fta-result-grid-row-left td
{
  padding: 4px;
}

/*is this next line IE8 only?*/
.result-grid-row, .result-grid-row-alt
{
  border: 1px solid #000 !important;
}

.result-grid-row-no-pad td
{
  padding: 5px 0px 5px 0px;
}

.result-grid-row-no-pad th
{
  padding: 4px 0px 4px 0px;
}

.selected-row
{
  background-color: #6edbf0;
  color: White;
}

.grid-row:hover, .grid-row-alt:hover, .result-grid-row:hover, .result-grid-row-alt:hover, .fta-result-grid-row:hover, .fta-result-grid-row-alt:hover
{
  background-color: #6edbf0;
  color: #fff;
  cursor: pointer;
}

.error-grid-row:hover
{
  color: #000;
}

.result-grid-row, .result-grid-row-alt, .fta-result-grid-row, .fta-result-grid-row-alt
{
  border-style: none;
}

  .result-grid-row td:nth-child(2), .result-grid-row-alt td:nth-child(2), .fta-result-grid-row td:nth-child(2), .fta-result-grid-row-alt td:nth-child(2), .failed-result-grid-row td:first-child, .failed-result-grid-row-alt td:first-child
  {
    background-color: #fff;
  }

.failed-result-grid-row td:nth-child(2)
{
  background-color: #f6f6f3;
}

.failed-result-grid-row-alt td:nth-child(2)
{
  background-color: #ebebe9;
}

.result-grid-row td:nth-child(4), .result-grid-row-alt td:nth-child(4), .fta-result-grid-row td:nth-child(4), .fta-result-grid-row-alt td:nth-child(4), .fta-result-grid-row td:nth-child(5), .fta-result-grid-row-alt td:nth-child(5), #Fixed-Term-Results-Summary table .result-grid-row td:nth-child(5), #pnlFixedTermResults table .result-grid-row td:nth-child(5)
{
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(122, 193, 67); /* RGBa with 0.6 opacity */
  background-color: rgba(122, 193, 67, 0.3); /* For IE 5.5 - 7*/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c7ac1, endColorstr=#4c7ac1); /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c7ac143, endColorstr=#4c7ac143)";
}

.grid_separator
{
  border-style: none;
}

  .grid_separator td
  {
    color: #ffffff;
    background-color: #ffffff !important;
    height: 6px !important;
    border-style: none;
    font-size: 0pt;
  }

    .grid_separator img, .grid_separator td input, .grid_separator td div
    {
      display: none;
    }

.pager span, .pager a
{
  padding: 2px 1px;
}

.pager
{
  border: 1px solid #000;
}

  .pager td
  {
    border-left: 0px;
  }

.empty-data, .empty-data td
{
  border: none;
  width: 740px;
}

  .empty-data td p
  {
    width: 97%;
    text-align: center;
  }

/* HOME PAGE STYLES */

#homepage-links
{
  display: block;
  margin: 12px 0px;
  padding: 0px;
  clear: both;
}

  #homepage-links ul
  {
    margin: 0px;
    padding: 0px;
  }

    #homepage-links ul li a
    {
      display: block;
      float: left;
      width: 310px;
      height: 76px;
      padding: 4px;
      border: 4px solid #abe328;
      text-decoration: none;
    }

    #homepage-links ul li
    {
      list-style: none;
      display: inline-block;
      width: 340px;
      margin-right: 36px;
      vertical-align: middle;
      background: url('../../images/pointer-green.jpg') no-repeat center right;
    }

#providers-table
{
  width: 100%;
}

.tick
{
  background: url('../../images/tick_circle.png') no-repeat center center;
}

/* ABOUT PAGE STYLES */

#benefits-table
{
  margin: 4px;
  border: 1px solid #000;
}

  #benefits-table td
  {
    padding: 6px;
    border: 1px solid #000;
    width: 100px;
    text-align: center;
  }

  #benefits-table tr td:first-child
  {
    width: 618px;
    text-align: left;
  }

/* CONTACT PAGE STYLES */

#contact-details
{
  width: 300px;
  float: left;
}

  #contact-details h1
  {
    margin-top: 0px;
  }

  #contact-details .section
  {
    min-height: 250px;
  }

#map_canvas
{
  margin: 0px 12px;
  width: 412px;
  height: 350px;
  float: left;
}

/* COOKIE PAGE STYLES */

.cookie_disclaimer
{
  font-size: 9pt;
  border: 1px solid #13b901;
  background-color: #d6fad2;
  color: #333;
  margin: 4px 4px 4px 0px;
  padding: 4px;
  width: 270px;
}

.cookie_table, .cookie_table th, .cookie_table td
{
  border: 1px solid #000;
}

/* LOGIN PAGE STYLES */

#login-form, #forgotten-password
{
  width: 270px;
}

  #login-form table, #forgotten-password table
  {
    width: 100%;
  }

    #login-form table tr td
    {
      text-align: left;
      padding: 4px;
    }

  #login-form tr:first-child
  {
    font-weight: bold;
  }

  #forgotten-password table tr td
  {
    text-align: left;
    padding: 4px;
  }

  #forgotten-password tr:first-child
  {
    font-weight: bold;
  }

.proxyLogin
{
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10.0pt;
  background-color: #ff0000;
}

/* MY CLIENTS PAGE */
#client-search, #recent-cases
{
  width: 500px;
  margin: 8px auto;
}

.unassigned
{
  color: #ff0000;
  font-size: 8pt;
}

.change-password tr:first-child
{
  font-weight: bold;
  text-align: left;
}

.change-password td
{
  text-align: left;
  padding: 2px;
}

/* FUND DETAILS PAGE */

#fund-warning
{
  width: 98%;
  margin: 0px auto;
}

  #fund-warning span
  {
    display: inline-block;
    width: 100%;
    padding: 4px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border: 2px solid #f20000;
  }

#enhanced-errors
{
  display: block;
  width: 100%;
  padding: 4px;
  border: 2px solid #f20000;
  color: #f20000;
}

.ajax__slider_h_rail
{
  display: inline-block;
}

/* RESULT PAGE STYLES */


.nastyGradient2
{
  background: -moz-linear-gradient(top, rgba(243,169,11,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,169,11,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99f3a90b', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.assumption-quotes .section, .assumption-quotes .no-results-panel, .assumption-quote-summary, .assumption-quotes .fixedTermOptions
{
  border-color: #f3a90b;
  background: #FCDA99;
  background-image: none;
  background: -moz-linear-gradient(top, rgba(243,169,11,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,169,11,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(243,169,11,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99f3a90b', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

  .assumption-quote-summary:hover
  {
    background-color: #f3a90b;
  }

.assumption-quotes h1, .assumption-quotes h2, .assumption-quotes h3, .assumption-quotes h4
{
  border-bottom-color: #f3a90b;
}

/* APPLICATION FORM STYLES */

.doctor-section-left
{
  width: 360px;
  float: left;
}

.doctor-section-right
{
  width: 360px;
  float: right;
}

.ceding-total-label
{
  vertical-align: top;
  text-align: right !important;
}

/* ENHANCED JOURNEY */

.block-element
{
  display: none;
  width: 300px;
  height: 60px;
  padding: 0px 6px;
  text-align: center;
  background: url('../../images/progress-loader.gif') no-repeat center 90%;
  margin-bottom: 10px;
}

  .block-element h1
  {
    padding: 6px;
    font-size: 18px;
    font-family: Arial,Helvetica,sans-serif;
  }

#enhanced-mainarea-right h1
{
  margin-top: 0px;
  margin-bottom: 10px;
}

.ui-datepicker-year
{
  float: left;
}

.ui-datepicker-month
{
  float: right;
}

.input-box-normal
{
  position: relative;
  z-index: 1;
  border: 1px solid #949c94;
  behavior: url(../../PIE.htc);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: #949c94 0px 2px 3px;
  -moz-box-shadow: #949c94 0px 2px 3px;
  box-shadow: #949c94 0px 2px 3px;
  padding: 5px;
}

.input-box-required
{
  position: relative;
  z-index: 1;
  border: 1px solid #949c94;
  behavior: url(../../PIE.htc);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  background-color: #8ddfc7;
}

.input-box-invalid
{
  border: 2px solid Red;
  background-color: #fedcd3;
}

.select-list-required
{
  background-color: #8ddfc7;
}

#enhanced-mainarea
{
  background-color: White;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
}

#enhanced-mainarea-left
{
  float: left;
  background-color: white;
  width: 190px;
  padding: 10px;
  min-height: 450px;
}

#enhanced-mainarea-right
{
  float: left;
  background-color: white;
  width: 524px;
  border-left: 2px solid #abe329;
  overflow: auto;
  padding: 10px;
  border-top: none;
  border-bottom: none;
  border-right: none;
  min-height: 450px;
}

  #enhanced-mainarea-right table
  {
    width: 100%;
    margin-bottom: 12px;
    border-collapse: collapse;
  }

#enhanced-submission
{
  clear: both;
  width: 524px;
  padding: 8px;
  margin-left: 210px;
  border-left: 2px solid #abe329;
}

.nav_left_item
{
  border: 1px solid #ccc;
  height: 20px;
  background: #EEEEEE;
  padding: 5px;
}

  .nav_left_item img
  {
    float: right;
    margin-top: 2px;
    display: none;
  }

  .nav_left_item a
  {
    color: #6a737b;
    font-weight: bold;
  }

.nav-left-selected
{
  background-color: #abe329;
  color: #6a737b;
}

#divAnn, #divDep
{
  color: #444;
  text-decoration: none;
}

  #divAnn:hover, #divDep:hover
  {
    text-decoration: underline;
  }

.error
{
  color: Red;
  padding: 10px;
  font-size: 10pt;
}

.success
{
  color: Green;
  padding: 10px;
  font-size: 10pt;
  font-weight: bold;
}

.label_left
{
  display: inline-block;
  width: 200px;
  text-align: right;
  padding: 5px;
}

#ann_diabetes_details textarea
{
  width: 300px;
}

#ann_heart_condition textarea
{
  width: 225px;
}

#ann_diabetes_details input[type=checkbox]
{
  vertical-align: top;
}

input[type=text].small_input
{
  width: 22px;
}

input[type=text].input-size-225
{
  width: 225px;
}

input[type=text].input-size-50
{
  width: 50px;
}

.input-on-top
{
  z-index: 101;
}

.validation_error
{
  color: Red;
}

.horizontal_rbl input[type=radio]
{
  display: none;
}

.horizontal_rbl label
{
  /*IE* fix - was inline-block before*/
  display: inline;
  vertical-align: middle;
  width: auto;
}

span.horizontal_rbl
{
  padding-left: 0px;
}

.heart-condition-list label
{
  width: auto;
}

.autocomplete_completionListElement
{
  margin-top: 0px;
  font-size: 12px;
  font-weight: bold;
  list-style-type: none;
  border: buttonshadow;
  border: 1px solid black;
  background-color: #ffffff;
  width: auto !important;
  margin: 0px !important;
  overflow: auto;
  text-align: left;
  padding: 2px 4px;
}

#updProductTypes
{
  display: inline;
}

.restricted-multilinetext
{
  padding: 4px 66px 0px 0px;
  font-size: 8pt;
  text-align: right;
}


.noLowerMargin
{
  margin-bottom: 0px;
}

.someTopMargin
{
  margin-top: 18px;
}

.fixedTermOptions
{
  border: 1px #7DC343 solid;
  margin-bottom: 10px;
  padding: 10px;
}


  .fixedTermOptions .title
  {
    text-align: right;
    padding-right: 20px;
    font-weight: bold;
  }

  .fixedTermOptions input[type="radio"]
  {
    margin-bottom: -2px;
  }

  .fixedTermOptions label
  {
    vertical-align: middle;
  }

  .fixedTermOptions td
  {
    padding-left: 15px;
  }

  .fixedTermOptions tr
  {
    height: 28px;
  }

  .fixedTermOptions .fixedWidth
  {
    width: 90px;
  }

  .fixedTermOptions .entryBox
  {
    min-width: 80px;
    float: left;
    height: 30px;
  }

  .fixedTermOptions .entryBoxDd
  {
    min-width: 100px;
    float: left;
    height: 30px;
    padding-left: 4px;
  }

  .fixedTermOptions .entryBoxTitle
  {
    min-width: 120px;
    float: left;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
  }

.rightFloater
{
  float: right;
  font-size: 12px;
  cursor: pointer;
}

.fixedTermOptions .addQuotes
{
  text-align: center;
  float: right;
  background: #ff0000;
}

.fixedTermOptions .operatingNotes
{
  float: left;
  margin-top: 4px;
}

.fixedTermOptions .waitBar
{
  width: 160px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
  float: right;
  margin-top: 4px;
  margin-right: 250px;
}

.fixedTermOptions .buttonContainer
{
  padding-top: 15px;
}

.commIndicator
{
  font-size: 10px;
  position: absolute;
  right: 5px;
  bottom: 3px;
  text-decoration: underline;
}

  .commIndicator:hover
  {
    color: #33cc33;
  }

.annuityTypeBox
{
  position: relative;
  padding-bottom: 17px !important;
}

.commSliderContainer
{
  width: 322px;
  height: 80px;
  border-radius: 2px;
  background: #bbbbbb;
  border: #8DCA09 solid 2px;
  display: none;
  z-index: 1000;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}

  .commSliderContainer .header
  {
    background: #8DCA09;
    width: 100%;
    text-align: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding-top: 3px;
    padding-bottom: 4px;
    margin-bottom: 5px;
  }

.sliderInternal
{
  margin-left: 2px;
  width: 100%;
  height: 17px;
}

.waitInternal
{
  margin-left: 2px;
  width: 100%;
  height: 17px;
}

.calculateCommissionButton
{
  float: right;
  margin-top: 10px;
  margin-right: 3px;
}

.commissionValues
{
  float: left;
  text-align: left;
  margin-left: 10px;
  margin-top: 7px;
}


#commSlider
{
  position: relative;
}

  #commSlider:after
  {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    top: -30px;
    left: 45px;
    border: 15px solid transparent;
    border-bottom-color: #8DCA09;
  }

.lvOnly
{
  border-radius: 5px;
  border: solid 1px #EEF888;
  padding-top: 10px;
  margin-bottom: 10px;
  background: rgba(161,206,63,1);
}

  .lvOnly .notes
  {
    float: right;
    font-size: 10px;
    width: 450px;
    text-align: right;
    padding-right: 10px;
  }

.warnCanadaLife
{
  font-size: 12px;
  margin-left: 20px;
}

  .warnCanadaLife img
  {
    margin-top: -5px;
    vertical-align: text-bottom;
  }

/* ===================================  LIST CLASSES  ================================ */

.list--large-bullets {
  list-style: none;
}

  .list--large-bullets li {
    margin-bottom: 5px;
  }

  .list--large-bullets li:before
  {
    content: "\2022";
    font-size: 2em;
    displaY: inline-block;
    transform: translate(-100%, 10%);
    margin-right: -0.15em;
    margin-top: -0.5em;
    vertical-align: top;
  }


/* =================================  ALERT CONTAINER  =============================== */
.alert-notice {
  background: rgba(255,0,0,0.25);
  border: 2px solid #ff0000;
  padding: 1rem;
}

/* ==================================  CONSENT FLAGS  ================================ */

.consent-flag
{
  padding: 0.2rem 0.5rem;
  border-width: 1px;
  border-style: solid;
  border-color: #555555;
  background-color: #eeeeee;
  color: #333333;
  display: inline-block;
  margin-left: 0.2rem;
  vertical-align: middle;
  border-radius: 0.5em;
}

.consent-switch
{
  border-color: #aa0000;
  background-color: #e24747;
  color: #ffffff;
}

.consent-switch.-phone::before
{
  content: "CANNOT CALL";
}

.consent-switch.-sms::before
{
  content: "CANNOT SMS";
}

.consent-switch.-post::before
{
  content: "CANNOT POST OUT";
}

.consent-switch.-email::before
{
  content: "CANNOT EMAIL";
}

.consent-switch.-consented
{
  border-color: #208a20;
  background-color: #7cc56a;
  color: #ffffff;
}

.consent-switch.-phone.-consented::before
{
  content: "CAN CALL";
}

.consent-switch.-sms.-consented::before
{
  content: "CAN SMS";
}

.consent-switch.-post.-consented::before
{
  content: "CAN POST OUT";
}

.consent-switch.-email.-consented::before
{
  content: "CAN EMAIL";
}

.consent-toggle:not(.-consented):not(.-inverted)
{
  display: none;
}

.consent-toggle.-inverted.-consented {
  display: none;
}